@font-face{
  font-family:"Archivo secours";
  src:local("Arial"),local("Helvetica"),local("Liberation Sans");
  size-adjust:105.28%;   
  ascent-override:88%;
  descent-override:21%;
  line-gap-override:0%;
}
@font-face{
  font-family:"Manrope secours";
  src:local("Arial"),local("Helvetica"),local("Liberation Sans");
  size-adjust:100.49%;
  ascent-override:107%;
  descent-override:30%;
  line-gap-override:0%;
}





:root{
  
  --e-1:2px;   
  --e-2:4px;   
  --e-3:8px;   
  --e-4:12px;  
  --e-5:16px;  
  --e-6:20px;  
  --e-7:24px;  
  --e-8:32px;  
  --e-9:40px;  

  
  --el-1:0 1px 2px rgba(9,13,18,.05),0 3px 10px -4px rgba(9,13,18,.12);
  --el-2:0 2px 6px rgba(9,13,18,.08),0 18px 34px -18px rgba(9,13,18,.28);
  --el-3:0 2px 8px rgba(9,13,18,.10),0 36px 68px -30px rgba(9,13,18,.48);
  --el-bleu:0 8px 22px -10px rgba(20,83,111,.72);
  --el-haut:0 -6px 24px -14px rgba(10,20,30,.30);
  --anneau:0 0 0 4px color-mix(in srgb,var(--bleu) 30%,transparent);
  --anneau-fin:0 0 0 3px color-mix(in srgb,var(--bleu) 22%,transparent);
  --lisere-clair:inset 0 0 0 1px rgba(10,14,19,.13);
  --lisere-sombre:inset 0 0 0 1px rgba(255,255,255,.12);

  
  --r-xs:4px;      
  --r-sm:6px;      
  --r-md:12px;     
  --r-lg:18px;     
  --r-plein:99px;  
  --ls-affiche:-.035em;  
  --ls-titre:-.022em;    
  --ls-texte:-.012em;    
  --ls-fin:.04em;        
  --ls-libelle:.12em;    
  --ls-large:.18em;      

  
  --papier:#FFFFFF;
  --papier-2:#EFF4F8;
  --papier-3:#E3EBF1;

  
  --encre:#090D12;
  --encre-2:#151D27;
  --encre-3:#151D27;
  --bleu-nuit:#0E1A26;

  
  --bleu:#1C6C9C;
  --bleu-fonce:#14536F;
  --bleu-clair:#7CB8DC;
  --bleu-acier:#305070;

  --vert:#2C8C61;
  --rouge:#C24634;

  
  --or:#C8891B;            
  --or-fonce:#8F5A17;      
  --chaud:var(--or-fonce); 
  --ambre:var(--or);       

  
  --fond:var(--papier);
  --surface:var(--papier);
  --texte:#111820;
  --texte-2:#65707C;
  
  --texte-3:#646D78;
  --trait:#DAE3EA;
  --trait-2:#C4D0D9;
  --accent:var(--bleu);

  
  --ombre:var(--el-2);
  --ombre-h:var(--el-3);

  
  --pad:clamp(20px,5vw,56px);
  --bloc:clamp(72px,9.5vw,150px);
  --large:1340px;
  --lecture:640px;

  --titre:Archivo,"Archivo secours","Helvetica Neue",Helvetica,Arial,sans-serif;
  --corps:Manrope,"Manrope secours","Segoe UI",Helvetica,Arial,sans-serif;
}

.sombre{
  --fond:var(--encre);
  --surface:var(--encre-2);
  --texte:#EEF4F9;
  --texte-2:#9FADBA;
  --texte-3:#7A8895;
  --trait:rgba(255,255,255,.12);
  --trait-2:rgba(255,255,255,.22);
  --accent:var(--bleu-clair);
  
  --ombre:var(--el-2);
  --ombre-h:var(--el-3);
  background:var(--fond);
  color:var(--texte);
}

.sombre,.ouverture,.cadeaux,.final,.pied,.bloc.bleu,.q-nav,.barre.sur-sombre{
  --el-1:0 1px 2px rgba(0,0,0,.42),0 3px 10px -4px rgba(0,0,0,.56);
  --el-2:0 2px 8px rgba(0,0,0,.44),0 20px 38px -18px rgba(0,0,0,.70);
  --el-3:0 2px 10px rgba(0,0,0,.46),0 38px 72px -28px rgba(0,0,0,.80);
}


*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:104px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

body{
  margin:0;
  background:var(--papier);
  color:var(--encre);
  font-family:var(--corps);
  font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{
  display:block;max-width:100%;
  height:auto;   
}
a{color:inherit;text-decoration:none;}
p{margin:0;}
ul{margin:0;padding:0;list-style:none;}
::selection{background:var(--bleu);color:#fff;}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2.5px solid var(--bleu);outline-offset:3px;border-radius:var(--r-xs);
}


h1,h2,h3,h4{
  margin:0;font-family:var(--titre);font-weight:800;
  font-stretch:118%;              
  line-height:1;letter-spacing:var(--ls-affiche);
  text-wrap:balance;color:var(--texte);
}
h1{font-size:clamp(2.35rem,4.6vw,4.25rem);letter-spacing:var(--ls-affiche);line-height:.98;}
h2{font-size:clamp(1.85rem,3.4vw,3.25rem);letter-spacing:var(--ls-affiche);line-height:1.02;}
h3{font-size:clamp(1.1rem,1.5vw,1.38rem);letter-spacing:var(--ls-titre);line-height:1.18;font-stretch:110%;}
h4{font-size:1rem;letter-spacing:var(--ls-texte);font-stretch:106%;line-height:1.3;}

.sur{
  display:inline-flex;align-items:center;gap:var(--e-4);font-family:var(--corps);
  font-size:.775rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--accent);margin-bottom:26px;
}
.sur::before{
  content:"";width:22px;height:2px;border-radius:var(--r-plein);background:currentColor;flex:none;
}
.intro{font-size:1.06rem;line-height:1.62;color:var(--texte-2);max-width:62ch;}
.txt{color:var(--texte-2);}
.pt{font-size:.95rem;}
.tres-pt{font-size:.82rem;}


.centre h2 + .trait-double{margin-top:26px;}
.centre .intro{margin-top:4px;}
[data-suite],.duo,.cartes,.tarifs,.schema{margin-top:clamp(44px,5.2vw,68px);}


.large{width:100%;max-width:var(--large);margin-inline:auto;padding-inline:var(--pad);}
.bloc{padding-block:var(--bloc);position:relative;}
.gris{background:var(--papier-2);}


.prs-suite{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-4) var(--e-5);
  margin-top:clamp(34px,4vw,52px);
}
.prs-suite p{
  flex:1 1 22ch;min-width:0;margin:0;
  font-size:.95rem;color:var(--texte-2);
}


.filet{height:1px;background:var(--trait);border:0;margin:0;}


.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,90px);align-items:center;}
.duo.large-g{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);}
.duo.large-d{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
.duo .mot{max-width:var(--lecture);}


.deborde-g{margin-left:calc(var(--pad) * -1);}
.deborde-d{margin-right:calc(var(--pad) * -1);}
@media (min-width:1420px){
  .deborde-g{margin-left:calc((100vw - var(--large)) / -2 - var(--pad));}
  .deborde-d{margin-right:calc((100vw - var(--large)) / -2 - var(--pad));}
}


.b{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--e-4);
  font-family:var(--corps);font-weight:600;font-size:.9rem;letter-spacing:var(--ls-texte);
  padding:14px 26px;border:1.5px solid transparent;border-radius:var(--r-plein);
  cursor:pointer;white-space:nowrap;
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.b svg{flex:none;transition:transform .25s cubic-bezier(.2,.7,.3,1);}
.b:hover svg{transform:translateX(5px);}
.b-plein:hover,.b-bleu:hover{transform:translateY(-2px);}
.b-plein{background:var(--encre);color:#fff;box-shadow:var(--el-2);}
.b-plein:hover{background:var(--bleu);}
.sombre .b-plein{background:#fff;color:var(--encre);}
.sombre .b-plein:hover{background:var(--bleu-clair);}
.b-vide{border-color:var(--trait-2);color:var(--texte);}
.b-vide:hover{border-color:var(--texte);background:var(--texte);color:var(--fond);}
.b-bleu{background:var(--bleu-fonce);color:#fff;box-shadow:var(--el-bleu);}
.b-bleu:hover{background:#14536F;}
.b-pt{padding:11px 20px;font-size:.84rem;}


.barre{
  position:sticky;top:0;z-index:70;
  background:transparent;
  transition:background .3s,box-shadow .3s;
}
.barre.posee{background:var(--papier);box-shadow:0 1px 0 var(--trait);}
.barre.posee.sur-sombre{background:var(--encre);box-shadow:0 1px 0 rgba(255,255,255,.14);}
.barre-in{display:flex;align-items:center;gap:var(--e-8);height:84px;transition:height .3s;}
.barre.posee .barre-in{height:68px;}
.marque{display:flex;align-items:center;gap:var(--e-4);margin-right:auto;flex:none;}
.marque img{height:42px;width:auto;transition:height .3s;}
.barre.posee .marque img{height:34px;}
.marque b{
  font-family:var(--titre);font-weight:800;font-stretch:112%;font-size:1rem;
  letter-spacing:var(--ls-titre);text-transform:uppercase;line-height:1.04;
}
.marque b i{font-style:normal;display:block;color:inherit;opacity:.72;}
.menu{display:flex;gap:var(--e-8);}
.menu a{
  font-size:.93rem;font-weight:500;color:var(--texte-2);
  padding-block:5px;border-bottom:1.5px solid transparent;
  transition:color .18s,border-color .18s;
}
.menu a:hover{color:var(--texte);border-bottom-color:var(--bleu);}
.tel-barre{
  display:inline-flex;align-items:center;gap:var(--e-3);flex:none;
  font-weight:600;font-size:.96rem;color:var(--texte);
}
.tel-barre:hover{color:var(--bleu);}





.promesses{
  background:linear-gradient(140deg,#1C6C9C 0%,var(--bleu-acier) 46%,var(--bleu-nuit) 100%);
  color:#fff;position:relative;overflow:hidden;
}
.promesses::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 120% at 12% 0%,rgba(255,255,255,.22),transparent 58%);
}
.promesses .large{position:relative;z-index:1;}
.promesses-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.promesses article{
  padding:clamp(30px,3.4vw,46px) clamp(18px,2vw,34px);
  border-left:1px solid rgba(255,255,255,.26);
}
.promesses article:first-child{border-left:0;}
.promesses h4{color:#fff;margin-bottom:9px;}
.promesses p{font-size:.89rem;color:rgba(255,255,255,.84);line-height:1.5;}


.chiffres{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  background:var(--papier);
  border:1px solid var(--trait);border-radius:var(--r-lg);
  box-shadow:var(--ombre);
  overflow:hidden;
}
.chiffres > div{
  padding:clamp(26px,2.8vw,38px) clamp(20px,2.2vw,30px);
  border-left:1px solid var(--trait);
}
.chiffres > div:first-child{border-left:0;}
.sombre .chiffres{background:var(--encre-2);border-color:var(--trait);}
.chiffres b{
  display:block;font-family:var(--titre);font-weight:800;font-stretch:120%;
  font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:.95;letter-spacing:var(--ls-affiche);
  font-variant-numeric:tabular-nums;
}
.chiffres b i{font-style:normal;font-size:.4em;letter-spacing:var(--ls-texte);margin-left:.16em;color:var(--bleu);}
.sombre .chiffres b i{color:var(--bleu-clair);}
.chiffres span{display:block;margin-top:14px;font-size:.88rem;color:var(--texte-2);}


.liste{display:flex;flex-direction:column;}
.liste li{
  display:grid;grid-template-columns:auto 1fr;gap:var(--e-6);
  padding:22px 0;border-top:1px solid var(--trait);
}
.liste li:last-child{border-bottom:1px solid var(--trait);}
.liste .no{
  font-family:var(--titre);font-weight:700;font-size:.9rem;
  color:var(--bleu);font-variant-numeric:tabular-nums;padding-top:3px;
}
.liste h4{margin-bottom:5px;}
.liste p{font-size:.93rem;color:var(--texte-2);}

.coches{display:flex;flex-direction:column;gap:var(--e-6);}
.coches li{display:grid;grid-template-columns:auto 1fr;gap:var(--e-5);align-items:start;}
.coches .v{
  width:26px;height:26px;border-radius:50%;flex:none;margin-top:1px;
  background:var(--bleu-fonce);display:grid;place-items:center;
  box-shadow:var(--anneau);
}
.coches h4{margin-bottom:4px;}
.coches p{font-size:.93rem;color:var(--texte-2);}


.avert{
  margin-top:34px;display:grid;grid-template-columns:auto 1fr;gap:var(--e-5);
  padding:22px 24px;border-radius:0 var(--r-md) var(--r-md) 0;background:var(--papier-2);border-left:3px solid var(--ambre);
}
.sombre .avert{background:rgba(255,255,255,.06);}
.avert p{font-size:.94rem;color:var(--texte-2);}
.avert b{color:var(--texte);}


.presta{border-top:1px solid var(--trait);}
.presta-in{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(30px,5vw,80px);align-items:center;
  padding-block:clamp(48px,6vw,90px);
}
.presta:nth-of-type(even) .presta-vue{order:2;}
.presta-vue img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md);}
.presta .no-g{
  font-family:var(--titre);font-weight:700;font-size:.86rem;
  letter-spacing:var(--ls-fin);color:var(--bleu);margin-bottom:18px;display:block;
}
.presta h3{margin-bottom:16px;}
.presta .faits{
  display:flex;gap:var(--e-7);flex-wrap:wrap;margin-top:26px;
  padding-top:20px;border-top:1px solid var(--trait);
}
.presta .faits div{font-size:.86rem;color:var(--texte-3);}
.presta .faits b{display:block;font-family:var(--titre);font-size:1.15rem;color:var(--texte);letter-spacing:var(--ls-titre);}


.pleine{position:relative;min-height:min(76vh,680px);display:flex;align-items:center;overflow:hidden;}
.pleine > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;}
.pleine .voile{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,19,.94) 0%,rgba(10,14,19,.72) 42%,rgba(10,14,19,.08) 80%,rgba(10,14,19,.5) 100%);}
.pleine .dedans{position:relative;z-index:2;max-width:44ch;padding-block:clamp(60px,7vw,96px);}
.pleine h2{color:#fff;}
.pleine p{margin-top:22px;color:rgba(255,255,255,.86);}




.assureurs{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));
  gap:var(--e-1);margin-top:22px;background:var(--trait);
  border:1px solid var(--trait);border-radius:var(--r-md);overflow:hidden;
}
.assureurs span{
  background:var(--surface);
  display:grid;place-items:center;min-height:68px;padding:12px;
  font-family:var(--titre);font-weight:700;font-stretch:108%;
  font-size:.92rem;letter-spacing:var(--ls-texte);
  color:var(--texte-3);
  transition:color .2s,background .2s;
}
.assureurs span:hover{color:var(--texte);background:var(--papier-2);}
.sombre .assureurs span:hover{background:var(--encre-3);}
.loi{
  margin-top:30px;padding:26px;border-radius:var(--r-md);background:var(--encre);color:#EEF4F9;
  font-size:.95rem;line-height:1.6;
}
.loi b{color:#fff;}


.questions{max-width:920px;}
.questions details{border-bottom:1px solid var(--trait);}
.questions details:first-of-type{border-top:1px solid var(--trait);}
.questions summary{
  list-style:none;cursor:pointer;position:relative;
  padding:28px 60px 28px 0;
  font-family:var(--titre);font-weight:600;font-size:clamp(1.05rem,1.5vw,1.22rem);
  letter-spacing:var(--ls-titre);transition:color .18s;
}
.questions summary::-webkit-details-marker{display:none;}
.questions summary:hover{color:var(--bleu);}
.questions summary::after{
  content:"";position:absolute;right:6px;top:50%;margin-top:-7px;
  width:14px;height:14px;
  border-right:2px solid var(--bleu);border-bottom:2px solid var(--bleu);
  transform:rotate(45deg);transition:transform .28s cubic-bezier(.2,.7,.3,1);
}
.questions details[open] summary::after{transform:rotate(-135deg);margin-top:-2px;}
.questions .rep{padding:0 60px 30px 0;color:var(--texte-2);max-width:var(--lecture);}
.questions .rep p + p{margin-top:14px;}
.questions .rep b{color:var(--texte);font-weight:600;}


.telephone{
  display:inline-block;font-family:var(--titre);font-weight:800;font-stretch:115%;
  font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:var(--ls-affiche);line-height:1;
  color:#fff;transition:color .2s;
}
.telephone:hover{color:var(--bleu-clair);}
.coords{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(44px,6vw,72px);padding-top:36px;border-top:1px solid rgba(255,255,255,.16);}
.coords h4{color:#fff;font-size:.76rem;letter-spacing:var(--ls-large);text-transform:uppercase;font-family:var(--corps);font-weight:600;color:#8B99A6;margin-bottom:10px;}
.coords p{color:#EEF4F9;font-size:1.02rem;}
.coords .pt{color:#8B99A6;margin-top:5px;}


.form{background:var(--papier);border-radius:var(--r-lg);padding:clamp(28px,3.4vw,44px);}
.sombre .form{background:var(--encre-2);}
.champs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--e-5);margin-top:26px;}
.champs .plein{grid-column:span 2;}
.ch label{display:block;font-size:.78rem;font-weight:600;letter-spacing:var(--ls-libelle);text-transform:uppercase;color:var(--texte-3);margin-bottom:9px;}
.ch input,.ch select,.ch textarea{
  width:100%;background:transparent;color:var(--texte);
  border:0;border-bottom:1.5px solid var(--trait-2);border-radius:0;
  font-family:var(--corps);font-size:1rem;padding:11px 2px;
  transition:border-color .18s;
}
.ch input::placeholder,.ch textarea::placeholder{color:var(--texte-3);}
.ch input:focus,.ch select:focus,.ch textarea:focus{outline:none;border-bottom-color:var(--bleu);}
.ch select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--bleu) 50%),linear-gradient(135deg,var(--bleu) 50%,transparent 50%);background-position:calc(100% - 15px) 55%,calc(100% - 10px) 55%;background-size:5px 5px;background-repeat:no-repeat;}



