/* Page Gipco-ADNS (/inscriptions-en-ligne-evenement), refonte visuelle WEBAD-1134 (22/10/2026).
   Version B validée par Antoine : noir chaud rare (haut de page, preuves, appel final), contenus crème et sable,
   scènes d'objets blancs sur panneaux sombres et chauds. Feuille chargée par cette seule page ; le contenu est limité à main.gp2, l'en-tête commun est retouché ici pour se poser sur la photo.
   Les règles de l'en-tête (hors main) portent leurs couleurs en clair : les jetons --gp-* n'existent que sous main.gp2.
   v3 (22/10/2026) : liens du texte sur fond noir (maillage interne). v2 et ad-gipco.css restent en ligne, inutilisées. */
main.gp2 { --gp-encre:#17140f; --gp-nuit:#221d17; --gp-neige:#f7f3ec; --gp-sable:#ede6da; --gp-texte:#111114; --gp-doux:#5b5f66; --gp-discret:#8a8d93; --gp-filet:#e2dbcf; --gp-filet-n:rgba(255,255,255,.14); --gp-soleil:#ffda1a; --gp-vert:#123f3a; --gp-titre:var(--ad-police-titre); --gp-corps:var(--ad-police-texte); --gp-gap:clamp(40px,7vw,102px); background:var(--gp-neige); }
main.gp2 h1, main.gp2 h2 { font-family:var(--gp-titre); font-weight:600; letter-spacing:-.04em; margin:0; text-wrap:balance; color:inherit; }
main.gp2 h2 { font-size:clamp(32px,4.2vw,60px); line-height:.98; }
main.gp2 h3 { font:600 21px/1.25 var(--gp-titre); letter-spacing:-.015em; margin:0; color:inherit; }
main.gp2 p { margin:0; }
.gp2 .gp-w { position:relative; width:100%; max-width:calc(var(--ad-max) + 2 * var(--ad-gouttiere)); margin-inline:auto; padding-inline:var(--ad-gouttiere); }
.gp2 .gp-sur { font:600 12px/1.4 var(--gp-corps); letter-spacing:.2em; text-transform:uppercase; display:flex; gap:14px; align-items:center; margin:0 0 28px; }
.gp2 .gp-sur::before { content:""; flex:none; width:32px; height:1px; background:var(--gp-soleil); }
.gp2 .gp-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; margin-top:36px; padding:0 24px; border-radius:10px; background:var(--gp-soleil); color:#111; font-weight:600; font-size:15.5px; text-decoration:none; }
.gp2 .gp-btn:focus-visible { outline:3px solid #fff; outline-offset:3px; }
.ad-entete { position:absolute; left:0; right:0; top:0; background:transparent; --ad-texte:#fff; --ad-texte-doux:rgba(255,255,255,.84); --ad-fond:#17140f; --ad-fond-alt:rgba(255,255,255,.1); --ad-filet:rgba(255,255,255,.14); --ad-courant:#ffda1a; --ad-secondaire-bordure:rgba(255,255,255,.4); --ad-lien-trait:rgba(255,255,255,.5); --ad-encre-survol:#e9e5dc; --ad-logo-std:none; --ad-logo-clair:block; --ad-focus:#ffda1a; color:#fff; }
.ad-entete .ad-barre { border-bottom-color:rgba(255,255,255,.12); }
.ad-entete .ad-btn--encre { background:#fff; color:#17140f; }
.ad-entete .ad-menu > summary { color:#fff; }
.ad-entete:has(.ad-menu[open]) { background:#17140f; }
.gp2 .gp-hero { position:relative; height:900px; overflow:hidden; color:#fff; background:var(--gp-encre); }
.gp2 .gp-photo { position:absolute; inset:0; background:url(/images/gipco/accueil-1920.webp) center 40%/cover no-repeat; }
.gp2 .gp-voile { position:absolute; inset:0; background:linear-gradient(90deg,rgba(23,20,15,.6),rgba(23,20,15,.28) 40%,rgba(23,20,15,0) 56%), linear-gradient(180deg,rgba(23,20,15,.5),rgba(23,20,15,0) 16%,rgba(23,20,15,0) 66%,rgba(23,20,15,.9) 100%); }
.gp2 .gp-hero__in { z-index:2; padding-top:170px; }
.gp2 .gp-hero__t { width:min(700px,58%); }
.gp2 .gp-hero .gp-sur { color:rgba(255,255,255,.74); }
.gp2 .gp-hero h1 { font-size:clamp(40px,5.2vw,74px); line-height:.96; }
.gp2 .gp-chap { font-size:18px; line-height:1.6; color:rgba(255,255,255,.82); margin-top:26px !important; max-width:31em; }
.gp2 .gp-chap2 { font-size:16px; line-height:1.6; color:rgba(255,255,255,.68); margin-top:12px !important; max-width:34em; }
.gp2 .gp-chap2 b { color:#fff; font-weight:600; }
.gp2 .gp-hero__scene { position:absolute; margin:0; top:392px; right:max(-36px, calc(16px - max(0px, (100vw - 1264px) / 2))); width:612px; z-index:3; }
.gp2 .gp-hs { position:relative; height:420px; }
.gp2 .gp-hcard { position:absolute; right:0; top:0; width:420px; }
.gp2 .gp-hbadge { left:0; top:168px; }
.gp2 .gp-refs { position:absolute !important; left:0; right:0; bottom:30px; z-index:2; display:flex; align-items:center; gap:40px; }
.gp2 .gp-refs::before { content:""; position:absolute; left:var(--ad-gouttiere); right:var(--ad-gouttiere); top:-22px; height:1px; background:var(--gp-filet-n); }
.gp2 .gp-preuve { flex:none; display:flex; align-items:center; gap:14px; padding-right:36px; border-right:1px solid var(--gp-filet-n); }
.gp2 .gp-preuve b { font:600 34px/1 var(--gp-titre); letter-spacing:-.03em; color:#fff; }
.gp2 .gp-preuve span { width:150px; font-size:12px; line-height:1.4; color:rgba(255,255,255,.68); }
.gp2 .gp-logos { flex:1; display:flex; align-items:center; justify-content:space-between; gap:24px; margin:0; padding:0; list-style:none; }
.gp2 .gp-logos img { display:block; height:30px; width:auto; opacity:.8; }
.gp2 .obj { position:absolute; color:var(--gp-texte); z-index:2; }
.gp2 .card { background:#fff; color:var(--gp-texte); border-radius:14px; overflow:hidden; text-align:left; box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 0 0 1px rgba(0,0,0,.06),-12px 24px 48px -12px rgba(0,0,0,.5),-36px 60px 120px -30px rgba(0,0,0,.55); }
.gp2 .card.s2 { box-shadow:0 0 0 1px rgba(0,0,0,.06),-8px 14px 26px -8px rgba(0,0,0,.45),-18px 30px 56px -22px rgba(0,0,0,.5); }
.gp2 .hd { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:16px 20px; border-bottom:1px solid #eeede8; font-size:12px; color:var(--gp-doux); }
.gp2 .hd b { font-size:13px; font-weight:600; color:var(--gp-texte); display:flex; align-items:center; gap:10px; }
.gp2 .hd b i { width:26px; height:26px; border-radius:7px; background:var(--gp-texte); color:#fff; display:grid; place-items:center; font-size:13px; }
.gp2 .live { font-size:12px; font-weight:600; color:var(--gp-texte); display:flex; align-items:center; gap:7px; }
.gp2 .live::before { content:""; width:8px; height:8px; border-radius:50%; background:#1f9d57; box-shadow:0 0 0 4px rgba(31,157,87,.16); }
.gp2 .kpi { display:grid; grid-template-columns:1fr auto; align-items:end; padding:18px 20px 4px; }
.gp2 .kpi .n { font:600 46px/1 var(--gp-titre); letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.gp2 .kpi .n small { font:500 18px var(--gp-corps); color:#9a9ca3; letter-spacing:0; margin-left:6px; }
.gp2 .kpi .d { text-align:right; font-size:12px; color:var(--gp-doux); line-height:1.5; }
.gp2 .kpi .d b { display:block; color:var(--gp-texte); font-size:13px; }
.gp2 .seg { display:flex; gap:3px; margin:14px 20px 6px; height:6px; }
.gp2 .seg i { flex:1; border-radius:3px; background:#ecebe6; }
.gp2 .seg i.on { background:var(--gp-texte); }
.gp2 .seg i.y { background:var(--gp-soleil); }
.gp2 .leg { display:flex; justify-content:space-between; padding:0 20px 14px; font-size:11.5px; color:var(--gp-discret); }
.gp2 .row { display:grid; grid-template-columns:32px 1fr auto; gap:12px; align-items:center; padding:11px 20px; border-top:1px solid #f2f1ed; }
.gp2 .row.nu { grid-template-columns:1fr auto; }
.gp2 .av { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:11.5px; font-weight:600; background:#f1f0ec; color:var(--gp-texte); }
.gp2 .who b { display:block; font-size:14px; font-weight:500; }
.gp2 .who span { display:block; font-size:12px; color:var(--gp-doux); margin-top:1px; }
.gp2 .r { display:flex; align-items:center; gap:10px; font-size:12px; color:var(--gp-doux); font-variant-numeric:tabular-nums; }
.gp2 .ok { width:20px; height:20px; border-radius:50%; background:var(--gp-texte); color:#fff; display:grid; place-items:center; font-size:11px; }
.gp2 .pill { padding:4px 9px; border-radius:999px; font-size:11.5px; font-weight:600; white-space:nowrap; }
.gp2 .pill.j { background:#fff3c4; color:#5c4400; }
.gp2 .pill.g { background:#f1f0ec; color:#3d4046; }
.gp2 .pill.n { background:var(--gp-texte); color:#fff; }
.gp2 .ft { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:12px 20px; background:#f7f6f2; font-size:12px; color:#55585f; }
.gp2 .ft b { color:var(--gp-texte); font-weight:600; }
.gp2 .chk { display:grid; grid-template-columns:20px 1fr auto; gap:10px; align-items:center; padding:10px 20px; border-top:1px solid #f2f1ed; font-size:13.5px; }
.gp2 .chk .bx { width:18px; height:18px; border-radius:5px; background:var(--gp-texte); color:#fff; display:grid; place-items:center; font-size:11px; }
.gp2 .chk .bx.off { background:#fff; box-shadow:inset 0 0 0 1.5px #c9c7c1; }
.gp2 .chk .r { font-size:12px; }
.gp2 .cta2 { display:flex; justify-content:center; align-items:center; gap:8px; padding:12px; border-radius:10px; background:var(--gp-texte); color:#fff; font-size:13px; font-weight:600; }
.gp2 .badge { position:absolute; width:196px; background:#fff; color:var(--gp-texte); border-radius:12px; transform:rotate(-3deg); overflow:hidden; z-index:3; box-shadow:0 0 0 1px rgba(0,0,0,.05),-8px 14px 26px -8px rgba(0,0,0,.55),-20px 34px 60px -24px rgba(0,0,0,.6); }
.gp2 .badge::before { content:""; position:absolute; left:50%; top:9px; width:40px; height:7px; border-radius:7px; transform:translateX(-50%); background:#d9d7d0; box-shadow:inset 0 1px 2px rgba(0,0,0,.3); }
.gp2 .badge .band { margin-top:24px; background:var(--gp-vert); color:#fff; padding:12px 14px; }
.gp2 .badge .band small { font-size:9.5px; letter-spacing:.16em; text-transform:uppercase; opacity:.75; }
.gp2 .badge .band b { display:block; font:600 15px/1.15 var(--gp-titre); margin-top:4px; }
.gp2 .badge .c { padding:14px 14px 16px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:8px; }
.gp2 .badge .c b { display:block; font:600 19px/1.05 var(--gp-titre); }
.gp2 .badge .c span { display:block; font-size:11px; color:var(--gp-doux); margin-top:4px; }
.gp2 .badge .c em { display:inline-block; margin-top:10px; font-style:normal; padding:3px 9px; border-radius:999px; background:var(--gp-soleil); font-size:10.5px; font-weight:600; }
.gp2 .badge .c i { font-size:42px; line-height:1; }
.gp2 .tb { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #f2f1ed; }
.gp2 .tb div { padding:14px 18px; }
.gp2 .tb div + div { border-left:1px solid #f2f1ed; }
.gp2 .tb b { display:block; font:600 28px/1 var(--gp-titre); letter-spacing:-.02em; }
.gp2 .tb span { font-size:11.5px; color:var(--gp-discret); }
.gp2 .notif { position:absolute; display:flex; align-items:center; gap:12px; padding:12px 16px 12px 12px; border-radius:14px; background:#17171b; color:#fff; font-size:13px; white-space:nowrap; z-index:4; text-align:left; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),-10px 18px 36px -8px rgba(0,0,0,.6); }
.gp2 .notif .ti { flex:none; width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:var(--gp-soleil); color:#111; font-size:15px; }
.gp2 .notif b { display:block; font-weight:600; }
.gp2 .notif span { color:rgba(255,255,255,.62); font-size:12px; }
.gp2 .pan { position:relative; border-radius:8px; overflow:hidden; aspect-ratio:var(--w) / var(--h); background:radial-gradient(ellipse 65% 75% at 92% 8%,rgba(255,196,120,.30),rgba(255,196,120,0) 62%),radial-gradient(ellipse 80% 60% at 20% 110%,rgba(255,170,90,.10),transparent 60%),var(--gp-nuit); }
.gp2 .gp-scene { position:absolute; left:0; top:0; width:calc(var(--w) * 1px); height:calc(var(--h) * 1px); transform-origin:0 0; transform:scale(var(--k,1)); }
.gp2 .gp-m-seul { display:none; }
.gp2 .mini-t { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gp-discret); font-weight:600; }
.gp2 .c-ed { width:216px; padding:16px 18px; opacity:.92; }
.gp2 .c-ed .yr { display:flex; justify-content:space-between; align-items:center; }
.gp2 .c-ed > b { display:block; font:600 15px/1.25 var(--gp-titre); margin-top:10px; }
.gp2 .c-ed .st { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; padding-top:12px; border-top:1px solid #f0efea; }
.gp2 .c-ed .st b { display:block; font:600 20px/1 var(--gp-titre); }
.gp2 .c-ed .st span { font-size:11px; color:var(--gp-discret); }
.gp2 .liens { position:absolute; z-index:1; overflow:visible; }
.gp2 .liens path { fill:none; stroke:rgba(255,218,26,.75); stroke-width:1.5; stroke-dasharray:3 5; }
.gp2 .chip { position:absolute; z-index:3; display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:rgba(23,20,15,.9); color:#fff; font-size:11.5px; font-weight:500; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
.gp2 .chip i { color:var(--gp-soleil); }
.gp2 .phone { position:absolute; width:206px; height:420px; border-radius:34px; background:#0f0d0a; padding:9px; z-index:3; box-shadow:inset 0 0 0 1.5px #3a342b,-14px 26px 50px -12px rgba(0,0,0,.6); }
.gp2 .phone .ecran { width:100%; height:100%; border-radius:26px; background:#fff; color:var(--gp-texte); overflow:hidden; position:relative; text-align:left; }
.gp2 .phone .encoche { position:absolute; left:50%; top:8px; width:64px; height:18px; border-radius:12px; background:#0f0d0a; transform:translateX(-50%); z-index:2; }
.gp2 .phone .ban { height:150px; background:linear-gradient(180deg,rgba(18,63,58,.15),rgba(18,63,58,.9)),url(/images/gipco/banniere.webp) center/cover; position:relative; color:#fff; padding:14px; }
.gp2 .phone .ban small { position:absolute; top:36px; left:14px; font-size:9px; letter-spacing:.16em; text-transform:uppercase; opacity:.85; }
.gp2 .phone .ban b { position:absolute; left:14px; bottom:14px; font:600 17px/1.1 var(--gp-titre); }
.gp2 .phone .inf { padding:12px 14px; font-size:11.5px; line-height:1.5; color:#3d4046; }
.gp2 .phone .inf b { color:var(--gp-texte); }
.gp2 .phone .prog { margin:0 14px; border-top:1px solid #efeee9; }
.gp2 .phone .prog div { display:flex; gap:10px; padding:7px 0; border-bottom:1px solid #f3f2ee; font-size:11px; }
.gp2 .phone .prog em { font-style:normal; color:var(--gp-discret); width:34px; }
.gp2 .phone .go { position:absolute; left:14px; right:14px; bottom:14px; padding:10px; border-radius:10px; background:var(--gp-soleil); font-size:12px; font-weight:600; text-align:center; }
.gp2 .win { position:absolute; background:#fff; color:var(--gp-texte); border-radius:12px; overflow:hidden; z-index:2; text-align:left; box-shadow:0 0 0 1px rgba(0,0,0,.08),-14px 28px 56px -14px rgba(0,0,0,.55),-40px 70px 130px -40px rgba(0,0,0,.6); }
.gp2 .win .chrome { height:34px; display:flex; align-items:center; gap:6px; padding:0 14px; background:#f4f2ee; border-bottom:1px solid #e8e5df; }
.gp2 .win .chrome i { width:9px; height:9px; border-radius:50%; background:#d8d4cc; }
.gp2 .win .chrome span { margin-left:16px; font-size:11px; color:var(--gp-discret); background:#fff; border-radius:6px; padding:3px 10px; }
.gp2 .win .corps { display:grid; grid-template-columns:178px 1fr; }
.gp2 .side { background:#faf9f6; border-right:1px solid #eeebe5; padding:14px 10px; min-height:520px; }
.gp2 .side .es { display:flex; align-items:center; gap:8px; padding:6px 8px 14px; font-size:12px; font-weight:600; }
.gp2 .side .es i { width:24px; height:24px; border-radius:7px; background:var(--gp-vert); color:#fff; display:grid; place-items:center; font-size:11px; font-style:normal; }
.gp2 .side a { display:flex; align-items:center; gap:9px; padding:7px 8px; border-radius:7px; font-size:12.5px; color:#4a4d54; text-decoration:none; }
.gp2 .side a.on { background:#fff; color:var(--gp-texte); font-weight:600; box-shadow:0 0 0 1px #ebe8e1; }
.gp2 .side .grp { margin:14px 8px 6px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:var(--gp-discret); }
.gp2 .main { padding:18px 22px; }
.gp2 .main .tt { display:flex; justify-content:space-between; align-items:center; }
.gp2 .main .tt > b { font:600 17px var(--gp-titre); }
.gp2 .tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
.gp2 .tiles div { border:1px solid #eeebe5; border-radius:10px; padding:10px 12px; }
.gp2 .tiles b { display:block; font:600 22px/1 var(--gp-titre); }
.gp2 .tiles span { font-size:11px; color:var(--gp-discret); }
.gp2 .tiles em { display:block; font-style:normal; font-size:10.5px; color:#1f7a46; margin-top:4px; }
.gp2 .grap { margin-top:14px; border:1px solid #eeebe5; border-radius:10px; padding:12px 14px; }
.gp2 .grap .lg2 { display:flex; gap:14px; font-size:10.5px; color:var(--gp-discret); }
.gp2 .grap .lg2 i { display:inline-block; width:8px; height:8px; border-radius:2px; margin-right:5px; }
.gp2 .bars { display:flex; align-items:flex-end; gap:12px; height:96px; margin-top:10px; border-bottom:1px solid #eeebe5; }
.gp2 .bars .g { flex:1; display:flex; align-items:flex-end; gap:3px; height:100%; }
.gp2 .bars .g i { flex:1; border-radius:2px 2px 0 0; }
.gp2 .c1 { background:#17140f; }
.gp2 .c2 { background:#c9a24a; }
.gp2 .c3 { background:#d9d4c8; }
.gp2 .axe2 { display:flex; justify-content:space-between; font-size:10px; color:var(--gp-discret); margin-top:5px; }
.gp2 .evl { margin-top:12px; }
.gp2 .evl > div { display:grid; grid-template-columns:1fr 160px 54px; gap:12px; align-items:center; padding:8px 0; border-top:1px solid #f1efea; font-size:12.5px; }
.gp2 .evl b { font-weight:500; }
.gp2 .evl span { font-size:11px; color:var(--gp-discret); }
.gp2 .pr { height:5px; border-radius:5px; background:#efece6; overflow:hidden; }
.gp2 .pr i { display:block; height:100%; background:#17140f; }
.gp2 .frise { position:absolute; left:40px; right:40px; top:330px; height:1px; background:rgba(255,255,255,.22); z-index:1; }
.gp2 .noeud { position:absolute; width:12px; height:12px; border-radius:50%; background:#2c2721; box-shadow:0 0 0 1.5px rgba(255,255,255,.5); z-index:2; }
.gp2 .noeud.on { background:var(--gp-soleil); box-shadow:0 0 0 5px rgba(255,218,26,.18); }
.gp2 .an { position:absolute; font:600 12px var(--gp-titre); color:rgba(255,255,255,.7); z-index:2; }
.gp2 .spark { display:flex; align-items:flex-end; gap:3px; height:26px; margin-top:10px; }
.gp2 .spark i { flex:1; border-radius:2px; background:#d9d4c8; }
.gp2 .champ { display:grid; grid-template-columns:72px 1fr auto; gap:10px; align-items:center; padding:9px 16px; border-top:1px solid #f1efea; font-size:12.5px; }
.gp2 .champ span { color:var(--gp-discret); font-size:11.5px; }
.gp2 .champ b { font-weight:500; }
.gp2 .champ.a b { background:#fff6cf; box-shadow:0 0 0 1.5px var(--gp-soleil); border-radius:6px; padding:3px 7px; margin-left:-7px; justify-self:start; }
.gp2 .mail2 { position:absolute; width:262px; background:#fff; color:var(--gp-texte); border-radius:12px; overflow:hidden; z-index:2; text-align:left; box-shadow:0 0 0 1px rgba(0,0,0,.06),-12px 22px 44px -12px rgba(0,0,0,.55); }
.gp2 .mail2 .ent { padding:10px 14px; font-size:10.5px; color:var(--gp-discret); border-bottom:1px solid #f0eee9; line-height:1.5; overflow-wrap:anywhere; }
.gp2 .mail2 .ent b { color:var(--gp-texte); font-weight:600; }
.gp2 .mail2 .ban2 { height:96px; background:linear-gradient(180deg,rgba(18,63,58,.1),rgba(18,63,58,.85)),url(/images/gipco/banniere.webp) center/cover; position:relative; }
.gp2 .mail2 .ban2 b { position:absolute; left:14px; bottom:10px; color:#fff; font:600 15px/1.1 var(--gp-titre); }
.gp2 .mail2 .tx { padding:12px 14px 4px; font-size:11.5px; line-height:1.55; color:#3d4046; }
.gp2 .mail2 .bt2 { margin:8px 14px 14px; display:inline-block; padding:8px 13px; border-radius:8px; background:var(--gp-vert); color:#fff; font-size:11.5px; font-weight:600; }
.gp2 .pub .l { display:grid; grid-template-columns:84px 1fr 40px; gap:10px; align-items:center; padding:9px 16px; border-top:1px solid #f1efea; font-size:12.5px; }
.gp2 .pub .tr { position:relative; height:8px; border-radius:4px; background:#efece6; overflow:hidden; }
.gp2 .pub .tr i { position:absolute; left:0; top:0; bottom:0; border-radius:4px; }
.gp2 .cle { display:flex; gap:12px; padding:4px 16px 10px; font-size:10.5px; color:var(--gp-discret); }
.gp2 .cle i { display:inline-block; width:8px; height:8px; border-radius:2px; }
.gp2 .cal { display:flex; justify-content:space-between; padding:12px 18px 14px; border-top:1px solid #f1efea; background:#faf9f6; }
.gp2 .cal div { font-size:11px; color:var(--gp-discret); text-align:center; }
.gp2 .cal div b { display:block; font-size:12px; color:var(--gp-texte); font-weight:600; margin-bottom:2px; }
.gp2 .cal div.on b { background:#fff6cf; border-radius:5px; padding:1px 6px; }
.gp2 .payeur { position:absolute; width:210px; padding:14px 16px; background:#fff; color:var(--gp-texte); border-radius:12px; z-index:2; text-align:left; box-shadow:0 0 0 1px rgba(0,0,0,.06),-10px 18px 34px -10px rgba(0,0,0,.5); }
.gp2 .payeur small { font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gp-discret); }
.gp2 .payeur b { display:block; font:600 14px var(--gp-titre); margin-top:6px; }
.gp2 .payeur span { display:block; font-size:11.5px; color:var(--gp-doux); margin-top:3px; }
.gp2 .payeur .pill { display:inline-block; margin-top:10px; }
.gp2 .doc { position:absolute; width:118px; height:160px; background:#fff; border-radius:6px; z-index:2; padding:10px; text-align:left; box-shadow:0 0 0 1px rgba(0,0,0,.06),-10px 18px 30px -10px rgba(0,0,0,.55); font-size:8.5px; color:#55585f; overflow:hidden; }
.gp2 .doc .hb { height:20px; margin:-10px -10px 8px; background:var(--gp-vert); color:#fff; font:600 8.5px/20px var(--gp-corps); padding:0 8px; letter-spacing:.08em; text-transform:uppercase; }
.gp2 .doc b { display:block; font:600 11px var(--gp-titre); color:var(--gp-texte); margin-bottom:5px; }
.gp2 .doc i.ln { display:block; height:4px; border-radius:2px; background:#ebe8e1; margin:5px 0; }
.gp2 .doc .sig { position:absolute; right:10px; bottom:10px; font-size:20px; color:var(--gp-texte); }
.gp2 .doc .lab { position:absolute; left:10px; bottom:10px; font-size:9.5px; font-weight:600; color:var(--gp-texte); }
.gp2 .gp-sec { padding:140px 0; }
.gp2 .gp-clair { background:var(--gp-neige); color:var(--gp-texte); }
.gp2 .gp-sable { background:var(--gp-sable); color:var(--gp-texte); }
.gp2 .gp-encre { background:var(--gp-encre); color:#fff; }
.gp2 .gp-clair .gp-sur, .gp2 .gp-sable .gp-sur { color:var(--gp-doux); }
.gp2 .gp-encre .gp-sur { color:rgba(255,255,255,.7); }
.gp2 .gp-tete { display:grid; grid-template-columns:minmax(0,690fr) minmax(0,408fr); column-gap:var(--gp-gap); align-items:end; }
.gp2 .gp-ch { font-size:18px; line-height:1.6; color:var(--gp-doux); }
.gp2 .gp-corps { display:grid; grid-template-columns:minmax(0,486fr) minmax(0,612fr); column-gap:var(--gp-gap); margin-top:84px; align-items:start; }
.gp2 .gp-etapes { border-top:1px solid var(--gp-filet); }
.gp2 .gp-etape { border-bottom:1px solid var(--gp-filet); }
.gp2 .gp-etape > summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:36px 1fr 20px; gap:12px; align-items:start; padding:22px 0; }
.gp2 .gp-etape > summary::-webkit-details-marker { display:none; }
.gp2 .gp-etape > summary::after { content:""; width:12px; height:12px; margin-top:6px; justify-self:end; background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat; color:var(--gp-discret); }
.gp2 .gp-etape[open] > summary::after { background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat; color:var(--gp-texte); }
.gp2 .gp-etape > summary:focus-visible { outline:2px solid var(--gp-texte); outline-offset:2px; }
.gp2 .gp-etape .num { font:600 13px/1.7 var(--gp-titre); color:var(--gp-discret); font-variant-numeric:tabular-nums; }
.gp2 .gp-etape h3 { font:600 18px/1.35 var(--gp-titre); letter-spacing:-.01em; color:#55585f; }
.gp2 .gp-etape[open] { box-shadow:inset 3px 0 0 var(--gp-soleil); padding-left:16px; margin-left:-16px; }
.gp2 .gp-etape[open] h3, .gp2 .gp-etape[open] .num { color:var(--gp-texte); }
@media (hover:hover) {
.gp2 .gp-etape > summary:hover h3 { color:var(--gp-texte); }
}
.gp2 .gp-etape__t { padding:0 0 22px 48px; }
.gp2 .gp-etape__t p { font-size:15.5px; line-height:1.6; color:#4a4d54; }
.gp2 .gp-etape__t p + p { margin-top:10px; }
.gp2 .gp-pan--large { margin-top:84px; }
.gp2 .gp-cols { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-top:72px; }
.gp2 .gp-cols > div { border-top:1px solid #d9d1c3; padding-top:26px; }
.gp2 .gp-cols p { font-size:15.5px; line-height:1.62; color:#4a4d54; margin-top:12px; }
.gp2 .gp-cols p.gp-acc { color:var(--gp-texte); font-size:16.5px; font-weight:500; }
.gp2 .gp-cas { display:grid; grid-template-columns:minmax(0,486fr) minmax(0,612fr); column-gap:var(--gp-gap); align-items:center; margin-top:96px; }
.gp2 .gp-cas--inv { grid-template-columns:minmax(0,612fr) minmax(0,486fr); }
.gp2 .gp-cas--inv .gp-cas__t { order:2; }
.gp2 .gp-cas__t p { font-size:16px; line-height:1.65; color:#4a4d54; margin-top:12px; }
.gp2 .gp-cas__t h3 + p { margin-top:16px; }
.gp2 .gp-cas__t p.gp-ben { margin-top:22px; padding-top:18px; border-top:1px solid var(--gp-filet); color:var(--gp-texte); font-weight:500; }
.gp2 .gp-haut { display:grid; grid-template-columns:minmax(0,690fr) minmax(0,408fr); column-gap:var(--gp-gap); align-items:start; }
.gp2 .gp-txt p { font-size:17px; line-height:1.65; color:rgba(255,255,255,.74); margin-top:16px; }
.gp2 .gp-txt p.gp-p1 { color:#fff; font-size:19px; margin-top:34px; }
.gp2 .gp-txt b { color:#fff; font-weight:600; }
.gp2 .gp-chiffre { margin-top:62px; border-left:1px solid var(--gp-filet-n); padding-left:48px; }
.gp2 .gp-chiffre b { display:block; font:600 clamp(64px,7.2vw,104px)/.9 var(--gp-titre); letter-spacing:-.05em; white-space:nowrap; color:#fff; }
.gp2 .gp-chiffre span { display:block; margin-top:18px; font-size:16px; line-height:1.5; color:rgba(255,255,255,.72); max-width:16em; }
.gp2 .gp-grille { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); margin:96px 0 0; padding:0; list-style:none; border-top:1px solid var(--gp-filet-n); border-left:1px solid var(--gp-filet-n); }
.gp2 .gp-grille li { height:120px; display:grid; place-items:center; padding:0 12px; border-right:1px solid var(--gp-filet-n); border-bottom:1px solid var(--gp-filet-n); }
.gp2 .gp-grille img { display:block; max-width:min(118px,100%); max-height:40px; width:auto; height:auto; opacity:.82; }
.gp2 .gp-grille-leg { margin-top:18px !important; font-size:13px; color:rgba(255,255,255,.56); }
.gp2 .gp-fin { position:relative; min-height:620px; overflow:hidden; color:#fff; background:var(--gp-encre); display:flex; align-items:center; }
.gp2 .gp-photo--fin { background-position:center 60%; transform:scaleX(-1); filter:saturate(.9); }
.gp2 .gp-voile--fin { background:linear-gradient(90deg,rgba(23,20,15,.15),rgba(23,20,15,.55) 45%,rgba(23,20,15,.85) 100%); }
.gp2 .gp-fin__in { z-index:2; display:flex; justify-content:flex-end; padding-block:120px; }
.gp2 .gp-fin__t { width:min(590px,100%); }
.gp2 .gp-fin h2 { font-size:clamp(32px,3.8vw,54px); }
.gp2 .gp-fin p { font-size:17px; line-height:1.62; color:rgba(255,255,255,.8); margin-top:20px; }
.gp2 .gp-insec { white-space:nowrap; }
@media (max-width: 1263px) {
.gp2 .gp-logos li:nth-child(n+7) { display:none; }
}
@media (max-width: 1263px) {
.gp2 .gp-scene { --k:0.998; }
.gp2 .gp-pan--large .gp-scene { --k:0.986; }
}
@media (max-width: 1247px) {
.gp2 .gp-scene { --k:0.985; }
.gp2 .gp-pan--large .gp-scene { --k:0.973; }
}
@media (max-width: 1231px) {
.gp2 .gp-scene { --k:0.971; }
.gp2 .gp-pan--large .gp-scene { --k:0.96; }
}
@media (max-width: 1215px) {
.gp2 .gp-scene { --k:0.958; }
.gp2 .gp-pan--large .gp-scene { --k:0.946; }
}
@media (max-width: 1199px) {
.gp2 .gp-scene { --k:0.945; }
.gp2 .gp-pan--large .gp-scene { --k:0.933; }
}
@media (max-width: 1183px) {
.gp2 .gp-scene { --k:0.932; }
.gp2 .gp-pan--large .gp-scene { --k:0.921; }
}
@media (max-width: 1167px) {
.gp2 .gp-scene { --k:0.919; }
.gp2 .gp-pan--large .gp-scene { --k:0.908; }
}
@media (max-width: 1151px) {
.gp2 .gp-scene { --k:0.906; }
.gp2 .gp-pan--large .gp-scene { --k:0.895; }
}
@media (max-width: 1135px) {
.gp2 .gp-scene { --k:0.893; }
.gp2 .gp-pan--large .gp-scene { --k:0.882; }
}
@media (max-width: 1119px) {
.gp2 .gp-scene { --k:0.88; }
.gp2 .gp-pan--large .gp-scene { --k:0.869; }
}
@media (max-width: 1103px) {
.gp2 .gp-scene { --k:0.867; }
.gp2 .gp-pan--large .gp-scene { --k:0.857; }
}
@media (max-width: 1087px) {
.gp2 .gp-scene { --k:0.854; }
.gp2 .gp-pan--large .gp-scene { --k:0.844; }
}
@media (max-width: 1071px) {
.gp2 .gp-scene { --k:0.841; }
.gp2 .gp-pan--large .gp-scene { --k:0.831; }
}
@media (max-width: 1055px) {
.gp2 .gp-scene { --k:0.828; }
.gp2 .gp-pan--large .gp-scene { --k:0.818; }
}
@media (max-width: 1039px) {
.gp2 .gp-scene { --k:0.815; }
.gp2 .gp-pan--large .gp-scene { --k:0.805; }
}
@media (max-width: 1023px) {
.gp2 .gp-scene { --k:1; }
}
@media (max-width: 1180px) {
.gp2 .gp-hbadge { display:none; }
.gp2 .gp-hero__t { width:min(700px,52%); }
.gp2 .gp-hero__scene { transform:scale(.86); transform-origin:100% 0; }
}
@media (max-width: 1023px) {
.gp2 .gp-hero { height:auto; padding-bottom:40px; }
.gp2 .gp-photo, .gp2 .gp-voile { bottom:auto; height:680px; }
.gp2 .gp-voile { background:linear-gradient(180deg,rgba(23,20,15,.55) 0%,rgba(23,20,15,.15) 28%,rgba(23,20,15,.7) 56%,rgba(23,20,15,1) 100%); }
.gp2 .gp-hero__in { padding-top:300px; }
.gp2 .gp-hero__t { width:auto; max-width:640px; }
.gp2 .gp-hero__scene { position:relative; top:auto; right:auto; width:auto; max-width:460px; margin-top:40px; transform:none; }
.gp2 .gp-hs { height:auto; }
.gp2 .gp-hcard { position:relative; width:100%; }
.gp2 .gp-refs { position:relative !important; bottom:auto; flex-direction:column; align-items:flex-start; gap:22px; margin-top:56px; padding-top:30px; }
.gp2 .gp-refs::before { top:0; }
.gp2 .gp-preuve { border:0; padding:0; }
.gp2 .gp-logos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px 16px; width:100%; justify-items:center; }
.gp2 .gp-logos li:nth-child(n+7) { display:block; }
.gp2 .gp-logos img { height:auto; max-height:26px; max-width:100%; }
.gp2 .gp-sec { padding:80px 0 72px; }
.gp2 .gp-tete, .gp2 .gp-corps, .gp2 .gp-cas, .gp2 .gp-cas--inv, .gp2 .gp-haut { grid-template-columns:minmax(0,1fr); }
.gp2 .gp-tete .gp-ch { margin-top:18px; }
.gp2 .gp-corps { margin-top:40px; row-gap:40px; }
.gp2 .gp-corps > .pan, .gp2 .gp-cas > .pan { width:100%; max-width:calc(var(--w) * 1px); }
.gp2 .gp-cas { margin-top:64px; row-gap:28px; }
.gp2 .gp-cas--inv .gp-cas__t { order:0; }
.gp2 .gp-cols { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:40px; }
.gp2 .gp-pan--large { margin-top:40px; }
.gp2 .gp-chiffre { margin-top:40px; border-left:0; border-top:1px solid var(--gp-filet-n); padding:28px 0 0; }
.gp2 .gp-grille { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:48px; }
.gp2 .gp-grille li { height:88px; }
.gp2 .gp-fin { min-height:0; display:block; }
.gp2 .gp-voile--fin { background:linear-gradient(180deg,rgba(23,20,15,.25),rgba(23,20,15,.92) 50%); }
.gp2 .gp-fin__in { padding-block:240px 64px; justify-content:flex-start; }
.gp2 .gp-pan--large { aspect-ratio:auto; }
.gp2 .gp-pan--large .gp-scene { position:static; width:auto; height:auto; transform:none; display:flex; flex-direction:column; align-items:center; gap:14px; padding:28px 16px; }
.gp2 .gp-pan--large .gp-scene > * { position:relative; left:auto !important; top:auto !important; }
.gp2 .gp-pan--large .gp-m-cache { display:none; }
.gp2 .gp-pan--large .gp-m-seul { display:block !important; width:100% !important; max-width:420px; }
.gp2 .gp-pan--large .notif { white-space:normal; }
}
@media (max-width: 640px) {
.gp2 .gp-hero__in { padding-top:280px; }
.gp2 .gp-hero h1 { font-size:40px; line-height:.98; }
.gp2 .gp-chap { font-size:16px; margin-top:18px !important; }
.gp2 .gp-chap2 { font-size:15px; }
.gp2 .gp-btn { width:100%; margin-top:26px; }
.gp2 .gp-hero__scene { margin-top:32px; }
.gp2 .gp-photo { background-image:url(/images/gipco/accueil-900.webp); background-position:72% 40%; }
.gp2 .gp-photo--fin { background-position:70% 50%; }
.gp2 .gp-sur { font-size:11px; margin-bottom:18px; align-items:flex-start; }
.gp2 .gp-sur::before { display:none; }
main.gp2 h2 { font-size:34px; line-height:1; }
main.gp2 h3 { font-size:19px; }
.gp2 .gp-sec { padding:64px 0 56px; }
.gp2 .gp-ch { font-size:15.5px; }
.gp2 .gp-etape[open] { margin-left:0; padding-left:14px; }
.gp2 .gp-etape > summary { padding:16px 0; }
.gp2 .gp-etape h3 { font-size:16px; }
.gp2 .gp-etape__t { padding-left:0; }
.gp2 .gp-etape__t p, .gp2 .gp-cols p, .gp2 .gp-cas__t p { font-size:14.5px; }
.gp2 .gp-txt p { font-size:15px; }
.gp2 .gp-txt p.gp-p1 { font-size:16.5px; margin-top:22px; }
.gp2 .gp-grille li { height:72px; padding:0 8px; }
.gp2 .gp-grille img { max-height:24px; }
.gp2 .gp-fin h2 { font-size:32px; }
.gp2 .gp-fin p { font-size:15px; }
.gp2 .pan { aspect-ratio:auto; }
.gp2 .gp-scene { position:static; width:auto; height:auto; transform:none; display:flex; flex-direction:column; align-items:center; gap:14px; padding:26px 16px; }
.gp2 .gp-scene > * { position:relative; left:auto !important; top:auto !important; }
.gp2 .gp-scene .gp-m-cache { display:none; }
.gp2 .gp-scene .gp-m-avant { order:-1; }
.gp2 .gp-scene .notif { white-space:normal; max-width:100%; }
.gp2 .gp-scene .obj.card, .gp2 .gp-scene .mail2 { width:100% !important; max-width:360px; }
.gp2 .gp-scene:has(.payeur) { flex-flow:row wrap; justify-content:center; }
.gp2 .gp-scene .payeur { width:calc(50% - 7px); max-width:180px; }
.gp2 .gp-scene .doc { transform:rotate(-3deg) !important; }
}
@media (prefers-reduced-motion: no-preference) {
.gp2 .gp-btn { transition:filter .12s ease; }
.gp2 .gp-btn:hover { filter:brightness(1.05); }
}
main.gp2 .gp-encre a { color:#fff; text-decoration-color:rgba(255,218,26,.75); --ad-focus:#ffda1a; }
@media (hover: hover) { main.gp2 .gp-encre a:hover { text-decoration-color:#ffda1a; } }