.bluelink{display:inline-block;padding:10px 20px;background-color:#00a1c6;color:#FFF;font-size:0.85rem;line-height:1.2rem;font-weight:700;letter-spacing:0.05rem;text-transform:uppercase}
.bluelink:hover{background-color:#0085ae}
.maintext .page404 a.bluelink{color:#FFF;text-decoration:none}
#definition{padding:20px 0 30px}
#definition .maintext ul{margin-left:20px}
#definition li{padding-bottom:10px}
#definition li em{color:#ee7164}
.cta404{width:100%;text-align:center}
h4.subtitle{width:100%;text-align:center;font-size:1.8rem;text-transform:uppercase;font-weight:600;color:#FFF;padding:80px 0 30px;font-family:'Raleway',sans-serif}
h4.subtitle em{font-family:'Roboto',sans-serif;display:block;text-align:center;font-weight:400;font-size:1.2rem;margin-top:20px;font-weight:600;text-transform:none}
footer.padded{padding-top:80px;padding-bottom:30px;position:relative;color:#393939}
footer a{color:#393939}
footer a:hover{color:#0085ae}
#coords{font-size:0.9rem;line-height:1.4rem}
#coords a{color:#00a1c6}
footer .inbox{margin-top:20px}
footer mark{display:block;width:100%;background-color:transparent;color:#393939;text-transform:uppercase;font-size:1.1rem;line-height:1.1rem;font-weight:600;font-family:'Raleway',sans-serif}
footer mark::after{content:'';display:block;margin-bottom:10px;border-bottom:1px solid #00a1c6}
footer .inbox mark::after{margin-top:10px}
#social_networks a{color:#FFF;background-color:#393939;margin-right:10px;width:30px;height:30px;float:left;font-size:1rem;border-radius:50%}
#social_networks a:hover{background-color:#0085ae}
#copyright{width:100%;text-align:left;color:#393939;padding-top:50px;font-size:0.7rem}#blocs_news_title{width:100%;font-size:1.2rem;line-height:1.6rem;margin:30px 0 70px;text-align:center}
#blocs_news_title strong{display:block;text-transform:uppercase;font-weight:600;font-family:'Raleway',sans-serif;margin-bottom:20px;font-size:2.2rem;color:#00a1c6}
#blocs_news_title strong::after{display:block;content:'';width:100px;height:3px;overflow:hidden;margin:15px auto 0;background-color:#00a1c6}
.news_block{width:-webkit-calc(33.3333333333% - 50px);width:calc(33.3333333333% - 50px);overflow:hidden;line-height:1.1rem;color:#FFF;text-align:center}
.news_block p{width:100%;margin-bottom:8px}
.news_block p:last-child,.news_block p:last-of-type{margin-bottom:0}
.news_block strong.title{width:100%;display:block;color:#0085ae;background-color:#FFF;padding:15px;text-align:left;text-transform:uppercase;font-weight:700;font-size:1.1rem;font-family:'Raleway',sans-serif;letter-spacing:0.05rem}
.news a{color:#FFF;text-decoration:underline}
.news a:hover{color:lightgrey}
.news_block .content{padding:20px;height:200px}
#news1{background-color:#44bac4}
#news2{background-color:#ee7164}
#news3{background-color:#50c9d4}
#news4{background-color:#0085ae;font-size:0.9rem}
#news4 .content strong{display:block;margin-bottom:5px;font-size:1.1rem;line-height:1.2rem}
#news4 a{display:inline-block}
#news4 a::first-letter{text-transform:uppercase}
.news_block .content strong{font-weight:700}
#metiers.padded{margin:0 80px;padding:50px;background-color:#fff}
#metiers .chapo{width:100%;display:block;margin-bottom:80px;text-align:center;font-size:2.2rem;font-weight:600;color:#00a1c6;text-transform:uppercase;font-family:'Raleway',sans-serif}
#metiers .chapo::after{display:block;content:'';width:100px;height:3px;overflow:hidden;background-color:#00a1c6;margin:15px auto 0;opacity:0;-webkit-transition:opacity 800ms 1000ms;-o-transition:opacity 800ms 1000ms;transition:opacity 800ms 1000ms}
#metiers .chapo.active::after{opacity:1}
.metier{width:31%;text-align:center;padding:0 20px;line-height:1.2rem}
.metier:first-child{border-right:1px solid #9D9D9D}
.metier h3{font-weight:700;text-transform:uppercase;color:#9D9D9D;margin-bottom:10px;margin-top:40px;font-size:0.9rem}
.metier h3 mark{background-color:transparent;font-size:1.6rem;color:#000;font-family:'Raleway',sans-serif;font-weight:600;display:block;margin-bottom:20px}
.metier h3 strong{color:#ee7164;font-size:1.1rem}
.metier img{display:block;margin:0 auto;width:200px;height:200px;object-fit:contain}
.metier a{color:#FFF;display:inline-block;margin:20px auto}
#references.padded{height:auto;padding-top:100px;padding-bottom:100px;padding-left:-webkit-calc( (100% - 1100px) / 2);padding-left:calc( (100% - 1100px) / 2);padding-right:-webkit-calc( (100% - 1100px) / 2);padding-right:calc( (100% - 1100px) / 2);background-color:#00a1c6;margin:80px 0}
#references div.flex{height:100%;background-color:transparent;padding:0}
#references div.flex h4,#type_etudes h4{width:100%;text-align:center;font-size:2.2rem;text-transform:uppercase;font-weight:600;color:#FFF;padding:80px 0 50px;font-family:'Raleway',sans-serif}
body.white_to_blue #references div.flex h4{color:#FFF}
#references div.flex h4{padding-top:0;line-height:1rem}
#references .flex h4 em,#type_etudes h4 em{font-family:'Roboto',sans-serif;display:block;text-align:center;font-weight:400;font-size:1.2rem;line-height:1.5rem;margin-top:20px;text-transform:none}
#references a.box{width:245px;height:170px;margin:15px;padding:5px;text-align:center;position:relative}
#references a.box span{width:100%;height:100%;padding:5px;border:3px #FFF solid;background-color:transparent;-webkit-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
body.white_to_blue #references a.box span{border:3px #FFF solid}
#references a.box mark,#type_etudes mark{width:100%;font-size:1.4rem;letter-spacing:0.05rem;font-weight:600;color:#FFF;font-family:'Raleway',sans-serif;margin-bottom:15px;background-color:transparent}
#references a.box strong{width:100%;line-height:1rem;font-size:0.75rem;color:rgba(255,255,255,0.7)}
#references a em{display:block;margin-top:5px;font-weight:600}
#references a em::before{content:'';display:block;width:20px;height:1px;overflow:hidden;background-color:#FFF;margin:7px auto 5px}
#references a.box:hover span{background-color:#FFF;border:10px #00a1c6 solid}
#references a.box:hover mark{color:#00a1c6}
#references a.box:hover strong{color:rgba(0,133,174,0.7)}
#references a:hover em::before{background-color:#00a1c6}
#double_box{padding-bottom:30px;margin:0 100px}
#double_box .BO_Container,.CTA{width:-webkit-calc(100% - 300px);width:calc(100% - 300px)}
.CTA{padding:40px;background-color:#fff;color:#393939;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex
-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap
-o-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between}
.CTA i{font-size:5rem}
#double_box .BO_Container .CTA{width:100%}
#album_rouge.CTA{color:#FFF;margin-left:300px;margin-top:-80px;background-color:#c1272f;padding:0}
#album_rouge img{width:200px;height:420px;display:inline-block;object-fit:cover}
#album_rouge.CTA i{color:#FFF}
.album_left{width:-webkit-calc(100% - 200px);width:calc(100% - 200px);padding:40px}
.CTA h4,.CTA .intro{margin-bottom:10px}
.CTA h4{font-size:1.2rem;margin-bottom:20px}
.CTA h4 mark{display:block;background-color:transparent;margin-bottom:10px;color:#0085ae;font-size:2rem;font-family:'Raleway',sans-serif;font-weight:600;text-transform:uppercase}
#album_rouge.CTA h4,#album_rouge.CTA h4 mark{color:#FFF}
.CTA .intro{margin-left:130px;line-height:1.5rem}
#album_rouge.CTA .intro{margin-left:0}
.CTA a{margin-top:40px;display:inline-block;color:#FFF;background-color:#0085ae}
#album_rouge.CTA a{background-color:#FFF;color:#c1272f}
.CTA a:hover{color:#FFF}
#type_etudes h4,#blog_carousel h4{color:#00a1c6;padding-top:20px}
#type_etudes h4::after,#blog_carousel h4::after{display:block;content:'';width:100px;height:3px;overflow:hidden;background-color:#00a1c6;margin:20px auto 0}
#type_etudes h4 strong,#blog_carousel h4 strong{display:block;margin-bottom:5px;font-size:1.2rem;color:#000}
#type_etudes{text-align:center;background-color:#FFF;margin-top:50px}
#type_etudes .chapo{width:100%;line-height:1.2rem;padding:0 10px;margin-bottom:40px}
#type_etudes .box{text-align:center;width:280px;border:1px solid #0085ae;margin:20px}
#type_etudes img{width:100%;height:250px;object-fit:cover;display:block;vertical-align:top}
#type_etudes mark{display:inline-block;font-family:'Raleway',sans-serif;color:#000;font-size:1rem;font-weight:600;padding:10px 0 12px;line-height:1.3rem;background-color:#0085ae;color:#FFF;margin-bottom:0}
#type_etudes a.bluelink{display:inline-block;margin-top:50px;background-color:#0085ae;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;color:#FFF;padding:15px 30px;font-size:0.9rem;line-height:1.2rem}
#type_etudes a:hover{background-color:#0085ae}
#numbers{background-color:#00a1c6;color:#FFF}
#numbers mark{background-color:transparent;display:block;text-align:center;text-transform:uppercase;font-size:2rem;color:#FFF;margin-bottom:70px;font-weight:600;font-family:'Raleway',sans-serif}
#numbers .item{width:150px;text-align:center;line-height:1.5rem;height:280px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,0.3)}
#numbers .item i,#numbers .item strong{display:block;font-size:2.5rem;line-height:3rem;margin-bottom:15px}
#numbers .item strong{font-size:3rem;padding:20px 0 35px;border-bottom:1px solid rgba(255,255,255,0.3)}
#slideshow.swiper-container-horizontal>.swiper-pagination-bullets,#slideshow .swiper-pagination-custom,#slideshow .swiper-pagination-fraction{bottom:20px}
#slideshow .swiper-pagination-bullet{width:15px;height:15px;background:#FFF;opacity:0.4}
#slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#00a1c6}
@media screen and (min-width:1500px){#metiers.padded{margin:50px 120px 0;padding:80px 50px}
#type_etudes .box{width:300px;margin:30px}
#album_rouge img{width:300px}
.album_left{width:-webkit-calc(100% - 300px);width:calc(100% - 300px)}}.h2{display:block;width:100%;color:#000;text-transform:uppercase;font-size:1.8rem;line-height:2rem;font-family:'Raleway',sans-serif}
.h2::after{content:'';display:block;margin:10px 0 20px;overflow:hidden;height:2px;width:100px;background-color:#00a1c6}