@font-face {
    font-family: Bebas;
    src: local("Bebas Neue Bold"),
         local("BebasNeue-Bold"),
         url("/assets/font/Bebas_Neue/BebasNeue-Regular.ttf");
}

@font-face {
    font-family: Roboto;
    src: url("/assets/font/Roboto/Roboto-Regular.ttf");
}
 
a{
    color:#000;
    text-decoration: none;
}
.navbar-brand img{
    width: 150px;
}
#bandeauAcceuil{
    background-image: url('/assets/images/reference/chantier.jpg');
    background-size: cover;
}
.bandeau{
    overflow-x: hidden;
}
#ondeBleu{
    background-image: url('/assets/images/onde_bleu.svg');
    background-size: cover;
    min-height: 60px;
}
#ondeBleu p{
    font-size: 25px;
    color:#4A4949;
}
.bg-ondebleu{
    background-color: #b7ddee;
}
#carouselExampleSlidesOnly{
    width: 100%;
}
.imgActu{
    background-repeat: no-repeat;
    background-size: cover;
    height: 318px;
    width:558px;
}
.imgActuMask{
    mask-image: url(/assets/images/home/mask.svg);
    -webkit-mask: url(/assets/images/home/mask.svg);
    -o-mask: url(/assets/images/home/mask.svg);
    -ms-mask: url(/assets/images/home/mask.svg);
}
.f-16{
    font-size: 16px;
}
.f-25{
    font-size: 25px;
}
#illustrationFooter{
    background-image:url('/assets/images/footer_illu.svg');    
    background-size: cover;
    height: 650px;
    padding-top: 50px;
}
#illustrationFooter #text{
    font-size: 22px;
    color: #006F8E;
}
#btnCall{
    height: 55px;
    width: 150px;
    margin-top:120px;
    margin-right: -80px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #F6BE0C;
    transition: margin-right 0.2s ease-out 100ms
}
#btnCall:hover {
    margin-right:-40px;
    cursor: pointer;
}
#btnContact{
    height: 55px;
    width: 150px;
    margin-top:10px;
    margin-right: -80px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #F49832;
    transition: margin-right 0.2s ease-out 100ms
}
#btnContact:hover {
    margin-right:-40px;
    cursor: pointer;
}
#btnLinkedin{
    height: 55px;
    width: 150px;
    margin-top:10px;
    margin-right: -80px;
    overflow: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #E84C13;
    transition: margin-right 0.2s ease-out 100ms
}
#btnLinkedin:hover {
    margin-right:-40px;
    cursor: pointer;
}
#linkMentions{
    margin-left: 5px;
}
#footerNav{
    font-size: 12px;
}
#topOrangeBubble{
    background-image:url('/assets/images/home/orange_top_bubble.svg');    
    background-size: cover;
    height: 130px;
    background-repeat: no-repeat;
    background-position: bottom;
}
.orangeBubble{
    background-color: #f1921c;    
    background-size: cover;
}
#bottomOrangeBubble{
    background-image:url('/assets/images/home/orange_bottom_bubble.svg');    
    background-size: cover;
    height: 105px;
    background-repeat: no-repeat;
    background-position: bottom;
}
#intro{
    background-image:url('/assets/images/home/orange_bubble.svg');    
    background-size: cover;
    color: #fff;
    text-align:center;
}
#orangeBubble img{
    height: 50px;
}
#btnProjet{
    background-color: #E84C13;
    color: #fff;
    border-radius: 30px;
    height: 30px;
    width: 300px;
    padding: 2px;
}
.slideLeft{
    animation-duration: .2s;
    animation-name: slideLeft;
    animation-iteration-count: 1;
    transition: none;
 }
 @keyframes slideLeft {
   0%   { margin-right:-80px; }
   100% { margin-right:-40px; }
 }
.text-siprev{
    color:#006F8E;
    font-size: 18px;
}
.text-siprev h2{
    text-transform: uppercase;
    font-size: 22px;
}
.text-siprev-orange{
    color:#fff;
    font-size: 18px;
}
.text-siprev-orange h2{
    color: #006F8E;
    font-size: 22px;
}
.quoteStart{
    align-self: flex-start;
}
.quoteEnd{
    align-self: flex-end;
}
.titleBebas{
    font-family: Bebas;
    font-size: 22px;
}
.guillemet{
    font-family: Roboto;
}
 /*===========PAGE PRESENTATION===========*/
#bandeauPresentation{
    background-image: url('/assets/images/presentation/chantier.jpg');
    background-size: cover;
    height:500px;
}
#ondeBlanche{
    background-image: url('/assets/images/onde_blanche.svg');
    background-size: cover;
    position: relative;
    top:-120px;
    height: 300px;
    margin:0px;
    padding: 0px;
    padding-top: 60px;
}

#btnNosMission{
    background-color: #F49832;
    color: #fff;
    border-radius: 30px;
    height: 30px;
    width: 300px;
    text-align-last: center;
    padding: 2px;
}
.avatar{
    width: 150px;
    background-color:#ccc;
}
.titreAvatar{
    color:#006F8E;
    
}
#motPresident{
    font-size:20px;
}
 /*===========PAGE PRESENTATION===========*/
 /*===========PAGE DIPREV=================*/
#bandeauDiprev{
    background-image: url('/assets/images/innovation/DI_PREV.jpg');
    background-size: cover;
    height:500px;
}
#ondeBleuDiprev{
    background-image: url('/assets/images/onde_bleu.svg');
    background-size: cover;
    position: relative;
    top:-120px;
    height: 120px;
    margin:0px;
    padding: 0px;
    padding-top: 60px;
    text-align: center;
    font-size: 22px;
    color: #006F8E;
}

 /*===========PAGE DIPREV=================*/
 /*===============PAGE REFERENCE==========*/
 #bandeauReference{
    background-image: url('/assets/images/reference/chantier.jpg');
    background-size: cover;
}
#ondeBlancheReference{
    background-image: url('/assets/images/onde_blanche.svg');
    background-size: cover;
    position: relative;
    top:0px;
    height: 50px;
    margin:0px;
    padding: 0px;
    padding-top: 60px;
}
.borderImg{
    border:1px solid #bbb;
}
#referenceDetail h1{
    color:#006F8E;
    font-size: 24px;
}
#referenceDetail h2{
    color:#006F8E;
    font-size: 18px;
}
#referenceDetail img{
    max-width: 300px;
}
.titleNews{
    background-color: #fff;
    position: relative;
    bottom: 50px;
    margin:0px 2px;
    padding:0px 5px;
    font-style: italic;
}
 /*===============PAGE REFERENCE==========*/
 #bandeauMission{
    background-image: url('/assets/images/extincteur.jpg');
    background-size: cover;
    height:500px;
}