.bluelink{padding:10px 20px;background-color:#0085ae;color:#FFF;border-radius:3px;font-size:0.6875rem;text-transform:uppercase}
.bluelink:hover{background-color:#006B8C}
.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:800;color:#FFF;text-shadow:0 1px 5px #000;padding:80px 0 30px;font-family:'Roboto Slab',sans-serif}
h4.subtitle em{font-family:'Open Sans',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;background:url('https://www.bessis.fr/medias/imports/random_grey_variations.png') repeat;position:relative;color:#999;font-size:0.8rem;line-height:0.9rem}
footer .box{width:-webkit-calc(50% - 30px);width:calc(50% - 30px);line-height:1.5rem}
footer mark{background-color:transparent;color:#FFF;padding-bottom:15px;text-transform:uppercase;font-size:1rem}
footer .inbox mark{font-size:0.9375rem;display:block}
footer mark::after{content:'';display:block;margin-top:5px;border-bottom:1px solid #0085ae}
footer .inbox mark::after{margin-top:2px}
#social_networks a{color:#FFF;background-color:#999;margin-right:10px;width:30px;height:30px;float:left;font-size:1rem;border-radius:50%}
#social_networks a:hover{background-color:#0085ae}
footer .inbox{margin-top:30px}
.precisions{margin-top:30px}
footer iframe{width:100%}
#copyright{width:100%;text-align:center;padding-top:50px;font-size:0.75rem}
footer a{color:#ccc}
footer a:hover{color:#0085ae}
.spip-admin-bloc,.spip-admin-float{z-index:10000000}
@media screen and (max-width:799px){footer.padded{padding-top:30px}
footer .box{width:100%;padding:20px}
#social_networks a{width:50px;height:50px;font-size:1.3rem}
#social_networks a:hover{background-color:#999}
#copyright{padding:10px 20px;font-size:1rem;line-height:1.6rem}
#copyright a:hover{color:#ccc}}.intro{text-align:center;font-size:1.1rem;line-height:1.5rem;margin-bottom:50px}
.intro h2{margin-bottom:20px;font-family:'Roboto Slab',sans-serif;color:#be272e;text-transform:uppercase}
#metiers .chapo{width:100%;display:block;margin-bottom:50px;text-align:center;font-size:1.25rem}
.metier{width:450px;text-align:center;padding:0 30px;margin-bottom:80px;line-height:1.2rem}
.metier:first-child{border-right:1px solid #9D9D9D}
.metier h3{font-size:0.875rem;font-weight:700;text-transform:uppercase;color:#9D9D9D;margin-bottom:30px}
.metier h3 mark{background-color:transparent;font-size:1.5rem;color:#000;font-family:'Roboto Slab',sans-serif;font-weight:600;display:block;margin-bottom:20px}
.metier h3 strong{color:#0085ae}
.metier img{display:block;margin:0 auto}
.metier a{display:inline-block;margin:20px auto}
#references{height:auto}
#references div.flex{height:100%;background-color:rgba(0,0,0,0.3);padding:0 -webkit-calc( (100% - 1100px) / 2) 80px;padding:0 calc( (100% - 1100px) / 2) 80px}
#references div.flex h4,#type_etudes h4{width:100%;text-align:center;font-size:2rem;text-transform:uppercase;font-weight:800;color:#FFF;text-shadow:0 1px 5px #000;padding:80px 0 50px;font-family:'Roboto Slab',sans-serif}
#references .flex h4 em,#type_etudes h4 em{font-family:'Open Sans',sans-serif;display:block;text-align:center;font-weight:400;font-size:1.2rem;line-height:1.5rem;margin-top:20px;font-weight:600;text-transform:none}
#references a.box{width:245px;height:165px;border:5px #0085ae solid;margin:8px;background-color:#0085ae;text-align:center;position:relative}
#references a.new::after{content:attr(data-c);display:flex;justify-content:center;align-items:center;align-content:center;font-weight:700;font-family:'Roboto Slab',sans-serif;width:60px;height:60px;border-radius:50%;position:absolute;z-index:1;top:-30px;left:-15px;-webkit-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg);color:#FFF;background:#ee7164}
#references a.box mark,#type_etudes mark{width:100%;font-size:1.375rem;color:#FFF;font-family:'Roboto Slab',sans-serif;margin-bottom:15px;background-color:transparent}
#references a.box strong{width:100%;line-height:1.3rem;font-size:0.75rem;color:rgba(255,255,255,0.7)}
#references a em{font-weight:600}
#references a.box:hover{background-color:#FFF;border:20px #0085ae solid}
#references a.box:hover mark{color:#0085ae}
#references a.box:hover strong{color:rgba(0,133,174,0.7)}
.fancybox-slide #page_content{padding-top:20px;width:calc(100% - 40px);max-width:1000px}
.fancybox-slide #page_content .col-4,.fancybox-slide #page_content .col-7{width:100%;padding:20px 0}
.fancybox-slide #page_content img{display:block;width:100%;height:300px;object-fit:contain;object-position:left center}
#gallery{padding-bottom:80px}
#gallery img{width:auto;height:100px;margin-right:20px;display:inline-block}
#type_etudes h4,#blog_carousel h4{text-shadow:none;color:#000}
#type_etudes h4::after,#blog_carousel h4::after{display:block;content:'';width:100px;height:3px;overflow:hidden;background-color:#0085ae;margin:20px auto 0}
#type_etudes{padding-bottom:80px}
#type_etudes .box{text-align:center;width:250px;border:1px solid #E3E3E3;margin:10px}
#type_etudes img{width:250px;height:180px;object-fit:cover;display:block;vertical-align:top}
#type_etudes mark{font-family:'Roboto Slab',sans-serif;color:#000;font-size:1rem;font-weight:500;padding:10px 0 12px;line-height:1.3rem;background-color:#0085ae;color:#FFF}
#type_etudes .box p{font-size:0.875rem;line-height:1.2rem;padding:0 10px;height:100px}
#type_etudes a{margin-bottom:20px}
#numbers{background-color:#0085ae;color:#FFF;padding-top:80px;padding-bottom:80px}
#numbers mark{background-color:transparent;display:block;text-align:center;text-transform:uppercase;font-size:2rem;color:#FFF;margin-bottom:50px;font-weight:600;font-family:'Roboto Slab',sans-serif}
#numbers .item{width:150px;margin:0 25px;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;margin-bottom:20px;font-size:2.5rem}
#numbers .item strong{font-size:3rem;padding:20px 0 35px;border-bottom:1px solid rgba(255,255,255,0.3)}
#blog_carousel{padding:0 -webkit-calc( (100% - 1080px) / 2) 80px;padding:0 calc( (100% - 1080px) / 2) 80px}
#blog_slider{margin-top:30px;width:100%;overflow:hidden;text-align:left;position:relative}
#blog_slider .swiper-slide{width:480px;margin:30px 30px 70px;position:relative;box-shadow:0 0 5px rgba(0,0,0,0.2)}
#blog_slider .swiper-slide::after{content:'';position:absolute;top:140px;left:0;width:300px;height:130px;z-index:5;border-style:solid;border-color:#0085ae;border-width:0 0 20px 20px}
#blog_slider .swiper-slide .fullBack{display:block;width:-webkit-calc(100% - 20px);width:calc(100% - 20px);height:250px;margin-left:20px;overflow:hidden}
#blog_slider .swiper-slide .tags{padding:30px 0 0 20px;min-height:50px;background-color:#FFF}
#blog_slider .swiper-slide .tags strong{display:inline-block;vertical-align:top;margin-right:5px;padding:1px 10px;background-color:#ee7164;border-radius:6px;font-size:0.6rem;line-height:1rem;text-transform:uppercase;font-weight:600;color:#FFF}
#blog_slider .swiper-slide h5{height:50px;font-family:'Roboto Slab',sans-serif;font-weight:700;padding:10px 20px 0;background-color:#FFF}
#blog_slider .swiper-slide h5 mark{font-size:1.1rem;display:block;color:#000;background-color:transparent;padding-bottom:3px;border-bottom:1px solid #0085ae;line-height:1.5rem}
#blog_slider .swiper-slide .introduction{padding:0 20px;font-size:0.9rem;line-height:1.2rem;background-color:#FFF}
#blog_slider .swiper-slide .links{padding:20px;background-color:#FFF;display:block;text-align:right}
#blog_slider .swiper-slide .links a{display:inline-block;padding:4px 10px 5px;background-color:#0085ae;border-radius:5px;font-size:0.75rem;line-height:1.2rem;color:#FFF}
#blog_slider .swiper-slide .links a:hover{background-color:#ee7164;color:#FFF}
#blog_slider .slideNav{position:absolute;z-index:10;bottom:10px;width:50px;height:50px;color:#0085ae;font-size:4rem;line-height:1rem;text-align:center;text-shadow:0 0 3px rgba(0,0,0,0.5)}
#blog_slider .cPrev{left:500px}
#blog_slider .cNext{right:500px}
#slideshow .swiper-container-horizontal>.swiper-pagination-bullets,#slideshow .swiper-pagination-custom,#slideshow .swiper-pagination-fraction{bottom:180px}
#slideshow .swiper-pagination-bullet{width:15px;height:15px;background:#FFF;opacity:0.4}
#slideshow .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#0085ae}
@media screen and (max-width:799px){#metiers .chapo{padding:20px;line-height:1.8rem}
.metier{width:100%;padding:0 20px;margin-bottom:50px}
.metier:first-child{border-right:none}
.metier a{display:inline-block;margin:20px auto;font-size:1rem}
#references{height:auto}
#references div.flex{padding:0 20px 50px}
#references div.flex h4,#type_etudes h4{font-size:1.8rem;line-height:2rem;padding:50px 0 30px}
#references a.box{height:130px}
#references a.box:hover{height:130px;border:5px #0085ae solid;background-color:#0085ae;color:#FFF}
#references a.box:hover mark,#references a.box:hover strong{color:#FFF}
#references a.box.clicked{background-color:#FFF;border:20px #0085ae solid}
#references a.box.clicked mark,#references a.box.clicked strong{color:#0085ae}
#type_etudes h4,#blog_carousel h4{padding:50px 20px 30px}
#type_etudes{padding-bottom:50px}
#type_etudes p{font-size:1rem;line-height:1.3rem;height:150px}
#type_etudes a{font-size:0.9rem}
#numbers{padding-top:50px;padding-bottom:50px}
#numbers mark{padding:20px 20px 0}
#numbers .item{margin:20px 25px}
#blog_carousel{padding:0 20px 50px}
#blog_slider .swiper-slide{width:250px}
#blog_slider .swiper-slide{width:-webkit-calc(100% - 30px);width:calc(100% - 30px);margin:30px 15px 70px}
#blog_slider .swiper-slide::after{top:70px;width:200px;height:100px}
#blog_slider .swiper-slide .fullBack{height:150px}
#blog_slider .cPrev{left:90px}
#blog_slider .cNext{right:90px}}