.hero--service{text-align:left;padding:40px var(--marge) 56px}
.hero--service::before{background:radial-gradient(ellipse 900px 500px at 50% 0%,rgba(45,69,115,.4),transparent 70%)}
.hero--service .hero__int{max-width:var(--largeur);align-items:stretch;gap:20px}
.hero--service .fil{justify-content:flex-start}
.hero__colonnes{display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.hero__principal{flex:1 1 340px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.hero--service h1{font-size:2.25rem;line-height:1.1}
.hero--service .hero__texte{font-size:1.0625rem;max-width:560px}
.hero--service .hero__badge{padding:7px 14px;font-size:.8125rem}
.hero__qualiopi{display:flex;gap:10px;align-items:flex-start;max-width:560px;margin:0;padding:12px 16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--rayon-petit);font-size:.875rem;line-height:1.5;color:#fff}
.hero__qualiopi .icone{flex:none;color:var(--orange);stroke-width:2.6;margin-top:2px}
.hero--service .hero__actions{justify-content:flex-start;gap:14px;margin-top:6px}
.hero--service .bouton--grand{padding:15px 26px;font-size:.9375rem}
.hero__carte{flex:1 1 300px;margin:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--rayon);padding:24px}
.hero__points{list-style:none;display:flex;flex-direction:column;gap:14px}
.hero__points li{display:flex;gap:14px;align-items:flex-start;font-size:.9063rem;line-height:1.5;color:#fff}
.hero__points .icone{color:var(--orange);stroke-width:2.6;margin-top:2px}
.hero__grille{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hero__grille p{margin:0;display:flex;flex-direction:column;font-size:.8125rem;color:#fff}
.hero__grille strong{font-size:1.375rem;line-height:1.3}
.cartes--prestation .carte-claire h3{margin-bottom:8px}
.cartes--prestation .carte-claire p{font-size:.875rem}
.colonnes{display:grid;gap:48px;max-width:var(--largeur);margin:0 auto}
.colonne{display:flex;flex-direction:column;gap:18px}
.colonne .etiquette{margin:0}
.colonne h2{font-size:1.5rem;letter-spacing:-.4px}
.regles{margin:8px 0 0;display:flex;flex-direction:column;gap:16px}
.regles dt{font-weight:700;font-size:.9375rem;color:#fff;margin-bottom:4px}
.regles dd{margin:0;font-size:.9063rem;line-height:1.6;color:#fff}
.section--sombre .arguments li,.section--sombre .arguments strong{color:#fff;font-size:.9063rem;line-height:1.6}
.detail__photo{width:100%;border-radius:var(--rayon);margin:0 0 32px}
.section--autres{background:var(--fond);border-top:1px solid #eee}
.section--autres h2{font-size:1.625rem;margin-bottom:28px}
.autres{display:grid;gap:12px}
.autre{display:flex;align-items:center;gap:14px;min-height:56px;padding:14px 18px;background:#fff;border:1px solid #eee;border-radius:var(--rayon);color:var(--texte);transition:transform .2s ease,box-shadow .2s ease}
.autre:hover{transform:translateY(-4px);box-shadow:var(--ombre);color:var(--texte)}
.autre .icone{color:var(--orange)}
.autre h3{font-size:1rem;color:var(--texte)}
.autre span{display:none;font-size:.8438rem;color:var(--texte-3)}
.section--faq .faq__int h2{font-size:1.625rem;margin-bottom:32px}
.section--faq .faq details{background:var(--fond);box-shadow:none}
.texte-page table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 1em;font-size:.875rem;line-height:1.5}
.texte-page th,.texte-page td{padding:10px 12px;border:1px solid #eee;text-align:left;vertical-align:top}
.texte-page th{background:var(--fond);color:var(--marine)}
.texte-page td:first-child{font-weight:600;min-width:120px}
.texte-page td:nth-child(2){min-width:240px}
.texte-page td:last-child{min-width:110px}
.video{margin:32px 0}
.video__cadre{position:relative;aspect-ratio:16/9;border-radius:var(--rayon);overflow:hidden;background:var(--marine)}
.video__cadre img,.video__cadre iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.video__bouton{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.video__bouton:hover{background:var(--orange-survol)}
.video__bouton .icone{margin-left:4px}
.video figcaption{margin-top:8px;font-size:.8125rem;color:var(--texte-2)}
@media (min-width:768px){
  .hero--service{padding:64px var(--marge) 72px}
  .hero--service h1{font-size:2.75rem}
  .hero__colonnes{gap:48px}
  .hero__carte{padding:26px}
  .cartes--prestation{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
  .cartes--prestation .carte-claire{padding:24px}
  .cartes--prestation .carte-claire h3{font-size:1.0313rem}
  .colonnes{grid-template-columns:1fr 1fr;gap:56px}
  .colonne h2{font-size:1.75rem}
  .section--autres{padding-block:64px}
  .autres{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
  .autre{display:block;padding:22px}
  .autre .icone{display:none}
  .autre h3{margin-bottom:6px}
  .autre span{display:block}
  .section--faq{max-width:916px;margin-inline:auto}
  .section--faq .faq__int h2{font-size:1.875rem;margin-bottom:40px}
  .texte-page table{display:table}
}
.cartes--objectifs{list-style:none;margin:0;padding:0}
.objectif{display:flex;gap:14px;align-items:flex-start}
.objectif .icone{color:var(--orange);stroke-width:2.6;margin-top:2px}
.objectif p{margin:0;font-size:.9063rem;line-height:1.6;color:#3a3a35}
.module h3{font-size:1.125rem;margin-bottom:16px}
.puces{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.puces li{display:flex;gap:10px;font-size:.9063rem;line-height:1.5;color:#fff}
.puces li::before{content:"•";color:var(--orange)}
.module__savoir{margin-top:20px;padding-top:16px;border-top:1px solid var(--carte-sombre-bord)}
.module__savoir .etiquette{font-size:.7813rem;margin:0}
.module .module__savoir p:last-child{margin:8px 0 0;font-size:.8438rem;line-height:1.6;color:#fff}
.formation{display:flex;flex-direction:column}
.formation h3+p{margin-bottom:14px}
.formation .formation__infos{margin-top:auto;padding-top:12px;border-top:1px solid var(--carte-sombre-bord);font-size:.8125rem;font-weight:600}
.formulaire__cases{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.formulaire__cases legend{padding:0;margin-bottom:6px;font-size:.8125rem;font-weight:700;color:#fff}
.formulaire .formulaire__case{display:flex;align-items:center;gap:10px;min-height:44px;font-size:.875rem;font-weight:400;color:#fff}
.formulaire .formulaire__case input{display:inline-block;flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--orange)}
@media (min-width:768px){
  .cartes--objectifs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
  .objectif{flex-direction:column;gap:10px;padding:24px}
  .cartes--programme{grid-template-columns:1fr 1fr;gap:24px}
  .module{padding:28px}
}
.ville-chiffres{display:grid;gap:32px}
.ville-chiffres .texte-page{margin:16px 0 0}
.chiffres-ville{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.chiffres-ville div{background:var(--fond);border:1px solid #eee;border-radius:var(--rayon-petit);padding:14px 16px}
.chiffres-ville dt{font-weight:700;font-size:1.375rem;line-height:1.2;color:var(--marine)}
.chiffres-ville dd{margin:4px 0 0;font-size:.875rem;line-height:1.4;color:var(--texte)}
.chiffres-ville small{display:block;margin-top:6px;font-size:.75rem;line-height:1.4;color:var(--texte-2)}
.activite__note,.activite__source{margin:0;color:#fff;font-size:.875rem;line-height:1.6}
.activite__source{font-size:.8125rem}
.actualites{display:flex;flex-direction:column;gap:16px;margin:24px 0}
.actualite{background:#fff;border:1px solid #eee;border-radius:var(--rayon);padding:20px 22px}
.actualite time{display:block;font-weight:600;font-size:.8125rem;color:var(--texte-2);text-transform:uppercase;letter-spacing:.4px}
.texte-page .actualite h2,.texte-page .actualite h3{margin:6px 0 8px;font-size:1.0625rem;line-height:1.35;color:var(--texte)}
.actualite p{margin:0}
.actualite .etiquettes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.etiquette-chip{display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;border-radius:999px;background:var(--fond);border:1px solid #eee;font-size:.8125rem;font-weight:600;color:var(--texte-2);text-decoration:none}
a.etiquette-chip{position:relative;color:var(--orange);border-color:#fbd9bf}
a.etiquette-chip::before{content:"";position:absolute;inset:-8px 0}
.contact__date{max-width:640px;margin:32px auto 0;text-align:center;font-size:.875rem;color:#fff}
.autre--texte:hover{transform:none;box-shadow:none}
.autre--texte h3{font-weight:400}
@media (min-width:768px){
  .ville-chiffres{grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
  .chiffres-ville{gap:16px}
  #services-utiles+#autres .autres{grid-template-columns:repeat(3,1fr)}
  #maillage .autres{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}
.villes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.ville-carte{display:flex;align-items:center;min-height:52px;background:var(--carte-sombre);border:1px solid var(--carte-sombre-bord);border-radius:12px;padding:14px 18px;color:#fff;font-weight:700;font-size:.9375rem;transition:transform .2s ease,box-shadow .2s ease}
.ville-carte:hover{color:#fff;transform:translateY(-4px);box-shadow:var(--ombre)}
.villes__titre{color:#fff;font-size:1.0625rem;margin:32px 0 16px}
.villes__titre:first-child{margin-top:0}
.villes__vide{color:#fff;text-align:center;margin:0}
.villes__lien{text-align:center;margin:20px 0 0}
.villes__lien a{display:inline-flex;align-items:center;min-height:44px;color:var(--orange-clair);font-weight:700}
@media (min-width:768px){
  .villes{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
  .ville-carte{padding:18px 20px}
}
#avis .avis blockquote:first-child{margin-left:auto}
#avis .avis blockquote:last-child{margin-right:auto}
#zone .departements strong a{display:inline-block;padding:11px 0;margin:-11px 0}
.section--villes-claires .villes__titre{color:var(--marine)}
.section--villes-claires .villes__vide{color:var(--texte)}
.section--villes-claires .villes__lien a{color:var(--orange)}
.section--texte-sombre .texte-page,.section--texte-sombre .texte-page h2,.section--texte-sombre .texte-page h3,.section--texte-sombre .sources{color:#fff}
.section--texte-sombre .texte-page a{color:var(--orange-clair)}
.zone--sombre{background:var(--marine);border-top:0;color:#fff}
.zone--sombre .etiquette{color:var(--orange-clair)}
.zone--sombre h2,.zone--sombre .departements strong,.zone--sombre .departements strong a,.zone--sombre .departements span,.zone--sombre .carte__legende{color:#fff}
.zone--sombre .departements strong a:hover{color:var(--orange-clair)}
.zone--sombre .carte__dept:hover path{fill:var(--orange)}
.zone--sombre .zone__texte p{color:#fff}
.zone--sombre .zone__texte .etiquette{color:var(--orange-clair)}
.articles{display:grid;gap:14px}
.carte-article{display:flex;align-items:center;gap:14px;min-height:44px;background:var(--fond);border:1px solid #eee;border-radius:var(--rayon);padding:12px;color:var(--texte);transition:transform .2s ease,box-shadow .2s ease}
.carte-article:hover{color:var(--texte);transform:translateY(-4px);box-shadow:0 16px 32px rgba(20,20,18,.12)}
.carte-article__visuel{flex:0 0 56px;height:56px;border-radius:var(--rayon-petit);background:linear-gradient(135deg,#16233f,#3a5a94)}
.carte-article__visuel--1{background:linear-gradient(135deg,#f4791f,#c9560c)}
.carte-article__visuel--2{background:linear-gradient(135deg,#101a30,#1c2c4f)}
.carte-article__corps{display:flex;flex-direction:column;gap:6px}
.carte-article__corps .etiquette{margin:0;font-size:.75rem}
.carte-article__titre{margin:0;font-size:1rem;line-height:1.3;font-weight:600;color:var(--marine)}
.carte-article__resume{display:none}
.hero--article .hero__texte a{color:#fff;text-decoration:underline}
.article__reponse{background:var(--fond);border-left:4px solid var(--orange);border-radius:var(--rayon-petit);padding:16px 18px;margin:0 0 28px}
.article__reponse .etiquette{margin:0 0 6px}
.article__reponse p:last-child{margin:0;font-size:1.0625rem;line-height:1.6}
.article__sommaire{border:1px solid #eee;border-radius:var(--rayon-petit);padding:16px 18px;margin:0 0 32px}
.article__sommaire .etiquette{margin:0 0 8px}
.article__sommaire ol{margin:0;padding-left:1.2em;display:grid;gap:2px}
.article__sommaire a{display:inline-block;padding:10px 0}
.texte-page h2[id]{scroll-margin-top:88px}
.auteur{padding-top:0;border-top:0}
.auteur__carte{max-width:880px;margin:0 auto;display:flex;gap:18px;align-items:flex-start;background:var(--fond);border-radius:var(--rayon);padding:22px}
.auteur__photo{border-radius:50%;flex:0 0 72px;width:72px;height:72px}
.auteur__texte p{margin:0 0 8px}
.auteur__nom{font-weight:600}
.auteur__qualifications{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;font-size:.875rem}
.auteur__qualifications li{display:flex;gap:8px;align-items:flex-start}
.auteur__qualifications .icone{color:var(--orange);flex:none;margin-top:2px}
.auteur__date{font-size:.875rem;color:var(--texte-2)}
@media (min-width:768px){
  .articles{grid-template-columns:repeat(3,1fr);gap:24px}
  .carte-article{flex-direction:column;align-items:stretch;padding:0;overflow:hidden}
  .carte-article__visuel{flex:none;height:150px;border-radius:0}
  .carte-article__corps{padding:20px 22px 24px}
  .carte-article__titre{font-size:1.125rem}
  .carte-article__resume{display:block;font-size:.875rem;line-height:1.5;color:var(--texte-2)}
  .auteur__photo{flex-basis:96px;width:96px;height:96px}
}
.filtres{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}
.filtre{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #e5e2dc;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--texte);background:#fff}
.filtre:hover{border-color:var(--orange);color:var(--texte)}
.filtre--actif{background:var(--marine);border-color:var(--marine);color:#fff}
.filtre--actif:hover{color:#fff}
.section--articles h2{font-size:1.625rem;margin-bottom:28px}
@media (min-width:768px){.section--articles{padding-block:64px}.section--articles .articles{grid-template-columns:repeat(auto-fit,minmax(260px,360px));justify-content:center}}
.article__photo{margin:28px auto;max-width:400px}.article__photo img{display:block;width:100%;height:auto;border-radius:10px}.article__photo figcaption{margin-top:8px;font-size:.875rem;color:var(--texte-2);text-align:center}
.article .texte-page{max-width:880px}.section--faq-article{max-width:none;border-top:0;padding-top:0}.section--faq-article .faq__int{max-width:880px}
.encadre{margin:24px 0;padding:14px 18px;border-radius:10px;border-left:4px solid var(--marine);background:var(--fond)}.encadre p{margin:0}.encadre p+p{margin-top:8px}.encadre--astuce{border-color:var(--orange);background:var(--orange-fond)}.encadre--attention{border-color:#b3121f;background:#fdf0f0}.hero__infos{display:block;margin-top:4px}.article__intro p{font-size:1.0625rem}
