/* Pyrénées Menuiseries · page Contact (template-contact.php, inc/page-contact.php). Classes pm-ct-*. Ruptures : mobile < 760 px · tablette 760 à 1099 px · ordinateur >= 1100 px. Tout est préfixé par « #pm-page » (identifiant du ) : le Kit Elementor et Hello Elementor stylisent button, label, input, a ; l'identifiant fait passer nos règles devant, sans !important. Statut ouvert / fermé : pm-site.js (data-pm-statut, data-etat). Photo de fond : opacité commune --pm-fond-op (inc/fonds.php). Sans JavaScript (html:not(.pm-js)) : tous les blocs de l'étape 2 visibles. Script : assets/js/pm-page-contact.js. */ /* Socle (sélecteurs :where() : les règles de composant qui suivent passent devant) */ #pm-page .pm-ct :where(label){line-height:1.4;vertical-align:baseline} #pm-page .pm-ct :where(dt){font-weight:inherit} #pm-page .pm-ct :where(dd){margin:0} #pm-page .pm-ct :where(button){text-transform:none;letter-spacing:normal} #pm-page .pm-ct{--fd:var(--police-titre,'Red Hat Display',system-ui,sans-serif);--ft:var(--police-texte,'Red Hat Text',system-ui,sans-serif);--ease:cubic-bezier(.2,.7,.2,1);--px:60px;--pm-ct-haut:0px;font-family:var(--ft);color:#1F1D1A;outline:none} #pm-page .pm-ct *{box-sizing:border-box} #pm-page .pm-ct svg{display:block;flex:none} #pm-page .pm-ct [hidden]{display:none!important} #pm-page .pm-ct :where(a,button,input,textarea,label):focus-visible{outline:none;box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px #2691D0} #pm-page .pm-ct .pm-ct-sombre :where(a,button):focus-visible{box-shadow:0 0 0 2px #081530,0 0 0 5px #51CFF4} #pm-page .pm-ct-in{max-width:1440px;margin:0 auto;padding-inline:var(--px)} #pm-page .pm-ct-section>.pm-ct-in{max-width:calc(1320px + var(--px) * 2)} #pm-page .pm-ct [id]{scroll-margin-top:calc(var(--pm-ct-haut) + 24px)} #pm-page .pm-ct .pm-ct-mobile,#pm-page .pm-ct .pm-ct-mobile-i{display:none} #pm-page .pm-ct .pm-ct-ordi{display:flex}#pm-page .pm-ct .pm-ct-ordi-i{display:inline} #pm-page .pm-ct .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* Typographie */ #pm-page .pm-ct-surtitre{margin:0;display:flex;align-items:center;gap:12px;font:700 13px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:#0F3982} #pm-page .pm-ct-surtitre::before{content:"";width:28px;height:1px;background:currentColor;flex:none} #pm-page .pm-ct-surtitre--ciel{color:#51CFF4} #pm-page .pm-ct-h1{margin:0;font:700 52px/1.05 var(--fd);letter-spacing:-.025em;color:#FFFFFF;text-wrap:balance} #pm-page .pm-ct-h2{margin:0;font:700 44px/1.08 var(--fd);letter-spacing:-.02em;color:#0B2154;text-wrap:balance} #pm-page .pm-ct-chapo{margin:0;max-width:560px;font-size:19px;line-height:1.55;color:#C9D2E1;text-wrap:pretty} #pm-page .pm-ct-mini{margin:0;font:700 12px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:#6B665D} #pm-page .pm-ct-tete{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 56px;align-items:end} #pm-page .pm-ct-tete>div{display:grid;gap:14px} #pm-page .pm-ct-tete__p{margin:0;font-size:18px;line-height:1.55;color:#4A463F;text-wrap:pretty} /* Boutons et pastilles */ #pm-page .pm-ct-btn{height:56px;padding:0 6px 0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:999px;font:700 16px var(--fd);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background 160ms var(--ease)} #pm-page .pm-ct-btn--action{background:#C84B11;color:#FFFFFF}#pm-page .pm-ct-btn--action:hover{background:#A63D0C;color:#FFFFFF}#pm-page .pm-ct-btn--action:active{background:#8A3209} #pm-page .pm-ct-btn--plein{width:100%} #pm-page .pm-ct-disque{width:44px;height:44px;border-radius:999px;background:#FFFFFF;color:#C84B11;display:grid;place-items:center;flex:none} #pm-page .pm-ct-disque--blanc{color:#0F3982}#pm-page .pm-ct-disque--s{width:36px;height:36px} #pm-page .pm-ct-rond{position:relative;width:52px;height:52px;border-radius:999px;background:#E3EAF5;color:#0F3982;display:grid;place-items:center;flex:none} #pm-page .pm-ct-rond--s{width:40px;height:40px} #pm-page .pm-ct-rond--blanc{width:44px;height:44px;background:#FFFFFF} #pm-page .pm-ct-point{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:999px;background:#A8A296;box-shadow:0 0 0 2px #FFFFFF} #pm-page .pm-ct-point[data-etat="ouvert"]{background:#1E7044} #pm-page .pm-ct-panneau .pm-ct-point{top:1px;right:1px;width:11px;height:11px;box-shadow:0 0 0 2px #081530} #pm-page .pm-ct-pil{height:44px;padding:0 16px 0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #0F3982;color:#0F3982;font:700 14px var(--fd);text-decoration:none;white-space:nowrap} #pm-page .pm-ct-pil:hover{background:#F1F5FB;color:#0B2154} #pm-page .pm-ct-pil--l{height:52px;padding:0 18px 0 14px;gap:10px;font-size:15px} #pm-page .pm-ct-badge{height:26px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#EEEAE3;color:#4A463F;font:700 12px var(--fd)} #pm-page .pm-ct-badge>span[aria-hidden]{width:7px;height:7px;border-radius:999px;background:#A8A296} #pm-page .pm-ct-badge[data-etat="ouvert"]{background:#E5F2EA;color:#1E7044}#pm-page .pm-ct-badge[data-etat="ouvert"]>span[aria-hidden]{background:#1E7044} #pm-page .pm-ct-lien{min-height:44px;display:inline-flex;align-items:center;gap:8px;font:700 15px var(--fd);color:#0F3982;text-decoration:none} #pm-page .pm-ct-lien:hover{text-decoration:underline;text-underline-offset:4px} #pm-page .pm-ct-lien--gris{color:#4A463F;font-weight:600} /* 1. Héros */ #pm-page .pm-ct-hero{position:relative;isolation:isolate;background:#081530;color:#FFFFFF} #pm-page .pm-ct-hero__fond{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none} #pm-page .pm-ct-hero__fond img{width:100%;height:100%;object-fit:cover;opacity:var(--pm-fond-op,.3)} #pm-page .pm-ct-hero__fond::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081530 0%,rgba(8,21,48,.82) 42%,rgba(8,21,48,.55) 100%)} #pm-page .pm-ct-hero__in{padding-top:32px;padding-bottom:72px} #pm-page .pm-ct-ariane{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:700 12px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#C9D2E1} #pm-page .pm-ct-ariane a{color:#C9D2E1;text-decoration:none}#pm-page .pm-ct-ariane a:hover{color:#FFFFFF} #pm-page .pm-ct-ariane>span[aria-hidden]{color:#51CFF4}#pm-page .pm-ct-ariane [aria-current]{color:#FFFFFF} #pm-page .pm-ct-ariane-m{display:none} #pm-page .pm-ct-hero__grille{margin-top:40px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:center} #pm-page .pm-ct-hero__txt{display:flex;flex-direction:column;gap:18px;min-width:0} #pm-page .pm-ct-hero__cta{margin-top:12px;flex-wrap:wrap;align-items:center;gap:16px 28px} #pm-page .pm-ct-avis{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:#C9D2E1} #pm-page .pm-ct-avis strong{color:#FFFFFF} #pm-page .pm-ct-etoiles{display:inline-flex;gap:2px;color:#F5B301} #pm-page .pm-ct-hero__col{display:grid;gap:16px;min-width:0} #pm-page .pm-ct-joindre{background:#FFFFFF;color:#1F1D1A;border-radius:16px;overflow:hidden;box-shadow:0 32px 72px -24px rgba(0,0,0,.55)} #pm-page .pm-ct-joindre__l{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 24px;color:#0B2154;text-decoration:none} #pm-page .pm-ct-joindre__l+.pm-ct-joindre__l{position:relative} #pm-page .pm-ct-joindre__l+.pm-ct-joindre__l::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:#E0DBD2} #pm-page a.pm-ct-joindre__l:hover{background:#F7F5F1;color:#0B2154} #pm-page a.pm-ct-joindre__l:focus-visible{box-shadow:inset 0 0 0 3px #2691D0} #pm-page .pm-ct-joindre__l--msg{grid-template-columns:52px minmax(0,1fr) 40px} #pm-page .pm-ct-joindre__l--lieu{grid-template-columns:52px minmax(0,1fr);align-items:start} #pm-page .pm-ct-joindre__txt{display:grid;gap:2px;min-width:0} #pm-page .pm-ct-joindre__num{font:700 28px var(--fd);letter-spacing:.005em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#0B2154} #pm-page .pm-ct-joindre__st{font-size:14px;line-height:1.35;color:#4A463F}#pm-page .pm-ct-joindre__st[data-etat="ouvert"]{color:#1E7044} #pm-page .pm-ct-joindre__appel{height:48px;padding:0 6px 0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;border-radius:999px;background:#0F3982;color:#FFFFFF;font:700 15px var(--fd);white-space:nowrap} #pm-page .pm-ct-joindre__t{font:700 20px/1.25 var(--fd);color:#0B2154} #pm-page .pm-ct-joindre__d{font-size:14px;line-height:1.35;color:#4A463F} #pm-page .pm-ct-joindre__adr{font:700 18px/1.3 var(--fd);font-style:normal;color:#0B2154} #pm-page .pm-ct-joindre__btns{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px} #pm-page .pm-ct-horaires{padding:16px 24px 14px;background:#F7F5F1;border-top:1px solid #E0DBD2;display:grid;gap:8px} #pm-page .pm-ct-horaires__tete{display:flex;align-items:center;justify-content:space-between;gap:12px} #pm-page .pm-ct-horaires__dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px} #pm-page .pm-ct-horaires__dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid #E0DBD2;font-size:14px;color:#4A463F} #pm-page .pm-ct-horaires__dl>div.is-aujourdhui{color:#0B2154;font-weight:700} #pm-page .pm-ct-horaires__dl dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap} /* 2. Formulaire */ #pm-page .pm-ct-section{padding-block:104px} #pm-page .pm-ct-section--pierre{background:#F7F5F1} #pm-page .pm-ct-corps{margin-top:44px;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px;align-items:start} #pm-page .pm-ct-carte{background:#F7F5F1;border-radius:20px;padding:32px 32px 32px 28px;min-width:0;outline:none} #pm-page .pm-ct-form{display:grid} #pm-page .pm-ct-pot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} #pm-page .pm-ct-alerte{margin:0 0 20px;padding:12px 14px;border-radius:12px;background:#FBE9ED;color:#B0213F;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600} #pm-page .pm-ct fieldset{margin:0;padding:0;border:0;min-width:0} #pm-page .pm-ct legend{padding:0;float:left;width:100%} #pm-page .pm-ct legend+*{clear:both} #pm-page .pm-ct-etape{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px} #pm-page .pm-ct-rail{display:flex;flex-direction:column;align-items:center} #pm-page .pm-ct-rail__n{width:32px;height:32px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #0F3982;color:#0F3982;display:grid;place-items:center;font:700 14px var(--fd);flex:none} #pm-page .pm-ct-rail__n svg{display:none} #pm-page .pm-ct-rail__l{flex:1;width:2px;min-height:24px;margin-top:6px;border-radius:2px;background:#C9C3B8} #pm-page .pm-ct-etape.is-ok .pm-ct-rail__n{background:#0F3982;box-shadow:none;color:#FFFFFF} #pm-page .pm-ct-etape.is-ok .pm-ct-rail__n svg{display:block} #pm-page .pm-ct-etape.is-ok .pm-ct-rail__n span{display:none} #pm-page .pm-ct-etape.is-ok .pm-ct-rail__l{background:#0F3982} #pm-page .pm-ct-rail__n--m{display:none} #pm-page .pm-ct-etape__c{display:grid;gap:14px;min-width:0;padding-bottom:32px} #pm-page .pm-ct-etape[data-etape="2"] .pm-ct-etape__c{gap:18px} #pm-page .pm-ct-etape[data-etape="3"] .pm-ct-etape__c{gap:16px;padding-bottom:0} #pm-page .pm-ct-etape__t{margin:0;min-height:32px;display:flex;align-items:center;gap:10px;font:700 18px/1.3 var(--fd);color:#0B2154} #pm-page .pm-ct-etape__tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px} #pm-page .pm-ct-oblig{font-size:13px;color:#4A463F}#pm-page .pm-ct-oblig>span,#pm-page .pm-ct-etoile{color:#B0213F;font-weight:700} #pm-page .pm-ct-vide{margin:0;font-size:15px;line-height:1.5;color:#6B665D} #pm-page .pm-ct-err{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#B0213F} #pm-page .pm-ct-groupe>.pm-ct-err,#pm-page .pm-ct-etape__c>.pm-ct-err{font-size:14px} #pm-page .pm-ct-dest{margin:0;padding:12px 14px;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E0DBD2;display:none;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:#0B2154} #pm-page .pm-ct-dest svg{color:#0F3982} /* Tuiles de demande (vrais boutons radio) */ #pm-page .pm-ct-tuiles{display:grid;gap:10px;border-radius:18px} #pm-page .pm-ct-tuiles.is-err .pm-ct-tuile{box-shadow:inset 0 0 0 1.5px #B0213F} #pm-page .pm-ct-tuiles__a{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} #pm-page .pm-ct-tuiles__b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #pm-page .pm-ct-tuile{position:relative;min-height:64px;padding:10px 12px 10px 10px;display:grid;grid-template-columns:40px minmax(0,1fr) 22px;gap:12px;align-items:center;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E0DBD2;cursor:pointer;color:#1F1D1A;transition:box-shadow 160ms} #pm-page .pm-ct-tuile--l{min-height:132px;padding:18px 16px;grid-template-columns:48px minmax(0,1fr) 22px;gap:14px;border-radius:16px} #pm-page .pm-ct-tuile:hover{box-shadow:inset 0 0 0 1.5px #0F3982} #pm-page .pm-ct-tuile input{position:absolute;opacity:0;width:1px;height:1px;margin:0} #pm-page .pm-ct-tuile:has(input:focus-visible){box-shadow:inset 0 0 0 2px #0F3982,0 0 0 2px #F7F5F1,0 0 0 5px #2691D0} #pm-page .pm-ct-tuile:has(input:checked),#pm-page .pm-ct-tuile.is-on{background:#F1F5FB;box-shadow:inset 0 0 0 2px #0F3982} #pm-page .pm-ct-tuile__pic{width:40px;height:40px;border:1px solid #0F3982;background:#FFFFFF;color:#0F3982;display:grid;place-items:center} #pm-page .pm-ct-tuile--l .pm-ct-tuile__pic{width:48px;height:48px} #pm-page .pm-ct-tuile:has(input:checked) .pm-ct-tuile__pic{background:#0F3982;color:#FFFFFF} #pm-page .pm-ct-tuile__txt{display:grid;gap:2px;min-width:0} #pm-page .pm-ct-tuile--l .pm-ct-tuile__txt{gap:4px} #pm-page .pm-ct-tuile__t{font:700 15px/1.25 var(--fd);color:#0B2154} #pm-page .pm-ct-tuile--l .pm-ct-tuile__t{font-size:18px;line-height:1.2;text-wrap:balance} #pm-page .pm-ct-tuile__d{font-size:13px;line-height:1.35;color:#4A463F} #pm-page .pm-ct-tuile--l .pm-ct-tuile__d{font-size:14px;line-height:1.4} #pm-page .pm-ct-tuile__b{width:max-content;max-width:100%;margin-top:4px;padding:3px 9px;border-radius:999px;background:#E3EAF5;color:#0B2154;font:700 12px/1.3 var(--fd)} #pm-page .pm-ct-tuile--vert .pm-ct-tuile__b{background:#E5F2EA;color:#1E7044} #pm-page .pm-ct-tuile__radio{width:22px;height:22px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1.5px #8A8479;display:grid;place-items:center} #pm-page .pm-ct-tuile:has(input:checked) .pm-ct-tuile__radio{background:#0F3982;box-shadow:none} #pm-page .pm-ct-tuile:has(input:checked) .pm-ct-tuile__radio::after{content:"";width:8px;height:8px;border-radius:999px;background:#FFFFFF} /* Champs de l'étape 2 */ #pm-page .pm-ct-groupe{display:grid;gap:10px} #pm-page .pm-ct-lab{margin:0 0 0;font-size:15px;font-weight:600;color:#1F1D1A} #pm-page .pm-ct-lab>span:not([data-pm-ct-msgl]):not([data-pm-ct-filel]):not([data-pm-ct-coml]):not(.pm-ct-etoile),#pm-page .pm-ct-lab [data-pm-ct-msgopt]{font-weight:400;color:#4A463F} #pm-page legend.pm-ct-lab{margin-bottom:10px} #pm-page .pm-ct-puces{display:flex;flex-wrap:wrap;gap:8px;border-radius:24px} #pm-page .pm-ct-puces.is-err .pm-ct-puce{box-shadow:inset 0 0 0 1.5px #B0213F} #pm-page .pm-ct-puce{position:relative;height:44px;padding:0 14px 0 10px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;color:#0B2154;font:600 15px var(--ft);cursor:pointer;white-space:nowrap} #pm-page .pm-ct-puce--simple{padding:0 16px} #pm-page .pm-ct-puce:hover{box-shadow:inset 0 0 0 1.5px #0F3982} #pm-page .pm-ct-puce input{position:absolute;opacity:0;width:1px;height:1px;margin:0} #pm-page .pm-ct-puce svg{color:#0F3982} #pm-page .pm-ct-puce__ok{display:none} #pm-page .pm-ct-puce:has(input:checked){background:#F1F5FB;box-shadow:inset 0 0 0 2px #0F3982} #pm-page .pm-ct-puce:has(input:checked) .pm-ct-puce__ok{display:block} #pm-page .pm-ct-puce--simple:has(input:checked){background:#0F3982;box-shadow:none;color:#FFFFFF} #pm-page .pm-ct-puce:has(input:focus-visible){box-shadow:inset 0 0 0 2px #0F3982,0 0 0 2px #F7F5F1,0 0 0 5px #2691D0} #pm-page .pm-ct-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;max-width:420px} #pm-page .pm-ct-seg label{position:relative;cursor:pointer} #pm-page .pm-ct-seg input{position:absolute;opacity:0;width:1px;height:1px;margin:0} #pm-page .pm-ct-seg span{height:44px;padding:0 12px;display:grid;place-items:center;border-radius:999px;color:#0B2154;font:700 15px var(--fd);white-space:nowrap} #pm-page .pm-ct-seg input:checked+span{background:#0F3982;color:#FFFFFF} #pm-page .pm-ct-seg input:focus-visible+span{box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px #2691D0} #pm-page .pm-ct-jours{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} #pm-page .pm-ct-jour{position:relative;cursor:pointer;min-width:0} #pm-page .pm-ct-jour input{position:absolute;opacity:0;width:1px;height:1px;margin:0} #pm-page .pm-ct-jour>span{height:76px;display:grid;align-content:center;justify-items:center;gap:1px;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;color:#0B2154} #pm-page .pm-ct-jour>span>span{font-size:12px}#pm-page .pm-ct-jour>span>span:first-child{font-weight:600} #pm-page .pm-ct-jour strong{font:700 20px/1.1 var(--fd);font-variant-numeric:tabular-nums} #pm-page .pm-ct-jour:hover>span{box-shadow:inset 0 0 0 1.5px #0F3982} #pm-page .pm-ct-jour input:checked+span{background:#0F3982;box-shadow:none;color:#FFFFFF} #pm-page .pm-ct-jour input:focus-visible+span{box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px #2691D0} #pm-page .pm-ct-creneaux{display:grid;gap:10px;border-radius:16px} html.pm-js #pm-page .pm-ct-creneaux:not(.is-jour){display:none} html.pm-js #pm-page .pm-ct-creneaux__jour{display:none} #pm-page .pm-ct-creneaux__jour{margin:8px 0 0;font:700 15px var(--fd);color:#0B2154} #pm-page .pm-ct-creneaux__l{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px 12px;align-items:center} #pm-page .pm-ct-creneaux__l>span:first-child{font-size:14px;color:#4A463F} #pm-page .pm-ct-creneaux__l>div{display:flex;flex-wrap:wrap;gap:8px} #pm-page .pm-ct-creneaux__ferme{font-size:14px;color:#6B665D} #pm-page .pm-ct-creneaux.is-err .pm-ct-creneau:not(.is-pris)>span{box-shadow:inset 0 0 0 1.5px #B0213F} #pm-page .pm-ct-creneau{position:relative;cursor:pointer} #pm-page .pm-ct-creneau input{position:absolute;opacity:0;width:1px;height:1px;margin:0} #pm-page .pm-ct-creneau>span{height:44px;min-width:76px;padding:0 14px;display:grid;place-items:center;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;color:#0B2154;font:700 15px var(--fd);font-variant-numeric:tabular-nums} #pm-page .pm-ct-creneau:hover>span{box-shadow:inset 0 0 0 1.5px #0F3982} #pm-page .pm-ct-creneau input:checked+span{background:#0F3982;box-shadow:none;color:#FFFFFF} #pm-page .pm-ct-creneau input:focus-visible+span{box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px #2691D0} #pm-page .pm-ct-creneau.is-pris{cursor:not-allowed} #pm-page .pm-ct-creneau.is-pris>span{background:#EEEAE3;box-shadow:none;color:#8A8479;text-decoration:line-through} #pm-page .pm-ct-aide{margin:0;font-size:13px;line-height:1.4;color:#4A463F} #pm-page .pm-ct-champ{display:grid;gap:6px;align-content:start;min-width:0} #pm-page .pm-ct textarea,#pm-page .pm-ct-saisie input{width:100%;border:0;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;font:500 16px/1.5 var(--ft);color:#1F1D1A;outline:none;-webkit-appearance:none;appearance:none} #pm-page .pm-ct textarea{padding:14px 16px;resize:vertical;min-height:96px} #pm-page .pm-ct-saisie{position:relative} #pm-page .pm-ct-saisie input{height:52px;padding:0 16px} #pm-page .pm-ct-saisie.a-icone input{padding-left:44px} #pm-page .pm-ct-saisie>svg{position:absolute;left:16px;top:17px;color:#0F3982;pointer-events:none} #pm-page .pm-ct textarea:focus,#pm-page .pm-ct-saisie input:focus{box-shadow:inset 0 0 0 2px #0F3982,0 0 0 4px rgba(38,145,208,.25)} #pm-page .pm-ct [aria-invalid="true"]{box-shadow:inset 0 0 0 2px #B0213F} #pm-page .pm-ct ::placeholder{color:#6B665D} #pm-page .pm-ct-depot{height:52px;padding:0 12px 0 6px;display:flex;align-items:center;gap:10px;border-radius:12px;border:1.5px dashed #8A8479;background:#FFFFFF;cursor:pointer;font:700 15px var(--fd);color:#0F3982} #pm-page .pm-ct-depot:hover{border-color:#0F3982} html.pm-js #pm-page .pm-ct-fichier{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden} #pm-page .pm-ct-fichier:focus-visible+*{outline:none} #pm-page .pm-ct-champ:has(.pm-ct-fichier:focus-visible) .pm-ct-depot{border-color:#0F3982;box-shadow:0 0 0 2px #FFFFFF,0 0 0 5px #2691D0} #pm-page .pm-ct-fichiers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} #pm-page .pm-ct-fichiers li{height:40px;padding:0 4px 0 12px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #C9C3B8;font-size:14px;max-width:100%} #pm-page .pm-ct-fichiers li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px} #pm-page .pm-ct-fichiers button{width:32px;height:32px;border:0;border-radius:999px;background:transparent;font-size:18px;line-height:1;color:#4A463F;cursor:pointer} #pm-page .pm-ct-fichiers button:hover{background:#EEEAE3} /* Étape 3 */ #pm-page .pm-ct-coords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} #pm-page .pm-ct-envoi{display:grid;gap:16px;padding-top:8px} #pm-page .pm-ct-rgpd{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#4A463F} #pm-page .pm-ct-rgpd svg{color:#0F3982} #pm-page .pm-ct-rgpd a{color:#0F3982} #pm-page .pm-ct-envoi__l{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px} #pm-page .pm-ct-envoyer{height:56px;padding:0 6px 0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-radius:999px;background:#0F3982;color:#FFFFFF;font:700 16px var(--fd);cursor:pointer;white-space:nowrap;transition:background 160ms var(--ease)} #pm-page .pm-ct-envoyer:hover{background:#0B2154} #pm-page .pm-ct-envoyer .pm-ct-disque{color:#0F3982} #pm-page .pm-ct-envoyer[data-variante="action"]{background:#C84B11}#pm-page .pm-ct-envoyer[data-variante="action"]:hover{background:#A63D0C}#pm-page .pm-ct-envoyer[data-variante="action"]:active{background:#8A3209} #pm-page .pm-ct-envoyer[data-variante="action"] .pm-ct-disque{color:#C84B11} #pm-page .pm-ct-envoyer[data-variante="gris"]{background:#EEEAE3;color:#4A463F}#pm-page .pm-ct-envoyer[data-variante="gris"]:hover{background:#E0DBD2} #pm-page .pm-ct-envoyer:disabled{opacity:.7;cursor:progress} #pm-page .pm-ct-envoi__note{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#4A463F} #pm-page .pm-ct-envoi__note svg{color:#0F3982} /* Panneau « Votre demande » (ordinateur) */ #pm-page .pm-ct-panneau{position:sticky;top:calc(var(--pm-ct-haut) + 24px);border-radius:20px;background:#081530;color:#FFFFFF;padding:28px;display:grid;gap:22px;transition:top 240ms var(--ease)} #pm-page .pm-ct-panneau__t{display:grid;gap:8px} #pm-page .pm-ct-panneau__k{margin:0;font:700 12px var(--fd);letter-spacing:.14em;text-transform:uppercase;color:#51CFF4} #pm-page .pm-ct-panneau__h{margin:0;font:700 24px/1.2 var(--fd);letter-spacing:-.01em;text-wrap:balance} #pm-page .pm-ct-panneau__d{margin:0;font-size:14px;line-height:1.55;color:#C9D2E1;text-wrap:pretty} #pm-page .pm-ct-panneau__recap{margin:0;padding:4px 16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)} #pm-page .pm-ct-panneau__recap>div{display:grid;gap:2px;padding:10px 0} #pm-page .pm-ct-panneau__recap>div+div{border-top:1px solid rgba(255,255,255,.14)} #pm-page .pm-ct-panneau__recap dt{font:700 12px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#51CFF4} #pm-page .pm-ct-panneau__recap dd{margin:0;font-size:15px;font-weight:600;line-height:1.4;overflow-wrap:anywhere} #pm-page .pm-ct-panneau__suite{display:grid;gap:12px} #pm-page .pm-ct-panneau__suite .pm-ct-mini{color:#C9D2E1} #pm-page .pm-ct-panneau ol,#pm-page .pm-ct-ok__suite ol{list-style:none;margin:0;padding:0;display:grid;gap:12px} #pm-page .pm-ct-panneau li,#pm-page .pm-ct-ok__suite li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.45;color:#C9D2E1} #pm-page .pm-ct-panneau li>span:first-child,#pm-page .pm-ct-ok__suite li>span:first-child{width:28px;height:28px;border-radius:999px;box-shadow:inset 0 0 0 1px #51CFF4;color:#51CFF4;display:grid;place-items:center;font:700 13px var(--fd)} #pm-page .pm-ct-panneau li strong{color:#FFFFFF} #pm-page .pm-ct-panneau__tel{display:grid;gap:8px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)} #pm-page .pm-ct-panneau__tel p{margin:0;font-size:14px;color:#C9D2E1} #pm-page .pm-ct-panneau__tel a{width:max-content;min-height:44px;display:inline-flex;align-items:center;gap:12px;border-radius:10px;color:#FFFFFF;text-decoration:none} #pm-page .pm-ct-panneau__tel a>span:last-child{display:grid;gap:2px} #pm-page .pm-ct-panneau__num{font:700 22px var(--fd);font-variant-numeric:tabular-nums;white-space:nowrap} #pm-page .pm-ct-panneau__st{font-size:13px;color:#C9D2E1} /* Confirmation */ #pm-page .pm-ct-ok{display:grid;gap:22px} #pm-page .pm-ct-ok__ic{width:56px;height:56px;border-radius:999px;background:#E5F2EA;color:#1E7044;display:grid;place-items:center} #pm-page .pm-ct-ok__t{display:grid;gap:10px} #pm-page .pm-ct-ok__t h3{margin:0;font:700 28px/1.2 var(--fd);color:#0B2154;text-wrap:balance;outline:none} #pm-page .pm-ct-ok__t p{margin:0;font-size:16px;line-height:1.6;color:#4A463F;text-wrap:pretty} #pm-page .pm-ct-ok__rdv{display:flex;flex-wrap:wrap;gap:10px} #pm-page .pm-ct-ok__recap{margin:0;padding:4px 18px;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E0DBD2} #pm-page .pm-ct-ok__recap>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:4px 16px;padding:12px 0} #pm-page .pm-ct-ok__recap>div+div{border-top:1px solid #EEEAE3} #pm-page .pm-ct-ok__recap dt{font-size:14px;color:#4A463F} #pm-page .pm-ct-ok__recap dd{margin:0;font-size:15px;font-weight:600;color:#0B2154;overflow-wrap:anywhere} #pm-page .pm-ct-ok__suite{display:grid;gap:12px} #pm-page .pm-ct-ok__suite li{color:#4A463F} #pm-page .pm-ct-ok__suite li>span:first-child{box-shadow:inset 0 0 0 1px #0F3982;color:#0F3982} #pm-page .pm-ct-ok__suite li strong{color:#0B2154} #pm-page .pm-ct-ok__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px} /* 3. Questions */ #pm-page .pm-ct-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start} #pm-page .pm-ct-faq__tete{position:sticky;top:calc(var(--pm-ct-haut) + 32px);display:grid;gap:16px} #pm-page .pm-ct-tel{width:max-content;min-height:44px;margin-top:8px;display:inline-flex;align-items:center;gap:12px;color:#0B2154;text-decoration:none} #pm-page .pm-ct-tel .pm-ct-rond{width:44px;height:44px} #pm-page .pm-ct-tel__txt{display:grid;gap:1px} #pm-page .pm-ct-tel__num{font:700 20px var(--fd);font-variant-numeric:tabular-nums} #pm-page .pm-ct-tel__st{font-size:13px;color:#4A463F}#pm-page .pm-ct-tel__st[data-etat="ouvert"]{color:#1E7044} #pm-page .pm-ct-faq__liste{border-top:1px solid #1F1D1A} #pm-page .pm-ct-q{border-bottom:1px solid #E0DBD2} #pm-page .pm-ct-q h3{margin:0} #pm-page .pm-ct-q button{width:100%;display:grid;grid-template-columns:1fr 36px;gap:16px;align-items:center;padding:20px 0;border:0;background:none;text-align:left;font:700 18px/1.35 var(--fd);color:#0B2154;cursor:pointer} #pm-page .pm-ct-q button:hover{color:#0F3982} #pm-page .pm-ct-q button:focus-visible{box-shadow:inset 0 0 0 3px #2691D0} #pm-page .pm-ct-q__signe{width:36px;height:36px;border-radius:999px;background:#E3EAF5;color:#0F3982;display:grid;place-items:center} #pm-page .pm-ct-q__signe svg+svg,#pm-page .pm-ct-q button[aria-expanded="true"] .pm-ct-q__signe svg:first-child{display:none} #pm-page .pm-ct-q button[aria-expanded="true"] .pm-ct-q__signe{background:#0F3982;color:#FFFFFF} #pm-page .pm-ct-q button[aria-expanded="true"] .pm-ct-q__signe svg+svg{display:block} #pm-page .pm-ct-q__r{padding-bottom:20px;font-size:16px;line-height:1.65;color:#4A463F;display:grid;gap:8px} #pm-page .pm-ct-q__r p{margin:0} /* Sans JavaScript : tous les blocs de l'étape 2 visibles, chacun titré */ html:not(.pm-js) #pm-page .pm-ct-vide{display:none} html:not(.pm-js) #pm-page .pm-ct-groupe{padding:14px 16px;border-radius:12px;background:#FFFFFF} /* ---------- Tablette et mobile (< 1100 px) ---------- */ @media (max-width:1099.98px){ #pm-page .pm-ct{--px:32px} #pm-page .pm-ct-h1{font-size:44px}#pm-page .pm-ct-h2{font-size:38px} #pm-page .pm-ct-hero__in{padding-top:28px;padding-bottom:56px} #pm-page .pm-ct-hero__grille{grid-template-columns:minmax(0,1fr);gap:36px;margin-top:28px} #pm-page .pm-ct-tete{grid-template-columns:minmax(0,1fr);gap:16px} #pm-page .pm-ct-corps{grid-template-columns:minmax(0,1fr);margin-top:36px} #pm-page .pm-ct-panneau{display:none} #pm-page .pm-ct-dest{display:flex} #pm-page .pm-ct-carte{padding:28px} #pm-page .pm-ct-section{padding-block:88px} #pm-page .pm-ct-faq{grid-template-columns:minmax(0,1fr);gap:28px} #pm-page .pm-ct-faq__tete{position:static} } /* ---------- Mobile (< 760 px) ---------- */ @media (max-width:759.98px){ #pm-page .pm-ct{--px:20px} #pm-page .pm-ct .pm-ct-ordi,#pm-page .pm-ct .pm-ct-ordi-i{display:none} #pm-page .pm-ct .pm-ct-mobile{display:flex}#pm-page .pm-ct .pm-ct-mobile-i{display:inline} #pm-page .pm-ct-h1{font-size:32px}#pm-page .pm-ct-h2{font-size:30px} #pm-page .pm-ct-chapo{font-size:17px}#pm-page .pm-ct-tete__p{font-size:16px} #pm-page .pm-ct-hero__fond::after{background:linear-gradient(180deg,rgba(8,21,48,.55) 0%,rgba(8,21,48,.88) 50%,#081530 100%)} #pm-page .pm-ct-hero__in{padding-top:8px;padding-bottom:32px} #pm-page .pm-ct-ariane{display:none} #pm-page .pm-ct-ariane-m{display:block} #pm-page .pm-ct-ariane-m a{min-height:44px;display:inline-flex;align-items:center;gap:8px;font:700 12px var(--fd);letter-spacing:.12em;text-transform:uppercase;color:#FFFFFF;text-decoration:none} #pm-page .pm-ct-ariane-m svg{color:#51CFF4} #pm-page .pm-ct-hero__grille{gap:24px;margin-top:4px} #pm-page .pm-ct-hero__txt{gap:14px} #pm-page .pm-ct-joindre__l{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:18px 16px} #pm-page .pm-ct-joindre__l+.pm-ct-joindre__l::before{left:16px;right:16px} #pm-page .pm-ct-joindre__l--msg{grid-template-columns:48px minmax(0,1fr) 40px} #pm-page .pm-ct-rond{width:48px;height:48px}#pm-page .pm-ct-rond--s{width:40px;height:40px} #pm-page .pm-ct-joindre__num{font-size:24px} #pm-page .pm-ct-joindre__appel{grid-column:1 / -1} #pm-page .pm-ct-horaires{padding:14px 16px 12px} #pm-page .pm-ct-horaires__dl{grid-template-columns:minmax(0,1fr)} #pm-page .pm-ct-section{padding-block:64px} #pm-page .pm-ct-tete{gap:14px} #pm-page .pm-ct-corps{margin-top:24px} #pm-page .pm-ct-carte{padding:20px 16px 22px;border-radius:20px} #pm-page .pm-ct-etape{grid-template-columns:minmax(0,1fr)} #pm-page .pm-ct-rail{display:none} #pm-page .pm-ct-rail__n{width:28px;height:28px;font-size:13px} #pm-page .pm-ct-rail__n--m{display:grid} #pm-page .pm-ct-etape.is-ok .pm-ct-rail__n--m{background:#0F3982;box-shadow:none;color:#FFFFFF} #pm-page .pm-ct-etape__c{padding-bottom:28px} #pm-page .pm-ct-etape__t{font-size:17px} #pm-page .pm-ct-tuiles__a,#pm-page .pm-ct-tuiles__b{grid-template-columns:minmax(0,1fr)} #pm-page .pm-ct-tuile--l{min-height:0} #pm-page .pm-ct-jours{gap:6px} #pm-page .pm-ct-jour>span{height:68px} #pm-page .pm-ct-creneaux__l{grid-template-columns:minmax(0,1fr);gap:8px} #pm-page .pm-ct-seg{max-width:100%} #pm-page .pm-ct-coords{grid-template-columns:minmax(0,1fr)} #pm-page .pm-ct-envoyer{flex:1 1 100%} #pm-page .pm-ct-ok__t h3{font-size:22px} #pm-page .pm-ct-ok__recap>div{grid-template-columns:minmax(0,1fr)} #pm-page .pm-ct-q button{padding:16px 0;font-size:16px} } @media (prefers-reduced-motion:reduce){#pm-page .pm-ct *{transition:none!important}} /* Ajustements d'intégration (thème parent, statut, code postal) */ #pm-page .pm-ct-q button{white-space:normal;border-radius:0} #pm-page .pm-ct-q button:hover,#pm-page .pm-ct-q button:focus{background:none} #pm-page .pm-ct-fichiers button{padding:0;display:grid;place-items:center} #pm-page .pm-ct-fichiers button:focus{background:transparent;color:#4A463F} #pm-page .pm-ct-fichiers button:hover{background:#EEEAE3;color:#1F1D1A} #pm-page .pm-ct-envoyer:focus{color:#FFFFFF} #pm-page .pm-ct-envoyer[data-variante="gris"]:focus{color:#4A463F} #pm-page .pm-ct-alerte svg{flex:none} #pm-page .pm-ct-aide a{color:#0F3982;text-decoration:underline;text-underline-offset:3px} #pm-page .pm-ct-aide a:hover{color:#0B2154} #pm-page .pm-ct-aide[data-etat="ok"]{color:#1E7044;font-weight:600} #pm-page .pm-ct-aide[data-etat="hors"]{color:#8F5E00;font-weight:600} #pm-page .pm-ct-lab{line-height:1.4} #pm-page .pm-ct-q__r .pm-ct-lien{width:max-content;max-width:100%} #pm-page .pm-ct-joindre__adr{margin:0} #pm-page .pm-ct-panneau__st[data-etat="ouvert"]{color:#7FD3A3} #pm-page .pm-ct-envoyer[aria-busy="true"] .pm-ct-disque svg{animation:pm-ct-tourne 1s linear infinite} @keyframes pm-ct-tourne{50%{opacity:.35}} html:not(.pm-js) #pm-page .pm-ct-dest{display:none} html:not(.pm-js) #pm-page .pm-ct-creneaux+.pm-ct-creneaux{margin-top:6px;padding-top:12px;border-top:1px solid #E0DBD2} @media (max-width:759.98px){ #pm-page .pm-ct-fichiers li span{max-width:min(200px,60vw)} } @media (prefers-reduced-motion:reduce){#pm-page .pm-ct-envoyer[aria-busy="true"] .pm-ct-disque svg{animation:none}}