*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
    color: #4F5D68;
    font-family: "Open Sans", sans-serif
}

.background-blue{
    background-color: #4CC0D7; 
}
#navbarSupportedContent{
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}
header #connexion::before{
    content: "";
    display: inline-block;
    background: url("../img/icon-login.png");
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
header #navbarSupportedContent li> a{
    color: #fff;
}
h1{
    font-weight: bold;
    line-height: 28px;
    margin: 15px;
}
h1 span{
    font-size: 1.2rem;
}
h2{
    color: #C5E8EE;
    font-weight: bold;
}
h3{
    color: #fff;
    font-size: 1.1rem;    
}
h3 span{
    font-weight: bold;
}
h4{
    color: #45C0D0;
    font-weight: bold;
}
#gagnez-du-temps .col-md-8 >*{
    margin: 15px;
}
.btn.btn-warning{
    color: #4F5D68;
    background-color: #FFCE34;
    padding: 5px 20px;
}
.btn::before{
    content: ">> ";    
}
#compatibilite-partenariat{
    color:#82797E;
    background-color: #fff;
}
#compatibilite-partenariat{
    position: relative;
    top: 30px;
    box-shadow: 0 0 10px black;
    padding: 15px 10px;
}
#compatibilite-partenariat div:first-child:after{
    content: "";
    display: inline;
    height: auto;
    border: solid 1px #82797E;
    margin-left: 15px;
}
#compatibilite-partenariat div:first-child img{
    padding: 0 15px;
    filter: grayscale(100%);
}
/* #compatibilite-partenariat div{
    height:40px;
} */
#affiliation {
    margin: 100px 0 50px 0;
}
.btn{
    background-color: #FD8701;
    font-weight: 600;
    margin: 15px 0;
}
#programme-affiliation{
    background: #F8F8F6;
    padding-top: 50px ;
    padding-bottom: 90px;
}
.btn-grey{
    background-color: #82797E
}
#tentation-affiliation h2::after{
    content: "";
    display: block;
    width: 100px;
    height:5px;
    background: #82797E;    
    margin:100px auto 50px;
}
#tentation-affiliation .row{
    padding: 20px 0;
}
#tentation-affiliation a{
    color: #fff;
}
#tentation-affiliation .row img:not(.active){
    filter: grayscale(100%);
}
#citation p:first-child::before{
    content: "";
    display: inline-block;
    background: url("../img/quote-haut.svg") no-repeat;
    width: 50px;
    height: 37px;
    margin-right: 5px;
}
#citation p:first-child::after{
    content: "";
    display: block;
    background: url("../img/quote-bas.svg") no-repeat;
    width: 50px;
    height: 37px; 
    float: right;
}
.text-blue{
    color:#4CC0D7;
}
.btn-blue{
    background-color: #46BFD2;
    margin: auto;
}
#video{
    margin-top: 40px;
    padding: 0;
    position: relative;
}
#video img{
    width: 100%;    
}
#tentation-affiliation::after{
    content: "";   
    display: block; 
    
    border-bottom: solid 5px #45C0D0;      
}
#video .overlay{
    background-color: black;
    opacity: 0.5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
#video p{    
    top: 40px;
    left: 0;
    right: 0;
    margin: auto auto;       
    color:#fff;    
    font-size: 1.5rem;
    position: absolute;
}
#video p span{
    font-weight: bold;
}
.chiffres p{
    padding-top: 0;
    padding-bottom: 0;
}
.chiffres em{
    font-size: 3rem;
    font-style: normal;
    color: #45C0D0;
    font-weight: 1000;
}
h6{
    color: #45C0D0;
}
#contact{background-color: #82797E;}