.mt60{
    padding-top: 60px;
}

.pdlft200{
    padding-left: 200px;
}

html {
    height: 100%;
}
body{
    min-height: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    text-decoration: none;
    position: relative;
    font-size: 18px;
}

footer {
    position: absolute; bottom: 0; left: 0; right: 0;
}



::selection{
    background-color: #666666;

}

.card-body{
    background-color: #fff;;
}
.marginNegatifHaut{
    margin-top: -160px;
}
.marginNegatif30{
    margin-top: -30px;
}
.jaune{
    background-color: #e5c234;
}
.bandeHaut{
    min-height: 250px;

}
.bandeHautBlanc{
    min-height: 40px;

}

.bandeBas{
    display: inline-block;
    vertical-align:bottom;
    height: 225px;
    width: 100%;
}

.padGD{
    padding-left: 4%;
    padding-right: 4%;
}

.margCol{
    margin: 4%;
}

.margColeleve{
    margin-left: 10%;
    margin-right: 10%;
}

.rond{
    border-radius: 50%;
}
.legende{
    margin-top:20px;
    margin-right: 3%;
    margin-left: 3%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 10px;
    font-weight: bold;
}

.legendePofil{
    margin-right: 3%;
    margin-left: 3%;
    padding-left: 5%;
    padding-right: 5%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 8px;
    margin-bottom: 20px;
}

.dropbtn {
    border: none;
    cursor: pointer;
}

.hauteurImageMenu{
    height: 70px;
    margin-top:28px;
}

.paddMenuResponsive
{
    padding-bottom: 30px;
}

.drResponsvive:hover{

}

.menuBold{
    font-weight: bold;
}




.temoignages{
    padding-top: 30px;
    padding-bottom: 30px;
}

.temoignagesParents{

    padding-top: 30px;
    padding-bottom: 30px;
}
.placardParent{

}

.flushBas{
    margin-bottom: -3px;
}

.cadre{
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    padding-top: 15px;
    display: flex;
    align-items: center;

}
.vertFooter{

}
.triangle{
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 20px solid transparent;
    border-bottom : 20px solid transparent;
    border-left : 20px solid #e5e9ec;
}
.triangleProf{
    display : inline-block;
    height : 0;
    width : 0;
    border-top : 20px solid transparent;
    border-bottom : 20px solid transparent;

}

.partenaires{
}
.bgimage{
    background-image: url("https://projetsmetiers.org/img/gauche.png");
}

.blanc{
    color:#e5e9ec;
}

.PargPiedPage{
    font-size: 24px;
    padding-bottom: 60px;
}
.paddRight{
    padding-right: 60px;
}

.boutonPiedPage {
    background-color: #e5e9ec;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 12px;
    border: 2px solid #e5e9ec;
    font-size: 36px;
}

.boutonPiedPage:hover{

    text-decoration: none;
}
.boutonPM {

    font-weight: bold;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 12px;
    font-family: 'OdibeeSansRegular', sans-serif;
    font-size: 36px;
}

.boutonPM:hover{

    text-decoration: none;
}

.centrerPP{
    margin-bottom: 60px;
    padding-right: 4%;
    padding-left: 4%;
    margin-left: 35%;
}

.piedPageFlush{
    padding-bottom: 90px;
    padding-top: 90px;
}

.blocFooterBas{

    text-align: center;

}
.aLaLigne{
    min-height: 100px;

}

.aLaLine{
    min-height: 250px;
}
.aLaLigneSansCouleurs{
    min-height: 100px;
}
.logoBas{
    max-height: 200px;
    max-width: 250px;
    margin-top: -150px;
    margin-left: -150px;
}

.txtRouges{

}

.pd15{
    padding-left: 15px;
    padding-right: 15px;
}

.cardFooterRed{

    font-family: 'JosefinSansItalic', sans-serif;;
    margin: 10px;
}

.large{
    height: 200px;
}

.legend {
    max-width: 400px
}

.blocFooterBas {
    padding-top: 20px;
    text-align: center;
}

.boutonPerso {
    padding-left: 20px;
    padding-right: 20px;

    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    border-radius: 12px;
    font-family: 'OdibeeSansRegular', sans-serif;
    font-size: 36px;

}

.boutonPerso:hover {
    text-decoration: none;
}

.centrerButton {
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
}
.flex-container {
    display: flex;
    justify-content: left;
}
.flex-containerEnt {
    display: flex;
    justify-content: center;
}

.flex-container > div {
    width: 20%;
    margin: 10px;
    text-align: center;
    line-height: 19px;
    font-size: 18px;
}
.flex-containerEnt > div {
    width: 200px;
    margin: 10px;
    text-align: center;
    line-height: 19px;
    font-size: 18px;
}
.centrer {
    text-align: center;}