@font-face{
  font-family:'Plus Jakarta Sans';
  font-style:normal;font-weight:200 800;font-display:swap;
  src:url('../font/plus-jakarta-sans-latin.woff2') format('woff2');
  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:'Plus Jakarta Sans';
  font-style:normal;font-weight:200 800;font-display:swap;
  src:url('../font/plus-jakarta-sans-latin-ext.woff2') format('woff2');
  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;
}

:root{

  --u-ink:#09233e;
  --u-ink-2:#103a6a;
  --u-azure:#1f5de0;
  --u-azure-hover:#164aaf;
  --u-ice:#24b7d1;
  --u-ice-soft:#e5f5f9;
  --u-body:#f4f8fb;
  --u-panel:#fdfdff;
  --u-copy:#0f1b33;
  --u-copy-2:#31435a;
  --u-subtle:#5c6c84;
  --u-border:#e5ebf1;
  --u-border-2:#e8edf8;
  --u-azure-soft:#f0f3fc;
  --u-green:#097a36; --u-green-bg:#e9f9ec; --u-green-border:#bdeacd;
  --u-danger:#c21f22;   --u-danger-bg:#fbeaec;   --u-danger-border:#f1c9c6;
  --u-gold:#f6a325;

  --u-sp-1:4px; --u-sp-2:8px; --u-sp-3:12px; --u-sp-4:16px; --u-sp-6:24px;
  --u-sp-8:32px; --u-sp-10:40px; --u-sp-12:48px; --u-sp-16:64px;

  --u-rad-sm:10px; --u-rad-md:12px; --u-rad-lg:16px; --u-rad-xl:20px; --u-rad-2xl:24px; --u-rad-pill:999px;

  --u-sd-sm:0 4px 18px rgba(9,35,62,.05);
  --u-sd-md:0 12px 34px rgba(9,35,62,.11);
  --u-sd-lg:0 18px 44px rgba(9,35,62,.11);

  --u-type:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --u-shell:1200px;
  --u-edge-x:clamp(16px,4vw,24px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--u-body);color:var(--u-copy);line-height:1.55;text-rendering:optimizeLegibility;
  font-family:var(--u-type);-webkit-font-smoothing:antialiased;margin:0;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--u-azure)}
