/* Jetons de design de NTO Digital, relevés sur le site publié (styles calculés). */
:root {
  /* Couleurs */
  --c-encre: #101c34;        /* titres et textes */
  --c-cuivre: #bc8666;       /* accent, mots mis en valeur, bouton principal */
  --c-bleu: #669bbc;         /* prix, pied de page */
  --c-fond: #edf8ff;         /* fond de page */
  --c-blanc: #fafdfe;        /* cartes, boutons */
  --c-gris: #80898f;         /* bordures */
  --c-gris-clair: #aab7bf;   /* bordure du bouton secondaire */
  --c-peche: #e9d2c5;        /* dégradés */
  --c-ciel: #c5dbe9;         /* dégradés */

  /* Dégradés de marque */
  --degrade-vertical: linear-gradient(0deg, var(--c-peche) 0%, var(--c-ciel) 100%);
  --degrade-diagonal: linear-gradient(315deg, var(--c-peche) 0%, var(--c-ciel) 100%);

  /* Typographie. Le site d'origine est en Avenir LT 35 Light et 85 Heavy (Monotype, licence
     non transférable) : remplacées par Figtree (OFL), la police libre la plus proche : largeur des
     lignes à 99,7 % (texte) et 99,8 % (titres) d'Avenir sur 103 lignes mesurées, contre Nunito Sans d'abord (21/10/2026). Graisses 300 et 800. La face des titres couvre les graisses 400 à 800 :
     un titre demandé en 600 (bannière de consentement) prend la vraie graisse 800 au lieu d'un faux gras. */
  --f-texte: "Figtree", system-ui, sans-serif;
  --f-titre: "Figtree Titre", "Figtree", system-ui, sans-serif;

  /* Rayons, ombres, entêtes collantes */
  --r-carte: 15px;
  --r-boite: 20px;
  --r-pilule: 25px;
  --ombre-pilule: 0 1px 4px rgba(16, 28, 52, 0.5);
  --ombre-carte: -10.61px -10.61px 16px rgba(0, 0, 0, 0.06);
  --haut-collant: 90px;      /* titres de section collés sous l'en-tête */
  --entre-sections: 120px;   /* air ajouté entre deux sections (demande de Nathan, 24/10/2026) */
  /* Gouttière : 62 px jusqu'à 1440 px de large, puis contenu limité à 1316 px
     centré (comportement relevé sur le site d'origine à 1920 px). */
  --gouttiere: max(62px, calc((100vw - 1316px) / 2));
}

