/* Refonte EC Secrétariat — classeur à onglets (2026-11-01)
   Orange = marque + professionnels ; cyan = particuliers. */
@font-face{font-family:'Bricolage Grotesque';src:url(fonts/bricolage-grotesque.woff2) format('woff2');font-weight:500 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url(fonts/instrument-sans.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{--ec-or:#FF914D;--ec-cy:#5CE1E6;--ec-ink:#18191B;--ec-paper:#F5F4F0;--ec-teal:#275F61;
  --ec-or-pale:#FFE4D3;--ec-cy-pale:#D6F8F9;--ec-gut:clamp(20px,5vw,64px);--ec-wrap:min(100%,1320px);
  --ec-r:28px;--ec-tab:44px;--ec-display:'Bricolage Grotesque',system-ui,sans-serif;--ec-text:'Instrument Sans',system-ui,sans-serif}

body{font-family:var(--ec-text);color:var(--ec-ink)}
#page-container .ec-sec,#page-container .ec-header,#page-container .ec-foot{font-family:var(--ec-text);font-size:17px;line-height:1.6;color:var(--ec-ink);-webkit-font-smoothing:antialiased}

/* Remise à plat de la grille Divi */
#page-container .ec-sec,#page-container .ec-header,#page-container .ec-foot{padding:0}
#page-container .ec-sec .et_pb_row,#page-container .ec-header .et_pb_row,#page-container .ec-foot .et_pb_row{width:100%;max-width:1320px;margin:0 auto;padding:0 var(--ec-gut);box-sizing:border-box}
#page-container .ec-sec .et_pb_column,#page-container .ec-header .et_pb_column,#page-container .ec-foot .et_pb_column{float:none;margin:0!important;width:auto!important;min-width:0}
#page-container .ec-sec .et_pb_module,#page-container .ec-header .et_pb_module,#page-container .ec-foot .et_pb_module{margin:0!important}
#page-container .ec-grid,#page-container .ec-split,#page-container .ec-three,#page-container .ec-hero-row,#page-container .ec-head-row{display:grid}
#page-container .ec-grid::after,#page-container .ec-split::after,#page-container .ec-three::after,#page-container .ec-hero-row::after,#page-container .ec-head-row::after{display:none}
.ec-sec p{padding-bottom:0;margin:0}
.ec-sec p+p{margin-top:16px}
.ec-sec ul{list-style:none;padding:0;margin:0}
.ec-sec h1,.ec-sec h2,.ec-sec h3,.ec-sec figure,.ec-sec blockquote{color:inherit;padding:0;margin:0}
.ec-sec h1,.ec-sec h2{font-family:var(--ec-display);font-weight:700}
.ec-sec h1{font-size:clamp(46px,7.2vw,104px);line-height:.98;letter-spacing:-.035em}
.ec-sec h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.025em}
.ec-sec h3{font-family:var(--ec-display);font-weight:600;font-size:23px;line-height:1.2}
.ec-sec a{color:inherit}
.ec-sec strong{font-weight:700}

/* Boutons : le survol ne reprend jamais le fond de la section */
.ec-btn,#page-container a.ec-btn{display:inline-flex;align-items:center;min-height:54px;padding:0 28px;border-radius:999px;box-sizing:border-box;background:var(--ec-ink);color:#fff;border:2px solid var(--ec-ink);font-weight:600;font-size:17px;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
#page-container a.ec-btn--line{background:transparent;color:var(--ec-ink)}
#page-container .ec-hero a.ec-btn:hover{background:#fff;border-color:#fff;color:var(--ec-ink)}
#page-container .ec-modalites a.ec-btn:hover{background:var(--ec-or);border-color:var(--ec-or);color:var(--ec-ink)}
#page-container .ec-pro a.ec-btn{background:var(--ec-or);border-color:var(--ec-or);color:var(--ec-ink)}
#page-container .ec-pro a.ec-btn:hover{background:#fff;border-color:#fff}
.ec-sec a:focus-visible,.ec-header a:focus-visible,.ec-foot a:focus-visible{outline:3px solid var(--ec-ink);outline-offset:3px}
.ec-pro a:focus-visible,.ec-foot a:focus-visible{outline-color:#fff}
.ec-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

/* En-tête */
#page-container .ec-header{background:var(--ec-or);position:relative;z-index:20}
#page-container .ec-head-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px}
#page-container .ec-header .ec-head-row{padding-top:28px;padding-bottom:20px}
#page-container .ec-head-row .et_pb_column:nth-child(1){flex:1 1 auto}
.ec-logo,#page-container .ec-logo{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ec-ink);text-decoration:none}
.ec-logo b{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--ec-ink);color:var(--ec-or);font-family:var(--ec-display);font-weight:800;font-size:18px;line-height:1}
.ec-logo span{font-family:var(--ec-display);font-weight:700;font-size:20px;line-height:1.1}
#page-container .ec-header .et_pb_menu,#page-container .ec-header .et_pb_menu__wrap{background:transparent;padding:0}
#page-container .ec-header .et-menu>li{padding:0 12px}
#page-container .ec-header .et-menu>li>a{padding:11px 0;color:var(--ec-ink);font-family:var(--ec-text);font-weight:600;font-size:15px;text-transform:none}
#page-container .ec-header .et_mobile_nav_menu{float:none;margin:0}
#page-container .ec-header .et_mobile_menu{left:auto;right:0;width:min(86vw,320px);border-top:3px solid var(--ec-ink);border-radius:0 0 14px 14px;background:#fff!important}
#page-container .ec-header .et_mobile_menu a{color:var(--ec-ink)!important;font-family:var(--ec-text);font-weight:600;background:transparent}
#page-container .ec-header a.ec-tel{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--ec-ink);color:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
#page-container .ec-header a.ec-tel:hover{background:#fff;color:var(--ec-ink)}

/* Sections en onglets : chacune recouvre le bas de la précédente */
#page-container .ec-tabbed{position:relative;margin-top:calc(-1 * var(--ec-r));border-radius:var(--ec-r) var(--ec-r) 0 0;background:var(--ec-paper);padding:clamp(40px,6vw,88px) 0 calc(56px + var(--ec-tab) + var(--ec-r))}
#page-container .ec-tabbed::before{position:absolute;bottom:100%;margin-bottom:-1px;left:calc((100% - var(--ec-wrap))/2 + var(--ec-gut) + var(--ec-x,0) * (var(--ec-wrap) - 2 * var(--ec-gut)));height:var(--ec-tab);box-sizing:border-box;padding:10px 22px;border-radius:14px 14px 0 0;background:inherit;color:inherit;font-weight:700;font-size:15px;line-height:24px;white-space:nowrap}
#page-container .ec-qui{--ec-x:0}#page-container .ec-qui::before{content:'Qui suis-je'}
#page-container .ec-pro{--ec-x:.13;background:var(--ec-ink);color:#fff}#page-container .ec-pro::before{content:'Professionnels'}
#page-container .ec-part{--ec-x:.26;background:var(--ec-cy)}#page-container .ec-part::before{content:'Particuliers'}
#page-container .ec-modalites{--ec-x:.39}#page-container .ec-modalites::before{content:'Modalités'}
#page-container .ec-contact{--ec-x:.52;background:var(--ec-or);padding-bottom:clamp(40px,6vw,88px)}#page-container .ec-contact::before{content:'Contact'}

/* Héro */
#page-container .ec-hero{background:var(--ec-or);padding:clamp(32px,5vw,72px) 0 calc(clamp(72px,8vw,112px) + var(--ec-tab) + var(--ec-r))}
#page-container .ec-hero-row{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:40px 64px;align-items:end}
.ec-kicker{font-weight:600;font-size:18px;margin-bottom:20px!important}
#page-container .ec-card{background:#000;color:#fff;border-radius:22px;overflow:hidden}
#page-container .ec-card .et_pb_image_wrap{display:block}
#page-container .ec-card img{display:block;width:100%;aspect-ratio:1/.92;object-fit:cover;object-position:50% 20%}
.ec-stats{display:flex;flex-direction:column;gap:10px;padding:20px 24px 24px!important;font-size:15px;line-height:1.4}
.ec-stats li{display:flex;justify-content:space-between;gap:16px}
.ec-stats span{color:#BDBDB8}
.ec-stats strong{color:var(--ec-cy);font-weight:600;text-align:right}

/* Qui suis-je */
#page-container .ec-split{grid-template-columns:3fr 2fr;gap:40px 72px}
.ec-qui h2,.ec-pro h2,.ec-part h2{margin-bottom:24px}
.ec-qui h3{font-family:var(--ec-text);font-size:15px;font-weight:700;margin:0 0 12px}
.ec-qui ul+h3{margin-top:28px}
.ec-chips{display:flex;flex-wrap:wrap;gap:8px}
.ec-chips li{padding:6px 14px;border-radius:999px;font-size:15px;line-height:1.4;border:1px solid}
.ec-chips--cy li{background:var(--ec-cy-pale);border-color:var(--ec-cy)}
.ec-chips--or li{background:var(--ec-or-pale);border-color:var(--ec-or)}

/* Professionnels */
#page-container .ec-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:40px 48px}
#page-container .ec-pro .et_pb_row+.et_pb_row{margin-top:48px}
.ec-lead{color:#CFCFCA}
#page-container .ec-pro .ec-grid .et_pb_column{border-top:1px solid #55565A;padding-top:18px}
.ec-pro h3{color:var(--ec-or);margin-bottom:12px}
.ec-sec .ec-grid li{font-size:16px;line-height:1.45;padding:3px 0}
.ec-pro .ec-grid li{color:#E6E6E2}
.ec-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-top:28px;border-top:1px solid #55565A}
.ec-end p{flex:1 1 340px;color:#CFCFCA}

/* Particuliers */
#page-container .ec-part .ec-grid{gap:16px}
#page-container .ec-part .et_pb_row+.et_pb_row{margin-top:40px}
#page-container .ec-part .ec-grid .et_pb_column{background:#fff;border-radius:18px;padding:26px 28px 30px}
.ec-part h3{color:var(--ec-teal);margin-bottom:12px}
.ec-part .ec-grid li{color:#3C3D40}
.ec-part .ec-pitch{font-weight:600}

/* Modalités */
#page-container .ec-three{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px 48px}
#page-container .ec-modalites .et_pb_row+.et_pb_row{margin-top:40px}
.ec-duree{font-family:var(--ec-display);font-weight:700;font-size:clamp(56px,7vw,88px);line-height:1.05;letter-spacing:-.03em}
.ec-sec p.ec-nom{margin:0;font-weight:600}
.ec-f1 .et_pb_text_inner::before,.ec-f2 .et_pb_text_inner::before,.ec-f3 .et_pb_text_inner::before{content:'';display:block;height:12px;margin-bottom:14px;border-radius:999px;background:linear-gradient(var(--ec-or),var(--ec-or)) left/var(--ec-part,100%) 100% no-repeat,#E4E2DA}
.ec-f1{--ec-part:14.3%}.ec-f2{--ec-part:50%}.ec-f3{--ec-part:100%}
.ec-sec h3.ec-etq{display:inline-block;margin:0 0 8px;padding:3px 12px;border-radius:999px;font-family:var(--ec-text);font-size:16px;font-weight:700;line-height:1.5}
.ec-etq--or{background:var(--ec-or)}.ec-etq--cy{background:var(--ec-cy)}.ec-sec h3.ec-etq--ink{background:var(--ec-ink);color:#fff}
.ec-modalites .ec-three p{color:#46474A}
.ec-modalites .ec-three p.ec-duree,.ec-modalites .ec-three p.ec-nom{color:var(--ec-ink)}

/* Contact */
#page-container .ec-contact .ec-split{grid-template-columns:1fr 1fr;gap:40px 72px}
.ec-contact h2{font-size:clamp(38px,5.4vw,72px);line-height:1;letter-spacing:-.03em;margin-bottom:32px}
.ec-coord{font-size:18px;font-weight:600;line-height:1.4}
.ec-coord span,.ec-coord a{display:block;padding:6px 0;overflow-wrap:anywhere}
.ec-coord a{text-decoration:underline}
.ec-coord span{font-weight:400}
.ec-avis{margin-top:32px;padding-top:24px;border-top:2px solid var(--ec-ink)}
.ec-etoiles{font-size:18px;letter-spacing:3px;line-height:1;margin-bottom:10px}
.ec-sec .ec-avis blockquote{font-family:var(--ec-display);font-weight:500;font-size:24px;line-height:1.25}
.ec-avis figcaption{margin-top:8px;font-size:15px}
#page-container .ec-form-col{background:#fff;border-radius:22px;padding:clamp(22px,3vw,40px);box-sizing:border-box}

/* Formulaire Forminator 53, posé sur la carte blanche */
.ec-form-col .forminator-label,.ec-form-col .forminator-field label{color:var(--ec-ink)!important;font-family:var(--ec-text)!important;font-size:15px!important;font-weight:600!important}
.ec-form-col .forminator-input,.ec-form-col .forminator-textarea{color:var(--ec-ink)!important;font-family:var(--ec-text)!important;border-color:#8A8B8E!important}
.ec-form-col .forminator-consent__label,.ec-form-col .forminator-consent__label p{color:var(--ec-ink)!important;font-family:var(--ec-text)!important;font-size:15px!important}
.ec-form-col .forminator-consent__label a{color:var(--ec-ink)!important;text-decoration:underline}
.ec-form-col .forminator-error-message,.ec-form-col .forminator-description{color:#A32A12!important;font-family:var(--ec-text)!important;background:transparent!important}
.ec-form-col .forminator-input--wrap::after,.ec-form-col .forminator-textarea--wrap::after{background-color:var(--ec-ink)!important;border-color:var(--ec-ink)!important}
.ec-form-col .forminator-button-submit{min-height:54px!important;padding:0 28px!important;border:2px solid var(--ec-ink)!important;border-radius:999px!important;background:var(--ec-ink)!important;color:#fff!important;font-family:var(--ec-text)!important;font-size:17px!important;font-weight:600!important;text-transform:none!important;cursor:pointer}
.ec-form-col .forminator-button-submit:hover{background:var(--ec-or)!important;border-color:var(--ec-or)!important;color:var(--ec-ink)!important}
.forminator-show.forminator-success{font-family:var(--ec-text)!important;background-color:var(--ec-cy-pale)!important;color:var(--ec-ink)!important}

/* Pied de page */
#page-container .ec-foot{background:var(--ec-ink);color:#E6E6E2;font-size:15px}
.ec-foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 24px;padding:16px 0}
.ec-foot-in div{display:flex;flex-wrap:wrap;gap:0 20px}
.ec-foot-in p{padding:0}
.ec-foot-in a{display:inline-block;padding:11px 0;color:#E6E6E2;text-decoration:underline}
.ec-foot-in a:hover{color:var(--ec-cy)}

/* Autres pages : place pour l'onglet Contact */
body:not(.home) #main-content{padding-bottom:calc(var(--ec-tab) + var(--ec-r) + 40px)}

@media (max-width:980px){
  #page-container .ec-hero-row,#page-container .ec-split,#page-container .ec-contact .ec-split{grid-template-columns:minmax(0,1fr)}
  #page-container .ec-card{max-width:420px}
  #page-container .ec-head-row .et_pb_column:nth-child(2){order:2}
  #page-container .ec-head-row .et_pb_column:nth-child(3){order:3}
}
@media (max-width:560px){
  #page-container .ec-head-row .et_pb_column:nth-child(1){flex:1 1 0}
  #page-container .ec-head-row .et_pb_column:nth-child(3){flex:1 1 100%}
}