/* Fichier produit par bin/outils/convertir_v4.py depuis la maquette V4. Ne pas modifier à la main. */

/* Survols de la maquette (attributs style-hover). */
.sv-1:hover { border-bottom-color:#233B31 !important }
.sv-2:hover { background:#EAECE2 !important }
.sv-3:hover { background:#244E40 !important;color:#F4F2EB !important;border-color:#244E40 !important }
.sv-4:hover { background:#1B3D31 !important;transform:translateY(-2px) !important;color:#F4F2EB !important }
.sv-5:hover { background:#EAECE2 !important;border-color:#244E40 !important }
.sv-6:hover { background:#F4F2EB !important }
.sv-7:hover { border-color:#6F8D79 !important }
.sv-8:hover { border-color:#244E40 !important }
.sv-9:hover { background:#2B4A3C !important }
.sv-10:hover { transform:translateY(-2px) !important }
.sv-11:hover { background:#1B3D31 !important;transform:translateY(-2px) !important }

/* Valeurs qui dépendent de la largeur d'écran (seuils de la maquette : 960 et 600 px). */
:root { --r-needCols: repeat(3,minmax(0,1fr)); --r-heroCols: minmax(300px,5fr) 7fr; --r-heroGap: 18px clamp(32px,5vw,72px); --r-videoCol: 2; --r-videoRow: 1 / span 2; --r-heroPad: clamp(28px,4vw,56px); --r-sigDisplay: block; --r-capCols: repeat(3,minmax(0,1fr)); --r-ctrlPos: absolute; --r-ctrlMargin: 0; --r-ctrlBg: rgba(244,242,235,.8); --r-d-aspect: 16 / 9.2; --r-d-minH: 560px; --r-d-display: block; --r-d-pos: absolute; --r-d-pad: 0; --r-d-reqW: 68%; --r-d-supW: 37%; --r-d-rightW: 27.5%; --r-d-nextBottom: 4%; --r-d-secGap: clamp(8px,1.2vw,16px); --r-d-lineFs: clamp(12px,1.05vw,14px); --r-d-ptCols: repeat(2,minmax(0,1fr)); --r-d-provDisplay: none; --r-exCols: minmax(220px,1fr) minmax(50px,.35fr) minmax(260px,1.3fr); --r-svgDisplay: block; --r-besoin-span: auto; }
@media (max-width: 959.98px) { :root { --r-needCols: repeat(2,minmax(0,1fr)); --r-heroCols: 1fr; --r-heroGap: 20px 48px; --r-videoCol: 1; --r-videoRow: auto; --r-heroPad: clamp(28px,4vw,56px); --r-sigDisplay: block; --r-capCols: repeat(3,minmax(0,1fr)); --r-ctrlPos: absolute; --r-ctrlMargin: 0; --r-ctrlBg: rgba(244,242,235,.8); --r-d-aspect: 16 / 13; --r-d-minH: 560px; --r-d-display: block; --r-d-pos: absolute; --r-d-pad: 0; --r-d-reqW: 68%; --r-d-supW: 37%; --r-d-rightW: 27.5%; --r-d-nextBottom: 4%; --r-d-secGap: 10px; --r-d-lineFs: 13px; --r-d-ptCols: repeat(2,minmax(0,1fr)); --r-d-provDisplay: none; --r-exCols: 1fr; --r-svgDisplay: none; --r-besoin-span: auto; } }
@media (max-width: 599.98px) { :root { --r-needCols: 1fr; --r-heroCols: 1fr; --r-heroGap: 18px; --r-videoCol: 1; --r-videoRow: auto; --r-heroPad: 20px; --r-sigDisplay: none; --r-capCols: 1fr; --r-ctrlPos: static; --r-ctrlMargin: 8px; --r-ctrlBg: transparent; --r-d-aspect: auto; --r-d-minH: auto; --r-d-display: grid; --r-d-pos: static; --r-d-pad: 16px; --r-d-reqW: auto; --r-d-supW: auto; --r-d-rightW: auto; --r-d-nextBottom: auto; --r-d-secGap: 10px; --r-d-lineFs: 13px; --r-d-ptCols: 1fr; --r-d-provDisplay: block; --r-exCols: 1fr; --r-svgDisplay: none; --r-besoin-span: auto; } }
/* Troisième besoin sur toute la largeur entre 600 et 960 px (règle de la maquette). */
@media (max-width: 959.98px) and (min-width: 600px) { [data-besoin='2'] { --r-besoin-span: 1 / -1; } }

/* Blocs propres à une largeur (balises <sc-if> de la maquette). */
.si-large, .si-etroit, .si-telephone, .si-pas-telephone, [data-si] { display: contents; }
[data-si][hidden] { display: none; }
.si-etroit, .si-telephone { display: none; }
@media (max-width: 959.98px) { .si-large { display: none; } .si-etroit { display: contents; } }
@media (max-width: 599.98px) { .si-pas-telephone { display: none; } .si-telephone { display: contents; } }