/**
 * GENERAL
 */

.title {margin-top: 0;font-size: 24px;font-weight: bold;letter-spacing: -2px;}
h3 {color: black;font-size: 21px;font-weight: bold;letter-spacing: -1.5px;line-height:1.5;}
h4 {font-size: 20px;font-weight:300;padding-bottom:5vh;line-height:1.5;}

/**
 * BANNIERE
 */

#banniere-phtb .haut{
    background: url('../images_formation/images_phtb/fond-htb.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}

#banniere-phtb .filtre {
    background: rgba(2, 55, 86, 0.7);
    background-size: cover;
    color: #fff;
    min-height: 200px !important;
}

#banniere h3 {letter-spacing: -2px;}

/**
 * PRESENTATION 
 */

#presentation .text {font-weight: 300;font-size: 18px;line-height: 1.5;text-align: justify;padding: 0 4vh 2vh;}
#presentation img {max-width: 500px;width: 80%;}
#presentation .dispo a {color:white; text-decoration: underline;}

@media only screen and (min-width:767px) {
    #presentation .content {display: flex;justify-content: center;align-items: center;}
    #presentation .text {max-width: 700px;}
}

.renseignement-formation div.dispo {
    display: inline-block;
    width: 200px;
    margin: 15px 30px;
    border: 1px solid #046197;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #046197;
    color: white;
}

/**
 * CIBLES
 */

#cibles {padding: 4vh;margin: 0 8vh;background-size: cover;}
#cibles h3,#cibles .explanation {padding: 10px 10px;margin: 0;font-size: 17px;}
#cibles .text {padding: 15px 0;display: flex;flex-direction: column;align-items: center;font-weight: 300;}
#cibles img {max-width: 120px;}
#cibles .text {height: 400px;}
#cibles .text:hover {background-color: #046197;color: white !important;}
#cibles .text:hover h3 {color: white !important;}
#cibles .zone1, #cibles .zone3, #cibles .zone5 {background-color: #f0f0f0;}
#cibles .zone1, #cibles .zone2, #cibles .zone4, #cibles .zone5 {border-right: solid 1px #8a8c8f;}
#cibles .zone4, #cibles .zone5, #cibles .zone6 {border-top: solid 1px #8a8c8f;}

@media only screen and (min-width:1200px) {
    #cibles .text {height: 400px;}
}

@media only screen and (max-width:992px) {
    #cibles .zone1, #cibles .zone2, #cibles .zone3, #cibles .zone4, #cibles .zone5 {border: none;border-bottom: solid 1px #8a8c8f;}
    #cibles .text {height: 370px;}
}

@media only screen and (max-width:550px) {
    #cibles {padding: 0;margin: 4vh;}
}

@media only screen and (max-width:500px) {
    #cibles .text {height: 400px;}
}

/**
 * PROCESSUS
 */

#processus .bloc {background-color: #F0F0F0;border-radius: 10px;padding: 3vh 8vh;margin: 2vh; font-weight: 300; font-size: 17px;text-align: justify;}
.rectangle {margin-left: 35px;height: 10px;width: 20px;background-color: #F0F0F0;}
.triangle {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 15px solid #F0F0F0;margin-left: 25px;}
.img-up-content {margin-top: 20%;width: 80%;}
.img-down-content {margin-top: 35%;width: 80%;}

/**
 * EXPERTISE
 */

#expertise h3 {padding: 10px 0;}
a.pdf {font-size:17px;height:40px;line-height:40px;font-variant: inherit;letter-spacing: -1px;}

/**
 * TEMOIGNAGE SLIDE
 */

.img-temoignage-phtb1 {
    background: url('../images_sifoee/temoignages/temoignage-dwe.jpg') center no-repeat;
    width: 150px;height: 150px;margin: auto auto auto 40px;border-radius: 50%;
}

.img-temoignage-phtb2,
.img-temoignage-phtb3 {
    background: url('../images_sifoee/temoignages/temoignage-sifoee.jpg') center no-repeat;
    width: 150px;height: 150px;margin: auto auto auto 40px;border-radius: 50%;
}