.article-page{--colonne: var(--largeur-texte);--rail: 30rem;display:grid;grid-template-columns:[bord-debut] minmax(var(--marge-bord),1fr) [texte-debut] minmax(0,var(--colonne)) [texte-fin] minmax(var(--marge-bord),1fr) [bord-fin];align-content:start}.article-page__pilote>*{grid-column:texte-debut / texte-fin}.article-page__pilote>.article-hero,.article-page__pilote>.article-page__couverture,.article-page__pilote>.article-page__bandeau{grid-column:bord-debut / bord-fin}.article-hero{display:grid;margin-bottom:var(--e-12);background-color:var(--fond-page)}.article-page:has(.article-hero){padding-top:0}body:has(.article-hero) .entete__nav-liste{margin-bottom:0}.article-hero__media{min-width:0}.article-hero__image{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover}.article-hero__texte{display:flex;flex-direction:column;align-items:flex-start;padding:var(--e-8) var(--marge-bord)}.article-hero__surtitre{margin-bottom:var(--e-4);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-xs);letter-spacing:var(--ls-surtitre);text-transform:uppercase;text-decoration:none}a.article-hero__surtitre:hover{color:var(--accent-texte)}.article-hero__titre{margin:0;font-size:var(--t-2xl);text-wrap:balance}.article-hero__points{margin-top:var(--e-6);max-width:52ch;font-size:var(--t-base);line-height:1.6}.article-hero__points p+p{margin-top:var(--e-3)}.article-hero__points strong{font-weight:var(--poids-titre)}.article-hero__bouton{margin-top:var(--e-6);min-height:var(--cible-tactile)}.article-hero__reperes{margin:var(--e-6) 0 0;color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-xs)}@media screen and (max-width:749px){.article-hero{margin-bottom:var(--e-8)}.article-hero__texte{padding-block:var(--e-6)}.article-hero__image{aspect-ratio:4 / 3}.article-hero__bouton{width:100%}}@media screen and (min-width:990px){.article-hero{grid-template-columns:1fr 1fr;align-items:center;gap:0}.article-hero__image{aspect-ratio:1 / 1;max-height:82vh}.article-hero__texte{padding:var(--e-12) var(--e-16);max-width:72ch}.article-hero--media-droite .article-hero__media{order:2}.article-hero--sans-media{grid-template-columns:1fr;justify-items:center;text-align:center}.article-hero--sans-media .article-hero__texte{align-items:center}}.article-page__couverture{width:100%;margin-bottom:var(--e-12)}.article-page__image{display:block;width:100%;height:auto;object-fit:cover}.article-page__couverture--paysage .article-page__image{aspect-ratio:16 / 9}.article-page__couverture--bandeau .article-page__image{aspect-ratio:21 / 9}.article-page__entete{margin-bottom:var(--e-12)}.article-page__surtitre{display:inline-block;margin-bottom:var(--e-4);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase;text-decoration:none}.article-page__surtitre:hover{text-decoration:underline}.article-page__titre{margin-bottom:var(--e-4);font-size:var(--t-2xl);text-wrap:balance}.article-page__reperes{color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm)}.article-page__separateur{margin-inline:var(--e-2)}.article-page__pilote{display:contents}.article-page__chapo{margin-bottom:var(--e-12);color:var(--texte);font-size:var(--t-md);line-height:1.55}.article-page__chapo:after{content:"";display:block;width:64px;height:2px;margin-top:var(--e-6);background-color:var(--accent)}.article-page__rail{margin-bottom:var(--e-12);padding-block:var(--e-6);border-block:var(--trait) solid var(--filet)}.article-page__sommaire-titre{margin-bottom:var(--e-4);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase}.article-page__sommaire-liste{margin:0;padding:0;list-style:none;counter-reset:chapitre}.article-page__sommaire-liste li{counter-increment:chapitre}.article-page__sommaire-liste a{display:flex;gap:var(--e-3);align-items:baseline;min-height:var(--cible-tactile);padding-block:var(--e-2);border-left:2px solid transparent;padding-left:var(--e-4);margin-left:-2px;color:var(--texte-secondaire);line-height:1.35;text-decoration:none;transition:color var(--transition),border-color var(--transition)}.article-page__sommaire-liste a:before{content:counter(chapitre,decimal-leading-zero);flex:0 0 auto;color:var(--accent-texte);font-family:var(--f-chiffres);font-size:var(--t-sm)}.article-page__sommaire-liste a:hover{color:var(--texte)}.article-page__sommaire-liste a:hover .article-page__sommaire-texte{text-decoration:underline}.article-page__sommaire-liste a[aria-current=true]{border-left-color:var(--accent);color:var(--texte);font-weight:var(--poids-titre)}.article-page__deplier{width:100%;min-height:var(--cible-tactile);margin-top:var(--e-4);padding:var(--e-4) 0 0;border:0;border-top:var(--trait) solid var(--filet);background:none;color:var(--accent-texte);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase;cursor:pointer}.article-page__jauge{display:none}@media screen and (min-width:1200px){.article-page__rail{grid-column:bord-debut / texte-debut;justify-self:end;align-self:stretch;width:min(100%,var(--rail));margin-bottom:0;padding-block:0;padding-right:var(--e-16);border-block:0}.article-page__rail-interieur{position:sticky;top:calc(var(--hauteur-entete) + var(--e-6));max-height:calc(100vh - var(--hauteur-entete) - var(--e-12));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.article-page__rail-interieur::-webkit-scrollbar{width:0;height:0}.article-page__sommaire-liste a{min-height:0;padding-block:var(--e-2);font-size:var(--t-base);line-height:1.35}.article-page__jauge{display:block;height:2px;margin-top:var(--e-6);background-color:var(--filet)}.article-page__jauge[hidden]{display:none}.article-page__jauge-barre{display:block;height:100%;background-color:var(--accent);transform:scaleX(0);transform-origin:left center}}.article-page__corps{counter-reset:chapitre}.article-page__chapitre{counter-increment:chapitre;border-top:var(--trait) solid var(--filet);scroll-margin-top:calc(var(--hauteur-entete) + var(--e-4))}.article-page__chapitre-titre{display:flex;gap:var(--e-4);align-items:center;min-height:var(--cible-tactile);padding-block:var(--e-4);cursor:pointer;list-style:none}.article-page__chapitre-titre::-webkit-details-marker{display:none}.article-page__chapitre-titre:before{content:counter(chapitre,decimal-leading-zero);flex:0 0 auto;color:var(--accent-texte);font-family:var(--f-chiffres);font-size:var(--t-sm)}.article-page__chapitre-titre h2{flex:1 1 auto;margin:0;font-size:var(--t-md);text-wrap:balance}.article-page__chapitre-titre:after{content:"";flex:0 0 auto;width:10px;height:10px;margin-right:var(--e-1);border-right:2px solid var(--accent-texte);border-bottom:2px solid var(--accent-texte);transform:rotate(45deg);transition:transform var(--transition)}.article-page__chapitre[open]>.article-page__chapitre-titre:after{transform:rotate(-135deg)}@media screen and (min-width:750px){.article-page__deplier{display:none}.article-page__chapitre{border-top:0;padding-top:var(--e-12)}.article-page__chapitre-titre{display:block;padding-block:0 var(--e-4);cursor:default}.article-page__chapitre-titre:before{display:block;margin-bottom:var(--e-3);letter-spacing:var(--ls-surtitre)}.article-page__chapitre-titre h2{font-size:var(--t-lg)}.article-page__chapitre-titre:after{display:block;width:48px;height:2px;margin:var(--e-4) 0 0;border:0;background-color:var(--accent);transform:none}.article-page__chapitre[open]>.article-page__chapitre-titre:after{transform:none}}.article-page__contenu{font-size:var(--t-base);line-height:var(--lh-texte)}.article-page__contenu>*+*{margin-top:var(--e-6)}.article-page__contenu>:is(h3,h4){margin-top:var(--e-12)}.article-page__contenu>:is(h3,h4)+*{margin-top:var(--e-3)}.article-page__contenu>:is(figure,blockquote,table,img,.article-page__tableau){margin-block:var(--e-12)}.article-page__contenu>p:has(>img:only-child){margin-block:var(--e-12)}.article-page__contenu--chapitre>*:first-child{margin-top:0}.article-page__contenu h3{font-size:var(--t-md);text-wrap:balance}.article-page__contenu h4{font-family:var(--f-texte);font-size:var(--t-sm);font-weight:var(--poids-titre);letter-spacing:var(--ls-surtitre);text-transform:uppercase;color:var(--texte-secondaire)}.article-page__corps>.article-page__contenu:first-child>p:first-child{font-size:var(--t-md);line-height:1.55;color:var(--texte)}.article-page__contenu :is(ul,ol){padding-left:0;list-style:none}.article-page__contenu li{position:relative;padding-left:var(--e-6)}.article-page__contenu li+li{margin-top:var(--e-3)}.article-page__contenu ul>li:before{content:"";position:absolute;top:calc(var(--lh-texte) * .5em);left:0;width:var(--e-3);height:2px;background-color:var(--accent)}.article-page__contenu ol{counter-reset:puce}.article-page__contenu ol>li{counter-increment:puce}.article-page__contenu ol>li:before{content:counter(puce,decimal-leading-zero);position:absolute;left:0;color:var(--accent-texte);font-family:var(--f-chiffres);font-size:var(--t-sm)}.article-page__contenu li :is(ul,ol){margin-top:var(--e-3)}.article-page__contenu blockquote{padding-left:var(--e-6);border-left:2px solid var(--accent);font-size:var(--t-md);line-height:1.45;text-wrap:pretty}.article-page__contenu blockquote>*+*{margin-top:var(--e-3)}.article-page__contenu blockquote em:last-child{display:block;color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);font-style:normal;letter-spacing:var(--ls-surtitre);text-transform:uppercase}@media screen and (min-width:990px){.article-page__contenu blockquote{margin-left:calc(var(--e-12) * -1);padding-left:var(--e-12)}}.article-page__contenu :is(img,figure img){display:block;width:100%;height:auto;border-radius:var(--rayon)}.article-page__contenu figure{margin-inline:0}.article-page__contenu figcaption{margin-top:var(--e-3);color:var(--texte-secondaire);font-size:var(--t-sm);line-height:1.5}.article-page__contenu>p:has(>img:only-child)+p:has(>em:only-child){margin-top:var(--e-3)}.article-page__contenu>p:has(>img:only-child)+p>em:only-child{display:block;color:var(--texte-secondaire);font-size:var(--t-sm);font-style:normal;line-height:1.5}@media screen and (min-width:750px){.article-page__contenu>p:has(>img+img){display:grid;grid-template-columns:1fr 1fr;gap:var(--e-4)}}@media screen and (min-width:990px){.article-page__contenu>:is(figure,img),.article-page__contenu>p:has(>img:only-child),.article-page__contenu>p:has(>img+img){width:calc(100% + var(--e-16));margin-inline:calc(var(--e-8) * -1)}}.article-page__tableau{overflow-x:auto;border:var(--trait) solid var(--filet);border-radius:var(--rayon-large)}.article-page__tableau:focus-visible{outline:2px solid var(--accent-texte);outline-offset:2px}.article-page__contenu table{width:100%;min-width:34rem;border-collapse:collapse;font-size:var(--t-sm);font-variant-numeric:tabular-nums}.article-page__contenu :is(th,td){padding:var(--e-3) var(--e-4);border-bottom:var(--trait) solid var(--filet);text-align:left;vertical-align:top}.article-page__contenu thead th{background-color:var(--fond-carte);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);font-weight:var(--poids-titre);letter-spacing:var(--ls-surtitre);text-transform:uppercase}.article-page__contenu tbody th{font-weight:var(--poids-titre)}.article-page__contenu tbody tr:last-child :is(th,td){border-bottom:0}.article-page__contenu a{color:var(--accent-texte);text-underline-offset:.2em}.article-page__contenu hr{width:64px;height:2px;margin:var(--e-16) auto;border:0;background-color:var(--filet)}.article-page__partage{display:flex;margin-top:var(--e-12);padding-top:var(--e-6);border-top:var(--trait) solid var(--filet)}.article-page__partage[data-etat=copie] .bouton{border-color:var(--accent);color:var(--accent-texte)}.article-page__bandeau{margin-top:var(--e-16);padding-block:var(--e-16);padding-inline:var(--marge-bord);background-color:var(--fond-alterne)}.article-page__rappel{display:grid;gap:var(--e-8);width:100%;max-width:88rem;margin-inline:auto}.article-page__rappel-media{display:block;border-radius:var(--rayon);overflow:hidden}.article-page__rappel-media img{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .4s ease}.article-page__rappel-media:hover img{transform:scale(1.03)}.article-page__rappel-texte{display:flex;flex-direction:column;align-items:flex-start}.article-page__rappel-surtitre{margin-bottom:var(--e-4);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase}.article-page__rappel-titre{font-size:var(--t-xl);text-wrap:balance}.article-page__rappel-detail{margin-top:var(--e-4);max-width:46ch;color:var(--texte-secondaire)}.article-page__rappel-coloris{display:flex;flex-wrap:wrap;gap:var(--e-3) var(--e-4);align-items:center;margin-top:var(--e-6)}.article-page__rappel-compte{color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase}.article-page__rappel-prix{margin:var(--e-4) 0 var(--e-6);font-family:var(--f-chiffres);font-size:var(--t-md)}.article-page__rappel .bouton{width:100%}@media screen and (min-width:750px){.article-page__rappel{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:var(--e-12);align-items:center}.article-page__rappel .bouton{width:auto}}.article-page__navigation{display:grid;gap:var(--e-4);margin-top:var(--e-16)}.article-page__lien-nav{display:flex;gap:var(--e-4);align-items:center;min-height:var(--cible-tactile);padding:var(--e-4);border:var(--trait) solid var(--filet);border-radius:var(--rayon-large);color:var(--texte);text-decoration:none;transition:background-color var(--transition),border-color var(--transition)}.article-page__lien-nav:hover{background-color:var(--fond-carte);border-color:var(--filet)}.article-page__lien-nav:hover .article-page__lien-titre{text-decoration:underline}.article-page__lien-media{flex:0 0 auto;width:64px;border-radius:var(--rayon);overflow:hidden}.article-page__lien-media img{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.article-page__lien-texte{min-width:0}.article-page__lien-role{display:block;margin-bottom:var(--e-1);color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase}.article-page__lien-titre{display:block;font-family:var(--f-titre);font-size:var(--t-sm);font-weight:var(--poids-titre);line-height:1.35;text-wrap:pretty}.article-page__retour{align-self:center;min-height:var(--cible-tactile);display:inline-flex;align-items:center;color:var(--texte-secondaire);font-family:var(--f-chiffres);font-size:var(--t-sm);letter-spacing:var(--ls-surtitre);text-transform:uppercase}@media screen and (min-width:750px){.article-page__navigation{grid-template-columns:1fr 1fr;gap:var(--e-4)}.article-page__retour{grid-column:1 / -1;justify-self:center;margin-top:var(--e-4)}.article-page__lien-nav--suivant{text-align:right}}.article-page__barre{position:fixed;right:0;bottom:0;left:0;z-index:60;padding:var(--e-2) var(--marge-bord);padding-bottom:max(var(--e-2),env(safe-area-inset-bottom));background-color:var(--fond-page);border-top:var(--trait) solid var(--filet);box-shadow:0 -2px 16px #2b241c1a}.article-page__barre[hidden]{display:none}.article-page__barre-contenu{display:flex;gap:var(--e-3);align-items:center;justify-content:space-between}.article-page__barre-texte{display:flex;flex-direction:column;gap:2px;margin:0;min-width:0}.article-page__barre-titre{overflow:hidden;color:var(--texte-secondaire);font-size:var(--t-xs);text-overflow:ellipsis;white-space:nowrap}.article-page__barre-prix{font-family:var(--f-chiffres);font-size:var(--t-sm)}.article-page__barre .bouton{flex:0 0 auto;min-height:var(--cible-tactile);padding-block:0}@media screen and (min-width:750px){.article-page__barre{display:none}}@media screen and (max-width:749px){.article-page__couverture,.article-page__entete,.article-page__chapo{margin-bottom:var(--e-8)}.article-page__chapo:after{margin-top:var(--e-4)}.article-page__rail{margin-bottom:var(--e-8)}.article-page__sommaire-liste{max-height:40vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--filet) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 24px),transparent)}.article-page__chapitre .article-page__contenu--chapitre{padding-bottom:var(--e-6)}.article-page__contenu>*+*{margin-top:var(--e-4)}.article-page__contenu>:is(h3,h4){margin-top:var(--e-8)}.article-page__contenu>:is(figure,blockquote,table,.article-page__tableau){margin-block:var(--e-8)}.article-page__contenu hr{margin-block:var(--e-12)}.article-page__bandeau{margin-top:var(--e-12);padding-block:var(--e-12)}.article-page__navigation{margin-top:var(--e-12)}.article-page__partage{margin-top:var(--e-8)}.article-page:has(~barre-article){padding-bottom:var(--e-16)}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-article.css.map */