@font-face {
  font-family: "Figtree";
  src: url("/polices/figtree-latin-300-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Figtree";
  src: url("/polices/figtree-latin-ext-300-normal.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Figtree Titre";
  src: url("/polices/figtree-latin-800-normal.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Figtree Titre";
  src: url("/polices/figtree-latin-ext-800-normal.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
/* Ancres (« Voir les offres », « Je me lance », « Comparer ») : défilement doux, sauf si le visiteur a réduit les animations. */
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
body {
  margin: 0;
  background: var(--c-fond);
  color: var(--c-encre);
  font-family: var(--f-texte);
  font-size: 16px;
  line-height: 1.1;
  overflow-x: clip;
  /* Comme le site d'origine : lissage en niveaux de gris. Sans lui, Chrome sur macOS n'affiche
     pas le gras synthétique d'Avenir Light (textes en gras du site). */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, p { margin: 0; font-weight: 400; }
/* Les cartes qui entrent par la droite ne doivent pas élargir la page. */
main { overflow-x: clip; }
a { color: inherit; text-decoration: none; }
img, svg { display: block; }
ul { list-style: none; margin: 0; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }

/* Titres de section : Avenir Heavy 50/60, centrés, mot d'accent en cuivre */
.titre-section {
  font-family: var(--f-titre);
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: var(--c-encre);
}
.accent { color: var(--c-cuivre); }
/* Aperçu de NTO Admin : un titre à accent y est rendu en Markdown (*mot* -> em). */
.titre-section em { font-style: normal; color: var(--c-cuivre); }
.titre-section p { display: inline; margin: 0; }

/* Agrandissement au défilement de tous les titres de section, celui du bloc « Ils nous font confiance » (0,3 -> 1 entre
   cover 0 % et cover 50 %), commun à toutes les pages depuis le 24/10/2026 (demande de Nathan). Titre aligné à gauche :
   agrandi depuis son bord gauche. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .titre-section, .lies__titre {
      animation: titre-grandir linear both;
      animation-timeline: view();
      animation-range: cover 0% cover 50%;
    }
  }
}
@keyframes titre-grandir { from { transform: scale(.3); } to { transform: scale(1); } }

/* Bascule 3D au défilement (« retournement ») du cadre des logos, reprise par le cadre des FAQ le 24/10/2026 : le cadre
   arrive couché vers l'arrière et se redresse sur une distance fixe de 40 % de la hauteur d'écran depuis son entrée,
   quelle que soit sa hauteur (avec cover 50 %, un long cadre restait penché au milieu de l'écran, illisible ; retour de
   Nathan du 24/10/2026). */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .bascule-3d {
      animation: basculer linear both;
      animation-timeline: view();
      animation-range: cover 0px cover 40vh;
    }
  }
}
@keyframes basculer {
  from { transform: perspective(500px) translateZ(-300px) rotateX(-68deg) translateZ(300px); }
  to { transform: perspective(500px) translateZ(-300px) rotateX(0deg) translateZ(300px); }
}

/* Air entre les sections, sur toutes les pages : écart ajouté au-dessus de chaque section qui en suit une autre
   (fond de page commun, donc sans couture), et au-dessus du bloc de contact commun. */
main > section ~ section, main ~ .contact { margin-top: var(--entre-sections); }

/* Bouton « pastille » commun (menu, contacts, appels à l'action) */
.pastille {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 42px;
  padding: 2px 11px 0;
  background: #fff;
  border: 1px solid var(--c-gris);
  border-radius: var(--r-carte);
  font-family: var(--f-texte);
  font-size: 16px;
  color: var(--c-encre);
  white-space: nowrap;
}
/* Survol relevé sur le site publié : fond #f7f7f7 et bord cuivre instantanés, texte et icône cuivre en 0,4 s
   (transition du libellé et de l'icône des boutons Wix, mesurée image par image, à l'entrée comme à la sortie). */
.pastille { transition: color .4s ease; }
.pastille:hover { background: #f7f7f7; border-color: var(--c-cuivre); color: var(--c-cuivre); }
.pastille svg { width: 20px; height: 20px; flex: none; fill: currentColor; }

.visuellement-cache {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}
.lien-evitement {
  position: absolute; left: 16px; top: -60px; z-index: 100;
  background: #fff; padding: 8px 12px; border-radius: 8px;
}
.lien-evitement:focus { top: 16px; }

/* Sélecteur de langue (en-tête, menu mobile, pied de page), relevé sur le site publié : une boîte de 80 px
   qui s'allonge vers le bas, la langue courante en première ligne, les autres en lignes de 36 px séparées
   d'un filet ; survol : fond #f7f7f7 et texte cuivre. */
.langue { position: relative; width: 80px; height: 38px; font-size: 12px; line-height: 13.2px; color: var(--c-encre); }
.langue__boite {
  position: absolute; top: 0; left: 0; z-index: 5; width: 80px;
  background: var(--c-blanc); border: 1px solid var(--c-gris); border-radius: var(--r-carte); overflow: hidden;
}
.langue__boite summary {
  list-style: none; display: flex; align-items: center; justify-content: space-between;
  height: 36px; padding: 1px 15px 0 14px; cursor: pointer;
}
.langue__boite summary::-webkit-details-marker { display: none; }
.langue__boite summary svg { width: 12px; height: 6px; }
.langue__boite[open] summary svg { transform: rotate(180deg); }
.langue__boite:not([open]) summary:hover, .langue__boite summary:focus-visible { background: #f7f7f7; color: var(--c-cuivre); }
.langue__boite li a { display: flex; align-items: center; height: 36px; padding: 1px 14px 0; border-top: 1px solid #d6d6d7; }
.langue__boite li a:hover, .langue__boite li a:focus-visible { background: #f7f7f7; color: var(--c-cuivre); }

/* Apparitions à l'entrée dans l'écran : src/components/Apparitions.astro (data-entree). */

@media (max-width: 750px) {
  :root { --entre-sections: 60px; }
  .titre-section { font-size: 30px; line-height: 36px; }
}

/* Bannière de consentement commune de l'agence : seules les variables --cc-* la relient à la charte (règle NTO, 20/10/2026 :
   jamais la mise en page de la bannière d'origine du site). */
:root {
  --cc-fond: var(--c-blanc);
  --cc-texte: var(--c-encre);
  --cc-doux: #4a5568;
  --cc-filet: rgb(16 28 52 / .15);
  --cc-action: var(--c-encre);
  --cc-action-survol: var(--c-cuivre);
  --cc-sur-action: var(--c-blanc);
  --cc-police: var(--f-texte);
  --cc-police-titre: var(--f-titre);
  --cc-rayon: var(--r-boite);
  --cc-rayon-bouton: var(--r-carte);
  --cc-hauteur: 44px;
  --cc-ombre: 0 18px 48px -16px rgb(16 28 52 / .35); /* ombre teintée encre, comme les ombres de la charte */
}

/* Cadre à bord dégradé (5 px) et intérieur clair : bloc contact, logos clients. */
.cadre { padding: 5px; border-radius: var(--r-boite); background: var(--degrade-diagonal); }
.cadre__interieur { height: 100%; background: var(--c-blanc); border: 1px solid var(--c-gris); border-radius: var(--r-carte); overflow: hidden; }
.entete[data-astro-cid-3axb2k7x] {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  height: 83px;
  pointer-events: none;
}

.entete[data-astro-cid-3axb2k7x] > [data-astro-cid-3axb2k7x] {
  pointer-events: auto;
}

.entete__pilule[data-astro-cid-3axb2k7x] {
  position: absolute;
  top: 15px;
  left: 50%;
  translate: -50%;
  display: flex;
  align-items: flex-end;
  gap: 15px;
  padding: 14px 15px 14px 14px;
  border: 1px solid #0000;
  border-radius: var(--r-pilule);
  box-shadow: var(--ombre-pilule);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: radial-gradient(circle at 94.35% 89.62%, #f7f7f740 0%, 20%, #f7f7f700 40%), radial-gradient(circle at 6.5% 88.04%, #669bbc3f 0%, 25%, #669bbc00 50%), radial-gradient(circle at 6.17% 12.62%, #bc866640 0%, 42%, #bc866600 70%), radial-gradient(circle at 93.69% 11.43%, #669bbc40 0%, 42%, #669bbc00 70%);
}

.entete__logo[data-astro-cid-3axb2k7x] {
  color: #fff;
  align-self: center;
  transition: opacity .3s ease-in-out;
}

.entete__logo[data-astro-cid-3axb2k7x]:hover {
  opacity: .8;
}

.entete__nav[data-astro-cid-3axb2k7x] {
  display: flex;
  gap: 15px;
  align-items: flex-end;
}

.menu[data-astro-cid-3axb2k7x] {
  position: relative;
}

.menu__bouton[data-astro-cid-3axb2k7x] {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: var(--largeur);
  height: 38px;
  padding-top: 3px;
  background: var(--c-blanc);
  border: 1px solid var(--c-gris);
  border-radius: var(--r-carte);
  font-size: 16px;
  color: var(--c-encre);
}

.menu__bouton[data-astro-cid-3axb2k7x]:before {
  content: "";
  position: absolute;
  inset: 5px 4px 4px;
  z-index: -1;
  border-radius: 10px;
  background: var(--c-bleu);
  opacity: 0;
}

.menu__bouton--accent[data-astro-cid-3axb2k7x] {
  height: 37px;
  color: var(--c-cuivre);
  border-color: var(--c-cuivre);
}

.menu__bouton--accent[data-astro-cid-3axb2k7x]:before {
  inset: 4px;
  background: var(--c-cuivre);
}

.menu__bouton[data-astro-cid-3axb2k7x] .menu__chevron {
  width: 10px;
  height: 10px;
  transition: transform .4s;
}

.menu[data-astro-cid-3axb2k7x]:hover .menu__bouton[data-astro-cid-3axb2k7x], .menu[data-astro-cid-3axb2k7x]:focus-within .menu__bouton[data-astro-cid-3axb2k7x], .menu[data-astro-cid-3axb2k7x] .menu__bouton[data-astro-cid-3axb2k7x][aria-expanded="true"], .menu__bouton--accent[data-astro-cid-3axb2k7x]:hover, .menu__bouton--accent[data-astro-cid-3axb2k7x]:focus-visible {
  color: var(--c-fond);
}

.menu[data-astro-cid-3axb2k7x]:hover .menu__bouton[data-astro-cid-3axb2k7x]:before, .menu[data-astro-cid-3axb2k7x]:focus-within .menu__bouton[data-astro-cid-3axb2k7x]:before, .menu[data-astro-cid-3axb2k7x] .menu__bouton[data-astro-cid-3axb2k7x][aria-expanded="true"]:before, .menu__bouton--accent[data-astro-cid-3axb2k7x]:hover:before, .menu__bouton--accent[data-astro-cid-3axb2k7x]:focus-visible:before {
  opacity: 1;
}

.menu[data-astro-cid-3axb2k7x]:hover .menu__chevron, .menu[data-astro-cid-3axb2k7x]:focus-within .menu__chevron, [data-astro-cid-3axb2k7x][aria-expanded="true"] .menu__chevron {
  transform: rotate(180deg);
}

.menu__panneau[data-astro-cid-3axb2k7x] {
  position: absolute;
  top: calc(100% + 25px);
  left: 50%;
  translate: -50%;
  width: 582px;
  padding: 10px;
  background: var(--c-blanc);
  border: 1px solid var(--c-gris);
  border-radius: var(--r-pilule);
  box-shadow: 1px 1px 4px #80898f99;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s cubic-bezier(.645, .045, .355, 1), visibility 0s .4s;
}

.menu__panneau[data-astro-cid-3axb2k7x]:before {
  content: "";
  position: absolute;
  inset: -27px 0 100%;
}

.menu[data-astro-cid-3axb2k7x]:hover .menu__panneau[data-astro-cid-3axb2k7x], .menu[data-astro-cid-3axb2k7x]:focus-within .menu__panneau[data-astro-cid-3axb2k7x], .menu__bouton[data-astro-cid-3axb2k7x][aria-expanded="true"] + .menu__panneau[data-astro-cid-3axb2k7x] {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s cubic-bezier(.645, .045, .355, 1);
}

.menu__panneau[data-astro-cid-3axb2k7x] ul[data-astro-cid-3axb2k7x] {
  display: grid;
  grid-template-columns: 275px 275px;
  gap: 10px;
}

.menu__lien[data-astro-cid-3axb2k7x] {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100px;
  padding: 0 20px;
  border-radius: var(--r-boite);
  font-size: 12px;
  line-height: 14.4px;
  color: var(--c-encre);
  transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

.menu__lien[data-astro-cid-3axb2k7x]:hover, .menu__lien[data-astro-cid-3axb2k7x]:focus-visible {
  background: #f7f7f7;
  color: var(--c-cuivre);
}

.menu__icone[data-astro-cid-3axb2k7x] {
  position: relative;
  flex: none;
  width: 46px;
  height: 46px;
}

.menu__icone[data-astro-cid-3axb2k7x] img {
  display: block;
  width: 46px;
  height: 46px;
}

.menu__anime[data-astro-cid-3axb2k7x] {
  position: absolute;
  inset: 0;
  visibility: hidden;
}

@media (prefers-reduced-motion: no-preference) {
  .menu__lien[data-astro-cid-3axb2k7x]:hover .menu__anime[data-astro-cid-3axb2k7x]:not([data-src]) {
    visibility: visible;
    transition: visibility 0s .2s;
  }

  .menu__lien[data-astro-cid-3axb2k7x]:hover .menu__icone[data-astro-cid-3axb2k7x]:has(.menu__anime:not([data-src])) img:first-child {
    visibility: hidden;
    transition: visibility 0s .2s;
  }
}

.menu__lien[data-astro-cid-3axb2k7x] > span[data-astro-cid-3axb2k7x]:last-child {
  width: 194px;
}

.menu__lien[data-astro-cid-3axb2k7x] > span[data-astro-cid-3axb2k7x]:last-child > span[data-astro-cid-3axb2k7x] {
  display: block;
}

.menu__lien[data-astro-cid-3axb2k7x] strong[data-astro-cid-3axb2k7x] {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 17.6px;
}

.entete__burger[data-astro-cid-3axb2k7x], .entete__lance-mobile[data-astro-cid-3axb2k7x] {
  display: none;
}

.entete__droite[data-astro-cid-3axb2k7x] {
  position: absolute;
  top: 30px;
  right: 43px;
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

.rond[data-astro-cid-3axb2k7x] {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  margin-top: 1px;
  background: #fff;
  border: 1px solid var(--c-gris);
  border-radius: var(--r-carte);
  color: var(--c-encre);
}

.rond[data-astro-cid-3axb2k7x] svg {
  width: 15px;
  height: 15px;
  transition: color .4s;
}

.rond[data-astro-cid-3axb2k7x]:hover {
  background: #f7f7f7;
  border-color: var(--c-cuivre);
  color: var(--c-cuivre);
}

.panneau-mobile[data-astro-cid-3axb2k7x] {
  position: fixed;
  inset: 0;
  z-index: 60;
  background: #fafdfed9;
}

.panneau-mobile[data-astro-cid-3axb2k7x][hidden] {
  display: none;
}

.panneau-mobile__cadre[data-astro-cid-3axb2k7x] {
  position: absolute;
  top: 125px;
  right: 25px;
  width: 201px;
  padding: 5px;
  border-radius: var(--r-boite);
  background: linear-gradient(324deg, var(--c-ciel) 0%, var(--c-peche) 100%);
}

.panneau-mobile__haut[data-astro-cid-3axb2k7x] {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

.panneau-mobile__haut[data-astro-cid-3axb2k7x] .rond[data-astro-cid-3axb2k7x] {
  margin-top: 0;
}

.panneau-mobile__liens[data-astro-cid-3axb2k7x] {
  display: grid;
  gap: 20px;
  margin-top: 5px;
  padding: 20px;
  background: var(--c-blanc);
  border: 1px solid var(--c-gris);
  border-radius: var(--r-carte);
}

.panneau-mobile__liens[data-astro-cid-3axb2k7x] a[data-astro-cid-3axb2k7x] {
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: var(--c-encre);
}

.panneau-mobile__liens[data-astro-cid-3axb2k7x] a[data-astro-cid-3axb2k7x][aria-current="page"] {
  color: var(--c-cuivre);
}

@media (width <= 750px) {
  .entete[data-astro-cid-3axb2k7x] {
    height: 85px;
  }

  .entete__pilule[data-astro-cid-3axb2k7x] {
    gap: 8px;
    padding: 14px 14px 14px 15px;
    align-items: center;
    border: 0;
    box-shadow: 0 1px 4px #2f313380;
  }

  .entete__nav[data-astro-cid-3axb2k7x], .entete__droite[data-astro-cid-3axb2k7x] {
    display: none;
  }

  .entete__burger[data-astro-cid-3axb2k7x], .entete__lance-mobile[data-astro-cid-3axb2k7x] {
    display: inline-flex;
    height: 40px;
  }

  .entete__lance-mobile[data-astro-cid-3axb2k7x] {
    color: var(--c-encre);
    border-color: var(--c-gris);
  }
}
.contact[data-astro-cid-he3spzz3] {
  padding: 42px var(--gouttiere) 0;
}

.contact__entete[data-astro-cid-he3spzz3] {
  position: sticky;
  top: var(--haut-collant);
  padding: 153px 0 74px;
}

.contact__bloc[data-astro-cid-he3spzz3] {
  height: 265px;
}

.contact__cadre[data-astro-cid-he3spzz3] {
  width: 925px;
  height: 165px;
  margin: 0 auto;
}

.contact__liste[data-astro-cid-he3spzz3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

.contact__liste[data-astro-cid-he3spzz3] li[data-astro-cid-he3spzz3]:first-child {
  margin-right: 1px;
}

@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    
  }

  .contact__bloc[data-astro-cid-he3spzz3].pulse {
    animation: 6s linear 1ms infinite pulsation;
  }
}

@keyframes pulsation {
  4.59% {
    transform: scale(.96);
  }

  7.65% {
    transform: scale(1);
  }

  12.24% {
    transform: scale(.93);
  }

  17%, 100% {
    transform: scale(1);
  }
}

@media (width <= 750px) {
  .contact[data-astro-cid-he3spzz3] {
    padding: 15px 15px 0;
  }

  .contact__entete[data-astro-cid-he3spzz3] {
    position: static;
    padding: 153px 0 74px;
  }

  .contact__bloc[data-astro-cid-he3spzz3] {
    height: 348px;
  }

  .contact__cadre[data-astro-cid-he3spzz3] {
    width: 275px;
    height: 298px;
  }

  .contact__liste[data-astro-cid-he3spzz3] {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
    padding: 29px;
  }

  .contact__liste[data-astro-cid-he3spzz3] li[data-astro-cid-he3spzz3]:first-child {
    margin-right: 0;
  }
}
.pied[data-astro-cid-aipgsrkx] {
  display: grid;
  grid-template-columns: minmax(0, 507fr) minmax(0, 345fr) minmax(0, 364fr);
  margin: 1px var(--gouttiere) 42px;
  padding: 50px;
  border-radius: var(--r-pilule);
  background: var(--c-bleu);
  color: var(--c-blanc);
}

.pied__logo[data-astro-cid-aipgsrkx] {
  display: block;
  width: 100px;
  color: #fff;
}

.pied__nom[data-astro-cid-aipgsrkx] {
  margin-top: 19px;
  font-family: var(--f-titre);
  font-size: 20px;
  line-height: 22px;
}

.pied__baseline[data-astro-cid-aipgsrkx] {
  margin-top: 10px;
  font-weight: 700;
  font-size: 16px;
  line-height: 17.6px;
}

.pied__infos[data-astro-cid-aipgsrkx] {
  margin-top: 18px;
  font-size: 16px;
  line-height: 22.4px;
}

.pied__actions[data-astro-cid-aipgsrkx] {
  display: flex;
  gap: 5px;
  margin-top: 18px;
}

.pied__rond[data-astro-cid-aipgsrkx] {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  background: #fff;
  border: 1px solid var(--c-gris);
  border-radius: var(--r-carte);
  color: var(--c-encre);
}

.pied__rond[data-astro-cid-aipgsrkx] svg {
  width: 15px;
  height: 15px;
  transition: color .4s;
}

.pied__rond[data-astro-cid-aipgsrkx]:hover {
  background: #f7f7f7;
  border-color: var(--c-cuivre);
  color: var(--c-cuivre);
}

.pied__logo[data-astro-cid-aipgsrkx] {
  transition: opacity .3s ease-in-out;
}

.pied__logo[data-astro-cid-aipgsrkx]:hover {
  opacity: .8;
}

.pied__titre[data-astro-cid-aipgsrkx] {
  font-family: var(--f-titre);
  font-size: 20px;
  line-height: 22px;
}

.pied__colonne[data-astro-cid-aipgsrkx] ul[data-astro-cid-aipgsrkx] {
  margin-top: 23px;
  display: grid;
  gap: 14px;
}

.pied__colonne[data-astro-cid-aipgsrkx] li[data-astro-cid-aipgsrkx] {
  font-size: 16px;
  line-height: 19.2px;
}

.pied__colonne[data-astro-cid-aipgsrkx] a[data-astro-cid-aipgsrkx]:not([aria-current]):hover, .pied__bas[data-astro-cid-aipgsrkx] a[data-astro-cid-aipgsrkx]:not([aria-current]):hover {
  color: var(--c-ciel);
  text-decoration: underline;
}

.pied__bas[data-astro-cid-aipgsrkx] a[data-astro-cid-aipgsrkx] {
  transition: color .35s;
}

.pied__bas[data-astro-cid-aipgsrkx] {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  font-size: 12px;
}

.pied__societe[data-astro-cid-aipgsrkx] {
  display: grid;
  gap: 5px;
  line-height: 14px;
}

.pied__societe[data-astro-cid-aipgsrkx] span[data-astro-cid-aipgsrkx] {
  color: var(--c-fond);
  line-height: 13.2px;
}

.pied__legal[data-astro-cid-aipgsrkx] {
  display: flex;
  gap: 15px;
}

.pied__bas[data-astro-cid-aipgsrkx] {
  align-items: flex-end;
}

.pied__droite[data-astro-cid-aipgsrkx] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 22px;
}

.pied__partenaire[data-astro-cid-aipgsrkx] {
  display: block;
  transition: opacity .3s ease-in-out;
}

.pied__partenaire[data-astro-cid-aipgsrkx] img[data-astro-cid-aipgsrkx] {
  display: block;
  width: auto;
  height: 46px;
}

.pied__partenaire[data-astro-cid-aipgsrkx]:hover {
  opacity: .8;
}

@media (width <= 750px) {
  .pied[data-astro-cid-aipgsrkx] {
    grid-template-columns: 1fr;
    margin: 0 15px 15px;
    padding: 25px 25px 24px;
    border-radius: var(--r-pilule);
  }

  .pied__colonne[data-astro-cid-aipgsrkx] {
    margin-top: 35px;
  }

  .pied__colonne[data-astro-cid-aipgsrkx] ul[data-astro-cid-aipgsrkx] {
    margin-top: 15px;
    gap: 15px;
  }

  .pied__colonne[data-astro-cid-aipgsrkx] li[data-astro-cid-aipgsrkx] {
    font-size: 14px;
    line-height: 16.8px;
  }

  .pied__bas[data-astro-cid-aipgsrkx] {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 15px;
    margin-top: 35px;
  }

  .pied__droite[data-astro-cid-aipgsrkx] {
    align-items: flex-start;
    gap: 18px;
  }

  .pied__partenaire[data-astro-cid-aipgsrkx] img[data-astro-cid-aipgsrkx] {
    height: 38px;
  }
}
.cc[data-astro-cid-ginobftb] {
  --cc-f: var(--cc-fond, #fff);
  --cc-t: var(--cc-texte, #1a1a1a);
  --cc-a: var(--cc-action, #1a1a1a);
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 30;
  width: min(440px, 100% - 32px);
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  padding: 24px;
  border-radius: var(--cc-rayon, 16px);
  background: var(--cc-f);
  color: var(--cc-t);
  box-shadow: var(--cc-ombre, 0 18px 48px -16px #00000059);
  font: 400 15px/1.55 var(--cc-police, system-ui, sans-serif);
  animation: .45s cubic-bezier(.16, 1, .3, 1) both cc-entree;
}

.cc[data-astro-cid-ginobftb][hidden] {
  display: none;
}

.cc--sortie[data-astro-cid-ginobftb] {
  animation: .2s ease-in both cc-sortie;
}

@keyframes cc-entree {
  from {
    opacity: 0;
    translate: 0 16px;
  }
}

@keyframes cc-sortie {
  to {
    opacity: 0;
    translate: 0 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cc[data-astro-cid-ginobftb], .cc--sortie[data-astro-cid-ginobftb] {
    animation: none;
  }
}

.cc__entete[data-astro-cid-ginobftb] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.cc__biscuit[data-astro-cid-ginobftb] {
  flex: none;
  width: 30px;
  height: 30px;
  color: var(--cc-a);
}

.cc__pepite[data-astro-cid-ginobftb] {
  fill: var(--cc-f);
}

.cc__titre[data-astro-cid-ginobftb] {
  margin: 0;
  font: 600 20px/1.2 var(--cc-police-titre, inherit);
  letter-spacing: -.01em;
}

.cc__titre[data-astro-cid-ginobftb]:focus {
  outline: none;
}

.cc__titre[data-astro-cid-ginobftb]:focus-visible {
  outline: 2px solid var(--cc-a);
  outline-offset: 4px;
  border-radius: 4px;
}

.cc__texte[data-astro-cid-ginobftb] {
  margin: 0;
  color: var(--cc-doux, var(--cc-t));
}

.cc__choix[data-astro-cid-ginobftb] {
  margin-top: 18px;
  display: grid;
  gap: 4px;
}

.cc__choix[data-astro-cid-ginobftb][hidden] {
  display: none;
}

.cc__ligne[data-astro-cid-ginobftb] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-top: 1px solid var(--cc-filet, #0000001a);
  cursor: pointer;
}

.cc__ligne[data-astro-cid-ginobftb]:first-child {
  cursor: default;
}

.cc__libelle[data-astro-cid-ginobftb] {
  display: grid;
  gap: 2px;
}

.cc__nom[data-astro-cid-ginobftb] {
  font-weight: 600;
}

.cc__desc[data-astro-cid-ginobftb] {
  font-size: 14px;
  color: var(--cc-doux, var(--cc-t));
}

.cc__interrupteur[data-astro-cid-ginobftb] {
  flex: none;
  appearance: none;
  margin: 2px 0 0;
  width: 44px;
  height: 26px;
  border-radius: 999px;
  cursor: pointer;
  background: none;
  border: 2px solid var(--cc-doux, var(--cc-t));
  position: relative;
  transition: background-color .2s, border-color .2s;
}

.cc__interrupteur[data-astro-cid-ginobftb]:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--cc-doux, var(--cc-t));
  transition: translate .2s cubic-bezier(.16, 1, .3, 1), background-color .2s;
}

.cc__interrupteur[data-astro-cid-ginobftb]:checked {
  background: var(--cc-a);
  border-color: var(--cc-a);
}

.cc__interrupteur[data-astro-cid-ginobftb]:checked:after {
  translate: 18px;
  background: var(--cc-sur-action, #fff);
}

.cc__interrupteur[data-astro-cid-ginobftb]:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.cc__interrupteur[data-astro-cid-ginobftb]:focus-visible {
  outline: 2px solid var(--cc-a);
  outline-offset: 3px;
}

.cc__actions[data-astro-cid-ginobftb] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.cc__bouton[data-astro-cid-ginobftb] {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  min-height: var(--cc-hauteur, 44px);
  padding: 0 20px;
  border-radius: var(--cc-rayon-bouton, 999px);
  cursor: pointer;
  border: 1px solid var(--cc-a);
  background: var(--cc-a);
  color: var(--cc-sur-action, #fff);
  font: 400 15px/1.2 var(--cc-police, inherit);
  transition: background-color .25s, border-color .25s, color .25s, scale .15s;
}

.cc__bouton[data-astro-cid-ginobftb][hidden] {
  display: none;
}

.cc__bouton--contour[data-astro-cid-ginobftb] {
  background: none;
  color: var(--cc-t);
  border-color: var(--cc-t);
}

.cc__bouton--large[data-astro-cid-ginobftb] {
  flex-basis: 100%;
}

.cc__bouton[data-astro-cid-ginobftb]:active {
  scale: .97;
}

.cc__bouton[data-astro-cid-ginobftb]:focus-visible {
  outline: 2px solid var(--cc-a);
  outline-offset: 3px;
}

@media (hover: hover) {
  .cc__bouton[data-astro-cid-ginobftb]:hover {
    background: var(--cc-action-survol, var(--cc-t));
    border-color: var(--cc-action-survol, var(--cc-t));
    color: var(--cc-sur-action, #fff);
  }
}

@media (width <= 560px) {
  .cc[data-astro-cid-ginobftb] {
    left: 8px;
    right: 8px;
    bottom: 8px;
    width: auto;
    padding: 20px;
  }
}

@media (width <= 359px) {
  .cc__bouton[data-astro-cid-ginobftb] {
    flex-basis: 100%;
  }
}
@media (prefers-reduced-motion: no-preference) {
    [data-entrees] :is([data-entree], [data-apparition]):not(.entree-vue) { opacity: 0; }
    [data-entrees] :is([data-entree], [data-apparition]).entree-vue:not(.entree-finie) {
      animation-duration: var(--entree-duree, 1200ms);
      animation-delay: var(--entree-delai, 1ms);
      animation-fill-mode: backwards;
    }
    [data-entrees] :is([data-entree='fondu'], [data-apparition]).entree-vue:not(.entree-finie) {
      animation-name: entree-fondu;
      animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }
    [data-entrees] [data-entree='expansion'].entree-vue:not(.entree-finie) {
      animation-name: entree-fondu, entree-expansion;
      animation-timing-function: linear, cubic-bezier(0.645, 0.045, 0.355, 1);
      transform-origin: center;
    }
  }
  @keyframes entree-fondu { from { opacity: 0; } to { opacity: 1; } }
  @keyframes entree-expansion { from { scale: var(--entree-echelle, 0.8); } to { scale: 1; } }