.plaque{
  display:flex;align-items:stretch;
  background:#FFFFFF;
  border:2px solid #0B0E12;border-radius:var(--r-sm);
  overflow:hidden;
  
  box-shadow:0 0 0 4px #2A3138, 0 0 0 5px rgba(255,255,255,.10), var(--ombre);
  transition:box-shadow .18s;
}

.plaque:focus-within{
  box-shadow:0 0 0 4px #2A3138, 0 0 0 5px rgba(255,255,255,.10),
             0 0 0 8px color-mix(in srgb,var(--bleu) 38%,transparent), var(--ombre);
}
.plaque .ue{
  width:38px;flex:none;
  background:linear-gradient(180deg,#0B2D85,#092568);
  color:#F2C31A;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--e-1);font-family:var(--titre);font-weight:800;font-size:.86rem;line-height:1;
  border-right:1px solid rgba(255,255,255,.14);
}

.plaque .ue .etoiles-ue{
  display:block;width:19px;height:19px;border-radius:50%;
  background:
    radial-gradient(circle at 50%  8%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 71% 14%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 86% 32%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 92% 54%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 86% 76%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 71% 90%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 50% 96%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 29% 90%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 14% 76%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at  8% 54%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 14% 32%,#F2C31A 1.1px,transparent 1.2px),
    radial-gradient(circle at 29% 14%,#F2C31A 1.1px,transparent 1.2px);
}
.plaque .ue i{font-style:normal;font-size:.52rem;}
.plaque input{
  flex:1;min-width:0;
  border:0;background:transparent;color:#0B0E12;
  font-family:var(--titre);font-weight:800;font-stretch:108%;
  font-size:1.34rem;letter-spacing:var(--ls-libelle);
  text-align:center;text-transform:uppercase;
  padding:14px 8px;
}
.plaque input:focus{outline:none;}

.plaque input::placeholder{color:#8B949B;letter-spacing:var(--ls-libelle);font-weight:700;}


.pied{background:var(--encre);color:#B4C0CB;padding-block:clamp(56px,6vw,84px) 0;}
.pied-in{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:clamp(30px,4vw,54px);}
.pied img{width:190px;margin-bottom:22px;}

.pied h3,.pied h4{color:#fff;font-family:var(--corps);font-size:.76rem;font-weight:600;letter-spacing:var(--ls-large);text-transform:uppercase;margin-bottom:18px;}
.pied ul{display:flex;flex-direction:column;gap:var(--e-4);}
.pied a{font-size:.94rem;transition:color .18s;}
.pied a:hover{color:#fff;}
.pied .bas{margin-top:clamp(44px,5vw,66px);border-top:1px solid rgba(255,255,255,.14);padding-block:26px;display:flex;justify-content:space-between;gap:var(--e-6);flex-wrap:wrap;font-size:.82rem;color:#7A8895;}


.appel{position:fixed;left:0;right:0;bottom:0;z-index:80;display:none;gap:var(--e-3);padding:12px 16px;background:var(--encre);border-top:1px solid rgba(255,255,255,.16);}
.appel .b{flex:1;}


@media (max-width:1040px){
  .menu{display:none;}
  .promesses-in{grid-template-columns:repeat(2,minmax(0,1fr));}
  .promesses article:nth-child(3){border-left:0;}
  .promesses article:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14);}
  .duo,.duo.large-g,.duo.large-d,.presta-in{grid-template-columns:minmax(0,1fr);}
  .presta:nth-of-type(even) .presta-vue{order:0;}
  .chiffres{grid-template-columns:repeat(2,minmax(0,1fr));}
  .coords{grid-template-columns:minmax(0,1fr);}
  .pied-in{grid-template-columns:repeat(2,minmax(0,1fr));}
  .deborde-g,.deborde-d{margin-inline:calc(var(--pad) * -1);}
  .pleine{min-height:auto;}
  .pleine .voile{background:linear-gradient(180deg,rgba(10,14,19,.6),rgba(10,14,19,.95));}
  .pleine .dedans{max-width:none;}
}
@media (max-width:640px){
  body{font-size:16px;}
  .barre-in{height:66px;}
  .tel-barre{display:none;}
  .appel{display:flex;}
  .pied{padding-bottom:86px;}
  .promesses-in,.chiffres{grid-template-columns:minmax(0,1fr);}
  .promesses article{border-left:0;border-top:1px solid rgba(255,255,255,.14);}
  .promesses article:first-child{border-top:0;}
  .champs{grid-template-columns:minmax(0,1fr);}
  .champs .plein{grid-column:span 1;}
  .questions summary{padding-right:44px;}
  .questions .rep{padding-right:0;}
}


.presta-vue,.visuel,.recit-scene,.compare{
  position:relative;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset, var(--ombre-h);
}
.presta-vue{border-radius:var(--r-md);overflow:hidden;}
.presta-vue::after,.visuel::after,.recit-scene::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  border-radius:inherit;
  box-shadow:var(--lisere-clair);
}
.sombre .presta-vue::after,.sombre .visuel::after,.sombre .recit-scene::after{
  box-shadow:var(--lisere-sombre);
}
.presta-vue img,.recit-scene img,.visuel > img{
  filter:contrast(1.06) saturate(1.04) brightness(1.03);
}
figure.deborde-d img,figure.deborde-g img{border-radius:var(--r-md);}
figure.deborde-d,figure.deborde-g{
  box-shadow:var(--ombre-h);border-radius:var(--r-md);overflow:hidden;
}


.b:active{transform:translateY(0) scale(.985);}


.menu a{position:relative;border-bottom:0;}
.menu a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;
  background:var(--bleu);transform:scaleX(0);transform-origin:right;
  transition:transform .28s cubic-bezier(.2,.7,.3,1);
}
.menu a:hover::after{transform:scaleX(1);transform-origin:left;}


.barre .b{box-shadow:var(--el-bleu);}


.recit-scene{aspect-ratio:3/2;}
.recit-scene img{filter:contrast(1.1) saturate(1.08) brightness(1.1);}
.recit-scene::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 42%);
}
@media (max-width:980px){ .recit-scene{aspect-ratio:3/2;} }


.etoiles-ue{
  display:block;width:13px;height:13px;border-radius:50%;
  background:
    radial-gradient(circle at 50% 12%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 78% 26%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 88% 50%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 78% 74%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 50% 88%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 22% 74%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 12% 50%, #F2C31A 0 1.1px, transparent 1.2px),
    radial-gradient(circle at 22% 26%, #F2C31A 0 1.1px, transparent 1.2px);
  margin-bottom:2px;
}


.pleine .voile{
  background:
    linear-gradient(90deg,rgba(6,43,69,.96) 0%,rgba(6,43,69,.74) 40%,rgba(10,14,19,.1) 78%,rgba(10,14,19,.5) 100%);
}

.lecture{background:linear-gradient(90deg,var(--bleu-clair),var(--bleu));height:3px;}
.recit-scene .barre-avance{background:var(--bleu);height:4px;}


.pas.actif .rang i{box-shadow:var(--anneau);}





.loi{border-left:4px solid var(--bleu);}



.vitrines{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.4vw,32px);
  margin-top:clamp(40px,5vw,64px);
}
.vitrine{display:flex;flex-direction:column;}
.vitrine-vue{
  margin:0;overflow:hidden;border-radius:var(--r-md);
  box-shadow:var(--ombre);position:relative;
}
.vitrine-vue::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:var(--lisere-clair);
}
.vitrine-vue img{
  width:100%;aspect-ratio:4/3;object-fit:cover;display:block;
  transition:transform .8s cubic-bezier(.2,.7,.3,1);
}
.vitrine:hover .vitrine-vue img{transform:scale(1.045);}
.vitrine-mot{padding-top:22px;display:flex;flex-direction:column;gap:var(--e-4);flex:1;}
.vitrine-mot h3{font-size:clamp(1.15rem,1.6vw,1.35rem);}
.vitrine-mot p{color:var(--texte-2);font-size:.95rem;}
.vitrine-fait{
  margin-top:auto;padding-top:14px;border-top:1px solid var(--trait);
  font-size:.86rem;color:var(--texte-3);
}
.vitrine-fait b{color:var(--bleu);font-weight:700;}


.promesses article{display:flex;gap:var(--e-5);align-items:flex-start;}
.promesses article{flex-direction:column;gap:var(--e-5);}
.promesses .ic{
  width:auto;height:auto;flex:none;border:0;background:none;
  display:block;opacity:.92;
}
.promesses h4{font-size:1.16rem;letter-spacing:var(--ls-titre);margin-bottom:8px;}
.promesses p{font-size:.95rem;color:rgba(255,255,255,.88);max-width:30ch;}


.contact-vue{
  margin:0 0 clamp(26px,3vw,38px);overflow:hidden;border-radius:var(--r-md);
  box-shadow:var(--ombre-h);position:relative;
}
.contact-vue img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.contact-vue figcaption{
  position:absolute;left:0;right:0;bottom:0;padding:22px 24px;
  background:linear-gradient(transparent,rgba(10,14,19,.9));
  color:#fff;font-size:.9rem;
}

@media (max-width:1040px){ .vitrines{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:680px){ .vitrines{grid-template-columns:minmax(0,1fr);} }



.atouts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--e-1);background:var(--trait);
  border:1px solid var(--trait);border-radius:var(--r-lg);overflow:hidden;
  margin-top:clamp(36px,4.5vw,56px);
}
.atouts article{
  background:var(--papier);
  padding:clamp(28px,3.2vw,44px);
  display:flex;flex-direction:column;gap:var(--e-4);
}
.atout-n{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:1rem;color:var(--bleu);letter-spacing:var(--ls-fin);
}
.atouts h3{font-size:clamp(1.15rem,1.7vw,1.4rem);}
.atouts p{color:var(--texte-2);font-size:.96rem;}
@media (max-width:760px){ .atouts{grid-template-columns:minmax(0,1fr);} }


.intro b,.txt b{font-weight:700;color:var(--texte);}


.mot,.intro,.txt,.liste,.coches,.questions{min-width:0;max-width:100%;}
.liste li,.coches li{min-width:0;}
h1,h2,h3,h4{overflow-wrap:break-word;}


.centre{text-align:center;max-width:58ch;margin-inline:auto;}
.centre h2 em{font-style:normal;color:var(--chaud,var(--or-fonce));}
.centre .intro{margin-inline:auto;}
.trait-double{display:flex;align-items:center;justify-content:center;gap:var(--e-3);margin:20px 0 22px;}
.trait-double i{width:34px;height:3px;border-radius:var(--r-plein);background:var(--chaud,var(--or-fonce));display:block;}
.trait-double b{width:14px;height:3px;border-radius:var(--r-plein);background:var(--texte);display:block;opacity:.5;}


.tarifs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);
  margin-top:clamp(32px,4vw,52px);
  align-items:stretch;
}
.tarif{
  background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:clamp(24px,2.8vw,34px);
  display:flex;flex-direction:column;gap:var(--e-4);
  box-shadow:var(--ombre);
}
.tarif-sur{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--texte-3);
}
.tarif-n{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.02;letter-spacing:var(--ls-affiche);
  color:var(--texte);margin:4px 0 6px;
}
.tarif p:last-child{font-size:.94rem;color:var(--texte-2);line-height:1.6;margin-top:auto;}
.tarif.vedette{
  border:2px solid var(--chaud,var(--or-fonce));
  box-shadow:var(--ombre-h);
}
.tarif.vedette .tarif-sur{color:var(--chaud,var(--or-fonce));}


.mention{
  margin-top:clamp(24px,3vw,36px);text-align:center;
  max-width:70ch;margin-inline:auto;
  font-size:.86rem;line-height:1.6;color:var(--texte-3);
}


.promesses{background:transparent;padding-block:0;margin-top:clamp(-38px,-3vw,-22px);position:relative;z-index:5;}
.promesses-in{
  background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-lg);
  box-shadow:var(--ombre-h);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
}
.promesses article{
  padding:clamp(20px,2.2vw,28px);
  border-left:1px solid var(--trait);
  flex-direction:row !important;gap:var(--e-4) !important;align-items:flex-start;
}
.promesses article:first-child{border-left:0;}
.promesses .ic{
  width:38px;height:38px;flex:none;border-radius:50%;
  background:color-mix(in srgb,var(--chaud,var(--or-fonce)) 13%,transparent);
  display:grid;place-items:center;margin-top:1px;
}
.promesses h4{color:var(--texte);font-size:.94rem;margin-bottom:5px;}
.promesses p{color:var(--texte-2);font-size:.84rem;line-height:1.5;max-width:none;}

