/* CENEGO : formulaire d'inscription INTER. Reprend a l'identique le design du formulaire Piotnet
   (mesures relevees sur la page en ligne le 23/09/2026). Polices : celles du theme (Montserrat, Libre Bodoni). */

.cinsc{
  --c-navy:#293353; --c-orange:#ef7a28; --c-orange-d:#c35e16; --c-line:#e3e3e3; --c-err:#c0392b;
  max-width:780px; margin:0 auto; padding:90px 0 90px; box-sizing:border-box;
  color:var(--c-navy); font-family:Montserrat,Raleway,sans-serif; font-size:17.6px; line-height:1.7; font-weight:400;
}
.cinsc *,.cinsc *::before,.cinsc *::after{box-sizing:border-box}
.cinsc [hidden]{display:none!important}
.cinsc p{margin:0}

/* ---------- Barre d'etapes ---------- */
.cinsc .cinsc-bar{list-style:none;margin:0 0 40px;padding:0;display:flex;justify-content:center}
.cinsc .cinsc-bar__item{position:relative;width:230px;display:flex;flex-direction:column;align-items:center;text-align:center;margin:0;padding:0}
.cinsc .cinsc-bar__item + .cinsc-bar__item::before{
  content:"";position:absolute;top:20px;right:calc(50% + 20px);width:calc(100% - 40px);height:1px;background:var(--c-line)
}
.cinsc .cinsc-bar__n{display:block;width:40px;height:40px;border-radius:50px;background:var(--c-navy);color:#fff;
  font-size:12px;font-weight:500;line-height:40px;margin:0 0 5px;transition:background-color .35s ease}
.cinsc .cinsc-bar__item.is-active .cinsc-bar__n{background:var(--c-orange)}
.cinsc .cinsc-bar__t{font-size:12px;font-weight:500;line-height:20.4px}

/* ---------- Texte d'introduction ---------- */
.cinsc .cinsc-intro{font-size:16px;line-height:32px;margin:16px 0 40px}
.cinsc .cinsc-intro ul{margin:16px 0;padding-left:40px;list-style:disc}
.cinsc .cinsc-intro li{margin:0}
.cinsc .cinsc-intro a{color:var(--c-orange);text-decoration:none}
.cinsc .cinsc-intro a:hover{text-decoration:underline}

/* ---------- Sections a deux colonnes, filet vertical au centre ---------- */
.cinsc .cinsc-sec{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);column-gap:50px;margin-top:90px}
.cinsc .cinsc-div{background:var(--c-line)}
.cinsc .cinsc-col{min-width:0}
.cinsc .cinsc-col > :first-child{margin-top:0}

.cinsc .cinsc-h2{font-family:"Libre Bodoni",Georgia,serif;font-size:44px;line-height:44px;font-weight:700;color:var(--c-navy);margin:0 0 28px;letter-spacing:0}
.cinsc .cinsc-sub{font-size:17.6px;line-height:29.92px;font-weight:700;padding:10px 0 10px 12px;margin:22px 0 14px}
.cinsc .cinsc-col > .cinsc-sub:first-child{margin-top:12px}
.cinsc .cinsc-sub--tight{padding-left:0;margin:22px 0 10px}
.cinsc .cinsc-q{font-size:16px;line-height:32px;font-weight:700;margin:6px 0 16px}
.cinsc .cinsc-plain{font-size:17.6px;line-height:32px;padding-left:10px;margin:8px 0 10px}
.cinsc .cinsc-note{font-size:16px;line-height:32px;margin:26px 0 0}