a:hover{color:var(--u-azure-hover)}
h1,h2,h3,h4,p{margin:0}
button{font-family:inherit}
:focus-visible{border-radius:6px;outline:3px solid #aac6fd;outline-offset:2px}

.burger{border:none;background:none;gap:5px;z-index:1105;flex-direction:column;
  display:none;cursor:pointer;padding:6px}
.burger span{border-radius:2px;width:26px;transition:transform .3s ease,opacity .3s ease;display:block;background:var(--u-ink);
  height:3px}
.burger.actif span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.burger.actif span:nth-child(2){opacity:0}
.burger.actif span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.barre-lien{font-weight:600;font-size:15px;position:relative;padding-block:4px;color:var(--u-copy-2);transition:color .18s}
.barre-lien::after{left:0;bottom:-2px;transition:transform .22s ease;width:100%;content:"";background:var(--u-azure);height:2px;position:absolute;transform:scaleX(0);transform-origin:left}
.barre-lien:hover{color:var(--u-azure)}
.barre-lien:hover::after{transform:scaleX(1)}
.legal{color:#7f94b1;margin-top:40px;border-top:1px solid rgba(253,253,255,.1);font-size:13px;padding-top:20px}

.competences-blocs{gap:20px;display:grid;grid-template-columns:1fr}

.accroche{background:linear-gradient(rgba(8,26,52,.74),rgba(8,26,52,.8)),var(--hero-img,linear-gradient(120deg,#103a6a,#09233e));
  scroll-margin-top:85px;background-size:cover;
  background-position:center;min-height:90vh;display:flex;
  align-items:center}
.accroche__interieur{padding-top:var(--u-sp-4);width:100%;padding-bottom:clamp(48px,7vw,64px)}
.accroche__blocs{gap:36px;grid-template-columns:1fr;display:grid;align-items:center}
.accroche__corps{color:#fdfdff}
.accroche__nom{letter-spacing:-.02em;font-size:clamp(32px,5vw,46px);line-height:1.04;font-weight:800;margin:18px 0 16px}
.accroche__chapo{color:#d4dff0;font-size:clamp(16px,2vw,18px);margin-bottom:20px;max-width:520px}
.accroche__commandes{margin-bottom:24px}
.accroche__atouts{display:grid;gap:10px 24px;max-width:520px;grid-template-columns:1fr 1fr}
.photo{height:38px;border-radius:50%;box-shadow:0 1px 3px rgba(9,35,62,.11);border:2px solid #fdfdff;width:38px}
.photo+.photo{margin-left:-12px}
img.photo{background:var(--u-azure-soft);object-fit:cover;display:block}
.photo--plus{display:flex;font-size:12px;color:var(--u-azure);font-weight:700;
  justify-content:center;align-items:center;background:var(--u-azure-soft)}

.tiroir-mobile{position:fixed;padding:84px var(--u-sp-6) var(--u-sp-6);width:80%;box-shadow:-6px 0 30px rgba(9,35,62,.19);max-width:320px;transition:right .3s ease;top:0;
  z-index:1100;background:#fdfdff;overflow-y:auto;
  height:100vh;height:100dvh;right:-100%}
.tiroir-mobile.actif{right:0}
.tiroir-mobile nav{flex-direction:column;display:flex}
.tiroir-mobile a:not(.commande){color:var(--u-copy-2);font-weight:600;font-size:15px;padding:14px 2px;
  border-bottom:1px solid #f0f2fa}
.tiroir-mobile a:not(.commande):hover{color:var(--u-azure)}
.tiroir-mobile a.commande{margin-top:var(--u-sp-6)}
.notes-hotel-ville{background:#fdfdff;border:1px solid var(--u-border);box-shadow:var(--u-sd-sm);
  border-radius:var(--u-rad-lg);padding:22px}
.notes-hotel-ville h3{font-size:17px;font-weight:700;margin-bottom:14px}
.pro-situation{gap:8px;align-items:flex-start;color:var(--u-copy-2);font-size:14px;display:flex}
.pro-situation .pin{flex-shrink:0;color:var(--u-azure);margin-top:1px}

.rapide-relance{padding:20px 20px 18px;position:fixed;animation:floatPulse 2.4s ease-out infinite;max-width:calc(100vw - 44px);right:22px;bottom:22px;
  width:300px;background:linear-gradient(135deg,var(--u-azure),var(--u-azure-hover));
  border-radius:var(--u-rad-lg);box-shadow:0 16px 40px rgba(9,35,62,.26);
  z-index:150;color:#fdfdff}
.rapide-relance:hover{animation-play-state:paused}
.rapide-nom{font-size:1.05rem;line-height:1.3;margin-bottom:6px;font-weight:800;padding-right:22px}
.rapide-corps{color:#dee9ff;line-height:1.45;font-size:.88rem;margin-bottom:14px}
.rapide-relance .commande{width:100%}
.rapide-x{top:9px;background:rgba(253,253,255,.2);position:absolute;display:flex;font-size:16px;right:11px;justify-content:center;
  height:24px;width:24px;border:none;cursor:pointer;transition:background .15s;
  color:#fdfdff;border-radius:50%;line-height:1}
.rapide-x:hover{background:rgba(253,253,255,.41)}
.rapide-onglet{justify-content:center;color:#fdfdff;display:none;border:none;animation:floatPulse 2.4s ease-out infinite;width:60px;align-items:center;
  right:22px;transition:transform .22s ease-out;position:fixed;
  height:60px;cursor:pointer;box-shadow:0 16px 40px rgba(9,35,62,.26);background:linear-gradient(135deg,var(--u-azure),var(--u-azure-hover));
  border-radius:50%;bottom:22px;
  z-index:150}
.rapide-onglet:hover{animation-play-state:paused;transform:scale(1.05)}

.album__haut{align-items:flex-end;gap:20px;justify-content:space-between;margin-bottom:28px;display:flex}
.album__ctrl{display:flex;gap:10px}
.zone-texte{font:inherit;padding:12px 14px;border:1px solid var(--u-border);font-size:15px;
  width:100%;background:#fdfdff;transition:border-color .18s,box-shadow .18s;border-radius:var(--u-rad-md)}
.zone-texte:focus{outline:none;box-shadow:0 0 0 3px #e1eaff;border-color:var(--u-azure)}
.coche-elements{padding-top:15px;margin:0;gap:9px;flex-direction:column;border-top:1px solid #f0f2fa;
  display:flex;list-style:none}
.coche-elements li{font-size:14px;display:flex;color:var(--u-copy-2);gap:9px;align-items:flex-start}
.coche-elements li::before{font-weight:800;color:var(--u-ice);content:"✓"}
.page-barre{display:flex;gap:28px;align-items:center}

.commande{
  font-weight:700;justify-content:center;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;font-size:15px;
  align-items:center;text-align:center;
  border:1px solid transparent;gap:8px;border-radius:var(--u-rad-md);white-space:nowrap;cursor:pointer;
  line-height:1;display:inline-flex;
  padding:14px 22px;
}
.commande--mini{padding:11px 18px;font-size:14px}
.commande--xl{border-radius:var(--u-rad-lg);font-size:17px;padding:17px 30px}
.commande--etire{width:100%}
.commande--plein{box-shadow:0 8px 20px rgba(31,93,224,.28);background:var(--u-azure);color:#fdfdff}
.commande--plein:hover{transform:translateY(-2px);color:#fdfdff;background:var(--u-azure-hover);box-shadow:0 12px 26px rgba(31,93,224,.32)}
.commande--fantome{border-color:#cdd5e5;color:var(--u-ink);background:#fdfdff}
.commande--fantome:hover{transform:translateY(-2px);color:var(--u-azure);border-color:var(--u-azure)}
.commande--fonce{color:#fdfdff;background:var(--u-ink)}
.commande--fonce:hover{color:#fdfdff;background:#11345e;transform:translateY(-2px)}
.commande--surligne{color:#062031;background:var(--u-ice);box-shadow:0 12px 30px rgba(36,183,209,.33)}
.commande--surligne:hover{color:#062031;transform:translateY(-2px);background:#3dc9dc;box-shadow:0 16px 34px rgba(36,183,209,.44)}
.commande--uni{background:#fdfdff;color:var(--u-azure)}
.commande--uni:hover{background:#ebefff;transform:translateY(-2px);color:var(--u-azure-hover)}
.section{padding-block:clamp(48px,7vw,72px)}
.section--inv{background:var(--u-panel)}

.voir-lien{display:inline-flex;gap:12px;font-weight:600;color:#fdfdff;align-items:center;font-size:15px}
.voir-lien:hover{color:#fdfdff}
.voir-lien .voir{background:rgba(253,253,255,.12);display:inline-flex;align-items:center;height:46px;
  transition:background .18s,transform .18s;justify-content:center;width:46px;border-radius:50%;
  border:1px solid rgba(253,253,255,.26)}
.voir-lien:hover .voir{transform:scale(1.06);background:rgba(253,253,255,.25)}
.voir-lien .voir::after{width:0;border-left:10px solid var(--u-ice);margin-left:3px;content:"";
  border-top:7px solid transparent;border-bottom:7px solid transparent;height:0}
.identite{display:flex;align-items:center;color:var(--u-ink);gap:10px;font-weight:800;font-size:20px;letter-spacing:-.01em}
.identite:hover{color:var(--u-ink)}
.identite__marque{justify-content:center;flex-shrink:0;width:30px;height:30px;display:inline-flex;align-items:center}
.identite__marque svg{display:block;width:30px;height:30px}
.chapo{color:var(--u-subtle);font-size:clamp(16px,2vw,18px)}
.info{gap:13px;transition:border-color .15s,box-shadow .15s,transform .15s;border:1px solid var(--u-border-2);background:#fdfdff;border-radius:var(--u-rad-md);
  align-items:center;padding:13px 15px;display:flex}
.info:hover{transform:translateY(-1px);box-shadow:var(--u-sd-sm);border-color:var(--u-azure)}
.info-sym{height:40px;flex-shrink:0;width:40px;justify-content:center;border-radius:11px;
  align-items:center;background:var(--u-ice-soft);color:var(--u-azure);display:flex}
.info-corps{min-width:0}
.info dt{color:var(--u-subtle);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}
.info dd{font-size:16px;color:var(--u-copy);margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
.sym-carre{flex-shrink:0;height:48px;color:var(--u-azure);border-radius:14px;display:flex;
  align-items:center;background:var(--u-ice-soft);width:48px;justify-content:center}
.ctrl-commande{border-radius:50%;justify-content:center;display:flex;align-items:center;font-size:20px;color:var(--u-ink);
  border:1px solid #cdd5e5;cursor:pointer;transition:border-color .18s,color .18s,transform .18s;background:#fdfdff;width:46px;
  height:46px}
.ctrl-commande:hover{border-color:var(--u-azure);transform:translateY(-2px);color:var(--u-azure)}

.environs{gap:32px;flex-direction:column;display:flex}
.environs-groupe h2{margin-bottom:14px}
.environs-liens{gap:8px 18px;flex-wrap:wrap;display:flex}
.environs-liens a{text-decoration:underline}

.relance__encart{flex-wrap:wrap;padding:clamp(36px,5vw,56px) clamp(28px,4vw,48px);
  background:linear-gradient(120deg,var(--u-ink),var(--u-ink-2));position:relative;display:flex;
  overflow:hidden;border-radius:var(--u-rad-2xl);gap:32px;align-items:center;justify-content:space-between}
.relance__forme{height:200px;border-radius:50%;width:200px;right:-40px;position:absolute;top:-40px;background:rgba(36,183,209,.16)}
.relance__corps{max-width:560px;position:relative;color:#fdfdff}
.relance__corps h2{color:#fdfdff;margin-bottom:10px}
.relance__corps p{font-size:17px;color:#d4dff0}
.relance__encart .commande{position:relative}
.pro-carte{border:1px solid var(--u-border);border-radius:var(--u-rad-lg);box-shadow:var(--u-sd-sm);background:#fdfdff;
  display:flex;gap:14px;padding:22px;flex-direction:column;transition:box-shadow .2s,transform .2s}
.pro-carte:hover{box-shadow:0 16px 36px rgba(9,35,62,.11);transform:translateY(-3px)}
.pro-haut{align-items:flex-start;display:flex;justify-content:space-between;gap:12px}
.pro-ident{align-items:center;display:flex;gap:13px}
.pro-marque{color:#fdfdff;line-height:1;background:var(--u-azure);flex-shrink:0;font-weight:700;width:40px;justify-content:center;display:flex;font-size:16px;border-radius:11px;align-items:center;height:40px}
.pro-carte h3{font-size:18px;font-weight:700;margin-bottom:3px}
.pro-carte .type{color:var(--u-subtle);font-size:13px}

.vignette{align-items:center;border-radius:var(--u-rad-pill);gap:6px;padding:5px 11px;display:inline-flex;
  border:1px solid transparent;font-size:12px;font-weight:700}
.vignette--dispo{border-color:var(--u-green-border);color:var(--u-green);background:var(--u-green-bg)}
.vignette--inactif{color:var(--u-danger);border-color:var(--u-danger-border);background:var(--u-danger-bg)}
.vignette .rond{line-height:1;font-size:10px}
.album__ruban{display:flex;gap:18px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.album__ruban::-webkit-scrollbar{display:none}
.album-entree{max-width:360px;flex:0 0 78%;scroll-snap-align:start;margin:0}
.album-entree .apercu{overflow:hidden;aspect-ratio:4/3;border-radius:var(--u-rad-lg);background:#dbe8f1;border:1px solid var(--u-border)}
.album-entree img{width:100%;object-fit:cover;height:100%}
.album-entree figcaption{color:var(--u-subtle);font-size:14px;margin-top:10px}
.atout{align-items:center;font-size:15px;color:#eaf3fb;display:flex;gap:10px}
.atout i{font-weight:800;color:var(--u-ice);font-style:normal}
.vignette-puce{font-size:13px;display:inline-flex;border:1px solid rgba(36,183,209,.41);border-radius:var(--u-rad-pill);background:rgba(36,183,209,.16);
  gap:8px;color:#9ee9f5;align-items:center;font-weight:700;padding:7px 14px}

.pros-blocs{grid-template-columns:1fr;display:grid;gap:18px;margin-top:var(--u-sp-8)}
.competence-carte{box-shadow:var(--u-sd-sm);border:1px solid var(--u-border);transition:box-shadow .2s,transform .2s;background:#fdfdff;
  border-radius:18px;padding:28px 26px}
.competence-carte:hover{box-shadow:0 18px 40px rgba(9,35,62,.11);transform:translateY(-4px)}
.competence-carte .sym-carre{height:56px;border-radius:16px;margin-bottom:18px;width:56px}
.competence-carte h3{font-size:19px;margin-bottom:8px;font-weight:700}
.competence-carte p{margin-bottom:16px;font-size:15px;color:var(--u-subtle)}
.competence-carte--principal{border:0;box-shadow:0 18px 40px rgba(9,35,62,.2);color:#fdfdff;
  background:linear-gradient(155deg,var(--u-ink-2),var(--u-ink))}
.competence-carte--principal h3{color:#fdfdff}
.competence-carte--principal p{color:#bac6de}
.competence-carte--principal .sym-carre{background:rgba(36,183,209,.16);color:var(--u-ice)}
.competence-carte--principal .coche-elements{border-top-color:rgba(253,253,255,.12)}
.competence-carte--principal .coche-elements li{color:#d4dff0}
.astres .astre{color:#d8e0e7}
.astres .astre.rempli{color:var(--u-gold)}

.site-navigation{top:0;border-bottom:1px solid var(--u-border);background:#fdfdff;position:sticky;z-index:100}
.site-navigation__interieur{min-height:85px;padding-block:14px;align-items:center;justify-content:space-between;
  display:flex;gap:20px}
.hotel-ville-entree{align-items:flex-start;gap:9px;font-size:14px;color:var(--u-copy-2);display:flex;margin-bottom:9px}
.hotel-ville-entree .pin{color:var(--u-azure);margin-top:1px;flex-shrink:0}

.site-colophon{color:#c7d2e4;background:var(--u-ink)}
.site-colophon .conteneur{padding-block:56px 24px}

.article{display:grid;grid-template-columns:1fr;align-items:center;gap:40px}
.article__corps h2{margin-bottom:16px}
.article__corps p{font-size:16px;margin-bottom:14px;color:var(--u-copy-2)}
.article__legende{margin:8px 0 12px;font-size:18px;font-weight:700}

.zone-carte{background:#dbe8f1;cursor:pointer;border-radius:var(--u-rad-xl);position:relative;
  border:1px solid var(--u-border);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--u-sd-md)}
.zone-cadre-vide{display:flex;inset:0;position:absolute;
  text-align:center;background:linear-gradient(135deg,#e9f0f9,#d5e4f0);gap:16px;flex-direction:column;align-items:center;justify-content:center;padding:24px}
.zone-pin{justify-content:center;align-items:center;width:56px;background:var(--u-azure);display:flex;box-shadow:0 8px 20px rgba(31,93,224,.33);
  border-radius:50%;height:56px}
.zone-pin::after{border-radius:50%;height:16px;width:16px;content:"";background:#fdfdff}
.zone-cadre-vide p{color:var(--u-subtle);font-size:14px;max-width:260px}
.zone-carte iframe{width:100%;inset:0;position:absolute;height:100%;border:0;display:block}
.zone-carte.deploye .zone-cadre-vide{display:none}

.temoignage-barre{z-index:20;border:1px solid var(--u-border-2);flex-wrap:wrap;margin-top:-42px;
  justify-content:space-evenly;position:relative;gap:26px;box-shadow:var(--u-sd-lg);border-radius:var(--u-rad-xl);display:flex;
  background:#fdfdff;align-items:center;padding:22px 30px}
.temoignage-entree{align-items:center;display:flex;gap:13px}
.temoignage-entree strong{font-size:15px;display:block}
.temoignage-entree span{font-size:13px;color:var(--u-subtle)}

.tarif-carte{background:#fdfdff;color:var(--u-copy);padding:26px;box-shadow:0 24px 60px rgba(5,18,36,.41);
  border-radius:var(--u-rad-xl)}
.tarif-carte h2{margin-bottom:4px;font-size:21px;font-weight:800}
.tarif-carte p.legende{margin-bottom:18px;color:var(--u-subtle);font-size:14px}
.tarif-apercu{width:100%;border:0;display:block;background:transparent}
.surligne{color:var(--u-ice)}

.ariane{font-size:13px;align-items:center;color:#b9c4da;padding:12px 0 24px;display:flex;
  flex-wrap:wrap;margin:0;list-style:none}
.ariane li+li::before{opacity:.6;content:"›";margin-inline:6px}
.ariane a{color:#b9c4da}
.ariane a:hover{color:#fdfdff}
.ariane li:last-child{color:#fdfdff;font-weight:600}
.forces-elements{display:grid;padding:0;gap:12px 24px;list-style:none;margin:0;grid-template-columns:1fr}
.forces-elements li{align-items:flex-start;display:flex;gap:10px;font-size:15px;color:var(--u-copy-2)}
.forces-elements li::before{content:"→";color:var(--u-azure);font-weight:800}
.astres{color:var(--u-gold);letter-spacing:1px}
.creneau{justify-content:space-between;color:var(--u-copy-2);display:flex;font-size:14px;gap:14px}
.creneau strong{white-space:nowrap;color:var(--u-copy)}

.barre-fond{visibility:hidden;opacity:0;z-index:1090;position:fixed;transition:opacity .3s ease;
  background:rgba(9,35,62,.5);inset:0}
.barre-fond.actif{visibility:visible;opacity:1}

.conteneur{margin-inline:auto;padding-inline:var(--u-edge-x);max-width:var(--u-shell)}
.planning{padding-top:12px;display:flex;flex-direction:column;margin-top:14px;margin-bottom:14px;gap:7px;border-top:1px solid #f0f2fa}
.colophon-blocs{gap:32px;grid-template-columns:1fr;display:grid}
.colophon-identite{align-items:center;color:#fdfdff;font-weight:800;gap:10px;font-size:20px;display:flex;margin-bottom:14px}
.colophon-colonne .colophon-nom{margin-bottom:14px;color:#fdfdff;font-size:14px;font-weight:700}
.colophon-colonne p{max-width:280px;color:#a1b4ce;font-size:14px}
.colophon-liens{list-style:none;margin:0;display:flex;gap:9px;font-size:14px;flex-direction:column;padding:0}
.colophon-liens a{color:#a1b4ce}
.colophon-liens a:hover{color:#fdfdff}

.notes{align-items:start;gap:32px;grid-template-columns:1fr;display:grid}
.notes-infos{margin:0;grid-template-columns:1fr;display:grid;gap:10px}
.temoignage-evaluation{align-items:center;display:flex;gap:14px}
.temoignage-note{align-items:center;display:flex;gap:6px}
.temoignage-lien{font-size:13px;color:var(--u-subtle)}
.section-tete{text-align:center;max-width:640px;margin:0 auto var(--u-sp-10)}
.mention{font-weight:700;margin-bottom:var(--u-sp-2);text-transform:uppercase;color:var(--u-azure);font-size:13px;letter-spacing:.14em}
.ttl{letter-spacing:-.015em;font-size:clamp(26px,3.4vw,32px);font-weight:800}
.photos{display:flex}
.evaluation{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;align-items:center}
.evaluation .no{font-weight:700}
.evaluation .nombre{color:var(--u-subtle)}

@keyframes floatPulse{
  0%{box-shadow:0 16px 40px rgba(9,35,62,.26), 0 0 0 0 rgba(31,93,224,.55)}
  70%{box-shadow:0 16px 40px rgba(9,35,62,.26), 0 0 0 16px rgba(31,93,224,.01)}
  100%{box-shadow:0 16px 40px rgba(9,35,62,.26), 0 0 0 0 rgba(31,93,224,.01)}}

.ecran-accroche{background:linear-gradient(rgba(8,26,52,.83),rgba(8,26,52,.87)),
    var(--hero-img,linear-gradient(120deg,var(--u-ink),var(--u-ink-2)));
  background-size:cover;background-position:center;color:#fdfdff}
.ecran-accroche .conteneur{padding-block:clamp(32px,5vw,56px)}
.ecran-accroche h1{font-size:clamp(30px,4.5vw,42px);margin:8px 0;letter-spacing:-.02em;font-weight:800}

.ecran-accroche .conteneur > p{max-width:640px;color:#d4dff0}

.ecran-accroche--formulaire .conteneur{padding-bottom:clamp(40px,6vw,64px)}
.ecran-accroche--formulaire h1{margin:14px 0 12px}
.ecran-accroche--formulaire .accroche__blocs{margin-top:var(--u-sp-2)}

@media (max-width:1023px){
  .accroche__blocs>div:last-child{order:-1}
}

.article-section ul{padding-left:22px;color:var(--u-copy-2);font-size:16px;margin:0 0 16px}
.article-section li{margin-bottom:8px}
.article-section .tarifs-enveloppe{margin:6px 0 12px;overflow-x:auto}
.article-section table{border-collapse:separate;border-spacing:0;width:100%;border:1px solid var(--u-border);overflow:hidden;font-size:15px;border-radius:12px;min-width:460px}
.article-section th,.article-section td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--u-border)}
.article-section thead th{font-weight:700;background:var(--u-azure);border-bottom:0;color:#fdfdff}
.article-section tbody tr:nth-child(even){background:var(--u-azure-soft,#eff6ff)}
.article-section tbody tr:last-child td{border-bottom:0}
.article-section td:last-child{color:var(--u-ink);font-weight:700;white-space:nowrap}
.article-section .tarifs-note{color:#6a7990;margin:0 0 16px;font-size:13px}
.article-sujets > .conteneur{max-width:820px}
.article-sujets h2{margin:0 0 22px;font-size:clamp(22px,3vw,28px);text-align:center;font-weight:800}

.article-section h1{font-size:clamp(24px,3.4vw,30px);letter-spacing:-.015em;margin:0 0 14px;font-weight:800}
.article-section h2{font-size:24px;font-weight:800;margin:32px 0 12px}
.article-section p{color:var(--u-copy-2);font-size:16px;margin-bottom:16px}
.contenu-riche{max-width:760px}
.contenu-riche h2{margin:32px 0 12px;font-size:24px;font-weight:800}
.contenu-riche p{color:var(--u-copy-2);font-size:16px;margin-bottom:16px}
.contenu-riche ul{margin-bottom:16px;padding-left:20px;color:var(--u-copy-2);font-size:16px}
.contenu-riche li{margin-bottom:8px}

.page--article{flex-direction:column;display:flex}
.page--article > *{width:100%}
.page--article .article-section{order:1}

.explorer-formulaire{margin-bottom:var(--u-sp-6);gap:10px;display:flex;flex-wrap:wrap}
.explorer-formulaire .zone-texte{min-width:240px;flex:1}
.explorer-nombre{color:var(--u-subtle);margin-bottom:var(--u-sp-4)}
.sujets-entree{overflow:hidden;margin-bottom:12px;border:1px solid var(--u-border);background:#fdfdff;border-radius:12px}
.sujets-entree summary{position:relative;font-weight:700;padding:20px 46px 20px 18px;list-style:none;color:var(--u-ink);cursor:pointer}
.sujets-entree summary::-webkit-details-marker{display:none}
.sujets-entree summary::after{right:16px;top:50%;transform:translateY(-50%);position:absolute;content:"+";font-size:24px;color:var(--u-azure)}
.sujets-entree[open] summary::after{content:"\2212"}
.sujets-rep{overflow:hidden;transition:height .28s ease}
.sujets-rep-interieur{padding:0 18px 18px}
.sujets-rep p{color:var(--u-copy-2);font-size:15.5px;line-height:1.6;margin:0}

.page--article .article-sujets{order:2}

@media (max-width:860px){
  .page-barre{display:none}

  .burger{display:flex;position:fixed;top:24px;right:18px}
  .rapide-onglet{right:16px;bottom:16px}
}
@media (max-width:520px){
  .rapide-relance{right:12px;left:12px;bottom:12px;width:auto;max-width:none}

  .creneau{flex-direction:column;gap:2px;align-items:flex-start}

  .pro-haut{flex-direction:column;align-items:flex-start;gap:9px}
  .pro-ident{flex-direction:column;align-items:flex-start;gap:9px}
}
@media (min-width:861px){
  .tiroir-mobile,.barre-fond{display:none}
}
@media (min-width:768px){
  .competences-blocs{grid-template-columns:repeat(2,1fr)}
  .pros-blocs{grid-template-columns:repeat(2,1fr)}
  .colophon-blocs{grid-template-columns:1.4fr 1fr 1fr 1.2fr}
  .album-entree{flex-basis:360px}
  .forces-elements{grid-template-columns:1fr 1fr}
  .notes-infos{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .accroche__blocs{grid-template-columns:1.1fr .9fr;gap:44px}
  .article{grid-template-columns:1.05fr .95fr;gap:48px}
  .competences-blocs{grid-template-columns:repeat(3,1fr)}
  .notes{grid-template-columns:1.15fr .85fr;gap:40px}
  .notes-infos{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  .rapide-relance,.rapide-onglet{animation:none}
  .rapide-onglet{transition:none}
}