@media (max-width:980px){
  .tarifs{grid-template-columns:1fr;}
  .promesses-in{grid-template-columns:repeat(2,minmax(0,1fr));}
  .promesses article:nth-child(3){border-left:0;}
  .promesses article:nth-child(n+3){border-top:1px solid var(--trait);}
}
@media (max-width:620px){
  .promesses-in{grid-template-columns:1fr;}
  .promesses article{border-left:0;border-top:1px solid var(--trait);}
  .promesses article:first-child{border-top:0;}
}



.deroule{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(30px,4vw,64px);align-items:center;
  margin-top:clamp(34px,4vw,54px);
}
.photo-ronde{margin:0;position:relative;justify-self:center;max-width:380px;width:100%;}
.photo-ronde img{
  width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;
  border:10px solid color-mix(in srgb,var(--chaud,var(--or-fonce)) 15%,transparent);
  box-shadow:var(--ombre-h);
}
.photo-ronde figcaption{
  position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);
  background:var(--encre);color:#fff;border-radius:var(--r-plein);
  padding:11px 24px;font-size:.86rem;font-weight:700;white-space:nowrap;
  box-shadow:var(--ombre);
}

.etapes-liste{display:flex;flex-direction:column;gap:var(--e-4);}
.etape{
  display:grid;grid-template-columns:auto 1fr;gap:var(--e-5);align-items:start;
  background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-md);
  padding:clamp(18px,2vw,24px);
  transition:border-color .2s,transform .2s,box-shadow .2s;
}
.etape:hover{border-color:color-mix(in srgb,var(--chaud,var(--or-fonce)) 45%,transparent);transform:translateX(4px);box-shadow:var(--ombre);}
.etape-ic{
  position:relative;width:48px;height:48px;flex:none;border-radius:var(--r-md);
  background:color-mix(in srgb,var(--chaud,var(--or-fonce)) 16%,transparent);
  color:var(--chaud,var(--or-fonce));
  display:grid;place-items:center;
}
.etape-ic b{
  position:absolute;top:-7px;right:-7px;
  width:22px;height:22px;border-radius:50%;
  background:var(--encre);color:#fff;
  font-size:.75rem;font-weight:700;display:grid;place-items:center;
}
.etape h3{font-size:1.02rem;margin-bottom:5px;}
.etape p{font-size:.92rem;color:var(--texte-2);line-height:1.55;}

@media (max-width:900px){
  .deroule{grid-template-columns:1fr;}
  .photo-ronde{max-width:280px;margin-bottom:22px;}
}



.cartes{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,26px);
  margin-top:clamp(32px,4vw,52px);
}
.carte{
  background:var(--surface);border:1px solid var(--trait);border-radius:var(--r-lg);
  overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--ombre);
  transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,border-color .25s;
}
.carte:hover{transform:translateY(-5px);box-shadow:var(--ombre-h);border-color:var(--trait-2);}
.carte-vue{margin:0;position:relative;overflow:hidden;background:var(--papier-3);}
.carte-vue img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.3,1);}
.carte:hover .carte-vue img{transform:scale(1.045);}
.carte-pastille{
  position:absolute;left:18px;bottom:-17px;
  width:38px;height:38px;border-radius:50%;
  background:var(--chaud);color:#fff;
  display:grid;place-items:center;
  box-shadow:var(--el-2);
}
.carte-mot{padding:30px 22px 22px;display:flex;flex-direction:column;gap:var(--e-3);flex:1;}
.carte-mot h3{font-size:1.02rem;}
.carte-mot p{font-size:.92rem;color:var(--texte-2);line-height:1.6;}
.carte-note{
  font-size:.76rem !important;font-weight:700;letter-spacing:var(--ls-fin);
  color:var(--texte-3) !important;text-transform:uppercase;
}
.carte-lien{
  margin-top:auto;padding-top:12px;
  font-size:.88rem;font-weight:700;color:var(--chaud);
  display:inline-flex;align-items:center;gap:var(--e-3);width:fit-content;
  border-bottom:1px solid transparent;
}
.carte-lien span{transition:transform .2s;display:inline-block;}
.carte-lien:hover{border-bottom-color:var(--chaud);}
.carte-lien:hover span{transform:translateX(4px);}


.note-google{
  margin:clamp(26px,3vw,38px) auto 20px;width:fit-content;
  background:var(--papier-2);border-radius:var(--r-md);
  padding:18px 34px;text-align:center;
}
.note-google-sur{
  display:flex;align-items:center;justify-content:center;gap:var(--e-3);
  font-size:.92rem;font-weight:700;margin-bottom:6px;
}
.note-google-n{display:flex;align-items:center;justify-content:center;gap:var(--e-3);}
.note-google-n b{font-family:var(--titre);font-weight:800;font-size:1.5rem;letter-spacing:var(--ls-affiche);}
.note-google-n em{font-style:normal;font-size:.82rem;color:var(--texte-3);}
.centre-b{text-align:center;margin-bottom:clamp(30px,3.5vw,44px);}
.b-ligne{
  background:transparent !important;color:var(--texte) !important;
  border:1.5px solid var(--trait-2) !important;
  display:inline-flex;align-items:center;gap:var(--e-3);
}
.b-ligne:hover{border-color:var(--chaud) !important;color:var(--chaud) !important;}

@media (max-width:980px){ .cartes{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:640px){ .cartes{grid-template-columns:1fr;} }



.duo-droit{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(30px,4vw,60px);align-items:start;
  margin-top:clamp(34px,4vw,52px);
}
.textes{
  background:var(--papier-2);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:clamp(24px,2.6vw,32px);
  display:flex;flex-direction:column;gap:var(--e-6);
}
.textes-sur{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--chaud);
}
.textes article{border-left:2px solid var(--chaud);padding-left:16px;}
.textes b{display:block;font-family:var(--titre);font-size:.94rem;margin-bottom:7px;}
.textes article p{font-size:.89rem;color:var(--texte-2);line-height:1.6;}
.textes article p b{display:inline;font-family:inherit;font-size:inherit;}
.textes small{display:block;margin-top:8px;font-size:.75rem;color:var(--texte-3);}
.textes .b{align-self:flex-start;}


.barre-bas{display:none;}
@media (max-width:760px){
  .barre-bas{
    display:grid;grid-template-columns:1fr 1fr;gap:var(--e-3);
    position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:color-mix(in srgb,var(--papier) 92%,transparent);
    backdrop-filter:blur(12px);
    border-top:1px solid var(--trait);
  }
  .barre-bas a{
    display:flex;align-items:center;justify-content:center;gap:var(--e-3);
    padding:14px 10px;border-radius:var(--r-plein);
    font-size:.88rem;font-weight:700;
  }
  .barre-bas .tel{background:var(--papier-2);color:var(--texte);border:1px solid var(--trait-2);}
  .barre-bas .rdv{background:var(--bleu-fonce);color:#fff;}
  body{padding-bottom:78px;}
  .duo-droit{grid-template-columns:1fr;}
}


@media (min-width:980px){
  .pied-cols{grid-template-columns:1.4fr repeat(4,minmax(0,1fr)) !important;}
}
.pied-villes{
  font-size:.82rem;color:var(--texte-3);line-height:1.9;
}



.pied-in{grid-template-columns:1.5fr repeat(3,minmax(0,1fr)) !important;}
@media (min-width:1080px){
  .pied-in{grid-template-columns:1.5fr repeat(5,minmax(0,.9fr)) !important;}
}
@media (max-width:860px){
  .pied-in{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:560px){
  .pied-in{grid-template-columns:1fr !important;}
}
.pied-liste{
  font-size:.79rem;line-height:1.75;color:#8B99A6;
  text-wrap:pretty;
}



.raisons{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.8vw,22px);
  margin-top:clamp(30px,3.5vw,44px);
}
.raisons article{
  border-top:2px solid var(--chaud);
  padding-top:18px;
}
.raisons b{
  display:block;font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:1rem;letter-spacing:var(--ls-titre);margin-bottom:7px;
}
.raisons p{font-size:.9rem;color:var(--texte-2);line-height:1.6;}
@media (max-width:760px){ .raisons{grid-template-columns:1fr;gap:var(--e-6);} }




.schema{
  position:relative;
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(12px,1.6vw,22px);
  margin-top:clamp(44px,5vw,70px);
}


.rail{
  position:absolute;left:8%;right:8%;top:60px;height:2px;
  background:var(--trait);border-radius:var(--r-plein);overflow:hidden;
}

.rail i{
  display:block;height:100%;width:100%;
  transform:scaleX(var(--avance,1));transform-origin:left center;
  background:linear-gradient(90deg,var(--bleu),var(--chaud));
}


.jalon .scene{transition:transform .3s ease,background .3s ease,box-shadow .3s ease;}
.jalon.atteint .scene{transform:scale(1.03);background:var(--bleu);box-shadow:0 0 0 5px rgba(28,108,156,.12),var(--el-2);}
.jalon.atteint .scene .fond{
  stroke:var(--chaud);stroke-width:2.6;
}
.jalon .jalon-duree{opacity:1;}
.jalon .jalon-no{transition:color .45s ease;}
.jalon.atteint .jalon-no{color:var(--bleu);}

.jalon{
  position:relative;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--e-3);
  padding-top:6px;
}
.jalon-no{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-large);
  color:var(--texte-2);
}
.jalon h3{font-size:.98rem;margin-top:6px;text-wrap:balance;}
.jalon-duree{
  font-size:.75rem !important;font-weight:700;letter-spacing:var(--ls-libelle);
  text-transform:uppercase;color:var(--chaud) !important;
}
.jalon p:last-child{
  font-size:.86rem;color:var(--texte-2);line-height:1.55;max-width:27ch;
}


.scene{
  width:96px;height:96px;position:relative;z-index:2;
  background:var(--papier);border-radius:50%;
  display:grid;place-items:center;
}
.scene svg{width:96px;height:96px;display:block;overflow:visible;}
.scene .fond{
  fill:var(--papier);stroke:var(--trait);stroke-width:2;
  transition:stroke .5s,fill .5s;
}
.jalon.vu .scene .fond{stroke:color-mix(in srgb,var(--chaud) 55%,transparent);}
.scene [class^="trait"],.scene .mire,.scene .capot,.scene .vitre,
.scene .ventouse,.scene .ventouse circle,.scene .colle,.scene .sigle,.scene .bitume path,
.scene .ondes path,.scene .faisceau path,.scene .coche{
  fill:none;stroke:var(--texte);stroke-width:2.1;
  stroke-linecap:round;stroke-linejoin:round;
}
.scene .fond{fill:var(--papier);}


.scene .ondes path{stroke:var(--chaud);opacity:0;}
.jalon.vu.atteint .scene .o1{animation:onde 2.4s ease-out infinite;}
.jalon.vu.atteint .scene .o2{animation:onde 2.4s ease-out .25s infinite;}
.jalon.vu.atteint .scene .o3{animation:onde 2.4s ease-out .5s infinite;}
@keyframes onde{
  0%{opacity:0;transform:translateX(-4px);}
  25%{opacity:.9;}
  60%{opacity:.9;transform:translateX(0);}
  100%{opacity:0;transform:translateX(3px);}
}


.scene .sceau{fill:color-mix(in srgb,var(--chaud) 16%,transparent);stroke:var(--chaud);stroke-width:2;}
.scene .coche{stroke:var(--chaud);stroke-width:2.8;
  stroke-dasharray:22;stroke-dashoffset:22;}

.scene .tampon{transform-origin:56px 58px;}
.jalon.vu.atteint .scene .tampon{animation:tampon 3.2s cubic-bezier(.3,1.3,.4,1) infinite;}
.jalon.vu.atteint .scene .coche{animation:tracer 3.2s ease-out infinite;}
@keyframes tampon{
  0%{transform:translateY(-9px) scale(1.22);}
  16%,100%{transform:translateY(0) scale(1);}
}
@keyframes tracer{
  0%,20%{stroke-dashoffset:22;}
  45%,90%{stroke-dashoffset:0;}
  100%{stroke-dashoffset:22;}
}


.scene .sigle{stroke:var(--bleu);stroke-width:2.4;}
.scene .bitume path{stroke:var(--trait-2);stroke-width:2.4;}
.jalon.vu .scene .bitume{animation:bitume 1.1s linear infinite;}
@keyframes bitume{from{transform:translateX(0);}to{transform:translateX(-18px);}}
.jalon.vu .scene .camion{animation:tangage 1.1s ease-in-out infinite;}
@keyframes tangage{0%,100%{transform:translateY(0);}50%{transform:translateY(-1.2px);}}


.scene .colle{stroke:var(--chaud);stroke-width:3;
  stroke-dasharray:36;stroke-dashoffset:36;}
.scene .vitre{fill:color-mix(in srgb,var(--bleu) 12%,transparent);}
.jalon.vu.atteint .scene .vitre-g{animation:poser 3.4s cubic-bezier(.4,0,.2,1) infinite;}
.jalon.vu.atteint .scene .colle{animation:cordon 3.4s ease-out infinite;}
@keyframes poser{
  0%{transform:translateY(-13px);opacity:.45;}
  40%,100%{transform:translateY(0);opacity:1;}
}
@keyframes cordon{
  0%,42%{stroke-dashoffset:36;}
  78%,100%{stroke-dashoffset:0;}
}


.scene .faisceau path{stroke:var(--bleu);stroke-width:1.8;opacity:.75;}
.scene .pupille{fill:var(--bleu);stroke:none;}
.scene .mire{stroke-width:2.4;}
.jalon.vu .scene .faisceau{transform-origin:68px 48px;animation:balayer 2.8s ease-in-out infinite;}
@keyframes balayer{
  0%,100%{transform:rotate(-7deg);opacity:.35;}
  50%{transform:rotate(7deg);opacity:1;}
}

.schema-pied{
  margin-top:clamp(34px,4vw,48px);text-align:center;
  max-width:62ch;margin-inline:auto;
  font-size:.86rem;color:var(--texte-3);line-height:1.6;
}


@media (max-width:900px){
  .schema{grid-template-columns:1fr;gap:var(--e-7);}
  .rail{left:47px;right:auto;top:20px;bottom:20px;width:2px;height:auto;}
  
  .rail i{
    width:100%;height:100%;
    transform:scaleY(var(--avance,1));transform-origin:top center;
    background:linear-gradient(180deg,var(--bleu),var(--chaud));
  }
  .jalon{
    flex-direction:row;align-items:flex-start;text-align:left;
    gap:var(--e-5);display:grid;grid-template-columns:96px 1fr;
    grid-template-areas:"scene titre" "scene duree" "scene texte";
  }
  .jalon .scene{grid-area:scene;}
  .jalon h3{grid-area:titre;margin-top:12px;}
  .jalon-duree{grid-area:duree;}
  .jalon p:last-child{grid-area:texte;max-width:none;}
  .jalon-no{display:none;}
}

@media (prefers-reduced-motion: reduce){
  .scene *{animation:none !important;}
  
  .rail i{transform:none !important;}
  .jalon .jalon-duree{opacity:1;}
}




.ouverture{
  background:var(--papier);
  padding-block:clamp(34px,5vw,64px) clamp(44px,6vw,78px);
  min-height:min(88vh,920px);
  display:flex;align-items:center;
  position:relative;overflow:hidden;
}
.ouv-grille{
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(34px,5vw,84px);align-items:center;
  width:100%;
}

