/* ==========================================================================

   Pattern léopard

   ========================================================================== */

/*main#parts-content::before { content: "";position: fixed;top: 15px;right: 0;width: 150vw;height: 100%;background: url("../img/pattern-leopard.svg") no-repeat top left;background-size: min(1200px, 100%) auto;pointer-events: none;z-index: -1;opacity:0.3; }*/



/* ==========================================================================

   Navigation

   ========================================================================== */

/* Menu principal mobile */

header{ background-color: #FFF;position: relative;color: #005F8B;fill: #005F8B;padding-left: 2rem;padding-right: 2rem;z-index:1000;display:flex;justify-content:center;align-items:center; }

header nav, header #logo{ box-shadow:none; }

#logo{ background-color:#FFF;width:220px;height:77px;display:flex;align-items:center; }#logo svg{ width: 195px;margin: 0 auto; }

.nav-toggle{ display: inline-flex; align-items: center;background: #FFF;cursor: pointer;position:fixed;right:2rem; }

#site-nav{ display: none; }

.container-nav{ justify-content:center; }

/* Icon burger */

.nav-toggle__icon{ display: inline-block;width: 24px;height: 24px; }

.nav-toggle__icon--close{ display: none; }

.nav-toggle__icon--burger{ background-color: currentColor;mask: url("../icons/burger.svg") no-repeat center / contain;-webkit-mask: url("../icons/burger.svg") no-repeat center / contain; }

.nav-toggle__icon--close{ background-color: currentColor;mask: url("../icons/close.svg") no-repeat center / contain;-webkit-mask: url("../icons/close.svg") no-repeat center / contain; }

/* Ouverture du menu */

body.is-menu-open{ overflow:hidden; }

.is-menu-open #site-nav{ display:block;position:absolute;width:100%;left:0;top:95%;background-color:#FFF;/*z-index:2;*/ }

.is-menu-open .nav-toggle__icon--burger{ display: none; }

.is-menu-open .nav-toggle__icon--close{ display: inline-block; }

/* SVG des liens du menus */

.main-nav__submenu-icon-title { display: flex;align-items: center;gap: 0.75rem; }

.main-nav__submenu-icon { display: inline-flex;width: 1.25rem;height: 1.25rem;flex: 0 0 auto; }

.main-nav__panel[role="region-1977"] .main-nav__submenu-icon { margin-right:.5rem; }

.main-nav__submenu-icon svg { width: 100%;height: 100%; }

/* Liens du menu */

.main-nav { /*height: auto;*/max-height:100vh;overflow-y:auto;border-radius:inherit; }

.main-nav__tabs { display: flex;flex-direction: column;gap: 0rem;overflow-y:scroll;-webkit-overflow-scrolling: touch;height:calc(100vh - 110px); }

.main-nav__tab:hover{ background-color: rgba(255,255,255, 0); border-color: rgba(255,255,255, 0); }

.tabs-group { display: flex;flex-direction: column;margin-right:1.75rem; margin-left:2rem;gap:0.75rem; }

.main-nav__tab,.lang-switcher { /*margin-bottom: 3rem;*/margin-top:1.5rem;margin-bottom:1.5rem; }

/* Liens du sous-menu */

.main-nav__panels { position: absolute;left: 0;top: 0;width: min(100%, 1100px);z-index: 100; }

.main-nav__panel { position:absolute;opacity:0;transform:translateY(8px) scale(.98);pointer-events: none;transition: opacity .18s ease, transform .18s ease;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; }

.main-nav__panel.is-open { opacity:1;transform:translateY(0) scale(1);pointer-events:auto;width:100%;overflow-y:auto;-webkit-overflow-scrolling: touch;height:100vh; }

.main-nav__submenu { display: grid;grid-template-rows: none;grid-auto-flow: row;grid-template-columns: 1fr;column-gap: 2rem;row-gap: .75rem;width: 100%;list-style: none;margin: 0;padding: 0; }

span.lang-switcher__code::after { content: "";position: absolute;top: 50%;width: 24px;height: 24px;transform: translateY(-50%);background-color: currentColor;mask: url("../icons/chevron.svg") no-repeat center / contain;-webkit-mask: url("../icons/chevron.svg") no-repeat center / contain;transition: transform .2s ease; }

span.lang-switcher__code.is-open::after { transform: translateY(-50%) rotate(180deg); }

/* Fil d'ariane */

/*li.breadcrumb__item{ list-style:none; }*/

.breadcrumb__current { position:relative; color: inherit; }

.breadcrumb__list{ display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0; }

.breadcrumb__item{ display:flex;align-items:center; }

.breadcrumb__item:not(:last-child)::after{ content:"/";margin-left:.5rem;opacity:.6; }

.breadcrumb__current::after { content:"";position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid currentColor;transition:width 0.4s ease; }

/* Select langue */

.lang-switcher.lang-switcher--desktop { display:none; }

.lang-switcher.lang-switcher--mobile{ position:fixed;display:inline-block;left:0; }

.lang-switcher__toggle{ display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .7rem;background:transparent;color:inherit;cursor:pointer;font:inherit; }

.lang-switcher__menu{ position:absolute;top:calc(100% + .5rem);left:.45rem;min-width:100%;margin:0;padding:.35rem 0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:.75rem;box-shadow:0 10px 30px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(.35rem);transition:opacity .2s ease, transform .2s ease, visibility .2s ease;z-index:50; }

.lang-switcher.is-open .lang-switcher__menu{ opacity:1;visibility:visible;transform:translateY(0); }

.lang-switcher__link{ display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:inherit;text-decoration:none;white-space:nowrap; }

.lang-switcher__link:hover, .lang-switcher__link:focus-visible{ background:#f2f2f2; }

.lang-switcher__link.is-current{ font-weight:800; }

.lang-switcher__flag{ width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.25rem; }

.lang-switcher__flag img{ width:100%;height:100%;object-fit:contain;display:block; }

.lang-switcher__caret{ font-size:.8em; }

/* Utilitaire accessibilité */

.sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Séparateur */

.section-separator{ display: flex;align-items: center;justify-content: center;gap: 1.5rem;width: min(100% - 2*var(--gutter), var(--container-max, 1400px));margin-inline: auto; }

.section-separator__line{ flex: 1;height: 1px;background: #4C4C4B; }

.section-separator__icon{ display: block;width: 150px;height: auto;flex: 0 0 auto; }

/* Svg */

svg.arrow-next { display:block; }



/* ==========================================================================

   Home

   ========================================================================== */

/* Diaporama */

.hero-slider{ position:relative; }

.hero-slider__viewport{ overflow:hidden; }

.hero-slider__track,.histoire-track{ display:flex;transition:transform .45s ease;will-change:transform; }

.hero-slide{ flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:1fr;min-height:clamp(34rem, 80vh, 52rem); }

.hero-slide__media{ min-height:18rem;background:#f3f3f3; }

.hero-slide__media img{ display:block;width:100%;height:100%;object-fit:cover;object-position:left; }

.hero-slide__body{ display:grid;align-items:center; }

.hero-slide__content{ width:min(100% - 2*var(--gutter), var(--container-max, 1400px));margin-inline:auto; }

.hero-slide__kicker{ margin:0 0 .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7; }

.hero-slide__content h1,.hero-slide__content h2{ margin:0;max-width:11ch;line-height:.95; }

.hero-slide__content p{ max-width:32ch; }

.hero-slider__nav{ position:absolute;right:var(--gutter);bottom:var(--gutter);z-index:10;display:flex;gap:2rem;color:#F2F2F2; }

.hero-slider__btn{ display:inline-grid;place-items:center;width:3rem;height:3rem;border:0;border-radius:999px;cursor: pointer; }

.hero-slider__btn.is-hidden{ display: none; }

/* Filtre carousel produit */

.icons-wrap { overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none; }

/*.icons-wrap::-webkit-scrollbar { height:6px; }

.icons-wrap::-webkit-scrollbar-track { background:#8C8C8C; }

.icons-wrap::-webkit-scrollbar-thumb { background:#1C1B1B;border-radius:999px; }*/

.icons-grid{ display:grid;grid-template-rows:repeat(1, auto);grid-auto-flow:column;grid-auto-columns:130px;gap:0.75rem;width:max-content;padding:1.5rem;margin:0 auto; }

button.hero-slider__btn .icon{ display:grid;justify-items:center;gap:0.25rem;text-align:center;max-width:100%; }

.icon{ display:grid;justify-items:center;gap:0.25rem;text-align:center;max-width:none; }

.icon img{ width:40px;height:40px;object-fit:contain; }

button span.gto-icon{ background-color:#003D7E; }

button span.label{ font-size:14px; }

button .gto-icon { display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 60px);height:var(--icon-size, 60px);padding:5px;border-radius:2rem;flex-shrink:0; }

.is-hidden-card{ display:none !important; }

/* Carousel produit */

.produits-header { padding-left:1rem; }

.product-content, .news-container{ position:relative; }

/* Test product-track sur la page packaging : réduction du gap */

.product-track,.news-track{ display:grid;grid-auto-flow:column;grid-auto-columns:225px;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%;padding-left:1rem; }

/*.product-track{ display:grid;grid-auto-flow:column;grid-auto-columns:225px;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;width:100%;padding-left:1rem; }*/

/*.product-track::-webkit-scrollbar,.news-track::-webkit-scrollbar{ display:none; }*/

.product-card{ display:grid;grid-template-columns:1fr;align-items:center;padding-top:1.5rem;padding-bottom:1.5rem;background-color:#E8E8E8;border-radius:1rem;min-width:0;/*justify-items:center;*/ }

.product-card img{ margin:0 auto; }

.page-template-page-packaging .small p{ margin-bottom:0; }

.product__btn, .news__btn{ display:none; }

.product-carousel__btn.is-hidden{ opacity:0;pointer-events:none; }

.product__btn.next svg,.product__btn.prev svg{ max-width:50px; }



/* ==========================================================================

   Solutions

   ========================================================================== */

.page-template-page-produits h2{ text-align:center; }

.famille-produits { display: grid;grid-template-columns: 1fr;gap: clamp(2rem, 4vw, 5rem);align-items: start; }

.famille-produits__sticky { position: static;max-width: none; }

.famille-produits__content { display:grid;grid-template-columns: 1fr;gap: 2rem;grid-auto-columns: 225px;padding-right:2rem;padding-left:2rem; }

/*.produit-card { border-radius: 1rem;padding-top:1.5rem;padding-bottom:1.5rem;background-color:#E8E8E8;justify-items:center; }*/

/*.produit-card img { margin:0 auto; }*/

.page-template-page-produits .small p { margin-bottom:0; }

/* Caroussel */

.product-carousel.has-no-arrows .product__btn { display: none; }

.product-carousel.has-no-arrows .product-track { padding-left:0; }

.produits-count{ text-align: left; }

/* Tableau */

.wp-block-table{ width:100%;overflow-x:auto; }

.has-fixed-layout{ width:100%;border-collapse:collapse;min-width:600px;table-layout: fixed; }

.has-fixed-layout tbody tr{ border-bottom:1px solid #4C4C4B; }

.has-fixed-layout tbody tr:last-child{ border-bottom:none; }

.has-fixed-layout td{ padding:2rem;text-align:left;width:33.33%; }

.has-fixed-layout tr td:first-child{ width:15%;font-size: var(--fs-h3);/*font-weight: 800*/;position: relative;padding-left: 4rem; }

.has-fixed-layout tr td:first-child::before { content: "";width: 35px;height: 35px;position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%); }

.has-fixed-layout tr td.matiere::before{ background: url("../icons/matiere.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.adhesif::before{ background: url("../icons/adhesif.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.format::before{ background: url("../icons/format.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.option::before{ background: url("../icons/options.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.livraison::before{ background: url("../icons/livraison.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.impression::before{ background: url("../icons/impression.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.ennoblissement::before{ background: url("../icons/ennoblissement.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.finition::before{ background: url("../icons/finition.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.alimentaire::before{ background: url("../icons/alimentaire.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.pliage::before{ background: url("../icons/pliage.svg") no-repeat center;background-size: contain; }

.has-fixed-layout tr td.conditionnement::before{ background: url("../icons/conditionnement.svg") no-repeat center;background-size: contain; }

/* Maillage */

a.link-maillage svg.arrow-prev, a.link-maillage svg.arrow-next{ transition: transform 0.3s ease; width: 70px; height: 70px;margin:initial; }a.link-maillage:hover svg.arrow-next{ transform: translateX(8px); }a.link-maillage:hover svg.arrow-prev{ transform: translateX(-8px); }

a.link-maillage:hover, a.link-maillage:hover .pills, section[aria-labelledby="liste-actus"] a:hover { color: var(--c-gto, #003D7E); }

.accordion-trigger { width: 100%;cursor: pointer;text-align: left;font-size: var(--fs-h3); }

.accordion-trigger::after { content: "";position: absolute;top: 50%;width: 35px;height: 35px;transform: translateY(-50%);background-color: currentColor;mask: url("../icons/chevron.svg") no-repeat center / contain;-webkit-mask: url("../icons/chevron.svg") no-repeat center / contain;transition: transform .2s ease; }

.accordion-trigger[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); }

.accordion-panel[hidden] { display: none; }

.actualites-container, .product-maillage{ display:grid;grid-auto-flow:column;grid-auto-columns:145px;gap:.5rem;overflow-x:auto;padding-left:0rem; }



/* ==========================================================================

   Notre histoire

   ========================================================================== */

.timeline { overflow: hidden; }

.timeline__header { display: block;justify-content: space-between;align-items: center;gap: 2rem;z-index: 2; }

.timeline__controls { display: flex;align-items: center;gap: 1rem;margin-top: 1rem; }

.timeline__btn { display: none; }

.timeline__folio { margin: 0; }

.timeline__viewport { overflow-x: auto;scroll-snap-type: x mandatory; }

.timeline__track { display: flex;gap: 1rem;transition: none; }

.timeline-card { flex: 0 0 100%;display: flex;flex-direction: column;align-items: stretch;overflow: hidden;background-color:var(--c-warmgrey, #E8E8E8); }

.timeline-card__content,.timeline-card__media { flex: none;margin-top: auto; }

.timeline-card__content { padding: 2rem; }

.timeline-card__date { font-weight: 700;margin-top: 0; }

.timeline-card__media img { width: 100%;height: 240px;object-fit: cover;display: block; }

.key-figures__grid { display: grid;grid-template-columns: repeat(2, minmax(140px, 1fr));gap: 1.5rem; }

.key-figure-card { padding: 1rem;text-align: center; }

.key-figure-card__number { margin: 0;font-size: clamp(2.5rem, 5vw, 4rem);font-weight: 700;line-height: 1; }

.key-figure-card__title { margin: 1rem 0 0;font-size: 1rem; }



/* ==========================================================================

   Nos implantations

   ========================================================================== */

.sites-grid, .label-grid-2 { display: grid;grid-template-rows: repeat(1, 1fr);grid-template-columns: repeat(1, 1fr);grid-auto-flow: row;grid-gap: 1rem;align-items: start; }

.order-2 { order:2; }

.logo-site{ background-color: #FFF;width: 80px;margin:0 auto; }

/* ==========================================================================

   Certificats et labels

   ========================================================================== */

.label-grid { display: grid;grid-template-columns:1fr;gap: 1rem;margin-bottom: var(--space-5); }

.label-card { padding:1.5rem;background-color:#E8E8E8;border-radius:1rem;min-width:0; }

svg.download { width:30px;height:30px; }



/* ==========================================================================

   Actualités

   ========================================================================== */

.posts-grid { display: grid;gap: var(--space-5);grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));max-width: calc(5 * 280px + 2 * 1.5rem);margin-inline: auto;color: var(--c-gto, #003D7E); }

.gto-icon{ width: 15px; height: 15px;/*margin-right: var(--space-2);*/display:inline-flex; }

section[aria-labelledby="article"] a { text-decoration:underline; }

section[aria-labelledby="liste-actus"] article{ background-color:var(--c-warmgrey, #E8E8E8);padding:1rem;border-radius:.25rem; }

section[aria-labelledby="header-article"] h1,section[aria-labelledby="body-article"] h1,section[aria-labelledby="body-article"] h2,section[aria-labelledby="body-article"] h3{ color: var(--c-peach, #DBA064); }

section[aria-labelledby="body-article"] a,.wp-block-paragraph a{ position:relative;color:var(--c-gto, #003D7E); }

section[aria-labelledby="body-article"] a::after,.wp-block-paragraph a::after{  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid currentColor; transition: width 0.4s ease; color:#003D7E; }



/* Actualité footer */

.actualites-container a:hover, section[aria-labelledby="article"] a { color: var(--c-mustaaaard, #D98C07); } .actualites-container a:hover svg { fill: var(--c-mustaaaard, #D98C07); }

.actualites-entete { display: flex; align-items: center; justify-content: space-between; }

.actualite-categorie {display: flex; align-items: center; }

.produit-card__image img { width:100%; }

article.is-hidden { display:none; }

.news-actions { text-align:center; }



/* ==========================================================================

   RSE
   value stroke-excellent: #2f9403;
   value stroke-avance: #82c933;
   value stroke-adapte: #b2d934;

   ========================================================================== */

.cards { display: grid;grid-auto-flow: column;grid-auto-columns: 80%;gap: 1rem;overflow-x: auto; }

.page-template-page-rse .card { background-color:#E8E8E8;align-items:center; }

.header-card svg { width:50px;height:50px;margin:0 auto; }

.container-card .d-flex{ gap:inherit; }

.cards { scroll-snap-type: x mandatory; }

.card { scroll-snap-align: start; }

.container-card{ width:100%; }

.note__ecovadis { bottom:1rem;left:50%;transform: translateX(-50%);align-items:center; }

svg.jauge { max-width:none; }

svg#jauge-rse{ width:225px;height:80px; }

.jauge__bg, .jauge__value, .jauge__marker { fill:none;stroke-width:12;stroke-linecap:round; }

.jauge__bg { stroke:#d9d9d9;stroke-dasharray:100 100; }

.environment__value { stroke:#82c933;stroke-dasharray:79 100; /* 79% */ }

.labor__value { stroke:#2f9403;stroke-dasharray:81 100; /* 81% */ }

.ethics__value { stroke:#2f9403;stroke-dasharray:81 100; /* 81% */ }

.procurement__value { stroke:#82c933;stroke-dasharray:77 100; /* 77% */ }

.jauge__marker { stroke:#000;stroke-width:1rem;stroke-linecap:butt;stroke-dasharray:2 100; }

.marker__environment { stroke-dashoffset:calc(-1 * 65); /* 65% */ }

.marker__labor { stroke-dashoffset:calc(-1 * 74); /* 74% */ }

.marker__ethics { stroke-dashoffset:calc(-1 * 62); /* 62% */ }

.marker__procurement { stroke-dashoffset:calc(-1 * 64); /* 64% */ }



/* ==========================================================================

   Contact

   ========================================================================== */

form input[type="text"],form input[type="tel"],form input[type="email"], form textarea{ width:100%;padding:1rem;border-radius:5px;margin-top:1rem;border:0; }

.wpcf7-list-item { margin:0; }



/* ==========================================================================

   Recrutement

   ========================================================================== */

.recrutement-grid { display: grid;grid-template-columns:1fr;gap: 1rem;column-gap:8rem;row-gap:3rem; }

.recrutement-empty{ grid-column: 1 / -1;min-width: 0;overflow: hidden; }

.recrutement-grid article { background-color:#E8E8E8;border-radius:1rem;padding: 1.5rem;min-width: 0;color: var(--c-gto, #003D7E); }

.recrutement-gallery-wrapper{ position: relative;overflow: hidden;width: 100%;max-width: 100%;min-width: 0; }

.recrutement-gallery{ display: grid;grid-template-columns: repeat(5, 120px);gap: 1.5rem;width: max-content;position: relative;left: 50%;transform: translateX(-50%);padding-block: 3rem; }

.recrutement-gallery__item{ margin: 0;aspect-ratio: 4 / 5;overflow: hidden;border-radius: 1rem; }

.recrutement-gallery__item:nth-child(1){ transform: translateY(-40px); }

.recrutement-gallery__item:nth-child(2){ transform: translateY(20px); }

.recrutement-gallery__item:nth-child(3){ transform: translateY(-10px); }

.recrutement-gallery__item:nth-child(4){ transform: translateY(35px); }

.recrutement-gallery__item:nth-child(5){ transform: translateY(-25px); }

.recrutement-gallery__item img{ width: 100%;height: 100%;object-fit: cover;display: block; }

.content-file{ background-color: var(--c-warmgrey, #E8E8E8); }

.content-file p{ margin:0; }

.content-file input { width:100%; }

input[type="file"]{ padding:1rem; }



/* ==========================================================================

   Footer

   ========================================================================== */

.main-nav__panels a { color: var(--c-light, #F2F2F2);text-decoration: none; }

ul.footer-menu { padding-left:0;margin-top:0;margin-bottom:0; }

nav.footer-nav li { display:inline-flex;list-style:none; }

ul#menu-footer-packaging-fr li, ul#menu-footer-packaging-en li, ul#menu-footer-notices-fr li, ul#menu-footer-notices-en li, ul#menu-footer-etiquettes-fr li, ul#menu-footer-etiquettes-en li, ul#menu-footer-copacking-fr li, ul#menu-footer-copacking-en li, ul.main-nav__submenu li { background-color: rgba(242, 242, 242, 0); border: solid 1px transparent; border-radius: 5px; transition: all 0.3s ease; padding-top: .5rem; padding-right: .5rem; padding-bottom: .5rem; padding-left: .5rem; }

ul#menu-footer-packaging-fr li:hover, ul#menu-footer-packaging-en li:hover, ul#menu-footer-notices-fr li:hover, ul#menu-footer-notices-en li:hover, ul#menu-footer-etiquettes-fr li:hover, ul#menu-footer-etiquettes-en li:hover, ul#menu-footer-copacking-fr li:hover, ul#menu-footer-copacking-en li:hover, ul.main-nav__submenu li:hover { background-color: rgba(242, 242, 242, 0.1); border-color:  rgba(242, 242, 242, 0.25);}

ul.main-nav__submenu li a { font-weight: 800; }

ul#menu-footer-colonne-1-fr li a, ul#menu-footer-colonne-6-fr li a, ul#menu-footer-colonne-1-en li a, ul#menu-footer-colonne-6-en li a, ul.breadcrumb__list li a.breadcrumb__link { position:relative; color: inherit; }

ul#menu-footer-colonne-1-fr li a::after, ul#menu-footer-colonne-6-fr li a::after, ul#menu-footer-colonne-1-en li a::after, ul#menu-footer-colonne-6-en li a::after, ul.breadcrumb__list li a.breadcrumb__link::after{  content: ""; position: absolute; left: 0; bottom: 0; width: 0; border-bottom: 1px solid currentColor; transition: width 0.4s ease; }

ul#menu-footer-colonne-1-fr li a:hover::after, ul#menu-footer-colonne-6-fr li a:hover::after, ul#menu-footer-colonne-1-en li a:hover::after, ul#menu-footer-colonne-6-en li a:hover::after, ul.breadcrumb__list li a.breadcrumb__link:hover::after { width: 100%; }

svg#linkedin, svg#maps { width: 30px; height: 30px; }

nav.footer-nav-small ul { list-style:none; }

/* Footer Meta */

a.footer-nav, .main-nav__panels a{ color: var(--c-grey, #4C4C4B); }

.footer-nav ul li a { position:relative; color: inherit; }

.footer-nav ul li a::after, .footer-nav ul#menu-footer-colonne-1-fr li a::after, .footer-nav ul#menu-footer-colonne-6-fr li a::after, .footer-nav ul#menu-footer-colonne-1-en li a::after, .footer-nav ul#menu-footer-colonne-6-en li a::after, .footer-nav ul.breadcrumb__list li a.breadcrumb__link::after{  content: ""; position: absolute; left: 0; bottom: 0; width: 0; border-bottom: 1px solid currentColor; transition: width 0.4s ease; color:#003D7E; }

.footer-nav ul li a:hover::after, .footer-nav ul#menu-footer-colonne-1-fr li a:hover::after, .footer-nav ul#menu-footer-colonne-6-fr li a:hover::after, .footer-nav ul#menu-footer-colonne-1-en li a:hover::after, .footer-nav ul#menu-footer-colonne-6-en li a:hover::after, .footer-nav ul.breadcrumb__list li a.breadcrumb__link:hover::after { width: 100%; }

.footer-nav ul li a:hover, .footer-nav ul#menu-footer-colonne-1-fr li a:hover, .footer-nav ul#menu-footer-colonne-6-fr li a:hover, .footer-nav ul#menu-footer-colonne-1-en li a:hover, .footer-nav ul#menu-footer-colonne-6-en li a:hover, .footer-nav ul.breadcrumb__list li a.breadcrumb__link:hover { color:#003D7E; }



@media (min-width: 1200px) { 

  

  /* ==========================================================================

   Pattern léopard

   ========================================================================== */

  /*main#parts-content::before { top: -5vw; right: -25vw; }*/

    



  /* ==========================================================================

   Actualités

   ========================================================================== */

  figure.wp-block-gallery.has-nested-images{ max-width:50%; margin:0 auto; }



  /* ==========================================================================

   RSE

   ========================================================================== */

  .cards { grid-auto-flow: initial;grid-template-columns: repeat(5, 1fr); }

}



/* md – tablette */

@media (min-width: 768px) {



  /* ==========================================================================

   Home

   ========================================================================== */

  .produits-track{ grid-auto-columns: calc((100% - 2 * 1rem) / 3);gap: 1rem; }



}



/* lg – desktop */

@media (min-width: 1024px) {



  /* ==========================================================================

   Home

   ========================================================================== */

  .hero-slide{ grid-template-columns:2fr 1fr;min-height: clamp(32rem, 34rem, 52rem); }

  .hero-slide__media{ min-height:100%; }

  .hero-slide__body{ padding-inline:clamp(2rem, 6vw, 6rem); }

  .hero-slide__content{ width:100%;margin:0;max-width:34rem; }

  /* Filtre carousel produit */

  .product__btn, .news__btn{ display:inline-block;position:absolute;top:35%;transform:translateY(-35%); }

  .product__btn.next, .news__btn.next{ right:-60px; }

  .product__btn.prev, .news__btn.prev{ left:-60px; }

  .icons-grid{ grid-auto-columns:150px; }

  .news-track{ grid-auto-columns:325px;gap:2rem; }

  /* Caroussel */

  .product-carousel.has-no-arrows .product-track { justify-content:center; }

  .page-template-page-produits .produits-count { text-align: center; }



   /* ==========================================================================

    Navigation

    ========================================================================== */

   /* Menu principal */

   header{ background-color:rgba(255, 255, 255, 0);padding-left: 0;padding-right: 0; }

   header nav, header #logo{ box-shadow:0 1px 3px 0 rgba(0,0,0,.08),0 4px 8px 0 rgba(0,0,0,.08); }

   .nav-toggle{ display: none; }

   .container-nav{ justify-content:space-between; }

   /* Liens du menu */

   #site-nav { position: relative;height: 77px;background-color: #FFF;display: flex;align-items: center;border-radius: 9999px; }

   .main-nav__tabs { flex-direction:row;gap:2rem;overflow-y:initial;height:auto; }

   .tabs-group { flex-direction:row;align-items:center;margin-left:.75rem;margin-right:.75rem;gap: 0rem; }

   .main-nav { /*height: auto;*/max-height:none;overflow-y:initial; }

   .main-nav__tab { position: relative;text-decoration: none;padding-top: .75rem;padding-bottom: .75rem;background-color: rgba(255,255,255, 0); border: solid 1px rgba(255,255,255, 0);border-radius: 9999px;margin-bottom:0; }

   /*.main-nav__tab, .lang-switcher{ margin-top:0;margin-bottom:0; }*/

   .main-nav__tab { margin-top:0;margin-bottom:0; }

   button.main-nav__tab{ padding-right:3rem;padding-left:calc(3rem - 24px); }

   a.main-nav__tab{ padding-right:1.5rem;padding-left:1.5rem; }

   .main-nav__tab:hover{ background-color: rgba(0,95,139, 0.1); border-color: rgba(0,95,139, 0.25); }

   .js-tab::after { content: "";position: absolute;top: 50%;width: 24px;height: 24px;transform: translateY(-50%);background-color: currentColor;mask: url("../icons/chevron.svg") no-repeat center / contain;-webkit-mask: url("../icons/chevron.svg") no-repeat center / contain;transition: transform .2s ease; }

   .js-tab[aria-expanded="true"]::after { transform: translateY(-50%) rotate(180deg); }

   .lang-switcher.lang-switcher--mobile { display:none; }

   .lang-switcher.lang-switcher--desktop { display:inline-block;margin-right:2rem;position:relative; }

   /* pousse le dernier groupe à droite */

   /*.main-nav__tabs > .main-nav__tab:nth-last-child(2) { margin-left: auto; }*/

   .main-nav__tabs > a.main-nav__tab,.main-nav__tabs > button.main-nav__tab { flex: 0 0 auto;width: auto;display: inline-flex;align-items: center;justify-content: left;white-space: nowrap; }

   /* Liens du sous-menu */

   .main-nav__panels { top: 95%; }

   .main-nav__panel.is-open { height:auto; }



   /* ==========================================================================

    Solutions

    ========================================================================== */

   /*section[aria-labelledby="titre"]{ height:55vh; }*/

   .famille-produits{ grid-template-columns: 1.4fr 1fr; }

   .famille-produits__sticky{ position: sticky;top: 6rem; }

   .famille-produits__content{ grid-template-columns: repeat(2, minmax(0, 1fr));padding-left:0;padding-right:0; }

   /* Tableau */

   .wp-block-table{ padding-top:var(--space-5); }

   .has-fixed-layout td{ padding:1.75rem; }

   /* Maillage */

   .actualites-container, .product-maillage{ grid-auto-columns:225px;padding-left:1rem; }



   /* ==========================================================================

    Notre histoire

    ========================================================================== */

   .timeline__header { display: flex; }

   [hidden] { display: none !important; }

   .timeline__btn { display: block;width: 50px;height: 100%;cursor: pointer;position: absolute;top: 0; }

   .timeline__btn--next{ right: 0; }

   .timeline__btn--prev{ left:0; }

   .timeline__viewport { overflow: hidden; }

   .timeline__track { display:flex;gap: 0rem;transition: transform 0.4s ease; }

   .timeline-card { flex-direction: row;scroll-snap-align: start; }

   .timeline-card__content,.timeline-card__media { flex: 1;align-self:center;margin-top:inherit; }

   .timeline-card__media img { height: 100%; }

   .key-figures__grid{ grid-template-columns: repeat(2, 1fr); }

   .key-figure-card { padding: 2rem; }



   /* ==========================================================================

   Nos implantations

   ========================================================================== */

   .sites-grid, .label-grid-2 { grid-auto-flow: column;grid-template-columns: repeat(2, 1fr);grid-gap: 1rem;align-items:center; }

   .order-2 { order:initial; }



   /* ==========================================================================

    Certificats et labels

    ========================================================================== */

   .label-grid { grid-template-columns:repeat(3, 1fr); }



  /* ==========================================================================

   Recrutement

   ========================================================================== */

   .recrutement-grid { grid-template-columns: repeat(2, 1fr); }

   .recrutement-gallery{ grid-template-columns: repeat(5, 1fr);width:initial; }





}



/* xl – large desktop */

@media (min-width: 1280px) {}



@media (prefers-reduced-motion: reduce) {

  /* Retrait des animations sur le sous-menu */

  .main-nav__panel { transition: none; }

}



/*Breakpoint*/

/*

@media (min-width: 576px) {

  .container { max-width: 540px; } 

}

*/

@media (min-width: 768px) {

  /*.main-nav__panel #panel-mega-2a3d657d-7bf7-46ae-8239-c2468751ecaa-2022 .main-nav__submenu{--cols: 2;}

  .main-nav__panel #panel-mega-2a3d657d-7bf7-46ae-8239-c2468751ecaa-2027 .main-nav__submenu{--cols: 3;}*/

  .main-nav__panel[role="region-1974"] .main-nav__submenu,.main-nav__panel[role="region-3380"] .main-nav__submenu{ grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);grid-auto-flow: column; }

  .main-nav__panel[role="region-1977"] .main-nav__submenu,.main-nav__panel[role="region-3385"] .main-nav__submenu{ grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, auto);grid-auto-flow: column; }

  .main-nav__submenu {

    

    /*grid-template-rows: repeat(3, auto); /* 3 items par colonne */

                  /* remplissage par colonne */

  }

  .col-famille { grid-auto-flow: column;/* tous sur une ligne */overflow-x: auto;/* scroll horizontal si trop large */grid-template-columns: none; }

  .col-famille button { flex: 0 0 auto; }

  .col-button { grid-auto-columns: var(--btn-w, 170px); }

}

/*

@media (min-width: 992px) { 

  .container { max-width: 960px; } 

}

@media (min-width: 1200px) { 

  .container { max-width: 1140px; } 

}

@media (min-width: 1400px) { 

  .container { max-width: 1320px; } 

}*/

/*

 * Supression de la pseudo-classes :hover sur écran tactile

*/

@media (hover: hover) and (pointer: fine) {

  .produits-prev svg:hover,

  .produits-next svg:hover {

    fill: var(--c-mustaaaard, #D98C07);

  }

}