@font-face{font-family:'CH Heavy';src:url(fonts/CooperHewitt-Heavy.woff) format('woff');font-display:swap}
@font-face{font-family:'CH Semibold';src:url(fonts/CooperHewitt-Semibold.woff) format('woff');font-display:swap}
@font-face{font-family:'CH Book';src:url(fonts/CooperHewitt-Book.woff) format('woff');font-display:swap}

:root{
  --orange:#F28C1E;
  --noir:#16171D;
  --texte:#45454D;
  --gris:#6B6E78;
  --gris-clair:#9A9EA8;
  --gris-sur-noir:#C9CCD3;
  --fond-gris:#F4F4F5;
  --marge:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fff;color:var(--texte);font-family:'CH Semibold',Arial,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--noir)}
a:hover{color:var(--texte)}
.wrap{max-width:1200px;margin:0 auto;padding-left:var(--marge);padding-right:var(--marge)}
.o{color:var(--orange)}
h1,h2,.heavy{font-family:'CH Heavy',Arial,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:0;line-height:1.02;color:var(--noir);margin:0}
h2{font-size:clamp(36px,4.5vw,60px)}
.petit-titre{font-size:14px;letter-spacing:4px;text-transform:uppercase;color:var(--gris)}

/* Boutons */
.btn{display:inline-block;text-decoration:none;padding:18px 30px;border-radius:999px;font-family:'CH Heavy',Arial,sans-serif;font-size:16px;letter-spacing:1px;text-transform:uppercase;line-height:1.1;transition:transform .15s ease,opacity .15s ease}
.btn:hover{transform:translateY(-1px);opacity:.92}
.btn-orange{background:var(--orange);color:var(--noir)}
.btn-orange:hover{color:var(--noir)}
.btn-noir{background:var(--noir);color:#fff}
.btn-noir:hover{color:#fff}
.btn-blanc{background:#fff;color:var(--noir)}
.btn-blanc:hover{color:var(--noir)}
.btn-petit{padding:15px 24px;font-size:14px}

/* En-tête */
.entete{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 1px 0 rgba(22,23,29,.06)}
.entete .wrap{padding-top:14px;padding-bottom:14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.entete img{display:block;width:52px;height:52px}
.menu{display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;font-size:16px}
.menu a{text-decoration:none;color:var(--noir)}
.menu a.o{color:var(--orange)}

/* Accueil */
.accueil{position:relative;min-height:760px;overflow:hidden;display:flex;align-items:flex-end}
.accueil>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.accueil .wrap{position:relative;width:100%;padding-top:48px;padding-bottom:clamp(48px,6vw,80px);color:#fff;text-shadow:0 1px 16px rgba(0,0,0,.45)}
.accueil h1{color:#fff;font-size:clamp(44px,6vw,84px);line-height:.95}
.accueil-rang{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 56px}
.accueil-droite{flex:0 1 520px;min-width:0}
.accueil p{margin:0;max-width:520px;font-size:clamp(17px,1.6vw,20px);line-height:1.4}
.boutons{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px;text-shadow:none}
.btn-voile{background:rgba(255,255,255,.92);color:var(--noir)}
.btn-voile:hover{color:var(--noir)}

/* Deux portes */
.portes{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.porte{text-decoration:none;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:14px;transition:transform .15s ease}
.porte:hover{transform:translateY(-2px)}
.porte .etiquette{font-size:13px;letter-spacing:3px;text-transform:uppercase}
.porte .nom{font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(24px,6.4vw,34px);overflow-wrap:anywhere;line-height:1.06;text-transform:uppercase}
.porte .lien{font-family:'CH Heavy',Arial,sans-serif;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.porte-kine{background:var(--fond-gris);color:var(--texte)}
.porte-kine:hover{color:var(--texte)}
.porte-kine .etiquette{color:var(--gris)}
.porte-kine .nom,.porte-kine .lien{color:var(--noir)}
.porte-entreprise{background:var(--noir);color:var(--gris-sur-noir)}
.porte-entreprise:hover{color:var(--gris-sur-noir)}
.porte-entreprise .etiquette{color:var(--gris-clair)}
.porte-entreprise .nom{color:#fff}
.porte-entreprise .lien{color:var(--orange)}

/* Formations */
.section{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.section-suite{padding-bottom:clamp(64px,8vw,112px)}
.agenda-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:36px}
.agenda-tete h2{margin-top:10px;font-size:clamp(40px,5.5vw,72px);line-height:1}
.agenda-tete p{margin:0;max-width:380px;font-size:17px}
.liste{display:flex;flex-direction:column;gap:12px}
.formation{background:var(--fond-gris);border-radius:20px;padding:22px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.formation .date{width:150px;flex:0 0 auto;display:flex;align-items:baseline;gap:10px}
.formation .jour{font-family:'CH Heavy',Arial,sans-serif;font-size:64px;line-height:.9;color:var(--orange)}
.formation .mois{font-family:'CH Heavy',Arial,sans-serif;font-size:15px;line-height:1.15;text-transform:uppercase;color:var(--noir)}
.formation .infos{flex:999 1 320px;min-width:0}
.formation .organisme{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gris)}
.formation .titre{margin-top:4px;font-family:'CH Heavy',Arial,sans-serif;font-size:26px;line-height:1.06;text-transform:uppercase;color:var(--noir)}
.formation .detail{margin-top:6px;font-size:16px}
.formation .btn{flex:0 0 auto}
.apres-liste{margin:22px 0 0;font-size:16px}
.vide{font-size:17px;background:var(--fond-gris);border-radius:20px;padding:28px}

/* Mosaïque */
.mosaique{display:flex;flex-wrap:wrap;gap:12px}
.mosaique img{object-fit:cover;border-radius:20px;display:block}
.mosaique .grande{flex:2 1 520px;min-width:0;height:492px}
.mosaique .colonne{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:12px}
.mosaique .colonne img{width:100%;height:240px}

/* Conférence */
.conference{position:relative;background:var(--noir);color:#fff;overflow:hidden}
.conference .wrap{padding-top:clamp(64px,8vw,112px);padding-bottom:170px}
.conference .petit-titre{color:var(--gris-clair)}
.conference .grande-date{margin-top:32px;font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(96px,14vw,190px);line-height:.85}
.conference .ville{font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(40px,5vw,72px);line-height:1;text-transform:uppercase}
.conf-rang{display:flex;flex-wrap:wrap;align-items:flex-end;gap:32px 64px}
.conf-gauche{flex:0 1 auto;min-width:0}
.conf-droite{flex:1 1 340px;min-width:0;padding-bottom:6px}
.conference .sujet{margin:0;max-width:520px;font-size:20px;line-height:1.4;color:var(--gris-sur-noir)}
.conference .sujet strong{color:#fff;font-weight:400}
.conference .lieu{margin:10px 0 0;font-size:16px;color:var(--gris-clair)}
.conference .btn{margin-top:32px}
.replays{margin-top:72px}
.replays h3{margin:0 0 18px;font-family:'CH Heavy',Arial,sans-serif;font-weight:400;font-size:clamp(26px,3vw,36px);text-transform:uppercase;color:#fff}
.replays .grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.replay{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:rgba(255,255,255,.06);border-radius:20px;padding:22px 24px;color:var(--gris-sur-noir);transition:background .15s ease}
.replay:hover{background:rgba(255,255,255,.1);color:var(--gris-sur-noir)}
.replay .quand{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gris-clair)}
.replay .quoi{font-family:'CH Heavy',Arial,sans-serif;font-size:20px;line-height:1.1;text-transform:uppercase;color:#fff}
.replay .voir{font-family:'CH Heavy',Arial,sans-serif;font-size:14px;letter-spacing:1px;text-transform:uppercase;color:var(--orange)}
.skyline{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);width:min(1100px,92%);height:116px;overflow:visible}

/* Le club */
.club{display:flex;flex-wrap:wrap-reverse;align-items:center;gap:48px 72px}
.club .texte{flex:999 1 420px;min-width:0}
.club .texte p{margin:14px 0 0;font-size:18px}
.club .texte p:first-of-type{margin-top:24px}
.club .texte .conclusion{color:var(--noir)}
.carre{display:inline-block;width:.7em;height:.7em;background:var(--orange);border-radius:2px}
.club img{flex:1 1 300px;max-width:420px;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px}
.partenaires-intro{margin-top:32px;font-size:16px}
.partenaires{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}
.partenaires span{background:var(--fond-gris);border-radius:999px;padding:9px 16px;font-size:15px;color:var(--noir)}
.of{margin:20px 0 0;font-size:16px}

/* Groupe */
.groupe{background:var(--fond-gris)}
.groupe .wrap{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px 64px}
.groupe .texte{flex:999 1 420px;min-width:0}
.groupe h2{font-size:clamp(32px,4vw,48px)}
.groupe p{margin:16px 0 0;max-width:620px;font-size:18px}

/* Entreprises */
.ent-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 64px}
.ent-tete .gauche{flex:999 1 460px;min-width:0}
.ent-tete .gauche p{margin:24px 0 0;max-width:640px;font-size:18px}
.ent-tete .droite{flex:1 1 320px;margin:0;font-size:16px;color:var(--gris)}
.formats{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.format{background:var(--fond-gris);border-radius:20px;padding:24px}
.format .nom{font-family:'CH Heavy',Arial,sans-serif;font-size:20px;line-height:1.1;text-transform:uppercase;color:var(--noir)}
.format p{margin:10px 0 0;font-size:16px}
.ecoute{margin-top:12px;background:var(--noir);border-radius:24px;padding:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.ecoute .texte{flex:999 1 420px;min-width:0}
.ecoute .titre{font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.06;text-transform:uppercase;color:#fff}
.ecoute p{margin:12px 0 0;max-width:620px;font-size:17px;color:var(--gris-sur-noir)}
.ecoute .action{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ecoute .action span{font-size:15px;color:var(--gris-sur-noir)}
.ecoute .action span b{font-weight:400;color:#fff}

/* Ressources */
.ressources h2{margin-bottom:36px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.carte{border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:14px}
.carte .etiquette{font-size:13px;letter-spacing:3px;text-transform:uppercase}
.carte .nom{font-family:'CH Heavy',Arial,sans-serif;font-size:30px;line-height:1.06;text-transform:uppercase}
.carte p{margin:0;font-size:17px}
.carte-claire{background:var(--fond-gris)}
.carte-claire .etiquette{color:var(--gris)}
.carte-claire .nom{color:var(--noir)}
.carte-sombre{background:var(--noir);color:var(--gris-sur-noir);padding:28px;flex-direction:row;flex-wrap:wrap;gap:24px}
.carte-sombre img{flex:0 0 160px;width:160px;height:200px;object-fit:cover;border-radius:14px}
.carte-sombre .contenu{flex:999 1 240px;min-width:0;display:flex;flex-direction:column;gap:14px;padding-top:8px}
.carte-sombre .etiquette{color:var(--gris-clair)}
.carte-sombre .nom{color:#fff}
.carte .btn{align-self:flex-start;margin-top:8px;padding:16px 26px;font-size:15px}

/* Réseaux */
.reseaux{position:relative;min-height:clamp(560px,56vw,810px);overflow:hidden;display:flex;align-items:flex-start}
.reseaux>img.fond{position:absolute;top:0;left:0;width:130%;max-width:none;height:100%;object-fit:cover;object-position:50% 47%}
.reseaux .logo-coin{position:absolute;top:28px;right:var(--marge);width:56px;height:56px}
.reseaux .wrap{position:relative;width:100%;padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(48px,6vw,80px);color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.32)}
.reseaux h2{color:#fff;font-size:clamp(36px,4.6vw,64px);line-height:.95}
.reseaux p{margin:16px 0 0;max-width:360px;font-size:17px;line-height:1.4}
.icones{margin-top:28px;display:flex;align-items:center;gap:28px;filter:drop-shadow(0 1px 8px rgba(0,0,0,.35))}
.icones a{display:block;width:48px;height:48px;color:#fff;transition:transform .15s ease}
.icones a:hover{color:#fff;transform:translateY(-2px)}

/* Pied de page */
.pied{position:relative;background:var(--noir);color:var(--gris-sur-noir);overflow:hidden}
.pied .wrap{padding-top:clamp(64px,8vw,96px);padding-bottom:180px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 64px}
.pied .gauche{flex:999 1 380px;min-width:0}
.pied .gauche img{display:block;width:56px;height:56px}
.pied .slogan{margin-top:24px;font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(32px,4vw,48px);line-height:1.02;text-transform:uppercase;color:#fff}
.pied .mail{display:inline-block;margin-top:20px;font-size:22px;color:var(--orange)}
.pied .droite{flex:1 1 260px;display:flex;flex-direction:column;gap:10px;font-size:16px}
.pied .droite a{color:#fff;text-decoration:none}
.pied .droite a.discret{color:var(--gris-clair);text-decoration:underline}
.pied .mentions{margin-top:14px;color:var(--gris-clair);font-size:15px;line-height:1.5}
.pied .mentions b{color:#fff;font-weight:400}
.pied .petit{color:var(--gris-clair);font-size:14px;line-height:1.5}

/* Mentions légales */
.ml{max-width:820px;margin:0 auto;padding:clamp(56px,8vw,104px) var(--marge)}
.ml h1{font-size:clamp(40px,6vw,72px);line-height:1}
.ml h2{margin:56px 0 18px;font-size:28px}
.ml p{margin:0 0 14px;font-size:17px}
.fiche{background:var(--fond-gris);border-radius:20px;padding:28px 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 32px;font-size:16px}
.fiche .lib{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gris)}
.fiche .val{color:var(--noir)}
.bas-simple{background:var(--noir);color:var(--gris-clair)}
.bas-simple .wrap{padding-top:40px;padding-bottom:40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;font-size:15px}
.bas-simple a{color:var(--orange)}

.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px;margin-top:40px;padding-top:32px;border-top:1px solid #E4E4E7}
.chiffres .nb{display:block;font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(40px,4.4vw,60px);line-height:1;color:var(--orange)}
.chiffres .lib{display:block;margin-top:8px;font-size:15px;line-height:1.35;color:var(--gris)}
/* Page prévention TMS */
.nom-complet{margin-top:14px;font-size:15px;color:var(--gris-clair)}
.en-savoir{margin:20px 0 0;font-size:17px}
.en-savoir a{color:var(--noir)}
.prev-tete{padding-top:clamp(56px,8vw,104px)}
.prev-tete h1{font-size:clamp(40px,6vw,80px);line-height:.98;max-width:980px}
.prev .chapo{margin:24px 0 0;max-width:720px;font-size:clamp(18px,1.7vw,21px);line-height:1.45}
.prev-bloc{padding-top:clamp(48px,6vw,80px)}
.prev-bloc:last-child{padding-bottom:clamp(64px,8vw,112px)}
.prev h2{font-size:clamp(28px,3.4vw,44px);line-height:1.02;margin:0 0 18px}
.prev p{font-size:17px;margin:0 0 12px}
.prev-deux{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px 64px;align-items:start}
.prev-gris{background:var(--fond-gris);border-radius:20px;padding:28px}
.prev-gris b{font-weight:400;color:var(--noir)}
.prev-intro{max-width:720px}
.etapes{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.etapes li{background:var(--fond-gris);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:6px}
.etapes .quand{font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(30px,3vw,40px);line-height:1;color:var(--orange)}
.etapes .quoi{font-family:'CH Heavy',Arial,sans-serif;font-size:18px;text-transform:uppercase;color:var(--noir)}
.etapes .det{font-size:15px;color:var(--gris)}
.prev-note{margin-top:20px !important;font-size:17px;color:var(--noir)}
.prev .formats{margin-top:8px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.prev .format p{margin:10px 0 0;font-size:16px}
.prev .ecoute p{margin:12px 0 0}
.liste{margin:0 0 16px;padding-left:22px;font-size:17px;line-height:1.6;color:var(--noir)}

@media (max-width:600px){.chiffres{grid-template-columns:repeat(2,1fr);gap:24px 16px}}

@media (max-width:600px){
  .accueil{min-height:700px}
  .accueil>img{top:auto;bottom:0;height:120%;object-position:30% 100%}
  .reseaux{min-height:600px}
  .reseaux>img.fond{width:100%;object-position:58% 5%}
  .mosaique .grande{height:300px}
  .formation{padding:20px}
  .porte{padding:28px 24px}
  .formation .titre{font-size:22px}
  .carte,.carte-sombre{padding:24px}
  .formation .date{width:auto}
  .entete .wrap{flex-wrap:nowrap;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
  .entete img{width:46px;height:46px}
  .boutons{flex-direction:column;align-items:stretch}
  .boutons .btn{text-align:center}
  .ecoute .action{flex:1 1 100%;width:100%;align-items:stretch}
  .ecoute .action span{text-align:center}
  .ecoute .action .btn{padding:18px 14px;font-size:15px;letter-spacing:.5px}
  .menu{flex:1 1 auto;justify-content:flex-end;gap:4px 14px;font-size:14px;max-width:270px}
}
.prev-deux a{color:var(--noir)}
.prev .lien-o{color:var(--orange);text-decoration-thickness:1px}
.prev .titre-o{font-family:'CH Heavy',Arial,sans-serif;font-size:20px;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
.logo-partenaire{display:block;width:200px;height:auto;margin:0 0 20px}
.prev .en-savoir{margin-top:28px;font-size:16px;color:var(--gris)}
.ecoute .action .btn{width:100%;text-align:center;white-space:normal}
.carte-couv{flex-direction:row;flex-wrap:wrap;gap:24px;padding:28px}
.carte-couv .contenu{flex:999 1 240px;min-width:0;display:flex;flex-direction:column;gap:14px;padding-top:8px}
.carte .couv,.carte-sombre img.couv{flex:0 0 170px;width:170px;height:240px;object-fit:cover;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.pied .droite a.lien-newsletter{color:var(--orange)}
.chiffres .lib a{color:var(--gris);text-decoration:underline;text-underline-offset:2px}
.chiffres .lib a:hover{color:var(--orange)}
/* Page organisation de formations */
.offre-gratuite{background:var(--orange);border-radius:24px;padding:clamp(28px,4vw,44px);color:var(--noir)}
.offre-gratuite .etiquette-o{font-size:13px;letter-spacing:3px;text-transform:uppercase}
.offre-gratuite .titre{margin-top:10px;font-family:'CH Heavy',Arial,sans-serif;font-size:clamp(26px,3.2vw,40px);line-height:1.05;text-transform:uppercase}
.offre-gratuite .titre .o{color:#fff}
.offre-gratuite p{margin:12px 0 0;max-width:640px;font-size:17px}
.forfaits .num{font-family:'CH Heavy',Arial,sans-serif;font-size:36px;line-height:1;color:var(--orange);margin-bottom:10px}
.forfaits ul{margin:12px 0 0;padding-left:18px;font-size:16px;line-height:1.55}
.references{font-size:17px;color:var(--gris)}
.references b{font-weight:400;color:var(--noir)}
.prev .cartes{margin-top:8px}
/* Témoignages */
.temos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.temos-accueil{margin-top:12px}
.temo{margin:0;background:var(--fond-gris);border-radius:20px;padding:26px 26px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.temo blockquote{margin:0;font-size:17px;line-height:1.45;color:var(--noir)}
.temo figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--gris)}
.temo figcaption b{font-family:'CH Heavy',Arial,sans-serif;font-weight:400;font-size:15px;text-transform:uppercase;color:var(--noir)}
.temos-src{margin:12px 0 0;font-size:14px;color:var(--gris-clair)}
.temo figcaption::before{content:"";display:block;width:32px;height:3px;background:var(--orange);margin-bottom:10px}
.format-livrables{background:var(--noir);color:var(--gris-sur-noir)}
.format-livrables .nom{color:#fff}
.format-livrables ul{margin:10px 0 0;padding-left:18px;font-size:15px;line-height:1.5}
.format-livrables b{font-weight:400;color:var(--orange)}