/* ============================================================================
   Les UTILITAIRES du site public (`site-utilities.css`), sortis de `site.css` au
   lot 8 (aucun fichier au-delà de 1 000 lignes). Chargés juste après elle : ils
   y étaient, au même rang de la cascade. Le doublement du sélecteur (0,2,0) est
   ce qui leur donne la force d'un ancien `style=` (voir plus bas).
   ============================================================================ */

/* =====================================================================
   UTILITAIRES
   -----------------------------------------------------------------
   Traduction fidèle des attributs style= que la CSP interdit. Chaque
   classe porte exactement une déclaration, et son nom la décrit : la
   correspondance est mécanique, donc vérifiable.

   Le sélecteur est doublé (.u-x.u-x) pour porter la spécificité à 0,2,0.
   Un attribut style= l'emportait sur n'importe quelle règle de composant ;
   une classe simple, elle, perdrait contre .bloc .element. Le doublement
   restitue ce rapport de force sans recourir à !important.

   Une passe sémantique reste possible plus tard : replier ces déclarations
   dans les classes de composant lorsqu'elles valent pour toutes leurs
   instances. Ce n'était pas le sujet de cette PR, qui vise la conformité
   CSP à comportement strictement constant.
   ===================================================================== */

/* align-items */
.u-ai-center.u-ai-center{align-items:center}

/* aspect-ratio */
.u-ar-1-1.u-ar-1-1{aspect-ratio:1/1}
.u-ar-16-9.u-ar-16-9{aspect-ratio:16/9}

/* background */
.u-bg-f6e3d6.u-bg-f6e3d6{background:#F6E3D6}
.u-bg-terracotta.u-bg-terracotta{background:var(--terracotta)}

/* border-color */
.u-bc-rgba-196-122-83-_4.u-bc-rgba-196-122-83-_4{border-color:rgba(196,122,83,.4)}

/* border-radius */
.u-br-20.u-br-20{border-radius:20px}

/* border-top */
.u-bt-1_5-solid-encre.u-bt-1_5-solid-encre{border-top:1.5px solid var(--encre)}

/* border-width */

/* bottom */
.u-bottom-neg-60.u-bottom-neg-60{bottom:-60px}

/* color */
.u-c-blanc.u-c-blanc{color:var(--blanc)}
.u-c-sauge.u-c-sauge{color:var(--sauge)}
.u-c-terracotta.u-c-terracotta{color:var(--terracotta)}

/* display */
.u-d-block.u-d-block{display:block}
.u-d-grid.u-d-grid{display:grid}

/* flex */
.u-fx-1.u-fx-1{flex:1}

/* flex-wrap */
.u-fwr-wrap.u-fwr-wrap{flex-wrap:wrap}

/* font-family */
.u-ff-serif.u-ff-serif{font-family:'Cormorant Garamond',serif}

/* font-size */
.u-fs-11.u-fs-11{font-size:11px}
.u-fs-11_5.u-fs-11_5{font-size:11.5px}
.u-fs-12.u-fs-12{font-size:12px}
.u-fs-12_5.u-fs-12_5{font-size:12.5px}
.u-fs-13.u-fs-13{font-size:13px}
.u-fs-13_5.u-fs-13_5{font-size:13.5px}
.u-fs-15.u-fs-15{font-size:15px}
.u-fs-19.u-fs-19{font-size:19px}
.u-fs-20.u-fs-20{font-size:20px}
.u-fs-21.u-fs-21{font-size:21px}
.u-fs-22.u-fs-22{font-size:22px}
.u-fs-24.u-fs-24{font-size:24px}
.u-fs-26.u-fs-26{font-size:26px}
.u-fs-29.u-fs-29{font-size:29px}
.u-fs-clamp-30-4_6vw-44.u-fs-clamp-30-4_6vw-44{font-size:clamp(30px,4.6vw,44px)}
.u-fs-clamp-30-4_6vw-46.u-fs-clamp-30-4_6vw-46{font-size:clamp(30px,4.6vw,46px)}

/* font-style */
.u-fst-italic.u-fst-italic{font-style:italic}

/* font-weight */
.u-fw-400.u-fw-400{font-weight:400}
.u-fw-600.u-fw-600{font-weight:600}

/* gap */
.u-g-10.u-g-10{gap:10px}
.u-g-11.u-g-11{gap:11px}
.u-g-18.u-g-18{gap:18px}
.u-g-8.u-g-8{gap:8px}

/* grid-template-columns */
.u-gtc-repeat-3-1fr.u-gtc-repeat-3-1fr{grid-template-columns:repeat(3,1fr)}

/* height */
.u-h-30.u-h-30{height:30px}
.u-h-300.u-h-300{height:300px}
.u-h-70.u-h-70{height:70px}
.u-h-auto.u-h-auto{height:auto}

/* line-height */
.u-lh-1_15.u-lh-1_15{line-height:1.15}
.u-lh-1_2.u-lh-1_2{line-height:1.2}
.u-lh-1_25.u-lh-1_25{line-height:1.25}
.u-m-0-0-14.u-m-0-0-14{margin:0 0 14px}
.u-m-0-0-16.u-m-0-0-16{margin:0 0 16px}
.u-m-10-0-18.u-m-10-0-18{margin:10px 0 18px}
.u-m-12-0-10.u-m-12-0-10{margin:12px 0 10px}
.u-m-12-0-6.u-m-12-0-6{margin:12px 0 6px}
.u-m-18-0-10.u-m-18-0-10{margin:18px 0 10px}
.u-m-18-0-6.u-m-18-0-6{margin:18px 0 6px}

/* margin-bottom */
.u-mb-10.u-mb-10{margin-bottom:10px}
.u-mb-14.u-mb-14{margin-bottom:14px}
.u-mb-18.u-mb-18{margin-bottom:18px}
.u-mb-22.u-mb-22{margin-bottom:22px}
.u-mb-26.u-mb-26{margin-bottom:26px}
.u-mb-6.u-mb-6{margin-bottom:6px}

/* margin-inline */
.u-mi-auto.u-mi-auto{margin-inline:auto}

/* margin-left */

/* margin-top */
.u-mt-10.u-mt-10{margin-top:10px}
.u-mt-20.u-mt-20{margin-top:20px}
.u-mt-24.u-mt-24{margin-top:24px}
.u-mt-26.u-mt-26{margin-top:26px}
.u-mt-30.u-mt-30{margin-top:30px}
.u-mt-34.u-mt-34{margin-top:34px}
.u-mt-4.u-mt-4{margin-top:4px}
.u-mt-6.u-mt-6{margin-top:6px}
.u-mt-neg-8.u-mt-neg-8{margin-top:-8px}

/* max-width */
.u-maxw-760.u-maxw-760{max-width:760px}
.u-maxw-800.u-maxw-800{max-width:800px}

/* min-width */
.u-minw-0.u-minw-0{min-width:0}
.u-minw-260.u-minw-260{min-width:260px}

/* padding */
.u-p-44-0-10.u-p-44-0-10{padding:44px 0 10px}
.u-p-44-0-6.u-p-44-0-6{padding:44px 0 6px}

/* padding-bottom */
.u-pb-60.u-pb-60{padding-bottom:60px}

/* padding-top */
.u-pt-12.u-pt-12{padding-top:12px}

/* right */
.u-right-neg-50.u-right-neg-50{right:-50px}
.u-ta-right.u-ta-right{text-align:right}
.u-w-30.u-w-30{width:30px}
.u-w-300.u-w-300{width:300px}
.u-w-70.u-w-70{width:70px}