/* =====================================================================
   Unhycos - clone statique fidele (reprise du theme socleCyberlAcf + Divi)
   ===================================================================== */
:root{--navy:#002F52;--ink:#1e1e1e;--lightblue:#CAE4F8;--line:#92C8F1;
  --bebas:'bebas_neuebold','Bebas Neue',sans-serif;--cond:'Roboto Condensed',sans-serif;--roboto:'Roboto',sans-serif;--over:'Overpass',helvetica,arial,sans-serif;
  --arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='19' viewBox='0 0 64 19'><path d='M0 9.5H61M53 2l8 7.5-8 7.5' fill='none' stroke='%2392C8F1' stroke-width='1.6'/></svg>");}
@font-face{font-family:'bebas_neuebold';src:url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),url('../fonts/bebasneue_bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
html{font-size:16px}
body{margin:0;font-family:var(--over);font-size:14px;font-weight:300;line-height:1.6;color:var(--ink);background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:var(--navy)!important;text-decoration:none}
a:hover{text-decoration:none}
h1,h2,h3,h4,h5,h6{clear:both;line-height:1.4;margin:0 0 .75em;padding:0;font-weight:500;color:inherit}
h1,.blue-family{font-family:var(--bebas)!important;color:var(--navy)!important;font-weight:400!important}
h1{font-size:40px;text-transform:uppercase}
h2{font-family:var(--over);font-size:40px;font-weight:700}
h3{font-family:var(--over);font-size:20px;font-weight:400}
ul{margin:0 0 1.5em;padding-left:1.5em}
.site-content-contain{background:#fff;position:relative}
#et_builder_outer_content h1,#et_builder_outer_content h2,#et_builder_outer_content h3,#et_builder_outer_content h4,#et_builder_outer_content h5,#et_builder_outer_content h6{padding-bottom:10px;line-height:1em;margin:0}
#et_builder_outer_content p{margin:0;padding-bottom:1em}
#et_builder_outer_content .et_pb_text_inner p:last-of-type{padding-bottom:0}

/* ---------------- Divi (equivalent) ---------------- */
#et_builder_outer_content .et_pb_section{position:relative;padding:4% 0;background-position:center;background-size:cover;background-repeat:no-repeat}
#et_builder_outer_content .et_pb_row{position:relative;width:80%;max-width:1080px;margin:0 auto;padding:2% 0}
#et_builder_outer_content .et_pb_row::after{content:"";display:block;clear:both}
#et_builder_outer_content .et_pb_row.et_pb_row_fullwidth{width:89%!important;max-width:89%!important}
#et_builder_outer_content .et_pb_row.w80{width:80%!important;max-width:80%!important}
#et_builder_outer_content .et_pb_row.w100{width:100%!important;max-width:100%!important}
.et_pb_column{float:left;position:relative;min-height:1px}
.et_pb_gutters3 .et_pb_column_4_4{width:100%}
.et_pb_gutters3 .et_pb_column_1_3{width:29.6667%;margin-right:5.5%}
.et_pb_gutters3 .et_pb_column_1_2{width:47.25%;margin-right:5.5%}
.et_pb_column.et-last-child{margin-right:0}
.et_pb_gutters3 .et_pb_column_4_4>.et_pb_module{margin-bottom:2.75%}
.et_pb_gutters3 .et_pb_column_1_3>.et_pb_module{margin-bottom:9.27%}
.et_pb_column>.et_pb_module:last-child{margin-bottom:0}
.et_pb_text_align_center{text-align:center}
.et_pb_text_align_left{text-align:left}
.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark p{color:#fff!important}
.et_pb_image{text-align:center}
.et_pb_image_wrap{display:inline-block;position:relative}
.et_pb_image img{max-width:100%}

/* ---------------- En-tete ---------------- */
.site-header{position:relative;z-index:200;background:transparent;height:99px}
.main-navigation{width:100%;height:99px;background:transparent;transition:background .2s}
.main-navigation.menu-scroll{position:fixed;top:0;left:0;width:100%;background:#fff!important;z-index:300}
.site-header .wrap{max-width:1366px;margin:0 auto;padding:0 15px;height:100%}
.menu_desktop_area{display:flex;justify-content:space-between;align-items:center;height:99px}
.logoArea{width:240px;flex:0 0 240px}
.logoArea a{display:block;padding:14px 17.5px}
.logoArea img{display:inline;width:205px;max-width:100%;height:auto;vertical-align:baseline}
.menuAreaDesktop{display:flex;justify-content:flex-end;align-items:center}
#top-menu{display:block;list-style:none;margin:0;padding:0;white-space:nowrap}
#top-menu li{display:inline-block;padding:10px 0}
#top-menu li a{display:block;box-sizing:border-box;padding:16px 20px;font-family:var(--roboto);font-weight:300;font-size:16px;line-height:25.6px;height:32px;text-transform:uppercase;color:var(--navy)}
#top-menu li a:hover::after{content:"";display:block;height:5px;width:100%;background:var(--lightblue)}
#top-menu li.lang a:hover::after{display:none}
#top-menu .flag{display:inline;width:18px;height:12px;vertical-align:baseline;margin:0}
.menuAreaMobile{display:none}
#toogleMenuMobile{background:none;border:0;padding:8px;cursor:pointer}
#toogleMenuMobile span{display:block;width:26px;height:3px;background:var(--navy);margin:5px 0}
#menu_mobile_area{display:none;position:absolute;top:99px;left:0;width:100%;background:#fff;z-index:400;padding:15px 30px;box-shadow:0 8px 16px rgba(0,0,0,.08)}
#menu_mobile_area.open{display:block}
#top-menu-mobile{list-style:none;margin:0;padding:0}
#top-menu-mobile>li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #000;text-transform:uppercase;font-weight:700;font-size:18px}

/* Fil d'Ariane */
#header_pages{height:40px;background:#FBFBFA;margin:30px auto 0}
#header_pages #fil_ariane{max-width:1366px;margin:0 auto;height:40px;padding:10px 0 0 10px}
#breadcrumbs{margin-left:25px;font-size:14px;line-height:22.4px}
#breadcrumbs .breadcrumb_last{color:var(--navy);font-weight:700}

/* Titres decores */
.title-with-line h1,.title-with-line h2{font-size:40px;text-transform:uppercase!important;text-align:center!important;font-family:var(--bebas)!important;font-weight:400!important}
.title-with-line h1::before,.title-with-line h2::before{content:"";background:#fff;display:inline-block;vertical-align:super;margin-right:20px;width:10%;height:1px}
.title-with-line h1::after,.title-with-line h2::after{content:"";background:#fff;display:inline-block;vertical-align:super;margin-left:20px;width:10%;height:1px}
.title-with-line.blue h1,.title-with-line.blue h2{color:var(--navy)!important}
.title-with-line.blue h1::before,.title-with-line.blue h1::after,.title-with-line.blue h2::before,.title-with-line.blue h2::after{background:var(--line)}
.title-underline h2{display:inline-block;font-family:var(--bebas)!important;font-weight:400!important;font-size:30px!important;text-transform:uppercase!important;color:var(--navy)!important;border-bottom:5px solid var(--lightblue)!important}
.title-underline.white h2{color:#fff!important}
.title-blue h2{font-family:var(--cond)!important;font-weight:700!important;font-size:24px!important;color:var(--navy)!important;text-transform:uppercase!important}
.link-see-more{font-family:var(--cond)!important;font-weight:300!important;font-size:20px!important;color:var(--navy)!important;text-transform:uppercase}
.link-see-more::after{content:var(--arrow);margin-left:15px;vertical-align:middle;display:inline-block;line-height:0}
.container-1110{max-width:1110px;margin:0 auto!important}

/* ---------------- Accueil ---------------- */
#main_header{margin-top:-108px!important;padding:0!important;height:750px;background-image:url('../img/Accueil_Visuel_principal.jpg')}
#main_header .et_pb_row{padding:0}
#block_chiffres_cles{height:750px;position:relative}
#main_header .chiffre{width:100%;position:absolute;bottom:10%;display:flex;margin:0}
#main_header .chiffre .chiffre_area{flex:0 0 33.3333%;max-width:33.3333%;text-align:center;height:200px;transition:opacity .4s}
#main_header .chiffre .chiffre_area.fade{opacity:0}
#main_header .titleBlock{margin-top:3rem}
#block_chiffres_cles .blue-family{margin:0;padding:0!important;background:url('../img/trait-bleu.png') center center/contain no-repeat}
#main_header .chiffre_area .blue-family .color_blue{font-size:100px;line-height:1.2;color:var(--navy)}
#main_header .chiffre_area .detailBlock p{text-transform:uppercase;font-size:20px!important;font-weight:600;line-height:32px;color:var(--navy)!important;margin:0;padding:0}
#home_qsn{padding:76px 0 0!important}
#block_qui_sommes_nous{display:flex;flex-wrap:wrap;margin:0}
#block_qui_sommes_nous .sommes-gauche{width:48%;margin-right:10px;text-align:justify;padding-right:40px}
#block_qui_sommes_nous .sommes-gauche h2{font-size:40px;text-transform:uppercase;margin-bottom:24px}
#block_qui_sommes_nous .sommes-droite{width:48%;margin-left:10px}
#block_qui_sommes_nous .sommes-droite img{width:100%;margin:auto;display:block}
#reassurance_section{margin-top:50px;background:var(--navy);padding:76px 0 10px!important}
#reassurance_home{background:var(--navy)}
#reassurance_home h3{font-family:var(--over);font-size:20px;font-weight:400;color:#fff;text-transform:uppercase;text-align:center;line-height:1.2em!important}
#home_marques{background:#ECF6FD;padding:0!important}
#home_marques .et_pb_row{padding:38px 0 0}
#nos-marques .brands{display:flex;flex-flow:wrap;width:80%;margin:30px auto 70px}
#nos-marques .brand{flex-grow:1;display:inline-block;width:31%;margin-right:1%;margin-bottom:1%;text-align:center;background:#fff}
#nos-marques .brands .brand:nth-child(3n){margin-right:0}
#nos-marques .brand a{display:block;position:relative;width:100%;height:100%}
#nos-marques .brand a img{max-width:100%}
#nos-marques .hover{display:none}
#nos-marques .brand:hover .hover{display:block;position:absolute;top:0;left:0;padding:20px;background:#fff;width:100%;height:100%}
#nos-marques .brand .hover h5{font-size:30px;font-family:var(--bebas);font-weight:400;display:block;width:50%;padding-top:22%;padding-bottom:0;position:relative;text-transform:uppercase;margin:0 auto 60px!important;color:var(--navy)}
#nos-marques .brand .hover h5::after{content:"";display:block;height:5px;width:100%;margin:auto;background:var(--lightblue);position:absolute;bottom:0}
#nos-marques #all-products{background:linear-gradient(60deg,#178AC9,#00558A)}
#nos-marques #all-products a{display:flex;height:100%;width:100%;font-size:30px;font-family:var(--bebas);color:#fff!important;text-align:center!important}
#nos-marques #all-products a span{display:inline-block;margin:auto}
#home_actus{padding:0 0 76px!important}
#page_articles_detail{margin:0 auto;padding:10px!important}
#page_articles_detail .grid{position:relative;height:860px;margin-top:30px}
#page_articles_detail .grid-item{width:32.5%;position:absolute;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
#page_articles_detail .grid-item.h350{height:350px}
#page_articles_detail .grid-item.h450{height:450px}
#page_articles_detail .grid-item a{position:absolute;display:block;width:100%;height:100%;background:rgba(0,47,82,.5)}
#page_articles_detail .article_element .infos_post{position:absolute;bottom:0;z-index:2;color:#fff!important;padding:10px 40px 40px!important}
#page_articles_detail .article_element .infos_post:hover{text-decoration:underline}
#page_articles_detail .article_element .infos_post h3{font-size:24px;font-family:var(--bebas);font-weight:400;margin-bottom:20px!important;text-transform:uppercase!important;line-height:1.2!important;color:#fff}
#page_articles_detail .article_element .infos_post p{font-size:14px!important;text-transform:capitalize;color:#fff;padding:0}
.et_pb_button_wrapper{text-align:center;margin-top:60px}
.et_pb_button.btn-articles{display:inline-block;background:#D3E9F9;color:#fff!important;font-family:var(--over);font-size:30px;font-weight:500;line-height:1.7;padding:9px 30px;border-radius:3px;transition:background .3s}
.et_pb_button.btn-articles:hover{background:#99D4FF}

/* ---------------- Pied de page ---------------- */
#colophon .footer-widgets{height:310px;background:var(--navy)}
#colophon .footer-widgets .wrap{width:80%;margin:0 auto;padding:0;height:100%}
#colophon .widget-area{display:flex;height:100%}
#colophon .footer-widget-2{flex:1 1 auto;height:100%}
#colophon .footer-widget-4{flex:0 0 22.9%;max-width:349px;min-width:260px;background:linear-gradient(to right,#1585C3,#035C92);height:100%}
#colophon #coordonnees{padding:6% 0}
#colophon #coordonnees ul{list-style:none;margin:0;padding:0}
#colophon #coordonnees li{margin:15px 0}
#colophon #coordonnees a,#colophon #coordonnees span{color:#fff!important}
#colophon #coordonnees img{margin-right:10px}
#colophon #sav{text-align:center}
#colophon #sav img{padding-top:45px;margin:0 auto 20px;width:65px;display:block}
#colophon #contact-footer{padding:0 60px;text-align:center}
#colophon #contact-footer p{color:#fff;font-size:20px;line-height:32px;margin:0 0 40px}
#colophon #contact-footer .contact-footer{display:inline-block;padding:10px 20px;font-family:var(--bebas);font-size:30px;line-height:33px;background:#fff;color:var(--navy)!important}
.bottomFooter{background:#fff;padding:15px 0}
.bottomFooter .site-info p{text-align:center;margin:0 0 16px;font-size:14px}

/* ---------------- Bandeau cookies ---------------- */
#cookie-notice{position:fixed;left:0;bottom:0;width:100%;background:#000;color:#fff;z-index:100000;font-size:13px;line-height:20px;text-align:center;display:none}
#cookie-notice.show{display:block}
#cookie-notice .cookie-notice-container{padding:10px}
#cookie-notice .cn-button{display:inline-block;margin-left:10px;padding:2px 12px;font:300 12px/18px sans-serif;border:1px solid #bbb;border-radius:3px;background:linear-gradient(#fefefe,#f4f4f4);color:var(--navy)!important;cursor:pointer}

/* ---------------- Qui sommes-nous ---------------- */
#qsn_header{padding:0!important;background-image:url('../img/QUISOMMESNOUS.jpg')}
#qsn_header .et_pb_post_title{margin-top:40px!important}
#qsn_header .et_pb_post_title h1{font-size:40px;text-align:center}
#qsn_header .qsn-intro{font-family:var(--cond);font-weight:300;font-size:18px;line-height:1.6;max-width:77%;margin:30px auto!important;color:#fff}
#qsn_header .qsn-intro p{padding-bottom:1em!important;color:#fff}
#qsn_header .qsn-intro p:last-child{padding-bottom:0!important}
#qsn_fond_bleu{background:rgba(0,47,82,.9);position:absolute!important;margin-top:-57px!important;width:100%!important;max-width:100%!important;padding:5px 0!important}
#qsn_fond_bleu p{max-width:77%;margin:0 auto;color:#fff;text-align:center;padding:0}
#frise-qsn .pager-wrapper{position:relative;overflow:hidden;height:150px}
#frise-qsn .pager{display:flex;flex-direction:row;margin:50px 0}
#frise-qsn .pager .item{flex-grow:1;cursor:pointer;text-align:center;font-family:var(--cond);font-weight:700;font-size:30px;color:#E9E9E9;line-height:1}
#frise-qsn .pager .item .date{display:block}
#frise-qsn .pager .item .dot{display:block;font-size:40px;padding-bottom:20px;line-height:1}
#frise-qsn .pager .item:hover,#frise-qsn .pager .item.active{color:var(--navy)}
#frise-qsn .pager .item:hover .dot,#frise-qsn .pager .item.active .dot{background:radial-gradient(circle at 50% 50%,#fff 0 12px,rgba(204,230,246,.45) 13px 28px,rgba(204,230,246,0) 30px)}
#frise-qsn .slides .item{display:none}
#frise-qsn .slides .item.show{display:block}
#frise-qsn .slides .item .image{text-align:center}
#frise-qsn .slides .item .image img{max-width:100%}
#frise-qsn .slides .item .image img.small{width:70%;margin:18% auto 0}
#frise-qsn .slides .item .text{padding:100px}
#frise-qsn .slides .item .text,#frise-qsn .slides .item .text p{font-family:var(--cond);font-weight:300;font-size:14px;color:var(--ink)}
#frise-qsn .slides .item .text h2{font-family:var(--bebas);font-weight:400;font-size:24px;text-transform:uppercase!important;color:var(--navy)!important}
#qsn-nos-valeurs .items{display:flex;flex-direction:row}
#qsn-nos-valeurs .item{position:relative;flex-grow:1;flex-basis:0;background:linear-gradient(45deg,#178AC9 0%,#00558A 100%);padding:45px 10px;margin:0 30px 0 0}
#qsn-nos-valeurs .items .item:last-child{margin:0}
#qsn-nos-valeurs .item .logo{text-align:center;min-height:80px}
#qsn-nos-valeurs .item .titre h3{text-transform:uppercase;color:#fff;margin:20px 0!important;font-family:var(--cond)!important;font-weight:700!important;font-size:14px!important;text-align:center!important}
#qsn-nos-valeurs .item .description{text-align:center;color:#fff;margin:0 0 20px}
.qsn-pager{text-align:center;padding:30px 0 0}
.qsn-pager .dot{display:inline-block;font-size:40px;color:var(--navy);cursor:pointer;border-radius:45px;padding:0 6px 14px;line-height:.2;margin:0 10px}
.qsn-pager .dot.active,.qsn-pager .dot:hover{box-shadow:0 0 20px #969696}
#qsn_engagements{background-image:url('../img/bg-nos-engagements.jpg');background-size:cover;background-position:center;margin-top:70px!important;padding:70px 0 38px!important}
#qsn-nos-engagements-wrapper{color:#fff}
#qsn-nos-engagements-wrapper .image{text-align:center;margin:0 0 20px}
#qsn-nos-engagements-wrapper .image img{max-width:100%}
#qsn-nos-engagements-wrapper .titre h3{font-family:var(--cond);font-weight:700;font-size:14px;text-transform:uppercase;color:#fff;padding:0 0 0 15px}
#qsn-nos-engagements-wrapper .description{font-family:var(--cond);font-weight:300;font-size:14px;color:#fff;padding:0 15px;margin:20px 0 45px}
#map-monde-destop .et_pb_text_4{position:relative;margin:0 0 2.75%!important}
#map-monde-destop .et_pb_text_4 h2{position:absolute;left:50px;top:0;z-index:500;background:#fff;padding:10px}
#map-monde-destop #presence-text-desktop{width:310px;position:absolute;left:50px;top:82px;z-index:500;background:#fff;padding:10px}
#map-monde-destop .et_pb_image{margin:0!important}
#qsn-pim{display:none}
#qsn-pim-wrapper .slides .item{display:none}
#qsn-pim-wrapper .slides .item.show{display:block}
#qsn-notre-equipe-wrapper .personne{text-align:center;margin:0 0 70px}
#qsn-notre-equipe-wrapper .personne .prenom{margin:0 15px;font-family:var(--cond);font-weight:700;font-size:24px;text-transform:uppercase;color:var(--navy);line-height:1.2}
#qsn-notre-equipe-wrapper .personne .nom{margin:0 0 15px;font-family:var(--cond);font-weight:700;font-size:24px;text-transform:uppercase;color:var(--navy);line-height:1}
#qsn-notre-equipe-wrapper .personne .poste{font-family:var(--cond);font-weight:300;font-size:14px;color:var(--ink)}

/* ---------------- Marques / categories / produits ---------------- */
#banniere-marques img,#banniere-produit-marques img{width:100%;display:block}
.banniere-mobile{display:none!important}
#marque-categorie{max-width:1366px;margin:auto}
#marque-categorie .container{margin-top:50px;max-width:1111px}
#marque-categorie .row{margin:70px auto}
#marque-categorie img{width:100%;margin:10px 0}
#marque-categorie .container .titre h2{font-size:30px;color:var(--navy);text-transform:uppercase;display:inline-block;font-family:var(--bebas)!important;font-weight:400!important}
#marque-categorie .container .titre h2::after{content:"";display:block;height:5px;width:100%;background:var(--lightblue)}
#marque-categorie .container .description{margin:15px 0}
#marque-categorie .container .link a{width:180px;display:block;color:var(--navy);position:relative;font-size:20px;line-height:32px}
#marque-categorie .container .link a::after{content:var(--arrow);position:absolute;right:0;top:3px;line-height:0}
#produit-marque-header{position:relative;margin-bottom:130px}
#produit-marque-header .title-with-line{width:100%;position:absolute;top:20%}
#produit-marque-header .title-with-line h1{color:#fff!important;font-weight:400!important;margin:0 0 30px;line-height:1.4}
#products{padding-bottom:30px}
#products>.title-with-line h1{text-align:center;width:100%;height:400px;padding:90px 0 0;margin:0 0 30px;line-height:1.4;background:url('../img/Bandeau-toutproduitv2.jpg') center center/cover no-repeat;color:#fff!important}
#products .products-list-wrapper{padding:70px 0 0}
#products #nb-products{font-family:var(--cond);font-weight:300;font-size:14px;color:var(--ink)}
#products .list{min-height:200px}
#products .list .item{margin:0 0 30px}
#products .list .item .image{height:290px;display:flex;position:relative;padding:10px;border:1px solid #F4F4F4}
#products .list .item .image:hover{border:1px solid #FCFCFC}
#products .list .item .image img{max-width:100%;max-height:100%;margin:auto}
#products .list .item .name{display:block;padding:20px 0 0;font-family:var(--roboto);font-weight:400;font-size:18px;color:var(--navy);text-align:center}
#products .list .item .category{display:block;padding:10px 0 0;font-family:var(--roboto);font-weight:300;font-size:18px;color:var(--navy);text-align:center}
#accordion.accordion-gen{width:100%}
#accordion.accordion-gen .card{border:0;background:none;padding-top:5px}
#accordion.accordion-gen .card-header{border:0;border-radius:0;background:none;padding:0 0 0 15px;margin:0}
#accordion.accordion-gen .btn-link{display:block;width:100%;padding:0 0 4px;text-align:left;font-family:var(--cond);font-weight:700;font-size:14px;text-transform:uppercase;border:0;border-bottom:1px solid var(--lightblue);outline:none;background:none;text-decoration:none;color:#858585!important;position:relative;cursor:pointer;border-radius:0}
#accordion.accordion-gen .btn-link::after{content:"+";position:absolute;right:15px;top:-2px;font-size:20px;font-weight:300;color:#000}
#accordion.accordion-gen .btn-link[aria-expanded="true"]{border-bottom:5px solid var(--lightblue);color:var(--ink)!important}
#accordion.accordion-gen .btn-link[aria-expanded="true"]::after{content:"\2013"}
#accordion .card-body{padding:20px}
#accordion .card-body label{display:block;margin:0 0 7px;font-weight:800;color:#333;cursor:pointer}
#accordion .card-body input{margin-right:6px}
#accordion .collapse:not(.show){display:none}

/* ---------------- Nous rejoindre / metiers ---------------- */
#rejoindre_header{background-color:#ECF6FD!important;background-image:url('../img/imh-header-nous-rejoindre.jpg');background-position:center top!important;padding:0 0 76px!important}
#rejoindre_header .et_pb_row{padding:38px 0}
#rejoindre_header .et_pb_text_0{font-size:18px}
#rejoindre_header .et_pb_text_0 p{text-align:center;color:#fff}
#rejoindre_metiers{background-color:#ECF6FD!important;padding:76px 0 0!important}
#rejoindre_metiers .et_pb_row{padding:38px 0 0}
#nos-offres .title-underline{margin:auto auto 50px;display:block;text-align:center}
#nos-offres .flex-marque{display:flex;flex-wrap:wrap;align-content:flex-start;margin:0}
#nos-offres .products{width:32%;margin-right:1%;margin-bottom:40px;background:#fff;position:relative;height:401px}
#nos-offres .products:nth-child(3n){margin-right:0}
#nos-offres .products>a{display:block;height:100%}
#nos-offres .image{height:80%;overflow:hidden}
#nos-offres .image img,#nos-offres .image video{width:100%;height:100%;object-fit:cover;display:block}
#nos-offres .products .front-title h5{padding:20px 0;white-space:nowrap;font-family:var(--over);font-size:20px;font-weight:500;color:var(--navy);text-align:center;line-height:1}
#nos-offres .products:hover .hover{display:block}
#nos-offres .hover{display:none;background:#fff;position:absolute;top:0;left:0;width:100%;height:100%;padding:10px 20px;text-align:left;color:#000}
#nos-offres .hover h1{font-size:40px;margin:20px 0 10px}
#nos-offres .hover .link-see-more{position:absolute;bottom:20px}
#rejoindre_bas{padding:0 0 76px!important;box-shadow:inset 0 0 7px rgba(0,0,0,.07)}
.entry-header{display:none}
.metier-header .et_pb_text_0 h1{color:#fff!important;text-align:center}

/* ---------------- Contact ---------------- */
#contact-header{background:url('../img/img-header-contact.jpg') center top no-repeat!important;padding-top:90px!important}
#contact-header .container{margin:0 auto!important}
#contact-header .title-with-line h1{color:var(--navy)!important}
#contact-header .overlay{position:relative;background:#fff;padding:50px;margin-top:100px}
#contact-header .overlay::before{position:absolute;z-index:2;display:block;content:"";top:-27px;left:47.5%;border-left:27px solid transparent;border-right:27px solid transparent;border-bottom:27px solid #fff}
#contact-header .overlay h2{font-family:var(--cond);font-weight:700;font-size:24px;color:var(--navy);padding:0;text-transform:uppercase;margin:25px 0 50px!important;line-height:1}
#contact-header .overlay .picto{max-width:100%}
#formulaire-postuler{max-width:920px;margin:0 auto!important}
#formulaire-postuler input,#formulaire-postuler textarea{background:#F4F4F4!important;border:none!important;padding:5px 10px;font-family:var(--cond);font-weight:300;font-size:14px;line-height:1.6;color:#555;box-sizing:border-box}
#formulaire-postuler ::placeholder{font-family:var(--cond);font-weight:300;font-size:14px;color:#A5A5A5}
#formulaire-postuler #cv-postuler{display:flex;flex-wrap:wrap;margin:0}
#formulaire-postuler #cv-postuler>p,#formulaire-postuler #cv-postuler p:empty{margin:0;padding:0}
#formulaire-postuler .wpcf7-form-control-wrap{display:block}
#formulaire-postuler .name{clear:both;width:100%}
#formulaire-postuler .name #nom-postuler{float:left;width:50%}
#formulaire-postuler .name #email-postuler{float:right;width:50%}
#formulaire-postuler .name input{display:block;width:95%!important;color:#A5A5A5}
#formulaire-postuler .name #email-postuler input{float:right}
#formulaire-postuler .subject{display:block;margin:30px 0 0!important;width:100%!important}
#formulaire-postuler .subject input{display:block;width:100%!important;color:#4E4E4E}
#formulaire-postuler .message{width:100%}
#formulaire-postuler textarea{display:block;width:100%;margin:30px 0;padding:25px;height:274px;color:#A5A5A5;line-height:1.6}
#formulaire-postuler .fichier{width:100%;clear:both}
#formulaire-postuler .fichier #cvf-postuler{width:50%;float:left}
#formulaire-postuler .fichier label{display:block}
#formulaire-postuler .fichier label{font-family:var(--cond);font-size:14px;color:var(--ink);cursor:pointer;font-weight:300}
#formulaire-postuler .fichier input[type=file]{display:none}
#formulaire-postuler .btn-file{font-family:var(--cond);font-weight:300;font-size:20px;color:var(--navy);text-transform:uppercase}
#formulaire-postuler .btn-file::after{content:var(--arrow);margin-left:10px;vertical-align:sub;display:inline}
#formulaire-postuler #submit-postuler{width:100%;text-align:center;margin:50px 0 0;clear:both}
#formulaire-postuler #submit-postuler p{margin:0;padding:0}
#formulaire-postuler #submit-postuler input[type=submit]{padding:15px 45px;line-height:30px;border:0;color:#fff;font-family:var(--bebas);font-size:30px;text-transform:uppercase;background:#D3E9F9!important;cursor:pointer}
#formulaire-postuler #submit-postuler input[type=submit]:hover{background:#99D4FF!important}

/* ---------------- Responsive ---------------- */
@media (max-width:988px){
  .logoArea{width:25%}
  #top-menu li a{padding:0 5px;font-size:14px}
}
@media (max-width:980px){
  .et_pb_column{float:none;width:100%!important;margin-right:0!important;margin-bottom:30px}
  #et_builder_outer_content .et_pb_section{padding:50px 0}
  #qsn-pim{display:block}
  #map-monde-destop{display:none}
  #block_qui_sommes_nous .sommes-gauche{width:100%;padding-right:0;margin:0}
  #block_qui_sommes_nous .sommes-droite{display:none}
  #nos-offres .products{width:48%}
  #nos-offres .products:nth-child(3n){margin-right:1%}
  #page_articles_detail .grid{height:auto}
  #page_articles_detail .grid-item{position:relative!important;left:auto!important;top:auto!important;width:100%;margin-bottom:20px}
  #colophon .footer-widgets{height:auto}
  #colophon .widget-area{flex-direction:column}
  #colophon .footer-widget-4{max-width:none;padding-bottom:30px}
}
@media (max-width:767px){
  .menuAreaDesktop{display:none}
  .menuAreaMobile{display:block}
  .logoArea{width:50%}
  #main_header{height:620px}
  #block_chiffres_cles{height:620px}
  #main_header .chiffre{flex-direction:column;bottom:4%}
  #main_header .chiffre .chiffre_area{max-width:100%;height:130px}
  #main_header .chiffre_area .blue-family .color_blue{font-size:60px}
  #main_header .titleBlock{margin-top:0}
  #main_header .chiffre .chiffre_area:nth-child(n+2){display:none}
  #nos-marques .brand{width:100%;margin-right:0}
  #nos-marques .brands{width:100%}
  #qsn-nos-valeurs .items{flex-direction:column}
  #qsn-nos-valeurs .item{margin:0 0 20px}
  #frise-qsn .slides .item .text{padding:30px 15px}
  #frise-qsn .pager .item{font-size:18px}
  .banniere{display:none!important}
  .banniere-mobile{display:block!important}
  #produit-marque-header{margin-bottom:40px}
  #produit-marque-header .title-with-line h1{font-size:22px}
  #nos-offres .products{width:100%;margin-right:0}
  #contact-header .overlay{padding:25px;margin-top:40px}
  #formulaire-postuler .name #nom-postuler,#formulaire-postuler .name #email-postuler{float:none;width:100%;margin-bottom:15px}
  #formulaire-postuler .name input{width:100%!important}
  #formulaire-postuler .fichier #cvf-postuler{width:100%}
  #colophon #contact-footer{padding:0 20px}
}

/* ---------------- Articles : liste (archive) ---------------- */
.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}
.archive-wrap{width:80%;margin:0 auto;padding:70px 15px 50px;display:flex}
.archive-wrap #primary{width:100%}
.archive-wrap .site-main{display:flex;flex-wrap:wrap}
.archive-wrap article{flex:0 0 17%;max-width:17%;margin:1%;padding:10px;border:1px solid var(--navy)}
.archive-wrap .infos_post h3{font-family:var(--bebas);font-size:25px;font-weight:400;line-height:35px;text-align:center;color:var(--navy);text-transform:uppercase;margin:0 0 18.75px}
.archive-wrap .infos_post p{margin:0 0 16px;padding:0}
.archive-wrap .infos_post h1{display:none}
.archive-wrap .infos_post ul{margin:0 0 21px;padding:0}
.archive-wrap .post-thumbnail{height:285px;overflow:hidden;margin:0 0 14px}
.archive-wrap .post-thumbnail img{width:100%;height:auto}
.archive-wrap div.link-see-more{display:block;line-height:32px}
.archive-wrap div.link-see-more a{font-family:var(--cond);font-weight:300;font-size:20px}
.pagination{display:flex;flex:0 0 100%;padding:28px 0 42px;text-align:center;font-weight:800;width:100%}
.pagination .nav-links{margin:0 auto}
.pagination .page-numbers{display:none;padding:7px 10.5px;font-size:14px;font-weight:800;line-height:22.4px}
.pagination .page-numbers.current{display:inline-block;color:#767676}
.pagination .prev.page-numbers,.pagination .next.page-numbers{display:block;background:#ddd;padding:10px;font-size:16px;line-height:1;border-radius:2px}
.pagination .prev.page-numbers{float:left}
.pagination .next.page-numbers{float:right}
.pagination .page-numbers .screen-reader-text{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}
.pagination .prev .screen-reader-text,.pagination .next .screen-reader-text{font-weight:400;margin:0 5px}
.pagination .icon{display:inline-block;vertical-align:middle;fill:currentColor}
@media (max-width:1800px){.archive-wrap article{flex-basis:23%;max-width:23%}}
@media (max-width:1600px){.archive-wrap article{flex-basis:31%;max-width:31%}}
@media (max-width:1200px){.archive-wrap article{flex-basis:48%;max-width:48%}}
@media (max-width:767px){.archive-wrap{width:100%;padding:40px 15px}.archive-wrap article{flex-basis:98%;max-width:98%}}

/* ---------------- Articles : page detail ---------------- */
.single-wrap{width:100%;padding:0;margin:0}
#singleActu .et_pb_image{text-align:left;line-height:0;margin-left:auto;margin-right:auto}
#singleActu h2{font-family:var(--over);font-weight:500;font-size:40px}
#singleActu .et_pb_text a{font-weight:500}
#singleActu .et_pb_text ul{list-style-type:disc;padding:0 0 23px 1em;margin:0;line-height:26px}
.et_pb_gutters3 .et_pb_column_2_3{width:64.833%;margin-right:5.5%}
.et_pb_gutters3 .et_pb_column_1_4{width:20.875%;margin-right:5.5%}
.et_pb_gutters3 .et_pb_column_3_4{width:73.625%;margin-right:5.5%}
.et_pb_gutters3 .et_pb_column_1_2>.et_pb_module{margin-bottom:5.82%}
.et_pb_gutters3 .et_pb_column_2_3>.et_pb_module{margin-bottom:4.242%}
.et_pb_gutters3 .et_pb_column_1_4>.et_pb_module{margin-bottom:13.174%}
.et_pb_gutters3 .et_pb_column_3_4>.et_pb_module{margin-bottom:3.735%}
.et_pb_gutters3 .et_pb_column.et-last-child{margin-right:0}
.et_pb_gutters3 .et_pb_column>.et_pb_module:last-child{margin-bottom:0}

/* ---------------- Ajustements mesures (live vs clone) ---------------- */
a.link-see-more{padding-bottom:10px;line-height:20px}
img[src$="latourneiffel.png"]{width:85px}
#nos-marques .brand a{line-height:14px}
#nos-marques .brand img{vertical-align:baseline}
#et_builder_outer_content :where(.row){margin-left:0;margin-right:0}
#et_builder_outer_content :where([class*="col-"]){padding-left:0;padding-right:0}
#et_builder_outer_content :where(.container){padding-left:0;padding-right:0}
#qsn-nos-valeurs .title-underline,#qsn_engagements .title-underline{font-size:30px}

/* ---- correctifs comparaison automatique ---- */
#top-menu li{vertical-align:top}
#et_builder_outer_content p:last-of-type{padding-bottom:0}
#et_builder_outer_content .et_pb_module a{line-height:1em;padding-bottom:10px;font-weight:500}
#reassurance_home .et_pb_text{color:#fff}
#reassurance_home h3{line-height:20px!important}
#reassurance_home .et_pb_column:first-child h3{line-height:24px!important}
#page_articles_detail .infos_post p{line-height:14px;font-weight:500}
.et_pb_button.btn-articles{font-size:20px;line-height:34px;padding:6px 20px;border:2px solid transparent}
#colophon #sav{padding-bottom:20px}
#colophon #sav img{margin-bottom:0}
#colophon #contact-footer p{margin-bottom:37px}
#map-monde-destop .et_pb_text_4 h2{padding:0 0 10px}
#map-monde-destop #presence-text-desktop{top:44px}
.title-underline{color:var(--navy)}
.title-underline.white{color:#fff}
#formulaire-postuler #submit-postuler input[type=submit]{font-weight:800}
#singleActu .et_pb_text ul{padding:0 0 30px 25px;line-height:inherit}
#nos-offres .products{height:auto;margin:0 1% 40px 0}
#nos-offres .products>a{display:inline;height:auto}
#nos-offres .image{height:80%;overflow:hidden}
#nos-offres .image img{width:100%;height:100%;object-fit:fill;display:inline}
#nos-offres .image video{width:100%;height:auto;object-fit:fill;display:inline}
#rejoindre_bas .et_pb_row{padding:20px 0 2%}
#et_builder_outer_content img{vertical-align:baseline}
#formulaire-postuler .subject span,#formulaire-postuler .subject span input{margin:0!important}
.logoArea img{vertical-align:top}
#et_builder_outer_content .et_pb_image{line-height:0}
#qsn-nos-valeurs .item .logo{font-size:0}
#cv-offres .wpcf7-form-control-wrap{display:inline}