.bandeau{background:var(--noir);color:var(--blanc-chaud);text-align:center;padding:.6rem var(--gouttiere)}.bandeau p{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.6875rem;font-weight:400}.entete{z-index:60;background:var(--creme);border-bottom:1px solid var(--bordure);position:sticky;top:0}.entete-grille{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding-block:.875rem;display:grid}.entete-nav{display:none}@media (min-width:1000px){.entete-nav{display:block}}.entete-nav ul{gap:2.25rem;margin:0;padding:0;list-style:none;display:flex}.entete-nav a{letter-spacing:.15em;text-transform:uppercase;align-items:center;min-height:44px;font-size:.75rem;display:inline-flex;position:relative}.entete-nav a:after{content:"";transform-origin:0;height:1px;transition:transform var(--transition);background:currentColor;position:absolute;bottom:10px;left:0;right:0;transform:scaleX(0)}.entete-nav a:hover:after{transform:scaleX(1)}.entete-logo{grid-area:1/2;justify-self:center}.entete-logo a{display:block}@media (max-width:999px){.entete-grille{grid-template-columns:auto 1fr auto}.entete-burger{grid-area:1/1}.entete-logo{grid-area:1/2}.entete-actions{grid-area:1/3}}.entete-actions{grid-area:1/3;justify-self:end;align-items:center;gap:.25rem;display:flex}.entete-action{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;border-radius:var(--rayon);transition:opacity var(--transition);background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0 .625rem;display:inline-flex}.entete-action:hover{opacity:.6}.entete-action-texte{letter-spacing:.14em;text-transform:uppercase;font-size:.6875rem}@media (max-width:1099px){.entete-action-texte{display:none}}.entete-panier-icone{display:inline-flex;position:relative}.entete-badge{background:var(--noir);min-width:17px;height:17px;color:var(--blanc-chaud);text-align:center;border-radius:999px;padding:0 4px;font-size:.625rem;font-weight:500;line-height:17px;position:absolute;top:-6px;right:-8px}.entete-burger{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;grid-column:1;justify-content:center;justify-self:start;align-items:center;display:inline-flex}@media (min-width:1000px){.entete-burger{display:none}}.entete-recherche{inset-inline:0;background:var(--creme);border-bottom:1px solid var(--bordure);box-shadow:var(--ombre-douce);padding-block:1rem;position:absolute;top:100%}.entete-recherche form{align-items:center;gap:.75rem;display:flex}.entete-recherche input{border:0;border-bottom:1px solid var(--bordure-forte);background:0 0;border-radius:0;flex:1}@media (max-width:640px){.entete-recherche .btn{display:none}}.menu-mobile{z-index:200;background:var(--creme);padding:1rem var(--gouttiere) 2rem;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.menu-mobile-tete{justify-content:flex-end;display:flex}.menu-mobile nav ul{flex-direction:column;margin:2rem 0 0;padding:0;list-style:none;display:flex}.menu-mobile nav a{border-bottom:1px solid var(--bordure);font-family:var(--font-titre);padding:1.125rem 0;font-size:1.75rem;display:block}.menu-mobile-pied{flex-direction:column;gap:.875rem;margin-top:auto;padding-top:2.5rem;display:flex}.menu-mobile-pied a{letter-spacing:.14em;text-transform:uppercase;color:var(--texte-doux);align-items:center;min-height:44px;font-size:.75rem;display:flex}.entete{position:sticky}
.pied{background:var(--creme);border-top:1px solid var(--bordure);margin-top:auto}.newsletter-bande{isolation:isolate;background:var(--beige-clair);position:relative;overflow:hidden}.newsletter-bande-media{z-index:-1;position:absolute;inset:0}.newsletter-bande-media:after{content:"";background:linear-gradient(90deg,#f0e8dd6b 0%,#f0e8ddde 24%,#f0e8dde0 76%,#f0e8dd6b 100%);position:absolute;inset:0}@media (max-width:760px){.newsletter-bande-media:after{background:#f0e8dde0}}.newsletter-bande-contenu{text-align:center;max-width:42rem;padding-block:clamp(2.5rem,2rem + 3vw,4rem)}.newsletter-bande h2{font-family:var(--font-titre);text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.5rem,1.1rem + 1.8vw,2.25rem);line-height:1.22}.newsletter-bande>div>p{color:var(--texte-doux);margin-top:.875rem;font-size:.9375rem}.newsletter-bande .newsletter-form{margin-top:1.75rem}.newsletter-ligne{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.newsletter-ligne input{background:var(--blanc-chaud);border:1px solid var(--bordure-forte);border-radius:var(--rayon);flex:18rem;min-height:50px}.newsletter-ligne .btn{flex:none;min-height:50px}@media (max-width:520px){.newsletter-ligne .btn{width:100%}}.newsletter-consentement{color:var(--texte-doux);cursor:pointer;text-align:left;justify-content:center;gap:.625rem;margin-top:.875rem;font-size:.75rem;line-height:1.5;display:flex}.newsletter-consentement input{width:16px;height:16px;min-height:0;accent-color:var(--noir);flex:none;margin-top:2px}.newsletter-consentement a{text-decoration:underline}.newsletter-consentement span{max-width:30rem}.newsletter-retour{min-height:1.25rem;color:var(--succes);margin:.625rem 0 0;font-size:.8125rem}.pied-principal{grid-template-columns:1fr;align-items:start;gap:2.5rem 2rem;padding-block:clamp(2.5rem,2rem + 2vw,3.5rem);display:grid}@media (min-width:640px){.pied-principal{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.pied-principal{grid-template-columns:1.4fr repeat(3,1fr) auto}}.pied-marque{flex-direction:column;gap:1rem;display:flex}.pied-principal h2{font-family:var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--noir);margin-bottom:1rem;font-size:.6875rem;font-weight:500}.pied-principal ul{margin:0;padding:0;list-style:none;display:grid}.pied-principal nav ul a{color:var(--texte-doux);transition:color var(--transition);align-items:center;min-height:44px;font-size:.875rem;display:inline-flex}.pied-principal nav ul a:hover{color:var(--noir);text-decoration:underline}.pied-reseaux{gap:.75rem!important;display:flex!important}@media (min-width:1000px){.pied-reseaux{justify-content:flex-end}}.pied-reseaux a{width:44px;height:44px;color:var(--noir);transition:opacity var(--transition);justify-content:center;align-items:center;display:inline-flex}.pied-reseaux a:hover{opacity:.55}.pied-bas{border-top:1px solid var(--bordure);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;padding-block:1.25rem;display:flex}.pied-bas p{color:var(--texte-doux);margin:0;font-size:.75rem}.pied-signature{font-style:italic}@media (max-width:560px){.pied-bas{text-align:center;justify-content:center}}
