.div_titre_haut{
    background-image:url('/Images/banniere_savoir_faire.png');
}

.container_titre_haut{
    color:white;
}

.breadcrumb-item,
.breadcrumb-item >.active{
    color:white;
}

.col-savoirfaire{
    max-width:1100px;
    margin:auto;
}

.countSatisf{
    color: #e9212d;
    font-family: "Cairo", sans-serif;
    font-size: 125px;
    font-weight: 700;
    line-height: 40px;
    text-align:center;
    display: block;
    width: 300px;
    height: 60px;
    margin: 20px auto;
}

.txtSatif{
    font-family: "Cairo", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 30px;
    text-align:center;
    width: 300px;
}

.barreObjectif{
    font-family: "Cairo", sans-serif;
    font-size:20px;
    font-weight: 700;
    color:#000000;
    text-align:justify;
    margin: 20px;
    padding: 20px;
    line-height :20px;
    border-left: solid 5px #e3002a;
    display: block;
}

.fond_blanc{
    background-color: white;
}

.titreEngagement{
    font-family: "Cairo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color : black;
    display: block;
    text-align: center;
}

.pMedium{
    font-size: 16px;
}



/* Gestion responsive engagement */
.col_engagement{
    width: 225px;
    margin: 10px 5px;
    padding:0;
}

.col_sf_gauche{
    width:50%;
}

.col_sf_droite{
    width:50%;
}

.contain_engagement{
    padding:0;
    margin:auto;
}

@media screen and (min-width:1101px){
    .col-savoirfaire{margin: auto;max-width:1100px;margin: auto;}
    .col_engagement{margin: 10px 10px;}
    .contain_engagement{width:1100px;}
    .col_sf_gauche{width:50%;}
    .col_sf_droite{width:50%;}
    .countSatisf{font-size:150px;}
    .txtSatif{font-size:21px;}
}

@media screen and (min-width:991px) and(max-width:1100px){
    .col-savoirfaire{width:700px; max-width:700px; margin: auto 20px;}
    .contain_engagement{width:700px;}
    .col_engagement{margin: 10px 1px;}

    .col_sf_gauche{width:900px;min-width:900px;margin:0px auto 10px auto;}
    .col_sf_droite{width:900px;min-width:900px;margin:10px auto 0px auto;}
    .countSatisf{font-size:125px;}
    .txtSatif{font-size:21px;}
}

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

    .col_sf_gauche{width:600px;min-width:600px;margin:0px auto 10px auto;}
    .col_sf_droite{width:600px;min-width:600px;margin:10px auto 0px auto;}
    .countSatisf{font-size:200px;}
    .txtSatif{font-size:26px;}
}

@media screen and (max-width:600px){
    .col-savoirfaire{margin: auto 200px;max-width:95%;margin: auto 2%;}
    .col_engagement{margin: 10px auto;}
    .contain_engagement{width:100%;}
    .col_sf_gauche{width:500px;min-width:500px;margin:0px auto 10px auto;}
    .col_sf_droite{width:500px;min-width:500px;margin:10px auto 0px auto;}
    .countSatisf{font-size:200px;}
    .txtSatif{font-size:26px;}
}