/* Fichier genere par app:styles:assembler depuis assets/styles/ : ne pas modifier a la main (App\Gabarit\FeuillesSite). */
.titre-page .pastille{margin-top:16px}
.titre-page .pastille + h1{margin-top:0;max-width:20ch}
.page-pro .titre-page .chapo{max-width:66ch}
.page-pro>.env{position:relative;z-index:1;padding-top:54px;padding-bottom:32px}
.page-pro .bloc{background:var(--blanc);border-radius:var(--r-grand);padding:26px 22px;margin-bottom:26px;display:block;height:auto}
.page-pro .bloc-tete{margin-bottom:16px;display:block}
.page-pro .bloc-tete h2{margin:0}
.page-pro .bloc-tete--illus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.page-pro .bloc-tete--illus .illus{height:120px;width:auto}
.selecteur{margin:0 0 26px;min-width:0}
.panneau{background:var(--blanc);border-radius:var(--r-grand);padding:26px 22px;margin-top:16px;box-shadow:var(--ombre);scroll-margin-top:20px}
.panneau h2{margin-bottom:.3em}
.panneau .accroche{font-size:1.08rem;max-width:68ch}
.panneau-tete{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center}
.panneau-tete>div{flex:1 1 340px;min-width:0}
.panneau-tete .accroche{margin-bottom:0}
.panneau-tete .illus{flex:0 0 auto;height:220px;width:auto;max-width:100%}
.listes{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);margin-top:20px}
.liste{min-width:0}
.liste h3{font-family:var(--sans);font-size:.98rem;color:var(--vert-fonce);margin-bottom:.7em}
.liste ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.liste li{padding:12px 14px 12px 40px;border-radius:var(--r-petit);background:var(--creme);position:relative;font-size:.98rem}
.liste li::before{content:"";position:absolute;left:14px;top:19px;width:12px;height:12px;border-radius:4px;background:var(--vert)}
.encadre{background:var(--vert-pale);border-radius:var(--r);padding:18px 20px;margin-top:20px;font-size:.98rem}
.encadre p{margin:0}
.encadre p+p{margin-top:.6em}
.panneau .suite{margin-top:22px}
.page-pro .intro-illustree{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-bottom:16px}
.page-pro .intro-illustree p{flex:1 1 280px;margin-bottom:0;min-width:0;max-width:70ch}
.page-pro .intro-illustree .medaillon{flex:0 0 auto;width:auto;height:200px;max-height:none}
.deux{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.carte-simple{background:var(--vert-pale);border-radius:var(--r);padding:20px}
.carte-simple h3{margin-bottom:.25em}
.carte-simple p{margin:0;font-size:.97rem}
.lien-formations{margin:18px 0 0}
.etapes-pro{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:minmax(0,1fr);counter-reset:e}
.etapes-pro li{background:var(--creme);border-radius:var(--r);padding:20px 18px 18px;font-size:.98rem;color:var(--texte-doux)}
.etapes-pro li::before{
  counter-increment:e;content:counter(e);display:flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;background:var(--vert-fonce);color:#fff;font-weight:700;margin-bottom:12px;
}
.etapes-pro strong{display:block;color:var(--anthracite);font-size:1.05rem;margin-bottom:4px}
.contact-pro{background:var(--vert-profond);color:#fff;border-radius:var(--r-grand);padding:30px 24px;margin-bottom:26px;position:relative;overflow:hidden;scroll-margin-top:20px}
.contact-pro h2{color:#fff}
.contact-pro p{color:#EDF3EB;max-width:64ch}
.contact-pro .contact-bouton{margin-bottom:0}
.contact-pro .direct{font-size:.97rem;margin:16px 0 0;overflow-wrap:anywhere}
.contact-pro .direct a{color:var(--vert-clair)}
.contact-pro .bouton:focus-visible,.contact-pro a:focus-visible{outline-color:#fff}
.page-pro .retour{margin:0}
@media (min-width:700px){
  .listes{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .deux{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etapes-pro{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .page-pro>.env{padding-top:72px;padding-bottom:40px}
}
@media (min-width:1000px){
  .panneau{padding:34px 32px}
  .page-pro .bloc{padding:32px 30px}
  .contact-pro{padding:40px 36px}
}
.bande--blanc{background:var(--blanc)}
.bande--jaune{background:var(--jaune-pale)}
.bloc-section--none{padding:12px 0}
.bloc-section--large{padding:72px 0}
.bloc-section--xlarge{padding:96px 0}
.colonnes{display:grid;gap:34px;grid-template-columns:minmax(0,1fr)}
.colonne{min-width:0}
.colonne>*+*{margin-top:30px}
.page-libre .titre-page .medaillon{height:170px}
.bloc-texte{max-width:68ch}
.bloc-texte>*:last-child{margin-bottom:0}
.bloc-texte h2{margin-top:1.2em}
.bloc-texte h3{margin-top:1.3em}
.bloc-texte>h2:first-child,.bloc-texte>h3:first-child{margin-top:0}
.colonne>.intertitre{max-width:68ch;scroll-margin-top:20px}
.colonne>.intertitre+*{margin-top:0}
.bloc-texte ul{list-style:none;margin:0 0 1.1em;padding:0}
.bloc-texte ul li{position:relative;padding:7px 0 7px 26px;border-bottom:3px dotted var(--sable)}
.bloc-texte ul li:last-child{border-bottom:0}
.bloc-texte ul li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:12px;border-radius:50%;background:var(--vert-fonce)}
.bloc-texte ol{margin:0 0 1.1em;padding-left:1.4em}
.bloc-texte a{font-weight:600;text-underline-offset:3px}
.bloc-texte a:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:3px}
.bloc-intro{max-width:62ch;margin-bottom:26px}
.colonnes--2 .bloc-texte,.colonnes--3 .bloc-texte,.colonnes--4 .bloc-texte{max-width:none}
.bloc-image{margin:0}
.bloc-image img{border-radius:var(--r-grand);width:100%;height:auto}
.bloc-image figcaption,.bloc-galerie figcaption{font-size:.9rem;color:var(--texte-doux);margin-top:8px}
.bloc-image--small{max-width:320px}
.bloc-image--medium{max-width:600px}
.bloc-image--large{max-width:920px}
.bloc-image--center{margin-left:auto;margin-right:auto}
.bloc-image--right{margin-left:auto}
.bloc-galerie{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.bloc-galerie figure{margin:0}
.bloc-galerie img{border-radius:var(--r);width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.bloc-galerie--masonry{display:block;columns:2;column-gap:14px}
.bloc-galerie--masonry li{break-inside:avoid;margin-bottom:14px}
.bloc-galerie--masonry img{aspect-ratio:auto}
.bloc-galerie--carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.bloc-galerie--carousel li{flex:0 0 78%;scroll-snap-align:start}
.bloc-galerie--carousel:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:4px}
.bloc-citation{margin:0;padding:6px 0 6px 26px;border-left:8px solid var(--rose);max-width:60ch}
.bloc-citation blockquote{margin:0;font-family:var(--serif);font-size:1.35rem;line-height:1.45;color:var(--anthracite)}
.bloc-citation blockquote p:last-child{margin-bottom:0}
.bloc-citation figcaption{margin-top:10px;font-weight:700;color:var(--vert-fonce)}
.bloc-accordeon,.block-page-faq .block-accordion{display:grid;gap:14px}
.accordeon,.block-page-faq details{background:var(--blanc);border-radius:var(--r);border-left:10px solid var(--vert);padding:0}
.accordeon summary,.block-page-faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 22px;font-weight:700;font-size:1.05rem;color:var(--anthracite);position:relative;border-radius:var(--r)}
.accordeon summary::-webkit-details-marker,.block-page-faq summary::-webkit-details-marker{display:none}
.accordeon summary::after,.block-page-faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--vert-pale);color:var(--vert-profond);font-size:1.3rem;line-height:28px;text-align:center}
.accordeon[open] summary::after,.block-page-faq details[open] summary::after{content:"\2212"}
.accordeon summary:focus-visible,.block-page-faq summary:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:3px}
.accordeon__contenu,.block-page-faq .accordion-content{padding:0 22px 20px}
.accordeon__contenu>*:last-child{margin-bottom:0}
.page-faq-title{margin-bottom:.6em}
.bloc-bouton{margin:0}
.bouton--jaune{background:var(--jaune);border-color:var(--jaune);color:var(--vert-profond)}
.bouton--jaune:hover{background:var(--jaune-doux);border-color:var(--jaune-doux)}
.encadre{border-radius:var(--r);padding:22px 24px;border:3px solid var(--vert);background:var(--vert-pale);max-width:72ch}
.encadre__titre{font-family:var(--serif);font-weight:700;font-size:1.25rem;color:var(--anthracite);margin:0 0 .5em}
.encadre>*:last-child,.encadre .bloc-texte>*:last-child{margin-bottom:0}
.encadre--succes{background:var(--blanc);border-color:var(--vert-fonce)}
.encadre--attention{background:var(--jaune-pale);border-color:var(--jaune)}
.encadre--important{background:var(--rose-pale);border-color:var(--rose)}
.encadre--soutien{
  display:flex;align-items:center;gap:16px;margin-left:auto;margin-right:auto;width:fit-content;max-width:100%;
  background:var(--blanc);border:3px dashed var(--rose);padding:14px 26px 14px 16px;
  font-family:var(--serif);font-size:1.15rem;line-height:1.4;color:var(--anthracite);
}
.encadre--soutien::before{
  content:"";flex:0 0 44px;height:44px;border-radius:50%;
  background:var(--rose-pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23B01166' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.7 4.5c2.1 0 3.6 1.1 4.3 2.4.7-1.3 2.2-2.4 4.3-2.4 3.7 0 5.8 3.9 4.3 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/22px no-repeat;
}
.encadre--soutien p{margin:0}
.encadre--soutien .encadre__titre{font-size:1.15rem;margin:0 0 .2em}
.encadre .bloc-texte ul li{border-bottom-color:rgba(47,92,45,.25)}
.bloc-liste{max-width:68ch}
.bloc-liste strong{color:var(--anthracite)}
.etapes--nombreuses .etape,.etapes--2 .etape{min-width:0}
.cartes-texte{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}
.carte-texte{background:var(--blanc);border-radius:var(--r-grand);padding:24px;min-width:0}
.carte-texte h3{margin-bottom:.35em}
.carte-texte h3 a{color:var(--anthracite);text-underline-offset:4px}
.carte-texte h3 a:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:3px}
.carte-texte p{margin:0;font-size:.97rem}
.bloc-cartes-texte--fonce .carte-texte{background:var(--vert-fonce);color:#fff}
.bloc-cartes-texte--fonce .carte-texte h3,.bloc-cartes-texte--fonce .carte-texte h3 a{color:#fff}
.bloc-cartes-texte--fonce .carte-texte p{color:#EDF3EB}
.dessin-texte{display:grid;gap:20px;grid-template-columns:minmax(0,1fr);align-items:center}
.dessin-texte__dessin{display:flex;justify-content:center}
.dessin-texte .medaillon{height:180px;max-height:none;width:auto;max-width:100%;object-position:center}
.cartes-dessins{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:minmax(0,1fr)}
.carte-dessin{background:var(--blanc);border-radius:var(--r-grand);padding:24px 24px 22px;display:flex;flex-direction:column;min-width:0}
.carte-dessin__dessin{width:100%;height:150px;object-fit:contain;object-position:center;margin:0 0 16px}
.carte-dessin h2,.carte-dessin h3{font-size:1.3rem;margin-bottom:.35em}
.carte-dessin h2 a,.carte-dessin h3 a{color:var(--anthracite);text-decoration:none}
.carte-dessin h2 a:hover,.carte-dessin h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.carte-dessin h2 a:focus-visible,.carte-dessin h3 a:focus-visible{outline:3px solid var(--vert-fonce);outline-offset:3px}
.carte-dessin__texte{font-size:.97rem}
.carte-dessin__texte p{margin-bottom:.6em}
.carte-dessin__lien{margin:auto 0 0;padding-top:10px}
.appel-contact{background:var(--vert-pale);border:3px dashed var(--vert);border-radius:var(--r-grand);padding:26px 22px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr);align-items:center}
.bande--pale .appel-contact{background:var(--blanc)}
.appel-contact h2{font-size:1.6rem;margin-bottom:.3em}
.appel-contact .actions{margin-top:14px}
.appel-contact__dessin{display:flex;justify-content:center}
.appel-contact .medaillon{height:150px;max-height:none;width:auto;max-width:100%;object-position:center}
.appel-contact__telephone{margin:14px 0 0;font-weight:600}
.appel-contact__telephone a{font-weight:700}
.texte-partage{scroll-margin-top:24px}
.apercu-bandeau{position:sticky;top:0;z-index:30;margin:0;background:var(--jaune);color:var(--vert-profond);font-weight:700;text-align:center;padding:10px 16px}
.bloc-masque{outline:4px dashed var(--jaune);outline-offset:10px;background:var(--jaune-pale);border-radius:var(--r-petit)}
.bloc-masque__etiquette{margin:0 0 12px;font-weight:700;color:var(--jaune-encre)}
@media (min-width:640px){
  .bloc-galerie--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bloc-galerie--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bloc-galerie--masonry.bloc-galerie--3{columns:3}
  .bloc-galerie--masonry.bloc-galerie--4{columns:4}
  .bloc-galerie--carousel li{flex-basis:46%}
  .cartes-texte--2,.cartes-texte--3,.cartes-texte--4,
  .cartes-dessins--2,.cartes-dessins--3,.cartes-dessins--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etapes--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .etapes--nombreuses{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dessin-texte--gauche{grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr)}
  .dessin-texte--droite{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr)}
  .dessin-texte--droite .dessin-texte__dessin{order:2}
  .appel-contact--illustre{grid-template-columns:auto minmax(0,1fr);padding:30px 36px;gap:30px}
}
@media (min-width:900px){
  .colonnes--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
  .colonnes--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .colonnes--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .page-libre .titre-page .medaillon{height:230px}
  .cartes-texte--3,.cartes-dessins--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cartes-texte--4,.cartes-dessins--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .etapes--nombreuses{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dessin-texte .medaillon{height:220px}
  .bloc-galerie--carousel li{flex-basis:31%}
  .bloc-citation blockquote{font-size:1.55rem}
  .bloc-section--large{padding:96px 0}
  .bloc-section--xlarge{padding:128px 0}
}