.buttonEnSavoirPlus {
	background-color:rgb(219, 13, 20); /*#e3002e;*/
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:"Open Sans", sans-serif;
	font-size:17px;
	padding:20px 29px;
	text-decoration:none;
    text-transform: uppercase;
    font-weight: 700; 
    border: 0px rgb(255, 255, 255); 
    text-align: left; 
    line-height: 20px; 
    letter-spacing: 0px; 
    margin: 0px; 
    border-radius: 0px;
}
.buttonEnSavoirPlus:hover {
	background-color:rgb(219, 13, 20); /*#e3002e;*/
}
.buttonEnSavoirPlus:active {
	position:relative;
	top:1px;
}

.container_accueil{
    /*width:1100px;*/
    margin:auto;
}

.container_accueil_contact{
    background-image: url('/Images/slide_centre_appel.png'); 
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover; 
}

.container_centre_appels{
    width:1100px;
    margin:auto;
}

.titre_accueil{
    font-family: "Cairo", sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    margin-left:30px;
    color:black;
}

.soustitre_accueil{
    font-family: "Cairo", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-left:30px;
    color:black;
}

.btnSavoirPlus_slide{
    margin-left:30px;
    position:relative;
    bottom:0px;
}

.titre_centre{
    font-size:40px;
    font-family: "Cairo", sans-serif;
    font-weight:700;
    line-height: 44px;
    padding: 20px auto ;
    margin: 20px auto;
    text-transform: uppercase;
}

.titre_centre::before,
.titre_centre::after
{
    content:'';
    display: block;
    width: 52px;
    height: 3px;
    background: #e3200e;
    margin: auto;
}

.titre_centre::before{
    margin-bottom: 22px;
}
.titre_centre::after{
    margin-top: 22px;
}

.container_accueil_apropos{
    width:1100px;
    margin:auto;
}

.text_apropos{
    color:#777777;
    font-family: "Open Sans", sans-serif;
    font-size:18px;
    line-height:22px;
    text-align:center;
}

.container_accueil_metiers{
    background-image:url('/Images/fond_metiers.png'); 
    background-size:cover;
    align-items: center;
}

.container_card_metier{
    margin: auto 50px;
    align-items: center;
}

.card {
    width:250px;
    height:300px;
    margin:15px;
    padding:0px;
    display:block;
}

.card-body
.card_img{
    margin:0px;
    padding:0px;
}

.card-title {
    margin: 20px 15px;
    text-align: left;
    height: 60px;
    font-family: "Cairo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.cardTitleMetier:hover{
    color: #e3200e;
}

.cardTitleMetier::after
{
    content:'';
    display: block;
    width: 52px;
    height: 3px;
    background: #e3200e;
    margin-top: 22px;
}

.card-img{
    filter: grayscale(0);
    filter: brightness(100%);
    transition: all 1s;
    border-radius: 0;
}
.card-img:hover{
    filter: grayscale(1);
    filter: brightness(50%);
    transition: all 1s;
}
.card_img:hover::after{
    content:'';
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid white;
    position: absolute;
    z-index: auto;
    margin-top:-40%;
    margin-left:50%;
}

.cardLink{
    text-decoration: none;
    display: block;
}

.cardLink:hover > div{
    transform: translate(0,-10px);
    transition: .25s ease-in-out;
}
.cardLink > div{
    transform: translate(0,0px);
    transition: .25s ease-in-out;
}

.cardLink:hover img{
    filter: alpha(opacity=1);
    transition: .25s ease-in-out;
}

.cardLink > div > div > img{
    filter: alpha(opacity=0);
    transition: .25s ease-in-out;
}


.container_engagement{
    background-color: #f0f0f0;
    background-image:url('/Images/fond_engagement.png'); 
    background-size:cover;
}

.cercle_blanc{
    background-image:url('/Images/cercle_blanc.png'); 
    background-size:cover;
    text-align: center;
}

.bulle_engagement{
    width: 250px;
    height: 250px;
    margin: 10px 5px;
}

.container_engagement_inside{
    /*margin: 0px auto ;
    width:1200px;*/
    margin: auto 50px;
    align-items: center;
}

.text_engagement{
    font-family: "Cairo", sans-serif;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (min-width:1201px){
    .container_accueil_contact {min-height:750px;}
    .container_centre_appels {min-height: 750px;}
    .btnSavoirPlus_slide{height:250px;}
    .container_card_metier{margin: auto 50px;}
    .card {width:250px;}

    .container_engagement_inside{margin: auto 50px;}
    .titre_accueil{color:black;margin-top:150px;}
    .soustitre_accueil{color:black;}
}

@media screen and (min-width:991px) and (max-width:1200px){
    .container_accueil_contact {min-height:750px;}
    .container_centre_appels {min-height: 750px;}
    .btnSavoirPlus_slide{height:250px;}
    .container_card_metier{margin: auto 20px;}
    .card {width:200px;}

    .container_engagement_inside{margin: auto 150px;}
    .titre_accueil{color:black;margin-top:150px;}
    .soustitre_accueil{color:black;}
}


@media screen and (min-width:601px) and (max-width:990px){
    .container_accueil_contact {min-height:500px;}
    .container_centre_appels {min-height: 500px;}
    .btnSavoirPlus_slide{height:200px;}
    .container_card_metier{margin: auto 30px;}
    .card {width:400px;height:400px;margin-top: 30px;}
    .container_engagement_inside{margin: auto 60px;}
    .titre_accueil{color:white;margin-top:100px;}
    .soustitre_accueil{color:black;}
}

@media screen and (max-width:600px){
    .container_accueil_contact {min-height:500px;}
    .container_centre_appels {min-height: 500px;}
    .btnSavoirPlus_slide{height:150px;}
    .container_card_metier{margin: auto 0px;}
    .card {width:100%;height:400px;margin-top: 50px;}
    .container_engagement_inside{margin: auto 0px;}
    .titre_accueil{color:white;margin-top:100px;}
    .soustitre_accueil{color:white;}
}



/* Gestion responsive engagement */
@media screen and (min-width:1101px){
    .container_accueil_engagement{margin: auto;max-width:1100px;}
    .bulle_engagement{margin: 10px 10px;}
    .contain_engagement{width:1100px;}
}

@media screen and (min-width:991px) and(max-width:1100px){
    .container_accueil_engagement{width:700px; max-width:700px; margin: auto 200px;}
    .contain_engagement{width:700px;}
    .bulle_engagement{margin: 10px 1px;}
}

@media screen and (min-width:601px) and (max-width:990px){
    .container_accueil_engagement{margin: auto 200px;max-width:700px;}
    .bulle_engagement{margin: 10px 20px;}
    .contain_engagement{width:700px;}
}

@media screen and (max-width:600px){
    .container_accueil_engagement{margin: auto 200px;max-width:95%;}
    .bulle_engagement{margin: 10px 20px;}
    .contain_engagement{width:100%;}
}