.ouv-sur{
  font-size:.775rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--texte-3);margin-bottom:26px;
}
.ouverture h1{max-width:13ch;}
.ouverture h1 em{font-style:normal;color:var(--bleu);}
.ouv-sous{
  margin-top:28px;max-width:46ch;
  font-size:1.08rem;line-height:1.62;color:var(--texte-2);
}

.ouv-actes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-4) var(--e-7);margin-top:40px;}
.ouv-tel{
  display:inline-flex;align-items:center;gap:var(--e-3);
  font-family:var(--titre);font-weight:700;font-stretch:110%;
  font-size:1.02rem;letter-spacing:var(--ls-titre);color:var(--texte);
  border-bottom:2px solid transparent;padding-bottom:2px;
  transition:border-color .2s,color .2s;
}
.ouv-tel:hover{border-bottom-color:var(--bleu);color:var(--bleu);}

.ouv-preuves{
  display:flex;flex-wrap:wrap;gap:var(--e-3) var(--e-7);
  margin-top:44px;padding-top:26px;border-top:1px solid var(--trait);
}
.ouv-preuves li{
  display:flex;align-items:center;gap:var(--e-3);
  font-size:.9rem;font-weight:600;color:var(--texte-2);
}
.ouv-preuves svg{color:var(--bleu);flex:none;}


.ouv-vue{margin:0;position:relative;}
.ouv-vue img{
  width:100%;aspect-ratio:4/3.05;object-fit:cover;object-position:52% 48%;
  border-radius:var(--r-lg);box-shadow:var(--ombre-h);
}

@media (max-width:1040px){
  .ouv-grille{grid-template-columns:1fr;gap:var(--e-9);}
  .ouverture{min-height:0;padding-block:clamp(26px,5vw,44px) clamp(38px,6vw,56px);}
  .ouverture h1{max-width:16ch;}
  .ouv-sous{max-width:56ch;}
  .ouv-vue img{aspect-ratio:16/10;border-radius:var(--r-lg);}
  .ouv-preuves{margin-top:34px;}
}
@media (max-width:560px){
  .ouv-actes{gap:var(--e-5);}
  .ouv-actes .b{width:100%;}
  .ouv-preuves{flex-direction:column;gap:var(--e-4);}
}



.bande{
  border-block:1px solid var(--trait);
  background:var(--papier);
  padding-block:22px;
}
.bande-in{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--e-5) var(--e-7);align-items:center;
}
.bande-in li{
  display:flex;align-items:center;gap:var(--e-4);
  font-size:.9rem;font-weight:600;color:var(--texte);
}
.bande-in svg{color:var(--bleu);flex:none;}
.bande-note{
  margin-top:16px;padding-top:15px;border-top:1px solid var(--trait);
  font-size:.78rem;line-height:1.55;color:var(--texte-3);max-width:88ch;
}

@media (max-width:860px){
  .bande-in{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-4) var(--e-6);}
}
@media (max-width:480px){
  .bande-in{grid-template-columns:1fr;}
  .bande-in li{font-size:.86rem;}
}


.ouv-grille{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);}
@media (max-width:1040px){ .ouv-grille{grid-template-columns:1fr;} }




.srv-tete{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(24px,4vw,70px);align-items:end;
}
.srv-tete .intro{max-width:46ch;padding-bottom:6px;}

.services{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(14px,1.7vw,24px);
}
.srv{
  display:flex;flex-direction:column;
  background:var(--papier);border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--trait);
  transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s,border-color .35s;
}
.srv:hover{transform:translateY(-6px);box-shadow:var(--ombre-h);border-color:transparent;}
.srv-vue{margin:0;overflow:hidden;background:var(--papier-3);}
.srv-vue img{
  width:100%;aspect-ratio:4/3.35;object-fit:cover;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
}
.srv:hover .srv-vue img{transform:scale(1.03);}
.srv-mot{
  padding:clamp(20px,1.8vw,26px);
  display:flex;flex-direction:column;gap:var(--e-3);flex:1;
}
.srv-mot h3{font-size:1.12rem;}
.srv-mot p{font-size:.9rem;line-height:1.58;color:var(--texte-2);}
.srv-lien{
  margin-top:auto;padding-top:14px;
  display:inline-flex;align-items:center;gap:var(--e-3);
  font-size:.86rem;font-weight:700;color:var(--bleu);
}
.srv-lien i{font-style:normal;display:inline-block;transition:transform .25s;}
.srv:hover .srv-lien i{transform:translateX(5px);}

.srv-pied{
  margin-top:clamp(28px,3vw,40px);padding-top:22px;
  border-top:1px solid var(--trait);
  font-size:.9rem;color:var(--texte-2);
}
.srv-pied a{font-weight:700;color:var(--bleu);border-bottom:1px solid transparent;}
.srv-pied a:hover{border-bottom-color:var(--bleu);}

@media (max-width:1080px){
  .services{grid-template-columns:repeat(2,minmax(0,1fr));}
  .srv-tete{grid-template-columns:1fr;gap:var(--e-6);align-items:start;}
  .srv-tete .intro{padding-bottom:0;}
}
@media (max-width:560px){
  .services{grid-template-columns:1fr;}
  .srv-vue img{aspect-ratio:16/10;}
}



.schema{grid-template-columns:repeat(3,minmax(0,1fr));}
.rail{left:16%;right:16%;}


.preuves{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,34px);
  margin-top:clamp(52px,6vw,84px);
  padding-top:clamp(34px,4vw,48px);
  border-top:1px solid var(--trait);
}
.preuves .pr-n{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:clamp(1.9rem,3vw,2.6rem);line-height:1;letter-spacing:var(--ls-affiche);
  color:var(--texte);margin-bottom:12px;
}
.preuves .pr-n span{
  display:block;margin-top:8px;
  font-family:var(--corps);font-weight:700;font-stretch:normal;
  font-size:.775rem;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--bleu);
}
.preuves article p:last-child{font-size:.92rem;line-height:1.6;color:var(--texte-2);}

.schema-pied a{
  color:var(--bleu);font-weight:700;
  border-bottom:1px solid transparent;white-space:nowrap;
}
.schema-pied a:hover{border-bottom-color:var(--bleu);}

@media (max-width:900px){
  
  .schema{grid-template-columns:1fr;}
  .rail{left:47px;right:auto;}
  .preuves{grid-template-columns:1fr;gap:var(--e-7);}
}



.barre{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--papier) 86%,transparent);
  border-bottom:1px solid transparent;
  transition:border-color .3s,backdrop-filter .3s,background .3s;
}
.barre.colle{
  border-bottom-color:var(--trait);
  backdrop-filter:saturate(1.4) blur(10px);
  background:color-mix(in srgb,var(--papier) 92%,transparent);
}
.barre-in{
  height:80px;display:flex;align-items:center;gap:clamp(16px,2.4vw,40px);
}
.barre .marque{display:flex;align-items:center;gap:var(--e-4);margin-right:auto;}
.barre .marque img{width:34px;height:auto;}
.barre .marque b{
  font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:.96rem;line-height:1.05;letter-spacing:var(--ls-titre);
  color:var(--texte);text-transform:uppercase;
}
.barre .marque i{display:block;font-style:normal;color:var(--texte-2);}
.barre .menu{display:flex;gap:clamp(14px,1.9vw,30px);}
.barre .menu a{
  font-size:.9rem;font-weight:600;color:var(--texte-2);
  padding-block:4px;border-bottom:2px solid transparent;
  transition:color .2s,border-color .2s;
}
.barre .menu a:hover{color:var(--texte);border-bottom-color:var(--bleu);}
.tel-barre{
  display:inline-flex;align-items:center;gap:var(--e-3);
  font-size:.9rem;font-weight:700;color:var(--texte);white-space:nowrap;
}
.tel-barre svg{stroke:var(--bleu);}

@media (max-width:1080px){
  
  .barre-in{height:72px;}
}
@media (max-width:620px){
  .tel-barre span,.tel-barre{font-size:.86rem;}
}


.final{
  position:relative;overflow:hidden;
  background:var(--encre);color:#EEF4F9;
  min-height:600px;
  display:flex;align-items:center;
  padding-block:clamp(72px,9vw,120px);
  text-align:center;
}
.final-sigle{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:min(86vw,760px);opacity:.045;pointer-events:none;
}
.final-sigle img{width:100%;height:auto;filter:brightness(0) invert(1);}
.final-in{position:relative;z-index:2;}
.final h2{
  color:#fff;max-width:22ch;margin-inline:auto;
  font-size:clamp(2rem,3.9vw,3.5rem);
}
.final p{
  margin:26px auto 0;max-width:48ch;
  font-size:1.06rem;line-height:1.62;color:#9FADBA;
}
.final-actes{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:var(--e-5) var(--e-8);margin-top:44px;
}
.final .b-plein{background:#fff;color:var(--encre);border-color:#fff;}
.final .b-plein:hover{background:var(--bleu-clair);border-color:var(--bleu-clair);}
.final-tel{
  display:inline-flex;align-items:center;gap:var(--e-4);
  font-family:var(--titre);font-weight:700;font-stretch:110%;
  font-size:1.1rem;letter-spacing:var(--ls-titre);color:#fff;
  border-bottom:2px solid rgba(255,255,255,.3);padding-bottom:3px;
  transition:border-color .2s;
}
.final-tel:hover{border-bottom-color:#fff;}
.final-note{
  margin-top:40px !important;font-size:.84rem !important;
  color:#7A8895 !important;max-width:60ch;
}
@media (max-width:560px){
  .final{min-height:0;}
  .final-actes .b{width:100%;}
}



.atouts{display:flex;flex-direction:column;gap:var(--e-7);margin-top:clamp(34px,4vw,46px);}
.atouts article{border-left:2px solid var(--bleu);padding-left:20px;}
.atouts b{
  display:block;font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:1.06rem;letter-spacing:var(--ls-titre);margin-bottom:7px;
}
.atouts p{font-size:.94rem;line-height:1.6;color:var(--texte-2);}
#pourquoi .visuel img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:var(--r-lg);}


.avis-tete{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(26px,4vw,64px);align-items:center;
}
.note{
  background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:clamp(24px,2.6vw,34px) clamp(30px,3.4vw,46px);
  text-align:center;box-shadow:var(--ombre);
}
.note-n{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:clamp(3rem,5.4vw,4.6rem);line-height:.9;letter-spacing:var(--ls-affiche);
  color:var(--texte);
}
.note .etoiles{display:flex;justify-content:center;gap:var(--e-1);margin:14px 0 12px;}
.note-src{
  display:flex;align-items:center;justify-content:center;gap:var(--e-3);
  font-size:.8rem;color:var(--texte-3);max-width:24ch;margin-inline:auto;
  line-height:1.4;
}
.note .b-ligne{margin-top:20px;}

.temoins{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);
}
.temoins article{
  background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:clamp(22px,2.2vw,30px);
  display:flex;flex-direction:column;gap:var(--e-5);
}
.temoins .etoiles{display:flex;gap:var(--e-1);}
.temoins p{font-size:.94rem;line-height:1.6;color:var(--texte-2);flex:1;}
.temoins footer{display:flex;align-items:center;gap:var(--e-4);padding-top:15px;border-top:1px solid var(--trait);}
.temoins .rond{
  width:36px;height:36px;border-radius:50%;flex:none;background:var(--papier-3);
  display:grid;place-items:center;font-family:var(--titre);font-weight:700;
  font-size:.84rem;color:var(--texte-3);
}
.temoins .nom{font-size:.9rem;font-weight:600;}
.temoins small{display:block;color:var(--texte-3);font-size:.76rem;}

#carrousel-avis{margin-top:clamp(20px,2.4vw,30px);opacity:.82;}
#carrousel-avis article{
  width:clamp(280px,27vw,340px);flex:none;
  background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:24px;display:flex;flex-direction:column;gap:var(--e-4);
}



@media (max-width:980px){
  .avis-tete{grid-template-columns:1fr;}
  .temoins{grid-template-columns:1fr;}
  #pourquoi .visuel{order:-1;}
}