/* ---------- Champs ---------- */
.cinsc .cinsc-f{margin:0 0 38px}
.cinsc .cinsc-l{display:inline-block;background:#fff;color:var(--c-navy);font-size:18px;line-height:30.6px;font-weight:400;margin:0 0 8px;padding:0}
.cinsc .cinsc-i,
.cinsc select{
  display:block;width:100%;margin:0;background:#fff;color:var(--c-navy);
  border:1.6px solid var(--c-line);border-radius:10px;padding:10px;box-shadow:none;outline:none;
  font-family:Montserrat,Raleway,sans-serif;font-weight:400;
  transition:border-color .2s ease,box-shadow .2s ease
}
.cinsc .cinsc-i{height:39px;font-size:13.33px;line-height:1.2}
.cinsc select{
  height:54px;font-size:18px;line-height:30.6px;padding-right:32px;cursor:pointer;
  -webkit-appearance:none;appearance:none;text-overflow:ellipsis;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='%23111'/%3E%3C/svg%3E") no-repeat right 6px center
}
.cinsc .cinsc-i:focus,.cinsc select:focus{border-color:#c9ccd6;box-shadow:0 0 0 3px rgba(239,122,40,.18)}
.cinsc .cinsc-f--select{margin-bottom:22px}

/* Boutons radio : cercle clair, point orange une fois choisi */
.cinsc .cinsc-f--radio{margin-bottom:26px}
.cinsc .cinsc-opts{display:flex;flex-direction:column;gap:2px;padding-left:30px}
.cinsc .is-inline .cinsc-opts{flex-direction:row;flex-wrap:wrap;column-gap:40px;row-gap:4px}
.cinsc .cinsc-opt{position:relative;display:inline-flex;align-items:center;gap:10px;margin:0;font-size:18px;line-height:30.6px;cursor:pointer}
.cinsc .cinsc-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.cinsc .cinsc-dot{position:relative;flex:none;width:24px;height:24px;border-radius:50%;border:1.6px solid var(--c-line);background:transparent;transition:border-color .2s ease}
.cinsc .cinsc-dot::after{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--c-orange);transform:scale(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.cinsc .cinsc-opt input:checked + .cinsc-dot{border-color:var(--c-orange)}
.cinsc .cinsc-opt input:checked + .cinsc-dot::after{transform:scale(1)}
.cinsc .cinsc-opt input:focus-visible + .cinsc-dot{box-shadow:0 0 0 3px rgba(239,122,40,.3)}

/* "Ajouter formation" : pastille orange avec un plus, qui devient un moins une fois cochee */
.cinsc .cinsc-f--add{margin:6px 0 18px}
.cinsc .cinsc-add{position:relative;display:inline-flex;align-items:center;gap:12px;font-size:18px;line-height:30.6px;cursor:pointer}
.cinsc .cinsc-add input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cinsc .cinsc-plus{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:var(--c-orange)}
.cinsc .cinsc-plus::before,.cinsc .cinsc-plus::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:1px;transform:translate(-50%,-50%)}
.cinsc .cinsc-plus::before{width:9px;height:2px}
.cinsc .cinsc-plus::after{width:2px;height:9px;transition:transform .2s ease}
.cinsc .cinsc-add input:checked + .cinsc-plus::after{transform:translate(-50%,-50%) scaleY(0)}
.cinsc .cinsc-add input:focus-visible + .cinsc-plus{box-shadow:0 0 0 3px rgba(239,122,40,.3)}

/* Sous-total et total */
.cinsc .cinsc-calc{display:flex;align-items:baseline;font-size:17.6px;line-height:29.92px}
.cinsc .cinsc-calc output{margin-left:54px;font-variant-numeric:tabular-nums}
.cinsc .cinsc-calc output + span{margin-left:.4em}
.cinsc .cinsc-calc--sub{margin-top:96px}
.cinsc .cinsc-calc--total{margin-top:36px}

/* ---------- Participants ---------- */
.cinsc .cinsc-h2--solo{margin:80px 0 0}
.cinsc .cinsc-participant .cinsc-sec{margin-top:46px}
.cinsc .cinsc-participant .cinsc-f{margin-bottom:14px}
.cinsc .cinsc-participant .cinsc-f--radio{margin-bottom:26px}
.cinsc .cinsc-participant + .cinsc-participant{margin-top:56px;padding-top:10px;border-top:1px solid var(--c-line)}
.cinsc .cinsc-remove{display:inline-block;margin:14px 0 0;padding:0;border:0;background:none;color:var(--c-orange);font:400 15px/1.4 Montserrat,Raleway,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cinsc .cinsc-remove:hover{color:var(--c-orange-d)}
.cinsc .cinsc-addp{margin:36px 0 0}

/* ---------- Paiement ---------- */
.cinsc .cinsc-pay{margin-top:70px}
.cinsc .cinsc-pay > .cinsc-sub{padding-left:10px;margin:0 0 8px}
.cinsc .cinsc-plain--pad{margin-bottom:6px}
.cinsc .cinsc-card-wrap{margin-top:6px}
.cinsc .cinsc-card-wrap .cinsc-f{margin-bottom:16px}
.cinsc .cinsc-card{background:#fff;border:1.6px solid var(--c-line);border-radius:10px;padding:12px 10px;min-height:46px}
.cinsc .cinsc-card.StripeElement--focus{border-color:#c9ccd6;box-shadow:0 0 0 3px rgba(239,122,40,.18)}
.cinsc .cinsc-foot{font-size:16px;line-height:32px}
.cinsc .cinsc-foot p{margin:16px 0 40px}
.cinsc .cinsc-foot sup{font-size:.62em}

/* ---------- Boutons ---------- */
.cinsc .cinsc-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:45px;margin:0;
  padding:15px 30px;border:0;border-radius:25px;background:var(--c-orange);color:#fff;
  font-family:Montserrat,Raleway,sans-serif;font-size:15px;font-weight:400;line-height:1;letter-spacing:0;text-decoration:none;
  cursor:pointer;transition:background-color .2s ease,transform .2s ease;-webkit-appearance:none;appearance:none
}
.cinsc .cinsc-btn:hover{background:var(--c-orange-d)}
.cinsc .cinsc-btn:active{transform:translateY(1px)}
.cinsc .cinsc-btn:focus-visible,.cinsc .cinsc-remove:focus-visible{outline:3px solid rgba(239,122,40,.45);outline-offset:3px}
.cinsc .cinsc-nav{display:flex;justify-content:space-around;align-items:center;margin-top:40px}
.cinsc .cinsc-nav--single{justify-content:center;margin-top:30px}
.cinsc .cinsc-form.is-busy [data-submit]{opacity:.6;pointer-events:none}

/* ---------- Etape 3 : conditions ---------- */
.cinsc .cinsc-cgv{max-height:520px;overflow:auto;margin-top:100px;padding:0 66px;font-size:16px;line-height:32px;-webkit-overflow-scrolling:touch}
.cinsc .cinsc-cgv:focus-visible{outline:3px solid rgba(239,122,40,.3);outline-offset:4px;border-radius:6px}
.cinsc .cinsc-cgv h2{font-family:"Libre Bodoni",Georgia,serif;font-size:44px;line-height:1.1;font-weight:700;color:var(--c-navy);margin:40px 0 30px}
.cinsc .cinsc-cgv h2:first-child{margin-top:0}
.cinsc .cinsc-cgv p{margin:0 0 20px}
.cinsc .cinsc-cgv ul{margin:0 0 20px;padding-left:40px}
.cinsc .cinsc-cgv a{color:var(--c-orange)}
.cinsc .cinsc-f--accept{margin:30px 66px 0}
.cinsc .cinsc-accept{position:relative;display:inline-flex;align-items:center;gap:12px;font-size:16px;line-height:1.5;cursor:pointer}
.cinsc .cinsc-accept input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cinsc .cinsc-box{position:relative;flex:none;width:22px;height:22px;border:1.6px solid var(--c-line);border-radius:5px;background:#fff;transition:background-color .2s,border-color .2s}
.cinsc .cinsc-box::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s cubic-bezier(.16,1,.3,1)}
.cinsc .cinsc-accept input:checked + .cinsc-box{background:var(--c-orange);border-color:var(--c-orange)}
.cinsc .cinsc-accept input:checked + .cinsc-box::after{transform:rotate(45deg) scale(1)}
.cinsc .cinsc-accept input:focus-visible + .cinsc-box{box-shadow:0 0 0 3px rgba(239,122,40,.3)}
.cinsc .cinsc-nav--last{margin-top:30px}
.cinsc .cinsc-msg{text-align:center;font-size:16px;line-height:1.6;margin:24px 0 0}
.cinsc .cinsc-msg:empty{display:none}
.cinsc .cinsc-msg.is-error{color:var(--c-err)}

/* ---------- Erreurs ---------- */
.cinsc .cinsc-err{color:var(--c-err);font-size:14px;line-height:1.4;margin:6px 0 0}
.cinsc .cinsc-err:empty{display:none}
.cinsc .is-invalid .cinsc-i,.cinsc .is-invalid select,.cinsc .is-invalid .cinsc-card{border-color:#e39a8c}
.cinsc .is-invalid .cinsc-dot,.cinsc .is-invalid .cinsc-box{border-color:#e39a8c}

/* ---------- Divers ---------- */
.cinsc .cinsc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cinsc .cinsc-demo-flag{margin:0 0 30px;padding:10px 14px;border:1px solid #f1c7a4;border-radius:10px;background:#fff4ea;font-size:14px;line-height:1.5}
.cinsc .cinsc-done .cinsc-h2{margin-bottom:20px}
.cinsc .cinsc-done .cinsc-plain{padding-left:0;margin-bottom:30px}
.cinsc .cinsc-mail{margin:0 0 30px;border:1px solid var(--c-line);border-radius:14px;background:#fff;overflow:hidden}
.cinsc .cinsc-mail__h{margin:0;padding:14px 18px;background:#f6f1ea;font-size:14px;line-height:1.6}
.cinsc .cinsc-mail__b{padding:18px;font-size:14px;line-height:1.6}
.cinsc .cinsc-mail__b p{margin:0 0 10px}

/* ---------- Mobile ---------- */
@media (max-width:820px){
  .cinsc{padding:50px 20px 60px}
  .cinsc .cinsc-sec{grid-template-columns:minmax(0,1fr);margin-top:60px}
  .cinsc .cinsc-div{display:none}
  .cinsc .cinsc-col + .cinsc-div + .cinsc-col{margin-top:10px}
  .cinsc .cinsc-bar__item{width:33.33%}
  .cinsc .cinsc-h2{font-size:34px;line-height:1.1}
  .cinsc .cinsc-cgv{padding:0;margin-top:60px}
  .cinsc .cinsc-cgv h2{font-size:32px}
  .cinsc .cinsc-f--accept{margin:30px 0 0}
  .cinsc .cinsc-calc--sub{margin-top:30px}
  .cinsc .cinsc-calc output{margin-left:24px}
  .cinsc .cinsc-nav{flex-direction:column-reverse;gap:14px}
  .cinsc .cinsc-nav--single{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){
  .cinsc *,.cinsc *::before,.cinsc *::after{transition:none!important}
}

/* ==========================================================================
   COTES EXACTES relevees sur la page en ligne (1440 px) : elles priment sur ce qui precede
   ========================================================================== */
.cinsc{padding:91px 0 91px}
.cinsc .cinsc-bar{margin:0}
.cinsc .cinsc-intro{margin:0}
.cinsc .cinsc-intro > p:first-child{margin-top:16px}
/* Etape 1 */
.cinsc .cinsc-step[data-step="1"] .cinsc-sec{margin-top:76px}
.cinsc .cinsc-step[data-step="1"] .cinsc-intro + .cinsc-sec{margin-top:50px}
.cinsc .cinsc-f{margin:0 0 24px}
.cinsc .cinsc-h2{margin:0 0 24px}
.cinsc .cinsc-sub{padding:11.5px 0 11.5px 12px;margin:0 0 24px}
.cinsc .cinsc-col > .cinsc-sub:first-child{margin-top:0}
.cinsc .cinsc-q{margin:0 0 24px}
.cinsc .cinsc-f--radio{margin:0 0 24px}
.cinsc .cinsc-opts{gap:2.4px}
.cinsc .cinsc-f--select{margin-bottom:24px}
.cinsc .cinsc-note{margin:0}
.cinsc .cinsc-nav--single{margin-top:80px}
/* Etape 2 */
.cinsc .cinsc-h2--solo{margin:50px 0 0}
.cinsc .cinsc-participant .cinsc-sec{margin-top:50px}
.cinsc .cinsc-participant .cinsc-sub{padding:11px 0 11px 12px;margin:0}
.cinsc .cinsc-participant .cinsc-f{margin:0}
.cinsc .cinsc-participant .cinsc-f--radio{padding:10px 0 11px;margin:0 0 30px}
.cinsc .cinsc-participant .cinsc-plain{padding:10px 0 9px 10px;margin:0;line-height:32px}
.cinsc .cinsc-participant .cinsc-f--select{margin:0 0 21px}
.cinsc .cinsc-participant .cinsc-sub--tight{padding:10px 0;margin:0 0 10px}
.cinsc .cinsc-participant [data-field^="formation"]{margin-bottom:23px}
.cinsc .cinsc-participant .cinsc-f--add{margin:7px 0 0;min-height:30px}
.cinsc .cinsc-calc--sub{margin-top:100px}
.cinsc .cinsc-addp{margin:30px 0 0}
.cinsc .cinsc-pay{margin-top:50px}
.cinsc .cinsc-pay > .cinsc-sub{padding:10px 0 10px 10px;margin:0}
.cinsc .cinsc-pay .cinsc-plain--pad{padding:9px 0 9px 10px;margin:0}
.cinsc .cinsc-pay .cinsc-f--radio{padding:10px 0 11px;margin:0 0 24px}
.cinsc .cinsc-calc--total{margin-top:0}
.cinsc .cinsc-foot p{margin:16px 0 40px}
.cinsc .cinsc-step[data-step="2"] .cinsc-nav{margin-top:31px}
/* Etape 3 : meme partie visible qu'aujourd'hui, mais tout le texte reste lisible et la case a cocher visible */
.cinsc .cinsc-cgv{margin-top:66px;max-height:540px;padding:36px 26px 0 66px}
.cinsc .cinsc-f--accept{margin:28px 26px 0 66px}
.cinsc .cinsc-nav--last{margin-top:30px}
@media (max-width:820px){
  .cinsc{padding:50px 20px 60px}
  .cinsc .cinsc-step[data-step="1"] .cinsc-sec,.cinsc .cinsc-participant .cinsc-sec{margin-top:50px}
  .cinsc .cinsc-cgv{padding:24px 0 0;margin-top:40px}
  .cinsc .cinsc-f--accept{margin:28px 0 0}
  .cinsc .cinsc-calc--sub{margin-top:24px}
  .cinsc .cinsc-nav--single{margin-top:48px}
}
/* Calage final : la zone de contenu de WordPress apporte deja 81 px en haut et en bas */
.cinsc{padding:10px 0 10px}
.cinsc .cinsc-bar{padding-bottom:30px}
.cinsc .cinsc-intro p{margin:16px 0 40px}
.cinsc .cinsc-intro > p:first-child{margin-top:16px}
.cinsc .cinsc-intro ul{margin:0 0 16px}
/* Cercles des boutons radio : meme gris que l'original */
.cinsc .cinsc-dot{width:21px;height:21px;border-color:#d4d4d4}
.cinsc .cinsc-dot::after{inset:4px}
.cinsc .cinsc-opt{gap:10px}
/* Retour a la ligne identique : "Participant en situation de / handicap1 :" */
.cinsc .cinsc-participant .cinsc-plain{max-width:262px}
.cinsc .cinsc-intro,.cinsc .cinsc-intro p,.cinsc .cinsc-cgv,.cinsc .cinsc-cgv p,.cinsc .cinsc-foot,.cinsc .cinsc-foot p{color:var(--c-navy)}
@media (max-width:820px){ .cinsc{padding:0 20px 20px} }
.cinsc .cinsc-step[data-step="1"] .cinsc-intro + .cinsc-sec{margin-top:79px}
.cinsc .cinsc-opt{min-height:32px}
.cinsc .cinsc-opts{gap:2px}
@media (max-width:820px){ .cinsc .cinsc-step[data-step="1"] .cinsc-intro + .cinsc-sec{margin-top:40px} }

/* ==========================================================================
   1.1.0 : etiquettes dans la case, reprise d'une inscription, entree des etapes
   Mouvement : precis, calme, rassurant. Easing maison cubic-bezier(.16,1,.3,1), transform et opacity uniquement.
   ========================================================================== */
.cinsc{--ease:cubic-bezier(.16,1,.3,1)}

/* Etiquette dans la case : au repos, elle occupe la case ; a la saisie, elle monte en petit sur la bordure du haut,
   sur un fond blanc qui coupe la ligne a cet endroit */
.cinsc{--lift:translateY(-9px) scale(.8);--c-page:#faf4ed} /* --c-page : fond des pages du site */
.cinsc .cinsc-f--float,.cinsc .cinsc-f--pinned{position:relative;margin-bottom:28px}
.cinsc .cinsc-f--float .cinsc-i,.cinsc .cinsc-f--pinned .cinsc-i{height:54px;padding:0 15px;font-size:16px;line-height:normal}
.cinsc .cinsc-f--float .cinsc-l,.cinsc .cinsc-f--pinned .cinsc-l{
  position:absolute;left:10.6px;top:0;right:10px;z-index:1;margin:0;padding:0 6px;background:none;
  font-size:16px;line-height:24px;color:#6b7189;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  pointer-events:none;transform-origin:0 0;transform:translateY(15px);
  transition:transform .28s var(--ease),color .2s ease
}
.cinsc .cinsc-f--pinned .cinsc-l,
.cinsc .cinsc-f--float:focus-within .cinsc-l,
.cinsc .cinsc-f--float.has-value .cinsc-l{transform:var(--lift);right:auto;max-width:calc((100% - 21px) / .8)}
/* secours sans JavaScript et remplissage automatique du navigateur (regles separees : un selecteur inconnu n'annule pas les autres) */
.cinsc .cinsc-f--float:has(.cinsc-i:not(:placeholder-shown)) .cinsc-l{transform:var(--lift);right:auto;max-width:calc((100% - 21px) / .8)}
.cinsc .cinsc-f--float:has(.cinsc-i:-webkit-autofill) .cinsc-l{transform:var(--lift);right:auto;max-width:calc((100% - 21px) / .8)}
/* Sur la bordure : moitie haute couleur du fond de page (elle masque la ligne), moitie basse transparente : l etiquette prend la couleur de la case, blanche ou remplie par le navigateur.
   Ce fond n'apparait qu'une fois l'etiquette arrivee sur la bordure (fondu retarde), et disparait des qu'elle redescend. */
.cinsc .cinsc-f--float .cinsc-l::before,.cinsc .cinsc-f--pinned .cinsc-l::before{
  content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,var(--c-page) calc(50% + 2px),transparent calc(50% + 2px));
  opacity:0;transition:opacity .1s linear
}
.cinsc .cinsc-f--pinned .cinsc-l::before,
.cinsc .cinsc-f--float:focus-within .cinsc-l::before,
.cinsc .cinsc-f--float.has-value .cinsc-l::before{opacity:1;transition:opacity .12s linear .12s}
.cinsc .cinsc-f--float:has(.cinsc-i:not(:placeholder-shown)) .cinsc-l::before{opacity:1;transition:opacity .12s linear .12s}
.cinsc .cinsc-f--float:has(.cinsc-i:-webkit-autofill) .cinsc-l::before{opacity:1}
.cinsc .cinsc-f--float:focus-within .cinsc-l,.cinsc .cinsc-f--pinned:focus-within .cinsc-l{color:var(--c-orange-d)}
.cinsc .cinsc-f--float .cinsc-i::placeholder{color:transparent;transition:color .2s ease}
.cinsc .cinsc-f--float .cinsc-i:focus::placeholder{color:#9aa0b3}
.cinsc .cinsc-f--pinned .cinsc-i[type=date]{color:var(--c-navy)}
.cinsc .is-invalid .cinsc-l{color:var(--c-err)}
.cinsc .cinsc-f--float .cinsc-i:focus,.cinsc .cinsc-f--pinned .cinsc-i:focus{border-color:var(--c-orange)}
/* Libelle tres long (question) : au-dessus de la case, taille de lecture */
.cinsc .cinsc-f--static .cinsc-l{background:none;font-size:16px;line-height:24px;margin:0 0 8px}
.cinsc .cinsc-f--static .cinsc-i{height:54px;font-size:16px;padding:0 15px}
.cinsc .cinsc-f--static .cinsc-i::placeholder{color:#9aa0b3}
/* L'etiquette n'occupe plus de place au-dessus de la case : ecart regulier entre les cases des participants */
.cinsc .cinsc-participant .cinsc-f--float,.cinsc .cinsc-participant .cinsc-f--pinned,.cinsc .cinsc-participant .cinsc-f--static{margin:0 0 26px}
.cinsc .cinsc-participant .cinsc-sub + .cinsc-f--radio{margin-bottom:26px}
/* Autres cases alignees sur la meme hauteur */
.cinsc .cinsc-card-wrap .cinsc-i{height:54px;font-size:16px;padding:0 15px}

/* Enregistrement sur l'appareil et reprise */
.cinsc .cinsc-resume{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;
  margin:28px 0 0;padding:16px 20px;background:#fff;border:1.6px solid var(--c-line);border-radius:10px;font-size:15px;line-height:24px}
.cinsc .cinsc-resume p{margin:0}
.cinsc .cinsc-btn--ghost{min-height:40px;padding:11px 22px;background:none;color:var(--c-navy);box-shadow:inset 0 0 0 1.6px var(--c-navy);font-size:14px}
.cinsc .cinsc-btn--ghost:hover{background:var(--c-navy);color:#fff}

/* Entree d'une etape : fondu court vers le haut, une seule fois a chaque changement d'etape */
@keyframes cinsc-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.cinsc .cinsc-step.is-entering{animation:cinsc-in .5s var(--ease) both}
@media (prefers-reduced-motion:reduce){
  .cinsc .cinsc-step.is-entering{animation:cinsc-fade .2s linear both}
  @keyframes cinsc-fade{from{opacity:0}to{opacity:1}}
}
@media (max-width:820px){
  .cinsc .cinsc-resume{padding:14px 16px}
}