/* Le formulaire des pages de service, au gabarit et au style de l'accueil.
   Genere par _outils/_refonte/_nuit/ctc_feuille2.py depuis les valeurs
   calculees sur la page d'accueil. Valeurs litterales : pas de variable,
   qui ne vaudrait que ce que vaut la feuille de la page d'arrivee. */
.ctc2{padding:clamp(48px,5.6vw,84px) 0}
.ctc2 .sh{border-color:rgba(15,43,70,.18)}
.ctc2 .sh .lab{color:rgba(26,39,54,.5);font-family:var(--fm),'Geist Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}/* le kicker de la section de contact n avait que sa couleur : il sortait en
   texte courant gris sur les 67 pages qui portent cette section, alors que
   tous les autres kickers du site sont en petites capitales espacees. */
.ctc2 .sh .num{color:#C28840}
.ctc2 .ctc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:clamp(30px,4.6vw,76px);align-items:start}
@media(max-width:940px){.ctc2 .ctc-g{grid-template-columns:minmax(0,1fr)}}
.ctc2 .ctc-r{position:relative;z-index:3;margin-bottom:-700px}
@media(max-width:940px){.ctc2 .ctc-r{margin-bottom:0}}
.sous-ctc{position:relative;z-index:1}
.sous-ctc .sec-head{max-width:min(100%,47%)!important}
.sous-ctc .sec-head>h2{max-width:100%!important}
.sous-ctc .sous-ctc-bas{margin-top:var(--debord,0px)!important}
.sous-ctc h2.pz-l.pz-l,.sous-ctc .tx-intro,.sous-ctc .tx-eyebrow{max-width:min(100%,47%)!important}
@media(max-width:940px){.sous-ctc .sec-head{max-width:100%!important}.sous-ctc .sous-ctc-bas{margin-top:0!important}/* le !important est indispensable : la regle generale qui reserve la place
   du debord de la carte de contact en porte un, donc sans lui cette remise a
   zero ne gagnait jamais et les 189px de reserve restaient en vide sur
   mobile, entre le titre de la FAQ et la premiere question. */.sous-ctc .pz-l,.sous-ctc .tx-intro,.sous-ctc .tx-eyebrow{max-width:100%!important}}
.ctc2 h2{max-width:17ch}
.ctc2 .lead{color:rgba(26,39,54,.74);margin-top:20px}
.ctc2 .ctc-pts{margin:30px 0 0;padding:0;list-style:none;border-top:1px solid rgba(15,43,70,.18)}
.ctc2 .ctc-pts li{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid rgba(15,43,70,.12);font-size:13.5px;color:rgba(26,39,54,.74)}
.ctc2 .ctc-pts li i{color:#C28840;font-style:normal;display:flex;flex:0 0 auto}
.ctc2 .ctc-tel{display:block;margin-top:30px;font-size:clamp(32px,4.4vw,58px);font-weight:200;letter-spacing:-.05em;color:#0F2B46;text-decoration:none;font-variant-numeric:tabular-nums}
.ctc2 .ctc-h{margin-top:12px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;color:rgba(26,39,54,.5)}
.ctc2 .ctc-h a{color:inherit;text-decoration:none}
.ctc2 .f{background:#FCFDFE;border:1px solid rgba(15,43,70,.10);border-left:0;padding:clamp(24px,3vw,40px);color:rgb(14, 17, 23);position:relative;box-shadow:0 1px 2px rgba(15,43,70,.04),0 14px 34px -14px rgba(15,43,70,.16)}
.ctc2 .f::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#C28840 0,#C28840 72px,rgba(15,43,70,.20) 72px,rgba(15,43,70,.05) 100%)}
.ctc2 .f .mono{font-family:"Geist Mono", ui-monospace, monospace;font-size:11px;letter-spacing:1.76px;text-transform:uppercase;color:rgba(26, 39, 54, 0.5);display:block;margin-bottom:22px}
.ctc2 .f .ttl{font-family:Archivo, system-ui, sans-serif;font-size:clamp(18px,1.7vw,23px);font-weight:400;letter-spacing:-.025em;color:rgb(15, 43, 70);margin:0px 0px 6px}
.ctc2 .f .sst{font-size:13px;line-height:20.8px;color:rgba(26, 39, 54, 0.74);margin:0px 0px 24px}
.ctc2 .f .sst b{font-weight:600;color:rgb(15, 43, 70)}
.ctc2 .fl{display:block;margin-bottom:18px}
.ctc2 .fl span{display:block;font-family:"Geist Mono", ui-monospace, monospace;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(26, 39, 54, 0.5);margin-bottom:8px}
.ctc2 .fl input,.ctc2 .fl textarea{width:100%;background:rgb(255, 255, 255);border:1px solid rgba(15, 43, 70, 0.28);color:rgb(14, 17, 23);padding:12px 13px;font-family:Archivo, system-ui, sans-serif;font-size:14px;border-radius:0px;min-height:0}
.ctc2 .fl input:focus,.ctc2 .fl textarea:focus{outline:2px solid rgba(15,43,70,.12);border-color:rgb(15,43,70)}
.ctc2 .fl textarea{resize:vertical;min-height:76px}
.ctc2 .fc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0px 22px}
.ctc2 .fc label{position:relative}
.ctc2 .fc-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ctc2 .fc-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ctc2 .fl-t{margin-bottom:6px}
.ctc2 .fl-t>span{margin-bottom:0}
.ctc2 .fc input{position:absolute;opacity:0;pointer-events:none}
.ctc2 .fc i{display:block;font-style:normal;text-align:center;padding:12px 6px;cursor:pointer;border:1px solid rgba(15, 43, 70, 0.28);color:rgba(26, 39, 54, 0.74);background:rgb(255, 255, 255);font-family:"Geist Mono", ui-monospace, monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.ctc2 .fc input:checked+i{background:rgb(15, 43, 70);color:rgb(244, 246, 248);border-color:rgb(15, 43, 70)}
.ctc2 .f .sub{width:100%;background:rgb(15, 43, 70);color:rgb(244, 246, 248);padding:16px;font-family:"Geist Mono", ui-monospace, monospace;font-size:12px;letter-spacing:1.68px;text-transform:uppercase;font-weight:400;border:0;cursor:pointer;display:block}
.ctc2 .f .sub:hover{background:rgb(166,107,43)}
.ctc2 .f .cgu{margin-top:16px;font-size:11.5px;line-height:18.4px;color:rgba(26, 39, 54, 0.5)}
.ctc2 .f .cgu a{color:inherit}
.ctc2 .f-pj{margin-top:18px;border-top:0;padding-top:0}
.ctc2 .f-pj summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:0 14px;border:1px solid rgba(15,43,70,.28);background:#fff;padding:14px 15px;transition:border-color .4s cubic-bezier(.16,1,.3,1)}
.ctc2 .f-pj summary:hover{border-color:#0F2B46}
.ctc2 .f-pj summary::-webkit-details-marker{display:none}
.ctc2 .f-pj summary .t{grid-area:1/1;font-size:13.5px;font-weight:600;letter-spacing:-0.243px;color:rgb(15, 43, 70)}
.ctc2 .f-pj summary .s{grid-column:1;margin-top:5px;font-size:12px;line-height:18.72px;color:rgba(26, 39, 54, 0.74);font-weight:400}
.ctc2 .f-pj .pm{grid-area:1/2;position:relative;width:13px;height:13px;margin-top:4px}
.ctc2 .f-pj .pm::before,.ctc2 .f-pj .pm::after{content:'';position:absolute;background:rgb(166,107,43);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.ctc2 .f-pj .pm::before{left:0;top:6px;width:13px;height:1px}
.ctc2 .f-pj .pm::after{left:6px;top:0;width:1px;height:13px}
.ctc2 .f-pj[open] .pm::after{transform:rotate(90deg)}
.ctc2 .f-pji{padding-top:16px}
.ctc2 .f-dz{border:1px dashed rgba(15, 43, 70, 0.28);background:rgb(255, 255, 255);padding:14px 15px;margin-bottom:18px;display:block;cursor:pointer}
.ctc2 .f-dz:hover{border-color:rgb(15,43,70)}
.ctc2 .f-dz em{display:block;margin-top:5px;font-style:normal;font-size:11.5px;line-height:17.825px;color:rgba(26, 39, 54, 0.5)}
.ctc2 .f-pji input[type=file]{width:100%;font-size:12px;color:rgba(26, 39, 54, 0.74)}
.ctc2 .f-err{padding:8px 12px;font-size:14.5px;color:rgb(26,39,54);background:rgba(194,136,64,.08);margin-bottom:14px}
.ctc2 .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ctc2 .f-msg{margin:6px 0 0;font-size:12px;color:rgb(176,58,46)}