.barre,.barre.sombre,.barre.sur-sombre{
  --texte:#111820;
  --texte-2:#65707C;
  --texte-3:#8B99A6;
  --trait:#DAE3EA;
  --trait-2:#C4D0D9;
  --accent:var(--bleu);
  background:color-mix(in srgb,#FFFFFF 86%,transparent);
  color:#111820;
}
.barre.colle,.barre.posee{
  background:color-mix(in srgb,#FFFFFF 92%,transparent);
  border-bottom-color:#DAE3EA;
  backdrop-filter:saturate(1.4) blur(10px);
}
.barre .marque b{color:#111820;}
.barre .marque i{color:#65707C;}
.barre .tel-barre{color:#111820;}



.temoins .rond,#carrousel-avis .rond,.carrousel .rond{color:#6F7C89;}



.ouverture h1{line-height:1.06;}



.annonce{
  background:var(--bleu-nuit);color:#EAF3F8;
  font-size:.88rem;position:relative;z-index:60;
}
.annonce[hidden]{display:none !important;}
.annonce-in{
  display:flex;align-items:center;justify-content:center;gap:var(--e-5);
  min-height:46px;padding-block:11px;text-align:center;
}
.annonce-in p{max-width:none;}
.annonce b{font-weight:700;color:#fff;}
.annonce a{
  color:var(--bleu-clair);font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
}
.annonce a:hover{color:#fff;}
.annonce-x{
  position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);
  background:none;border:0;cursor:pointer;color:#8FA6B8;
  padding:6px;display:grid;place-items:center;border-radius:var(--r-sm);
}
.annonce-x:hover{color:#fff;background:rgba(255,255,255,.1);}


.ouverture{
  position:relative;overflow:hidden;
  min-height:min(86vh,880px);
  display:flex;align-items:center;
  padding-block:clamp(40px,6vw,80px) clamp(64px,7vw,96px);
  background:var(--encre);
}
.ouv-fond{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:58% 46%;
}
.ouv-voile{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(9,13,18,.55) 0%,rgba(9,13,18,.22) 42%,transparent 68%),
    linear-gradient(180deg,rgba(9,13,18,.38) 0%,transparent 22%,transparent 68%,rgba(9,13,18,.72) 100%);
}
.ouv-grille{position:relative;z-index:3;width:100%;}


.ouv-carte{
  background:var(--papier);
  border-radius:var(--r-lg);
  box-shadow:var(--el-3);
  padding:clamp(28px,3vw,42px);
  max-width:520px;
}
.ouverture h1{
  font-size:clamp(1.65rem,2.9vw,2.55rem);
  line-height:1.1;letter-spacing:var(--ls-affiche);color:var(--texte);
  max-width:22ch;
}
.ouv-traits{display:flex;gap:var(--e-2);margin:20px 0 26px;}
.ouv-traits i{width:42px;height:4px;border-radius:var(--r-plein);background:var(--bleu);display:block;}
.ouv-traits b{width:20px;height:4px;border-radius:var(--r-plein);background:var(--chaud);display:block;}


.ouv-form{display:flex;align-items:flex-end;gap:var(--e-4);flex-wrap:wrap;}
.ouv-champ{flex:1 1 180px;display:block;}
.ouv-label{
  display:block;font-size:.75rem;font-weight:700;letter-spacing:var(--ls-libelle);
  text-transform:uppercase;color:var(--texte-3);margin-bottom:8px;
}
.ouv-champ input{
  width:100%;font-family:var(--corps);font-size:1.02rem;font-weight:600;
  color:var(--texte);background:transparent;
  border:0;border-bottom:2px solid var(--trait-2);
  padding:9px 2px;letter-spacing:var(--ls-fin);
  transition:border-color .2s;
}
.ouv-champ input::placeholder{color:#B4C0CB;font-weight:500;letter-spacing:var(--ls-libelle);}
.ouv-champ input:focus{outline:none;border-bottom-color:var(--bleu);}
.ouv-form .b{flex:0 0 auto;}
.ouv-reponse{
  margin-top:14px;font-size:.88rem;line-height:1.5;min-height:0;
  color:var(--texte-2);
}
.ouv-reponse:empty{display:none;}
.ouv-reponse.oui{color:#1F7A55;font-weight:600;}
.ouv-reponse.voir{color:var(--chaud);font-weight:600;}


.ouv-tel-bloc{
  margin-top:clamp(24px,2.6vw,32px);padding-top:clamp(20px,2.2vw,26px);
  border-top:1px solid var(--trait);
  display:flex;align-items:center;justify-content:space-between;gap:var(--e-5);flex-wrap:wrap;
}
.ouv-tel-bloc p{font-size:.88rem;font-weight:600;color:var(--texte-2);line-height:1.4;}
.ouv-tel{
  display:inline-flex;align-items:center;gap:var(--e-4);
  font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:1.22rem;letter-spacing:var(--ls-titre);color:var(--texte);
  white-space:nowrap;
}
.ouv-tel-ic{
  width:30px;height:30px;border-radius:50%;flex:none;
  background:var(--bleu);display:grid;place-items:center;
}
.ouv-tel:hover{color:var(--bleu);}


.ouv-baseline{
  position:absolute;left:0;right:0;bottom:clamp(20px,3vw,34px);z-index:3;
  text-align:center;padding-inline:var(--pad);
  font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:clamp(.95rem,1.6vw,1.32rem);letter-spacing:var(--ls-titre);
  color:#fff;text-shadow:0 2px 18px rgba(9,13,18,.6);
}
.ouv-baseline em{font-style:normal;color:var(--bleu-clair);}


.barre.sur-photo{
  background:transparent;border-bottom-color:transparent;
  backdrop-filter:none;
}
.barre.sur-photo .marque b,.barre.sur-photo .marque i,
.barre.sur-photo .menu a,.barre.sur-photo .tel-barre{color:#fff;}
.barre.sur-photo .menu a:hover{color:#fff;border-bottom-color:#fff;}
.barre.sur-photo .tel-barre svg{stroke:#fff;}
.barre.sur-photo .marque img{filter:brightness(0) invert(1);}

@media (max-width:1040px){
  .ouverture{min-height:0;padding-block:clamp(30px,5vw,48px) clamp(58px,7vw,76px);}
  .ouv-carte{max-width:none;}
  .ouv-fond{object-position:62% 44%;}
}
@media (max-width:560px){
  .ouv-carte{padding:24px 20px;border-radius:var(--r-lg);}
  .ouv-form .b{width:100%;}
  .ouv-tel-bloc{flex-direction:column;align-items:flex-start;gap:var(--e-4);}
  .annonce-in{padding-right:38px;font-size:.82rem;}
}



.engagements{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(26px,3.4vw,54px);
}
.engagement{display:flex;flex-direction:column;align-items:center;text-align:center;}
.medaillon{
  width:clamp(160px,15vw,215px);aspect-ratio:1;border-radius:50%;
  overflow:hidden;position:relative;
  background:
    radial-gradient(120% 120% at 30% 20%,
      color-mix(in srgb,var(--bleu) 14%,#fff) 0%,
      color-mix(in srgb,var(--bleu) 6%,#fff) 60%,
      #fff 100%);
  box-shadow:var(--el-3);
  display:grid;place-items:center;
  transition:transform .4s cubic-bezier(.2,.7,.3,1),box-shadow .4s;
}
.engagement:hover .medaillon{transform:translateY(-5px);box-shadow:var(--ombre-h);}
.medaillon img{width:100%;height:100%;object-fit:cover;}
.med-pic{color:var(--bleu);display:grid;place-items:center;}
.engagement h3{margin-top:clamp(22px,2.4vw,30px);font-size:1.18rem;}
.engagement p{
  margin-top:14px;font-size:.93rem;line-height:1.62;color:var(--texte-2);
  max-width:38ch;
}
.engagement .b-ligne{margin-top:22px;}
@media (max-width:920px){
  .engagements{grid-template-columns:1fr;gap:var(--e-9);}
  .engagement p{max-width:46ch;}
}


.ruban{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.ruban-piste{
  display:flex;width:max-content;gap:clamp(14px,1.6vw,22px);
  padding-block:6px;
  animation:ruban-defile 64s linear infinite;
  will-change:transform;
}
@keyframes ruban-defile{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
.ruban:hover .ruban-piste,
.ruban:focus-within .ruban-piste{animation-play-state:paused;}
.ruban article{
  width:clamp(268px,25vw,330px);flex:none;
  background:var(--papier);border:1px solid var(--trait);border-radius:var(--r-lg);
  padding:clamp(20px,2vw,26px);
  display:flex;flex-direction:column;gap:var(--e-4);
}
.ruban .etoiles{display:flex;gap:var(--e-1);color:var(--or);}
.ruban p{font-size:.92rem;line-height:1.6;color:var(--texte-2);flex:1;}
.ruban footer{
  display:flex;align-items:center;gap:var(--e-4);
  padding-top:14px;border-top:1px solid var(--trait);
}
.ruban .rond{
  width:34px;height:34px;border-radius:50%;flex:none;background:var(--papier-3);
  display:grid;place-items:center;
  font-family:var(--titre);font-weight:700;font-size:.8rem;color:#6F7C89;
}
.ruban .nom{font-size:.88rem;font-weight:600;}
.ruban small{display:block;color:var(--texte-3);font-size:.75rem;}

@media (prefers-reduced-motion: reduce){
  .ruban-piste{animation:none;}
  .ruban{overflow-x:auto;}
}


.pied-seo{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(26px,3vw,48px);
  padding-block:clamp(44px,5vw,68px);
}
.pied-seo h4{
  color:#fff;font-size:1rem;margin-bottom:20px;
  font-stretch:112%;letter-spacing:var(--ls-texte);
}
.pied-seo ul{display:flex;flex-direction:column;gap:var(--e-4);}
.pied-seo a{
  font-size:.875rem;color:#9FADBA;
  border-bottom:1px solid transparent;width:fit-content;
  transition:color .18s,border-color .18s;
}
.pied-seo a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.4);}
.pied-seo .deux-cols{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e-4) var(--e-5);
}
.pied-seo .pied-adr{font-size:.875rem;color:#8B99A6;line-height:1.7;}
.pied-seo .pied-adr b{display:block;color:#fff;font-weight:600;margin-bottom:4px;}

.pied-legal{
  border-top:1px solid rgba(255,255,255,.1);
  padding-block:26px;
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-4) var(--e-7);
}
.pied-legal-liens{display:flex;flex-wrap:wrap;gap:var(--e-3) var(--e-6);}

.pied-legal-liens a{font-size:.8rem;color:#8B99A6;display:inline-block;padding-block:2px;}

dd a[href^="tel:"],dd a[href^="mailto:"]{display:inline-block;padding-block:3px;}
.pied-legal-liens a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.pied-reseaux{display:flex;align-items:center;gap:var(--e-4);margin-left:auto;}
.pied-reseaux span{font-size:.8rem;color:#8B99A6;}
.pied-reseaux a{
  width:30px;height:30px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  display:grid;place-items:center;color:#9FADBA;
  transition:border-color .2s,color .2s,background .2s;
}
.pied-reseaux a:hover{color:#fff;border-color:transparent;background:var(--bleu);}
.pied-copy{
  padding-bottom:clamp(26px,3vw,38px);
  font-size:.78rem;color:#6F7C89;line-height:1.6;
}

@media (max-width:980px){ .pied-seo{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){
  .pied-seo{grid-template-columns:1fr;}
  .pied-reseaux{margin-left:0;}
}



.cadeaux{
  background:var(--encre);color:#EEF4F9;
  --texte:#EEF4F9; --texte-2:#9FADBA; --texte-3:#7A8895;
  --trait:rgba(255,255,255,.12); --accent:var(--bleu-clair);
  position:relative;overflow:hidden;
}
.cadeaux::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 80% at 84% 14%,rgba(28,108,156,.34),transparent 64%);
}
.cad-grille{
  position:relative;z-index:2;
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(34px,5vw,80px);align-items:center;
}
.cadeaux h2{color:#fff;}
.cadeaux h2 em{font-style:normal;color:var(--bleu-clair);}
.cad-intro{
  margin-top:26px;max-width:52ch;
  font-size:1.04rem;line-height:1.62;color:#9FADBA;
}

.cad-liste{display:flex;flex-direction:column;gap:var(--e-6);}
.cad-liste article{display:grid;grid-template-columns:auto 1fr;gap:var(--e-5);align-items:start;}
.cad-ic{
  width:42px;height:42px;flex:none;border-radius:var(--r-md);
  background:rgba(124,184,220,.14);color:var(--bleu-clair);
  display:grid;place-items:center;margin-top:2px;
}
.cad-liste h3{
  font-size:1.04rem;color:#fff;
  display:flex;align-items:baseline;gap:var(--e-4);flex-wrap:wrap;
}
.cad-liste h3 b{
  font-family:var(--corps);font-weight:700;font-size:.75rem;
  letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--encre);background:var(--bleu-clair);
  padding:4px 10px;border-radius:var(--r-plein);white-space:nowrap;
}
.cad-liste p{margin-top:7px;font-size:.93rem;line-height:1.6;color:#9FADBA;}
.cad-note{
  margin-top:clamp(28px,3vw,38px);padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:.88rem;color:#8B99A6;
}


.cad-vue{margin:0;}
.cad-vue img{
  width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);
  box-shadow:var(--el-3);
}
.cad-attente{
  width:100%;aspect-ratio:4/5;border-radius:var(--r-lg);
  border:1.5px dashed rgba(255,255,255,.22);
  background:rgba(255,255,255,.03);
  display:grid;place-content:center;justify-items:center;gap:var(--e-5);
  color:#6F7C89;text-align:center;
}
.cad-attente p{font-size:.82rem;line-height:1.6;}

@media (max-width:1000px){
  .cad-grille{grid-template-columns:1fr;}
  .cad-vue{max-width:440px;margin-inline:auto;}
  .cad-attente{aspect-ratio:16/11;}
}



.ruban{
  margin-inline:calc(var(--pad) * -1);
  padding-inline:var(--pad);
}
@media (min-width:1420px){
  .ruban{
    margin-inline:calc((100vw - var(--large)) / -2 - var(--pad));
    padding-inline:calc((100vw - var(--large)) / 2 + var(--pad));
  }
}



.ouverture{
  min-height:100svh;
  margin-top:calc((var(--hauteur-barre, 80px) + var(--hauteur-annonce, 46px)) * -1);
  padding-top:calc(var(--hauteur-barre, 80px) + var(--hauteur-annonce, 46px) + clamp(24px,4vw,56px));
  padding-bottom:clamp(72px,8vw,110px);
  align-items:center;
}
.ouv-fond{object-position:56% 50%;}


.ouv-voile{
  background:
    linear-gradient(90deg,rgba(9,13,18,.62) 0%,rgba(9,13,18,.30) 38%,rgba(9,13,18,.04) 62%,transparent 80%),
    linear-gradient(180deg,rgba(9,13,18,.52) 0%,rgba(9,13,18,.12) 18%,transparent 46%,transparent 62%,rgba(9,13,18,.66) 100%);
}


.annonce{
  position:relative;z-index:60;
  background:color-mix(in srgb,var(--encre) 78%,transparent);
  backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.barre{background:transparent;border-bottom-color:transparent;}


.barre.colle,.barre.posee{
  background:color-mix(in srgb,#FFFFFF 92%,transparent);
  border-bottom-color:#DAE3EA;
  backdrop-filter:saturate(1.4) blur(10px);
}
.barre.colle .marque b,.barre.posee .marque b{color:#111820;}
.barre.colle .marque i,.barre.posee .marque i{color:#65707C;}
.barre.colle .menu a,.barre.posee .menu a{color:#65707C;}
.barre.colle .tel-barre,.barre.posee .tel-barre{color:#111820;}
.barre.colle .marque img,.barre.posee .marque img{filter:none;}


.ouv-carte{max-width:540px;}
.ouv-grille{grid-template-columns:1fr;}

@media (max-width:1040px){
  .ouverture{min-height:auto;padding-bottom:clamp(58px,8vw,80px);}
  .ouv-fond{object-position:60% 46%;}
}



.ouverture{align-items:flex-end;}
.ouv-grille{align-items:end;}
.ouv-carte{
  max-width:430px;
  padding:clamp(24px,2.4vw,32px);
  border-radius:var(--r-lg);
  box-shadow:var(--el-3);
  margin-bottom:clamp(34px,5vw,64px);
}
.ouverture h1{
  font-size:clamp(1.42rem,2.2vw,1.9rem);
  line-height:1.15;letter-spacing:var(--ls-affiche);max-width:19ch;
}
.ouv-traits{margin:16px 0 22px;}
.ouv-traits i{width:34px;height:3px;}
.ouv-traits b{width:16px;height:3px;}
.ouv-label{font-size:.75rem;margin-bottom:6px;}
.ouv-champ input{font-size:.96rem;padding:7px 2px;}
.ouv-form{gap:var(--e-4);}
.ouv-form .b{font-size:.86rem;padding:12px 20px;}
.ouv-tel-bloc{margin-top:20px;padding-top:18px;}
.ouv-tel-bloc p{font-size:.82rem;}
.ouv-tel{font-size:1.06rem;}
.ouv-tel-ic{width:28px;height:28px;}


.ouv-voile{
  background:
    radial-gradient(90% 75% at 14% 84%,rgba(9,13,18,.78) 0%,rgba(9,13,18,.34) 48%,transparent 74%),
    linear-gradient(90deg,rgba(9,13,18,.50) 0%,rgba(9,13,18,.18) 40%,transparent 66%),
    linear-gradient(180deg,rgba(9,13,18,.48) 0%,rgba(9,13,18,.06) 20%,transparent 44%,transparent 60%,rgba(9,13,18,.72) 100%);
}


.ouv-baseline{bottom:clamp(14px,2vw,22px);font-size:clamp(.88rem,1.35vw,1.14rem);}

@media (max-width:1040px){
  .ouv-carte{max-width:none;margin-bottom:clamp(44px,7vw,64px);}
  .ouverture h1{max-width:24ch;}
}



html{overflow-x:clip;}
body{overflow-x:clip;}


.ouv-fond{left:0;right:0;width:100%;max-width:100%;}
.ouverture{overflow:hidden;}


.ruban{max-width:100vw;}
@media (min-width:1420px){
  .ruban{
    margin-inline:calc((100% - var(--large)) / 2 - var(--pad));
    padding-inline:calc((var(--large) - 100%) / 2 + var(--pad));
  }
}



.ouv-carte{
  max-width:482px;
  padding:0;                       
  overflow:hidden;
}
.ouv-haut{padding:clamp(26px,2.5vw,34px) clamp(26px,2.5vw,34px) clamp(24px,2.3vw,30px);}


.ouv-form{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:end;gap:var(--e-4);
}
.ouv-champ{min-width:0;}
.ouv-label{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-libelle);
  color:var(--texte-3);margin-bottom:7px;
}
.ouv-champ input{
  font-size:1rem;font-weight:600;letter-spacing:var(--ls-fin);
  padding:8px 2px;border-bottom-width:1.5px;
}

.ouv-champ input::placeholder{
  color:#A8B2BC;font-weight:500;letter-spacing:0;opacity:1;
}
.ouv-form .b{font-size:.86rem;padding:12px 22px;white-space:nowrap;}


.ouv-bas{
  background:var(--papier-2);
  border-top:1px solid var(--trait);
  padding:clamp(18px,1.8vw,22px) clamp(26px,2.5vw,34px);
  display:flex;align-items:center;justify-content:space-between;
  gap:var(--e-5);flex-wrap:wrap;
}
.ouv-bas p{
  font-size:.79rem;font-weight:600;color:var(--texte-2);
  line-height:1.35;max-width:22ch;
}
.ouv-tel-bloc{margin:0;padding:0;border:0;display:contents;}
.ouv-tel{
  font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:1.14rem;letter-spacing:var(--ls-titre);
  display:inline-flex;align-items:center;gap:var(--e-3);
}
.ouv-tel-ic{width:30px;height:30px;}

@media (max-width:1040px){
  .ouv-carte{max-width:none;}
}
@media (max-width:560px){
  .ouv-form{grid-template-columns:1fr;gap:var(--e-5);}
  .ouv-form .b{width:100%;}
  .ouv-bas{flex-direction:column;align-items:flex-start;gap:var(--e-4);}
  .ouv-bas p{max-width:none;}
}



.annonce{
  background:var(--bleu-fonce);
  color:#EAF3F8;
  border-bottom:0;
  backdrop-filter:none;
  font-size:.86rem;
}
.annonce b{color:#fff;font-weight:700;}
.annonce a{
  color:#fff;font-weight:600;
  text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(255,255,255,.5);
}
.annonce a:hover{text-decoration-color:#fff;}
.annonce-x{color:rgba(255,255,255,.62);}
.annonce-x:hover{color:#fff;background:rgba(255,255,255,.14);}


.barre .marque img{
  width:40px;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.45)) drop-shadow(0 0 10px rgba(0,0,0,.3));
}
.barre.sur-photo .marque img{filter:drop-shadow(0 1px 4px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(0,0,0,.45));}
.barre.colle .marque img,.barre.posee .marque img{filter:none;}


.barre.sur-photo .marque b{text-shadow:0 1px 8px rgba(9,13,18,.7);}
.barre.sur-photo .menu a,.barre.sur-photo .tel-barre{text-shadow:0 1px 6px rgba(9,13,18,.6);}



#calibrage{padding-block:clamp(62px,7vw,104px);}
#calibrage .duo{align-items:center;gap:clamp(30px,4.5vw,72px);}
#calibrage .visuel{margin:0;}
#calibrage .visuel img{
  width:100%;aspect-ratio:4/3.1;object-fit:cover;
  border-radius:var(--r-lg);
  box-shadow:var(--el-3);
}

#calibrage .etiq{font-size:.78rem;}



.coupons{
  overflow:hidden;
  margin-top:clamp(40px,5vw,64px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.coupons-piste{
  display:flex;width:max-content;gap:clamp(16px,1.8vw,24px);
  padding:8px clamp(20px,5vw,56px);
  animation:coupons-defile 52s linear infinite;
  will-change:transform;
}
@keyframes coupons-defile{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}
.coupons:hover .coupons-piste,
.coupons:focus-within .coupons-piste{animation-play-state:paused;}

.coupon{
  --encoche:11px;
  --coupure:104px;                 
  width:clamp(318px,29vw,384px);flex:none;
  display:grid;grid-template-columns:var(--coupure) 1fr;
  border-radius:var(--r-md);
  color:var(--encre);
  
  background:
    radial-gradient(circle var(--encoche) at var(--coupure) 0,
      transparent var(--encoche), #FFFFFF calc(var(--encoche) + .5px)) top / 100% 50% no-repeat,
    radial-gradient(circle var(--encoche) at var(--coupure) 100%,
      transparent var(--encoche), #FFFFFF calc(var(--encoche) + .5px)) bottom / 100% 50% no-repeat;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.coupon:hover{transform:translateY(-5px);box-shadow:var(--el-3);}


.coupon-g{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:var(--e-3);padding:22px 10px;
  border-right:2px dashed color-mix(in srgb,var(--encre) 20%,transparent);
  color:var(--bleu-fonce);
}
.coupon-prix{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:1.16rem;letter-spacing:var(--ls-affiche);color:var(--encre);
}
.coupon-ic{display:grid;place-items:center;}


.coupon-d{padding:20px 22px 20px 20px;display:flex;flex-direction:column;gap:var(--e-3);}
.coupon-badge{
  font-size:.75rem !important;font-weight:800;letter-spacing:var(--ls-large);
  text-transform:uppercase;color:var(--bleu-fonce) !important;
}
.coupon-d h3{font-size:1.02rem;color:var(--encre);line-height:1.2;}
.coupon-d p:last-child{
  font-size:.85rem;line-height:1.5;
  color:#5A6672 !important;
}

.cadeaux .cad-note{
  margin-top:clamp(30px,3.4vw,42px);text-align:center;
  max-width:62ch;margin-inline:auto;
  font-size:.86rem;color:#8B99A6;
  padding-top:0;border-top:0;
}

@media (max-width:560px){
  .coupon{width:clamp(280px,84vw,330px);--coupure:88px;}
  .coupon-d h3{font-size:.96rem;}
}
@media (prefers-reduced-motion: reduce){
  .coupons-piste{animation:none;}
  .coupons{overflow-x:auto;}
}



.chiffres b{margin-bottom:0;}
.chiffres span{margin-top:10px;font-size:.86rem;line-height:1.5;}
@media (max-width:860px){
  .chiffres{grid-template-columns:repeat(2,minmax(0,1fr));}
  .chiffres > div:nth-child(3){border-left:0;}
  .chiffres > div:nth-child(n+3){border-top:1px solid var(--trait);}
}
@media (max-width:460px){
  .chiffres{grid-template-columns:1fr;}
  .chiffres > div{border-left:0;border-top:1px solid var(--trait);}
  .chiffres > div:first-child{border-top:0;}
}





.rail{background:var(--trait);height:2px;}
.rail i{background:var(--bleu);}
@media (max-width:900px){ .rail i{background:var(--bleu);} }


.scene{
  width:74px;height:74px;
  background:var(--bleu-nuit);
  border-radius:50%;
  box-shadow:var(--el-2);
}
.scene svg{width:74px;height:74px;}
.scene .fond{fill:none;stroke:none;}
.jalon.vu .scene .fond{stroke:none;}


.scene [class^="trait"],.scene .mire,.scene .capot,.scene .vitre,
.scene .ventouse,.scene .ventouse circle,.scene .colle,.scene .sigle,
.scene .bitume path,.scene .ondes path,.scene .faisceau path,.scene .coche{
  stroke:#FFFFFF;stroke-width:1.9;
}
.scene .vitre{fill:rgba(255,255,255,.14);}
.scene .sceau{fill:rgba(255,255,255,.16);stroke:#FFFFFF;stroke-width:1.6;}
.scene .coche{stroke:#FFFFFF;stroke-width:2.4;}
.scene .ondes path{stroke:var(--bleu-clair);}
.scene .colle{stroke:var(--bleu-clair);stroke-width:2.6;}
.scene .bitume path{stroke:rgba(255,255,255,.4);stroke-width:2;}
.scene .faisceau path{stroke:var(--bleu-clair);}
.scene .pupille{fill:var(--bleu-clair);stroke:none;}


.jalon-no{
  font-size:.75rem;font-weight:800;letter-spacing:var(--ls-large);
  color:var(--texte-3);margin-bottom:14px;
}
.jalon h3{margin-top:18px;font-size:1.02rem;}

.jalon-duree{color:var(--bleu) !important;font-size:.75rem !important;}
.jalon p:last-child{max-width:30ch;font-size:.88rem;}


.raisons article{border-top-color:var(--bleu);}
.textes-sur{color:var(--bleu);}
.textes article{border-left-color:var(--bleu);}
.trait-double i{background:var(--bleu);}
.trait-double b{background:var(--texte-3);opacity:.45;}
.centre h2 em{color:var(--bleu);}
.carte-pastille{background:var(--bleu-fonce);}
.carte-lien{color:var(--bleu);}
.carte-lien:hover{border-bottom-color:var(--bleu);}
.carte-note{color:var(--texte-3) !important;}
.etape-ic{background:color-mix(in srgb,var(--bleu) 12%,transparent);color:var(--bleu);}
.etape:hover{border-color:color-mix(in srgb,var(--bleu) 40%,transparent);}
.tarif.vedette{border-color:var(--bleu);}
.tarif.vedette .tarif-sur{color:var(--bleu);}
.preuves .pr-n span{color:var(--bleu);}
.ouv-traits b{background:var(--bleu-clair);}


.coupon-badge{color:var(--or-fonce) !important;}
.coupon-g{color:var(--bleu-fonce);}





.bloc.bleu{
  background:
    radial-gradient(120% 90% at 18% 0%, #2A7CAE 0%, transparent 58%),
    linear-gradient(165deg, #1C6C9C 0%, #14536F 62%, #103F55 100%);
  color:#F2F8FC;
  --texte:#FFFFFF;
  --texte-2:#CFE4F1;
  --texte-3:#A8CBDF;
  --trait:rgba(255,255,255,.18);
  --accent:#FFFFFF;
}
.bloc.bleu h2{color:#fff;}
.bloc.bleu .sur{color:#BFDDEE;}
.bloc.bleu .trait-double i{background:#fff;}
.bloc.bleu .trait-double b{background:rgba(255,255,255,.5);opacity:1;}
.bloc.bleu .engagement p{color:#CFE4F1;}

.bloc.bleu .medaillon{
  background:rgba(255,255,255,.1);
  border:3px solid rgba(255,255,255,.28);
  box-shadow:var(--el-3);
}
.bloc.bleu .medaillon img{border-radius:50%;}
.bloc.bleu .b-ligne{
  border-color:rgba(255,255,255,.45) !important;
  color:#fff !important;
}
.bloc.bleu .b-ligne:hover{
  background:#fff !important;border-color:#fff !important;color:#14536F !important;
}


.cadeaux{
  background:
    radial-gradient(85% 80% at 88% 10%, rgba(40,120,170,.42) 0%, transparent 62%),
    radial-gradient(70% 70% at 6% 96%, rgba(28,108,156,.26) 0%, transparent 60%),
    linear-gradient(168deg, #0D1B26 0%, #0A1520 100%);
}
.cadeaux::before{content:none;}


#calibrage{
  background:
    radial-gradient(75% 80% at 82% 14%, rgba(28,108,156,.34) 0%, transparent 60%),
    linear-gradient(172deg, #0C1922 0%, #090D12 100%);
}


.bande-in svg{color:var(--bleu);}
.med-pic{color:var(--bleu-fonce);}
.chiffres b i{color:var(--bleu);}
.cad-ic{background:rgba(124,184,220,.16);color:var(--bleu-clair);}


.srv:hover{border-color:color-mix(in srgb,var(--bleu) 55%,transparent);}



.ouv-carte{
  background:transparent;
  box-shadow:none;
  overflow:visible;
  display:flex;flex-direction:column;gap:var(--e-3);
}


.ouv-haut{
  background:var(--papier);
  border-radius:var(--r-lg);
  padding:clamp(26px,2.5vw,34px);
  box-shadow:var(--el-3);
}


.ouv-bas{
  background:color-mix(in srgb,#FFFFFF 82%,transparent);
  backdrop-filter:blur(14px) saturate(1.3);
  -webkit-backdrop-filter:blur(14px) saturate(1.3);
  border:1px solid rgba(255,255,255,.55);
  border-top:1px solid rgba(255,255,255,.55);
  border-radius:var(--r-lg);
  padding:clamp(16px,1.6vw,20px) clamp(24px,2.4vw,32px);
  box-shadow:var(--el-3);
}
.ouv-bas p{color:#3E4A56;}
.ouv-bas .ouv-tel{color:var(--encre);}


@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .ouv-bas{background:color-mix(in srgb,#FFFFFF 94%,transparent);}
}





.pq-tete{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(24px,4vw,64px);align-items:end;
}
.pq-tete .intro{max-width:44ch;padding-bottom:5px;}


.pq-vue{
  margin:clamp(38px,4.6vw,60px) 0 0;
}
.pq-vue img{
  width:100%;aspect-ratio:21/8;object-fit:cover;object-position:50% 42%;
  border-radius:var(--r-lg);box-shadow:var(--ombre-h);
}


.pq-atouts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin-top:clamp(34px,4vw,52px);
}
.pq-atouts article{
  padding:0 clamp(18px,2.4vw,34px);
  border-left:1px solid var(--trait);
}
.pq-atouts article:first-child{padding-left:0;border-left:0;}
.pq-atouts article:last-child{padding-right:0;}
.pq-atouts b{
  display:block;font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:1.06rem;letter-spacing:var(--ls-titre);margin-bottom:9px;
  color:var(--texte);
}
.pq-atouts b::before{
  content:"";display:block;width:26px;height:3px;border-radius:var(--r-plein);
  background:var(--bleu);margin-bottom:14px;
}
.pq-atouts p{font-size:.92rem;line-height:1.6;color:var(--texte-2);max-width:32ch;}

@media (max-width:900px){
  .pq-tete{grid-template-columns:1fr;gap:var(--e-6);align-items:start;}
  .pq-tete .intro{padding-bottom:0;max-width:56ch;}
  .pq-vue img{aspect-ratio:16/9;}
  .pq-atouts{grid-template-columns:1fr;gap:var(--e-7);}
  .pq-atouts article{padding:0;border-left:0;}
  .pq-atouts p{max-width:none;}
}



.ouv-mot{
  background:transparent;box-shadow:none;padding:0;
  max-width:560px;display:block;
}
.ouv-mot > *{background:transparent;box-shadow:none;padding:0;border:0;}

.ouverture .ouv-sur{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-large);text-transform:uppercase;
  color:rgba(255,255,255,.82);margin-bottom:18px;
  text-shadow:0 1px 12px rgba(9,13,18,.8);
}


.ouverture .ouv-champ input{
  background:rgba(9,13,18,.46);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  border:1px solid rgba(255,255,255,.26);
  border-radius:var(--r-md);
  padding:13px 14px;
  box-shadow:var(--el-1);
}
.ouverture .ouv-champ input::placeholder{color:rgba(255,255,255,.62);}
.ouverture .ouv-champ input:focus{
  border-color:var(--bleu-clair);
  box-shadow:var(--anneau);
}
.ouverture .ouv-label{color:rgba(255,255,255,.88);}
.ouverture h1{
  color:#fff;max-width:20ch;
  font-size:clamp(1.85rem,3.6vw,3.15rem);line-height:1.08;letter-spacing:var(--ls-affiche);
  text-shadow:0 2px 26px rgba(9,13,18,.72),0 1px 3px rgba(9,13,18,.5);
}
.ouv-traits{margin:22px 0 30px;}
.ouv-traits i{background:#fff;width:40px;height:3px;}
.ouv-traits b{background:var(--bleu-clair);width:18px;height:3px;}


.ouv-form{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--e-5) var(--e-6);
  max-width:none;
}
.ouv-champ{flex:0 1 210px;}
.ouv-label{
  color:rgba(255,255,255,.78);font-size:.75rem;letter-spacing:var(--ls-large);
  margin-bottom:9px;text-shadow:0 1px 8px rgba(9,13,18,.7);
}
.ouv-champ input{
  color:#fff;background:transparent;
  border-bottom:2px solid rgba(255,255,255,.55);
  font-size:1.06rem;font-weight:600;padding:8px 2px;
  text-shadow:0 1px 8px rgba(9,13,18,.6);
}
.ouv-champ input::placeholder{color:rgba(255,255,255,.5);font-weight:500;}
.ouv-champ input:focus{border-bottom-color:#fff;}
.ouv-form .b-plein{
  background:var(--bleu);border-color:var(--bleu);color:#fff;
  padding:14px 26px;font-size:.92rem;
  box-shadow:var(--el-2);
}
.ouv-form .b-plein:hover{background:#2480B6;border-color:#2480B6;}
.ouv-reponse{color:#fff;text-shadow:0 1px 8px rgba(9,13,18,.7);}
.ouv-reponse.oui{color:#8FE0B8;}
.ouv-reponse.voir{color:#F2C98A;}


.ouv-appel{
  background:transparent;backdrop-filter:none;border:0;box-shadow:none;
  border-radius:0;padding:0;
  margin-top:34px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.26);
  display:flex;align-items:center;gap:var(--e-4) var(--e-6);flex-wrap:wrap;
}
.ouv-appel p{
  color:rgba(255,255,255,.8);font-size:.86rem;max-width:none;
  text-shadow:0 1px 8px rgba(9,13,18,.7);
}
.ouv-appel .ouv-tel{
  color:#fff;font-size:1.2rem;
  text-shadow:0 1px 10px rgba(9,13,18,.7);
}
.ouv-appel .ouv-tel-ic{background:var(--bleu);}
.ouv-appel .ouv-tel:hover{color:var(--bleu-clair);}


.ouv-voile{
  background:
    linear-gradient(95deg,rgba(9,13,18,.86) 0%,rgba(9,13,18,.66) 26%,rgba(9,13,18,.3) 52%,rgba(9,13,18,.06) 74%,transparent 90%),
    linear-gradient(180deg,rgba(9,13,18,.5) 0%,rgba(9,13,18,.1) 16%,transparent 40%,transparent 64%,rgba(9,13,18,.74) 100%);
}


.ouverture{align-items:flex-end;}
.ouv-grille{align-items:end;}
.ouv-mot{margin-bottom:clamp(44px,6vw,80px);}

@media (max-width:1040px){
  .ouv-mot{max-width:none;margin-bottom:clamp(52px,8vw,72px);}
  .ouverture h1{max-width:24ch;}
}
@media (max-width:560px){
  .ouv-form{flex-direction:column;align-items:stretch;}
  .ouv-form .b-plein{width:100%;}
  .ouv-appel{flex-direction:column;align-items:flex-start;gap:var(--e-4);}
}



.ouverture .ouv-sur{
  
  color:#AFD6EE;
  text-shadow:0 1px 14px rgba(9,13,18,.9);
}

.ouv-appel{margin-top:26px;padding-top:20px;}
.ouv-reponse{margin-top:12px;}
.ouv-traits{margin:20px 0 26px;}



.cad-grille{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:clamp(30px,4vw,64px);align-items:center;
}

.bon{
  --encoche:13px;
  background:#FFFFFF;color:var(--encre);
  border-radius:var(--r-lg);
  padding:clamp(26px,3vw,38px);
  position:relative;
  box-shadow:var(--el-3);
}

.bon::before,.bon::after{
  content:"";position:absolute;top:50%;transform:translateY(-50%);
  width:calc(var(--encoche) * 2);height:calc(var(--encoche) * 2);
  border-radius:50%;
  background:#0B1620;
}
.bon::before{left:calc(var(--encoche) * -1);}
.bon::after{right:calc(var(--encoche) * -1);}

.bon-tete{padding-bottom:clamp(20px,2.2vw,26px);border-bottom:2px dashed #D3DAE1;}
.bon-sur{
  font-size:.75rem;font-weight:800;letter-spacing:var(--ls-large);text-transform:uppercase;
  color:var(--bleu);margin-bottom:12px;
}
.cadeaux .bon h2{
  color:var(--encre);font-size:clamp(1.5rem,2.5vw,2.05rem);line-height:1.1;
}
.cadeaux .bon h2 em{font-style:normal;color:var(--bleu);}

.bon-liste{display:flex;flex-direction:column;padding:6px 0 0;}
.bon-liste li{
  display:grid;grid-template-columns:auto 1fr auto;
  gap:var(--e-4);align-items:baseline;
  padding:15px 0;border-bottom:1px solid #EDF0F3;
}
.bon-liste li:last-child{border-bottom:0;}
.bon-v{
  color:var(--bleu);display:grid;place-items:center;
  width:20px;height:20px;border-radius:50%;
  background:color-mix(in srgb,var(--bleu) 12%,#fff);
  align-self:center;
}
.bon-mot b{
  display:block;font-family:var(--titre);font-weight:800;font-stretch:112%;
  font-size:1rem;letter-spacing:var(--ls-titre);color:var(--encre);margin-bottom:3px;
}
.bon-mot{font-size:.86rem;line-height:1.5;color:#5A6672;}
.bon-prix{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:1.02rem;letter-spacing:var(--ls-affiche);color:var(--bleu);
  white-space:nowrap;align-self:center;
}
.bon-pied{
  margin-top:clamp(18px,2vw,24px);padding-top:18px;
  border-top:2px dashed #D3DAE1;
  font-size:.82rem;line-height:1.55;color:#6F7C89;
}

.cad-vue{margin:0;}
.cad-vue img{
  width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:52% 46%;
  border-radius:var(--r-lg);box-shadow:var(--el-3);
}

@media (max-width:980px){
  .cad-grille{grid-template-columns:1fr;}
  .cad-vue{max-width:460px;margin-inline:auto;}
  .cad-vue img{aspect-ratio:16/10;}
}
@media (max-width:520px){
  .bon-liste li{grid-template-columns:auto 1fr;}
  .bon-prix{grid-column:2;margin-top:4px;}
}



.ch-grille{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(30px,4.4vw,70px);align-items:center;
}
.ch-mot .chiffres{margin-top:clamp(30px,3.4vw,44px);}

.ch-mot .chiffres{grid-template-columns:repeat(2,minmax(0,1fr));}
.ch-mot .chiffres > div:nth-child(3){border-left:0;}
.ch-mot .chiffres > div:nth-child(n+3){border-top:1px solid var(--trait);}
.ch-vue{margin:0;}
.ch-vue img{
  width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:54% 46%;
  border-radius:var(--r-lg);box-shadow:var(--ombre-h);
}
@media (max-width:980px){
  .ch-grille{grid-template-columns:1fr;}
  .ch-vue{order:-1;}
  .ch-vue img{aspect-ratio:16/9;}
}
@media (max-width:460px){
  .ch-mot .chiffres{grid-template-columns:1fr;}
  .ch-mot .chiffres > div:nth-child(n+2){border-top:1px solid var(--trait);border-left:0;}
}



.lots{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.4vw,30px);
  margin-top:clamp(40px,4.6vw,62px);
}
.lot{
  background:#FFFFFF;border-radius:var(--r-lg);
  padding:clamp(22px,2.2vw,30px);
  text-align:center;
  box-shadow:var(--el-3);
  transition:transform .32s cubic-bezier(.2,.7,.3,1),box-shadow .32s;
}
.lot:hover{transform:translateY(-6px);box-shadow:var(--el-3);}
.lot-vue{
  margin:0 0 clamp(18px,2vw,24px);
  aspect-ratio:1;border-radius:var(--r-md);overflow:hidden;
  background:
    radial-gradient(120% 120% at 32% 22%,
      color-mix(in srgb,var(--bleu) 14%,#fff) 0%,
      color-mix(in srgb,var(--bleu) 5%,#fff) 58%, #fff 100%);
  display:grid;place-items:center;
}
.lot-vue img{width:100%;height:100%;object-fit:contain;}  
.lot-pic{color:var(--bleu-fonce);}
.lot-n{
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:clamp(1.5rem,2.4vw,2rem);line-height:1;letter-spacing:var(--ls-affiche);
  color:var(--encre);
}
.lot-n span{
  display:block;margin-top:7px;
  font-family:var(--corps);font-weight:700;font-stretch:normal;
  font-size:.78rem;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--bleu);
}
.lot-t{margin-top:12px;font-size:.86rem;line-height:1.55;color:#5A6672;}



.cadeaux-court{padding-block:clamp(52px,6vw,86px);}
.cadeaux-court .intro{max-width:46ch;margin-inline:auto;}
.cad-actes{display:flex;justify-content:center;margin-top:clamp(22px,2.6vw,32px);}
.cadeaux-court .cad-note{max-width:62ch;margin-inline:auto;margin-top:clamp(20px,2.4vw,28px);}

.compris{
  margin-top:clamp(34px,4vw,50px);padding-top:clamp(26px,3vw,34px);
  border-top:1px solid rgba(255,255,255,.16);
}
.compris-sur{
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:var(--bleu-clair);margin-bottom:18px;text-align:center;
}

.compris ul{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:var(--e-3);margin:0;padding:0;list-style:none;
}
.compris li{
  display:flex;align-items:center;gap:var(--e-3);height:100%;
  padding:12px 14px;border-radius:var(--r-md);
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  font-size:.82rem;line-height:1.35;color:#CFE0EC;
  
  text-align:left;
}
.compris li::before{
  content:"";width:5px;height:5px;border-radius:50%;
  background:var(--bleu-clair);flex:none;
}

.cadeaux .cad-note{
  margin-top:clamp(26px,3vw,36px);text-align:center;
  max-width:70ch;margin-inline:auto;
  font-size:.8rem;line-height:1.6;color:#8B99A6;
}
.cadeaux .cad-note b{color:#CFE0EC;}

@media (max-width:860px){
  .lots{grid-template-columns:1fr;gap:var(--e-6);}
  
}



.lot-vedette{
  grid-column:1 / -1;
  display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:clamp(22px,3vw,44px);align-items:center;
  text-align:left;
  padding:clamp(22px,2.4vw,32px);
  border:2px solid var(--bleu);
  margin-bottom:clamp(6px,1vw,12px);
}
.lot-v-vue{
  aspect-ratio:4/3;border-radius:var(--r-md);overflow:hidden;
  background:
    radial-gradient(120% 120% at 30% 20%,
      color-mix(in srgb,var(--bleu) 18%,#fff) 0%,
      color-mix(in srgb,var(--bleu) 6%,#fff) 60%, #fff 100%);
  display:grid;place-items:center;
}
.lot-v-vue img{width:100%;height:100%;object-fit:contain;}  
.lot-badge{
  display:inline-block;
  font-size:.75rem;font-weight:800;letter-spacing:var(--ls-libelle);text-transform:uppercase;
  color:#fff;background:var(--bleu);
  padding:6px 13px;border-radius:var(--r-plein);margin-bottom:16px;
}
.lot-vedette .lot-n{
  font-size:clamp(1.42rem,2.5vw,2.05rem);line-height:1.1;text-align:left;
}
.lot-vedette .lot-n span{
  display:block;margin-top:9px;
  font-family:var(--titre);font-weight:800;font-stretch:118%;
  font-size:.82em;letter-spacing:var(--ls-affiche);text-transform:none;
  color:var(--bleu);
}
.lot-vedette .lot-t{margin-top:14px;text-align:left;max-width:46ch;}
.lot-vedette .b{margin-top:22px;}

@media (max-width:1060px){
  .compris ul{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:860px){
  .lot-vedette{grid-template-columns:1fr;text-align:center;}
  .lot-vedette .lot-n,.lot-vedette .lot-t{text-align:center;}
  .lot-vedette .lot-t{margin-inline:auto;}
  
}
@media (max-width:560px){
  .compris ul{grid-template-columns:repeat(2,minmax(0,1fr));}
}



.final-cadeau{
  display:inline-flex;align-items:center;gap:var(--e-3);
  margin:26px auto 0 !important;
  padding:12px 20px;border-radius:var(--r-plein);
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  font-size:.88rem !important;color:#CFE0EC !important;
  max-width:none !important;text-align:left;
}
.final-cadeau svg{color:var(--bleu-clair);flex:none;}
@media (max-width:620px){
  .final-cadeau{border-radius:var(--r-md);text-align:center;align-items:flex-start;}
}



.preuves{
  border-top:0;padding-top:0;
  gap:clamp(14px,1.8vw,22px);
}
.preuves article{
  background:linear-gradient(162deg,#1C6C9C 0%,#14536F 68%,#104257 100%);
  border-radius:var(--r-lg);
  padding:clamp(24px,2.6vw,32px);
  color:#fff;
  box-shadow:var(--el-3);
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.preuves article:hover{
  transform:translateY(-5px);
  box-shadow:var(--el-bleu);
}
.pr-ic{
  display:grid;place-items:center;
  width:38px;height:38px;border-radius:var(--r-md);
  background:rgba(255,255,255,.16);color:#fff;
  margin-bottom:18px;
}
.preuves .pr-n{color:#fff;margin-bottom:10px;}
.preuves .pr-n span{color:#A8D4EC;}
.preuves article p:last-child{color:#D2E6F2 !important;}


.bande{
  background:linear-gradient(180deg,#F4F8FB 0%,#EEF4F8 100%);
  border-block-color:#DDE7EE;
}
.bande-in li{color:var(--encre);}
.bande-in svg{color:var(--bleu);}
.bande-note{color:#5E6B77;border-top-color:#DDE7EE;}


.carte-pastille,.srv .carte-pastille{background:var(--bleu);}

@media (max-width:900px){
  .preuves{grid-template-columns:1fr;}
}



#zone{
  padding-block:clamp(56px,6vw,88px);
  background:
    radial-gradient(80% 70% at 18% 8%, rgba(28,108,156,.30) 0%, transparent 62%),
    radial-gradient(70% 80% at 88% 96%, rgba(20,83,111,.34) 0%, transparent 60%),
    linear-gradient(170deg, #0C1922 0%, #090D12 100%);
}

#chiffres .chiffres{
  background:linear-gradient(158deg,#1C6C9C 0%,#14536F 66%,#0F3F53 100%);
  border:0;
  box-shadow:var(--el-3);
}
#chiffres .chiffres > div{border-color:rgba(255,255,255,.18);}
#chiffres .chiffres b{color:#fff;}
#chiffres .chiffres b i{color:#A8D4EC;}
#chiffres .chiffres span{color:#D2E6F2;}



.bande{padding-block:20px;}
.bande-in{gap:var(--e-5) var(--e-7);}



.zone-territoire{
  position:relative;margin:clamp(34px,4.4vw,56px) 0 0;
  border-radius:var(--r-lg);overflow:hidden;background:#0A141C;
  box-shadow:var(--lisere-sombre);
}

.zone-territoire::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(112% 92% at 50% 50%,
    transparent 38%, rgba(7,12,17,.58) 100%);
}
.territoire{
  width:100%;height:auto;display:block;aspect-ratio:1000/720;
}
.territoire .c{
  stroke:rgba(7,12,17,.5);stroke-width:1;
  transition:fill .18s;
}

.territoire .z1{fill:#A6D3EC;}
.territoire .z2{fill:#6FADD4;}
.territoire .z3{fill:#437FA9;}
.territoire .z4{fill:#2B5677;}
.territoire .z5{fill:#1C3A50;}


.territoire .paris{fill:#5C7183;}
.territoire .nom.nom-paris{font-size:15px;fill:#EAF2F8;}


@keyframes territoire-vague{
  from{opacity:0;}
  to{opacity:1;}
}
.territoire.anime .c{animation:territoire-vague .5s both;}
.territoire.anime .z1{animation-delay:.05s;}
.territoire.anime .z2{animation-delay:.18s;}
.territoire.anime .z3{animation-delay:.31s;}
.territoire.anime .z4{animation-delay:.44s;}
.territoire.anime .z5{animation-delay:.57s;}
.territoire.anime .atelier{animation-delay:0s;}
.territoire.anime .nom,.territoire.anime .epingle,
.territoire.anime .nom-a,.territoire.anime .point-a{
  animation:territoire-vague .45s both;animation-delay:.72s;
}
@media (prefers-reduced-motion:reduce){
  .territoire.anime .c,.territoire.anime .nom,.territoire.anime .epingle,
  .territoire.anime .nom-a,.territoire.anime .point-a{animation:none;}
}

.territoire .c:hover{
  filter:brightness(1.45) saturate(.85);
  stroke:rgba(255,255,255,.9);stroke-width:1.6;
}
.territoire .atelier{
  fill:var(--or);stroke:#FFFFFF;stroke-width:1.8;
}

.territoire .anneau,.territoire .anneau-t{display:none;}
.territoire .anneau-neutralise{
  fill:none;stroke:rgba(255,255,255,.28);stroke-width:1.2;stroke-dasharray:5 8;
}
.territoire .anneau-t{
  font-family:var(--corps);font-size:13px;font-weight:700;
  fill:rgba(255,255,255,.5);text-anchor:middle;
  paint-order:stroke;stroke:rgba(7,12,17,.8);stroke-width:3.5;
  stroke-linejoin:round;
}
.territoire .epingle{
  fill:#FFFFFF;stroke:rgba(7,12,17,.75);stroke-width:1.3;
}

.territoire .nom{
  font-family:var(--titre);font-size:14px;font-weight:700;font-stretch:108%;
  letter-spacing:var(--ls-texte);fill:#FFFFFF;
  paint-order:stroke;stroke:rgba(7,12,17,.82);stroke-width:4;
  stroke-linejoin:round;
}
.territoire .halo{
  fill:none;stroke:var(--or);stroke-width:2;opacity:.55;
  stroke-dasharray:3 5;
}
.territoire .point-a{
  fill:var(--or);stroke:#FFFFFF;stroke-width:3;
}
.territoire .nom-a{
  font-family:var(--titre);font-size:25px;font-weight:800;font-stretch:112%;
  letter-spacing:var(--ls-affiche);fill:#FFFFFF;text-anchor:middle;
  paint-order:stroke;stroke:rgba(7,12,17,.85);stroke-width:5.5;
  stroke-linejoin:round;
}

.territoire-note{
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:var(--e-3) var(--e-5);
  margin-top:18px;font-size:.82rem;color:#8B99A6;
}
.territoire-echelle{
  display:inline-flex;align-items:center;gap:var(--e-3);
  font-size:.75rem;font-weight:700;letter-spacing:var(--ls-fin);
  text-transform:uppercase;color:#6F7E8C;
}
.territoire-echelle b{display:inline-flex;border-radius:var(--r-plein);overflow:hidden;}
.territoire-echelle i{width:22px;height:9px;}
.territoire-note em{
  font-family:var(--titre);font-style:normal;font-weight:800;
  color:var(--or);letter-spacing:var(--ls-texte);
}
@media (max-width:700px){
  
  .territoire .nom,.territoire .epingle,.territoire .anneau-t{display:none;}
  
  .territoire .nom-a{font-size:38px;transform:translateY(-14px);}
  .territoire .point-a{r:11;stroke-width:4;}
}



.zone-entete{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--e-9);align-items:end;}
.zone-entete h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.12;}
.zone-entete .sur{margin-bottom:22px;}
.zone-chapeau{font-size:1rem;line-height:1.7;color:#ADBCC7;max-width:40ch;margin:0 0 4px;}
.zone-chapeau strong{color:#EEF5FA;font-weight:600;}
.zone-contenu{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4.2vw,60px);margin-top:40px;}
.zone-atelier{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(24px,3vw,36px);border:1px solid rgba(132,193,224,.25);border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(28,108,156,.26),rgba(28,108,156,.06));}
.zone-atelier-sur{display:flex;align-items:center;gap:10px;color:#A8D4EC;font-size:.78rem;font-weight:700;letter-spacing:var(--ls-libelle);text-transform:uppercase;}
.zone-atelier h3{font-size:2rem;line-height:1.2;letter-spacing:var(--ls-titre);margin-top:20px;color:#FFF;}
.zone-atelier h3 span{display:block;font-family:var(--corps);font-size:.8rem;font-weight:500;letter-spacing:0;color:#A8D4EC;margin-top:8px;}
.zone-atelier address{font-style:normal;font-size:1rem;line-height:1.7;color:#E7EFF5;margin-top:22px;}
.zone-atelier-info{font-size:.84rem;line-height:1.65;color:#ADBCC7;margin:18px 0 24px;}
.zone-atelier-liens{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;}
#zone .zone-atelier .b{font-size:.84rem;padding:12px 18px;color:#102331;box-shadow:none;}
.zone-itineraire{font-size:.82rem;font-weight:600;color:#D4E8F4;white-space:nowrap;}
.zone-itineraire span{margin-left:4px;color:#A8D4EC;}
.zone-itineraire:hover{text-decoration:underline;text-underline-offset:4px;}
.zone-proximite{min-width:0;padding-top:6px;}
.zone-liste-entete{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e-5);padding-bottom:18px;}
.zone-liste-entete h3{font-size:1.05rem;color:#F2F6FA;}
.zone-liste-entete > span{color:#9FB4C2;font-size:.78rem;}
.zone-communes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--e-8);padding:0;margin:0;list-style:none;}
.zone-communes li{list-style:none;margin:0;padding:0;border-bottom:1px solid rgba(210,229,240,.14);}
.zone-communes a{display:flex;align-items:center;justify-content:space-between;gap:var(--e-4);min-height:48px;padding:12px 0;color:#ECF3F8;}
.zone-communes b{font-size:.87rem;font-weight:600;line-height:1.45;}
.zone-communes span{flex:none;font-size:.76rem;color:#9DC9E1;font-variant-numeric:tabular-nums;white-space:nowrap;}
.zone-communes a:hover b{color:#9DC9E1;text-decoration:underline;text-underline-offset:4px;}
.zone-distances{font-size:.75rem;line-height:1.5;color:#9AAEBC;margin-top:18px;}
.zone-suite{display:flex;align-items:center;justify-content:space-between;gap:var(--e-7);border-top:1px solid rgba(210,229,240,.16);margin-top:36px;padding-top:28px;}
.zone-suite p{font-family:var(--titre);font-weight:700;font-size:1.15rem;color:#F2F6FA;}
.zone-suite span{display:block;color:#ADBCC7;font-size:.84rem;line-height:1.6;margin-top:6px;}
#zone .zone-suite .b{flex:none;background:transparent;border-color:rgba(157,201,225,.5);color:#EDF5FA;box-shadow:none;font-size:.86rem;}
#zone .zone-suite .b:hover{background:rgba(157,201,225,.1);border-color:#9DC9E1;}
@media(max-width:1050px){
  .zone-entete{grid-template-columns:1fr;gap:20px;}
  .zone-chapeau{max-width:64ch;}
  .zone-contenu{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;}
  .zone-liste-entete{align-items:flex-start;flex-direction:column;gap:6px;}
  .zone-communes{gap:0 20px;}
  .zone-communes a{align-items:flex-start;flex-direction:column;gap:4px;min-height:64px;}
}
@media(max-width:700px){
  .zone-entete h2{font-size:clamp(1.8rem,6.2vw,2.5rem);}
  .zone-chapeau{font-size:.94rem;}
  .zone-contenu{grid-template-columns:1fr;gap:32px;margin-top:28px;}
  .zone-atelier{padding:24px;}
  .zone-atelier h3{margin-top:16px;}
  .zone-atelier address{margin-top:16px;}
  .zone-atelier-info{margin:14px 0 20px;}
  .zone-liste-entete{flex-direction:row;align-items:baseline;gap:12px;}
  .zone-liste-entete h3{font-size:1rem;}
  .zone-liste-entete > span{font-size:.75rem;}
  .zone-communes b{font-size:.84rem;}
  .zone-communes a{min-height:76px;justify-content:center;}
  .zone-suite{align-items:flex-start;flex-direction:column;margin-top:28px;padding-top:24px;gap:18px;}
  .zone-suite .b{width:100%;justify-content:space-between;}
}









.lot{display:flex;flex-direction:column;}
.lot-choix{
  margin-top:auto;align-self:center;
  background:transparent;color:#14536F;
  border:1.5px solid #C4D0D9;
}
.lot .lot-choix{margin-top:auto;}
.lot-choix:hover{background:#1C6C9C;border-color:#1C6C9C;color:#FFFFFF;}
.lot-t{margin-bottom:clamp(18px,2vw,22px);}




@media (max-width:760px){
  .barre-in{gap:var(--e-4);height:64px;}
  .barre .tel-barre{display:none;}
  .barre .b{display:none;}
  .barre .marque{margin-right:0;}
  .barre .marque img{width:30px;}
  .barre .marque b{font-size:.9rem;}
}


@media (max-width:760px){
  .ouv-fond{object-position:47% 54% !important;}
}



@media (max-width:760px){
  .ouverture{display:flex;align-items:flex-end;}
  
  .ouv-voile{
    background:linear-gradient(180deg,
      rgba(9,13,18,.74) 0%,
      rgba(9,13,18,.52) 24%,
      rgba(9,13,18,.46) 40%,
      rgba(9,13,18,.62) 56%,
      rgba(9,13,18,.93) 78%,
      rgba(9,13,18,.97) 100%) !important;
  }
  .ouv-grille{
    display:block;padding-bottom:clamp(26px,5vh,40px);padding-top:0;
  }
  .ouv-mot{padding:0;}
  .ouv-sur{margin-bottom:10px;}
  .ouverture h1{margin-bottom:14px;}
  .ouv-traits{margin-bottom:18px;}

  
  .ouv-form{display:grid;gap:var(--e-4);}
  .ouv-form .b{width:100%;justify-content:center;}
  .ouv-appel{margin-top:18px;}
}



[hidden]{display:none !important;}



@media (max-width:1080px){
  .barre-in{flex-wrap:wrap;height:auto;padding-block:11px;row-gap:var(--e-3);}
  .barre .marque{order:1;}
  .barre .tel-barre,.barre .b{order:2;}
  .barre .menu{
    order:3;display:flex;width:100%;
    gap:var(--e-6);overflow-x:auto;scrollbar-width:none;
    padding-bottom:2px;margin:0 -4px;
    
    scroll-padding-left:4px;
  }
  .barre .menu::-webkit-scrollbar{display:none;}
  
  
  .barre .menu{
    background-image:
      radial-gradient(farthest-side at 0 50%,rgba(255,255,255,.30),transparent),
      radial-gradient(farthest-side at 100% 50%,rgba(255,255,255,.30),transparent);
    background-position:left center,right center;
    background-repeat:no-repeat;
    background-size:11px 100%,11px 100%;
    background-attachment:scroll,scroll;
  }
  .barre.posee .menu{
    background-image:
      linear-gradient(90deg,var(--papier),transparent),
      linear-gradient(90deg,transparent,var(--papier)),
      radial-gradient(farthest-side at 0 50%,rgba(10,14,19,.17),transparent),
      radial-gradient(farthest-side at 100% 50%,rgba(10,14,19,.17),transparent);
    background-position:left center,right center,left center,right center;
    background-size:22px 100%,22px 100%,11px 100%,11px 100%;
    background-attachment:local,local,scroll,scroll;
  }
  .barre.posee.sur-sombre .menu{
    background-image:
      linear-gradient(90deg,var(--encre),transparent),
      linear-gradient(90deg,transparent,var(--encre)),
      radial-gradient(farthest-side at 0 50%,rgba(255,255,255,.22),transparent),
      radial-gradient(farthest-side at 100% 50%,rgba(255,255,255,.22),transparent);
  }
  .barre .menu a{
    flex:none;white-space:nowrap;font-size:.86rem;padding-block:3px;
  }
  
  .barre .menu a:focus-visible{
    outline:2px solid var(--bleu);outline-offset:3px;border-radius:var(--r-xs);
  }
  .barre.posee .barre-in,.barre.colle .barre-in{height:auto;}
}
@media (max-width:760px){
  
  .barre .menu{font-size:.84rem;gap:var(--e-5);}
}


.ouv-cadeaux{margin-top:16px;font-size:.88rem;line-height:1.5;color:#fff;}
.ouv-cadeaux a{text-decoration:underline;text-underline-offset:4px;}
.offre-accueil h2{margin-bottom:20px;}
.offre-accueil h2 em{color:#92cbed;}
.cadeaux h2 em{color:#92cbed;}
.offre-accueil .intro{max-width:65ch;margin-bottom:28px;}
.cadeaux-apercu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.cadeau-carte{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;color:#112735;text-decoration:none;box-shadow:0 4px 16px #0002;}
.cadeau-image{aspect-ratio:4/3;overflow:hidden;}
.cadeau-carte img{display:block;width:100%;height:100%;object-fit:cover;}
.cadeau-carte span{font-weight:800;font-size:1rem;line-height:1.35;padding:16px 16px 8px;}
.cadeau-carte small{font-size:.83rem;font-weight:600;line-height:1.4;padding:0 16px 18px;color:#125877;margin-top:auto;}
.cadeau-carte:hover,.cadeau-carte:focus-visible{outline:2px solid #92cbed;outline-offset:3px;}
@media(prefers-reduced-motion:no-preference){
  .cadeau-carte{transition:transform .3s ease,box-shadow .3s ease;}
  .cadeau-carte img{transition:transform .55s cubic-bezier(.2,.7,.3,1);}
  .cadeaux-apercu.cadeaux-animes .cadeau-carte{animation:arrivee-cadeau .65s cubic-bezier(.16,.9,.3,1) backwards;}
  .cadeaux-apercu.cadeaux-animes .cadeau-carte:nth-child(2){animation-delay:.09s;}
  .cadeaux-apercu.cadeaux-animes .cadeau-carte:nth-child(3){animation-delay:.18s;}
  .cadeaux-apercu.cadeaux-animes .cadeau-carte:nth-child(4){animation-delay:.27s;}
  .cadeau-carte:active{transform:scale(.985);}
  .cadeau-carte:active img{transform:scale(1.025);}
  @keyframes arrivee-cadeau{
    from{opacity:.15;transform:translateY(18px);}
    to{opacity:1;transform:translateY(0);}
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .cadeau-carte:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.22);}
  .cadeau-carte:hover img{transform:scale(1.04);}
}
.offre-accueil-suite{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:28px;}
.offre-accueil-suite p{font-size:.88rem;line-height:1.65;max-width:66ch;}
.offre-accueil-suite .b{flex:none;}
@media(max-width:760px){
  .cadeaux-apercu{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .cadeau-carte span{font-size:.9rem;padding:12px 12px 7px;}
  .cadeau-carte small{font-size:.76rem;padding:0 12px 14px;}
  .offre-accueil-suite{align-items:flex-start;flex-direction:column;gap:16px;}
}