/* LES 4 CIMES — DESIGN COMMUN 1. Polices et palette 2. Accueil et éléments communs 3. Bénévoles 4. Sierre-Zinal 5. Programme 6. Riverains Les sélecteurs des contenus restent isolés pour faciliter la migration. */ @font-face { font-family: 'L4CBarlow'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/barlow-condensed-600.ttf) format('truetype'); } @font-face { font-family: 'L4CBarlow'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/barlow-condensed-700.ttf) format('truetype'); } @font-face { font-family: 'L4CBarlow'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/barlow-condensed-800.ttf) format('truetype'); } @font-face { font-family: 'L4CInter'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/inter-400.ttf) format('truetype'); } @font-face { font-family: 'L4CInter'; font-style: normal; font-weight: 500; font-display: swap; src: url(../fonts/inter-500.ttf) format('truetype'); } @font-face { font-family: 'L4CInter'; font-style: normal; font-weight: 600; font-display: swap; src: url(../fonts/inter-600.ttf) format('truetype'); } @font-face { font-family: 'L4CInter'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/inter-700.ttf) format('truetype'); } @font-face { font-family: 'L4CInter'; font-style: normal; font-weight: 800; font-display: swap; src: url(../fonts/inter-800.ttf) format('truetype'); } .l4c-site,.l4c-chrome { --l4c-ink:#143b45; --l4c-teal:#087b88; --l4c-orange:#ea872b; --l4c-muted:#5b6d72; } body.l4c-site { margin:0; background:#fff; color:var(--l4c-ink); font-family:'L4CInter',Arial,sans-serif; line-height:1.5; } body.l4c-site * { box-sizing:border-box; } body.l4c-site button,body.l4c-site input { font:inherit; } body.l4c-site main { display:block; } body.l4c-site h1,body.l4c-site h2,body.l4c-site h3,body.l4c-site h4 { line-height:1.2; } /* ===== ACCUEIL ET ÉLÉMENTS COMMUNS ===== */ body.l4c-site{margin:0} :is(#l4c-home, .l4c-chrome){--ink:var(--l4c-ink);--teal:var(--l4c-teal);--orange:var(--l4c-orange);--muted:var(--l4c-muted);color:var(--ink);font-family:'L4CInter',Arial,sans-serif;background:white;} :is(#l4c-home, .l4c-chrome) *{box-sizing:border-box}:is(#l4c-home, .l4c-chrome) a{color:inherit;text-decoration:none}:is(#l4c-home, .l4c-chrome) a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}:is(#l4c-home, .l4c-chrome) img{display:block;width:100%;object-fit:cover}:is(#l4c-home, .l4c-chrome) .wrap{width:calc(100% - 64px);max-width:1200px;margin:auto}:is(#l4c-home, .l4c-chrome) p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 20px}:is(#l4c-home, .l4c-chrome) h1,:is(#l4c-home, .l4c-chrome) h2,:is(#l4c-home, .l4c-chrome) h3{margin:0;font-weight:800}:is(#l4c-home, .l4c-chrome) .kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--teal);margin-bottom:19px}:is(#l4c-home, .l4c-chrome) .orange{color:var(--orange)}:is(#l4c-home, .l4c-chrome) .btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;background:var(--orange);padding:16px 23px;color:var(--ink);font-size:11px;letter-spacing:.04em;font-weight:800;text-transform:uppercase;border-radius:3px}:is(#l4c-home, .l4c-chrome) .btn:hover{background:#f6a044}:is(#l4c-home, .l4c-chrome) .text-link{font-size:12px;font-weight:800;color:var(--teal)}:is(#l4c-home, .l4c-chrome) .section{padding:78px 0}:is(#l4c-home, .l4c-chrome) .topbar{background:var(--ink);color:white;padding:11px 0;font-size:10px;letter-spacing:.06em}:is(#l4c-home, .l4c-chrome) .topbar .wrap{display:flex;justify-content:space-between}:is(#l4c-home, .l4c-chrome) .nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px}:is(#l4c-home, .l4c-chrome) .logo{width:115px;height:76px;object-fit:contain}:is(#l4c-home, .l4c-chrome) .desktop-menu{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700}:is(#l4c-home, .l4c-chrome) .desktop-menu a:hover{color:var(--teal)}:is(#l4c-home, .l4c-chrome) .mobile-menu{display:none}:is(#l4c-home, .l4c-chrome) .hero{background:#f8f9fa;padding:58px 0 72px}:is(#l4c-home, .l4c-chrome) .hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:62px;align-items:center}:is(#l4c-home, .l4c-chrome) h1{font-family:'L4CBarlow',Impact,Arial,sans-serif;font-size:76px;line-height:1.02;text-transform:uppercase;letter-spacing:-.015em;margin-bottom:24px}:is(#l4c-home, .l4c-chrome) h1 span{display:block}:is(#l4c-home, .l4c-chrome) .hero p{max-width:440px}:is(#l4c-home, .l4c-chrome) .hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:25px}:is(#l4c-home, .l4c-chrome) .hero-photo{position:relative;margin:15px 15px 20px 0}:is(#l4c-home, .l4c-chrome) .hero-photo::before{content:"";position:absolute;inset:-17px -17px 17px 17px;border:3px solid var(--orange)}:is(#l4c-home, .l4c-chrome) .hero-photo img{position:relative;height:510px;border-radius:3px;object-position:65% center}:is(#l4c-home, .l4c-chrome) .hero-photo .caption{position:absolute;bottom:-20px;left:-20px;right:50px;background:var(--ink);color:white;padding:20px;font-size:11px;font-weight:700}:is(#l4c-home, .l4c-chrome) .hero-photo .caption span{color:var(--orange);margin-right:10px}:is(#l4c-home, .l4c-chrome) .macaron{position:absolute;right:-20px;bottom:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:144px;height:144px;transform:rotate(-7deg);border:3px solid var(--orange);border-radius:50%;background:var(--ink);color:white;box-shadow:0 8px 20px #143b4530}:is(#l4c-home, .l4c-chrome) .macaron small{font-size:7px;letter-spacing:.05em}:is(#l4c-home, .l4c-chrome) .macaron strong{font-size:15px}:is(#l4c-home, .l4c-chrome) .macaron b{font-size:26px;color:var(--orange)}:is(#l4c-home, .l4c-chrome) .macaron em{font-size:8px;font-style:normal;color:var(--orange)}:is(#l4c-home, .l4c-chrome) .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}:is(#l4c-home, .l4c-chrome) .section-heading h2{color:var(--orange);font-size:28px;line-height:1.2;text-transform:uppercase}:is(#l4c-home, .l4c-chrome) .section-heading p{font-size:13px;max-width:410px;margin:0}:is(#l4c-home, .l4c-chrome) .races{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}:is(#l4c-home, .l4c-chrome) .race{border:1px solid #dde6e7;border-radius:5px;overflow:hidden;box-shadow:0 12px 24px #143b4509}:is(#l4c-home, .l4c-chrome) .race-art{position:relative;background:var(--ink);color:white;padding:28px;height:158px;overflow:hidden}:is(#l4c-home, .l4c-chrome) .race:nth-child(2) .race-art{background:var(--teal)}:is(#l4c-home, .l4c-chrome) .race:nth-child(3) .race-art{background:#c66c26}:is(#l4c-home, .l4c-chrome) .race-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:#ffffff12;clip-path:polygon(0 100%,20% 50%,34% 74%,58% 0,80% 50%,100% 25%,100% 100%)}:is(#l4c-home, .l4c-chrome) .race-art small{position:relative;z-index:1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}:is(#l4c-home, .l4c-chrome) .race-art h3{position:relative;z-index:1;font-size:29px;margin-top:33px}:is(#l4c-home, .l4c-chrome) .race-art .number{position:absolute;right:18px;top:5px;font-size:110px;line-height:1;font-weight:800;opacity:.12}:is(#l4c-home, .l4c-chrome) .race-body{padding:26px}:is(#l4c-home, .l4c-chrome) .race-stats{display:flex;gap:35px;border-bottom:1px solid #e0e7e8;padding-bottom:20px;margin-bottom:17px}:is(#l4c-home, .l4c-chrome) .race-stats strong{display:block;font-size:28px;line-height:1.2}:is(#l4c-home, .l4c-chrome) .race-stats small{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;margin-top:7px}:is(#l4c-home, .l4c-chrome) .race-date{font-size:11px;font-weight:600;margin-bottom:22px;color:var(--muted)}:is(#l4c-home, .l4c-chrome) .race .btn{width:100%;margin-bottom:17px}:is(#l4c-home, .l4c-chrome) .race-links{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;color:var(--teal)}:is(#l4c-home, .l4c-chrome) .modify{font-size:11px;text-align:center;margin:26px 0 0}:is(#l4c-home, .l4c-chrome) .modify a{color:var(--teal);text-decoration:underline}:is(#l4c-home, .l4c-chrome) .history{background:#f8f9fa}:is(#l4c-home, .l4c-chrome) .split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}:is(#l4c-home, .l4c-chrome) .photo-frame{position:relative;margin:16px 16px 0 0}:is(#l4c-home, .l4c-chrome) .photo-frame::before{content:"";position:absolute;inset:-16px -16px 16px 16px;border:3px solid var(--orange)}:is(#l4c-home, .l4c-chrome) .photo-frame img{position:relative;height:480px;object-position:center 62%;border-radius:3px}:is(#l4c-home, .l4c-chrome) .large-title{font-family:'L4CBarlow',Impact,Arial,sans-serif;font-size:53px;line-height:1.07;text-transform:uppercase;margin-bottom:25px}:is(#l4c-home, .l4c-chrome) .history-line{padding:16px 0;border-top:1px solid #dbe5e7;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}:is(#l4c-home, .l4c-chrome) .history-line span{color:var(--teal);font-size:10px}:is(#l4c-home, .l4c-chrome) .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:53px 0}:is(#l4c-home, .l4c-chrome) .stat strong{display:block;font-size:43px;line-height:1.15;margin-bottom:10px}:is(#l4c-home, .l4c-chrome) .stat span{font-size:11px;font-weight:700;color:var(--teal)}:is(#l4c-home, .l4c-chrome) .stat::after{content:"";display:block;width:50px;height:3px;background:var(--orange);margin-top:22px}:is(#l4c-home, .l4c-chrome) .volunteers{background:var(--ink);border-radius:5px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}:is(#l4c-home, .l4c-chrome) .volunteers-copy{padding:54px}:is(#l4c-home, .l4c-chrome) .volunteers .kicker{color:#a8d1d3}:is(#l4c-home, .l4c-chrome) .volunteers h2{color:white;font-size:39px;line-height:1.1;margin-bottom:24px}:is(#l4c-home, .l4c-chrome) .volunteers p{color:#c5d9dc;font-size:14px}:is(#l4c-home, .l4c-chrome) .volunteers img{height:100%;min-height:375px}:is(#l4c-home, .l4c-chrome) .adventure{background:#f8f9fa}:is(#l4c-home, .l4c-chrome) .adventure-photo img{height:370px;border-radius:3px;object-position:center 65%}:is(#l4c-home, .l4c-chrome) .adventure .split{gap:60px}:is(#l4c-home, .l4c-chrome) .date-label{color:var(--teal);font-size:11px;letter-spacing:.06em;font-weight:800;margin-bottom:20px}:is(#l4c-home, .l4c-chrome) .testimonials{background:white}:is(#l4c-home, .l4c-chrome) .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}:is(#l4c-home, .l4c-chrome) .quote{background:#f8f9fa;border:1px solid #e3eaeb;padding:30px;border-radius:5px;display:flex;flex-direction:column}:is(#l4c-home, .l4c-chrome) .quote-symbol{color:var(--orange);font-size:46px;line-height:1;margin-bottom:12px}:is(#l4c-home, .l4c-chrome) .quote p{color:var(--ink);font-size:14px;flex:1}:is(#l4c-home, .l4c-chrome) .quote cite{font-size:10px;font-style:normal;font-weight:800;color:var(--teal);text-transform:uppercase}:is(#l4c-home, .l4c-chrome) .partners{background:#f8f9fa;padding:60px 0}:is(#l4c-home, .l4c-chrome) .partners h2{text-align:center;color:var(--orange);font-size:27px;margin-bottom:30px}:is(#l4c-home, .l4c-chrome) .partner-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:20px}:is(#l4c-home, .l4c-chrome) .partner-grid a{display:flex;align-items:center;justify-content:center;background:white;border-radius:3px;height:75px;padding:14px}:is(#l4c-home, .l4c-chrome) .partner-grid img{width:auto;max-width:100%;max-height:46px;object-fit:contain}:is(#l4c-home, .l4c-chrome) .footer{background:var(--ink);color:white;padding:64px 0 0}:is(#l4c-home, .l4c-chrome) .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:55px;padding-bottom:52px}:is(#l4c-home, .l4c-chrome) .footer .logo{background:white;padding:10px;width:120px;height:76px;border-radius:3px;margin-bottom:22px}:is(#l4c-home, .l4c-chrome) .footer p{color:#b6d0d4;font-size:12px}:is(#l4c-home, .l4c-chrome) .footer h3{font-size:12px;color:var(--orange);margin-bottom:23px;text-transform:uppercase}:is(#l4c-home, .l4c-chrome) .footer a{display:block;font-size:12px;color:#d6e5e6;margin-bottom:12px}:is(#l4c-home, .l4c-chrome) .footer-bottom{border-top:1px solid #ffffff22;padding:20px 0;display:flex;justify-content:space-between;font-size:10px;color:#b6d0d4}:is(#l4c-home, .l4c-chrome) .footer-bottom a{display:inline;font-size:10px}:is(#l4c-home, .l4c-chrome) section{scroll-margin-top:25px} @media(max-width:1000px){:is(#l4c-home, .l4c-chrome) .desktop-menu{gap:16px}:is(#l4c-home, .l4c-chrome) h1{font-size:60px}:is(#l4c-home, .l4c-chrome) .hero-grid{gap:40px}:is(#l4c-home, .l4c-chrome) .split{gap:40px}:is(#l4c-home, .l4c-chrome) .partner-grid{grid-template-columns:repeat(5,1fr)}} @media(max-width:767px){:is(#l4c-home, .l4c-chrome) .wrap{width:calc(100% - 40px)}:is(#l4c-home, .l4c-chrome) .topbar .wrap span:last-child{display:none}:is(#l4c-home, .l4c-chrome) .nav{height:86px}:is(#l4c-home, .l4c-chrome) .logo{width:95px;height:62px}:is(#l4c-home, .l4c-chrome) .desktop-menu{display:none}:is(#l4c-home, .l4c-chrome) .mobile-menu{display:block;position:relative}:is(#l4c-home, .l4c-chrome) .mobile-menu summary{font-size:12px;font-weight:800;cursor:pointer;padding:14px;background:#f8f9fa;border-radius:3px}:is(#l4c-home, .l4c-chrome) .mobile-menu[open] .mobile-links{position:absolute;right:0;top:50px;width:220px;z-index:10;background:white;border:1px solid #dbe5e6;padding:15px;box-shadow:0 10px 30px #143b4520}:is(#l4c-home, .l4c-chrome) .mobile-links a{display:block;padding:12px;font-size:13px;font-weight:700}:is(#l4c-home, .l4c-chrome) .hero{padding:36px 0 57px}:is(#l4c-home, .l4c-chrome) .hero-grid,:is(#l4c-home, .l4c-chrome) .split,:is(#l4c-home, .l4c-chrome) .volunteers{grid-template-columns:1fr;gap:38px}:is(#l4c-home, .l4c-chrome) h1{font-size:51px}:is(#l4c-home, .l4c-chrome) .hero-photo{margin:5px 15px 15px 0}:is(#l4c-home, .l4c-chrome) .hero-photo img{height:360px}:is(#l4c-home, .l4c-chrome) .hero-photo .caption{left:10px;right:10px;bottom:-18px;font-size:9px;padding:17px}:is(#l4c-home, .l4c-chrome) .macaron{right:-8px;bottom:40px;width:124px;height:124px}:is(#l4c-home, .l4c-chrome) .macaron strong{font-size:13px}:is(#l4c-home, .l4c-chrome) .section{padding:55px 0}:is(#l4c-home, .l4c-chrome) .section-heading{display:block}:is(#l4c-home, .l4c-chrome) .section-heading h2{font-size:25px;margin-bottom:15px}:is(#l4c-home, .l4c-chrome) .races,:is(#l4c-home, .l4c-chrome) .quotes{display:flex;flex-direction:column}:is(#l4c-home, .l4c-chrome) .race-art{height:145px}:is(#l4c-home, .l4c-chrome) .large-title{font-size:41px}:is(#l4c-home, .l4c-chrome) .photo-frame img{height:360px}:is(#l4c-home, .l4c-chrome) .stats{grid-template-columns:1fr 1fr;gap:35px}:is(#l4c-home, .l4c-chrome) .stat strong{font-size:35px}:is(#l4c-home, .l4c-chrome) .volunteers{gap:0}:is(#l4c-home, .l4c-chrome) .volunteers-copy{padding:32px}:is(#l4c-home, .l4c-chrome) .volunteers h2{font-size:32px}:is(#l4c-home, .l4c-chrome) .volunteers img{min-height:0;height:260px}:is(#l4c-home, .l4c-chrome) .adventure-photo img{height:280px}:is(#l4c-home, .l4c-chrome) .partner-grid{grid-template-columns:repeat(3,1fr);gap:10px}:is(#l4c-home, .l4c-chrome) .partner-grid a{height:65px;padding:10px}:is(#l4c-home, .l4c-chrome) .footer-grid{grid-template-columns:1fr 1fr;gap:35px}:is(#l4c-home, .l4c-chrome) .footer-grid>div:first-child{grid-column:1/-1}:is(#l4c-home, .l4c-chrome) .footer-bottom{display:block;line-height:2}} :is(#l4c-home, .l4c-chrome) .desktop-menu a,:is(#l4c-home, .l4c-chrome) .btn{white-space:nowrap}:is(#l4c-home, .l4c-chrome) h1{font-size:64px}:is(#l4c-home, .l4c-chrome) h1 span{white-space:nowrap}:is(#l4c-home, .l4c-chrome) .quote{display:block;min-height:290px}:is(#l4c-home, .l4c-chrome) .quote p{margin-bottom:25px} @media(max-width:767px){:is(#l4c-home, .l4c-chrome) h1{font-size:42px}:is(#l4c-home, .l4c-chrome) .quote{min-height:0}} :is(#l4c-home, .l4c-chrome) .mobile-menu:not([open]) .mobile-links{display:none}:is(#l4c-home, .l4c-chrome) .mobile-menu summary{display:block;list-style:none} :is(#l4c-home, .l4c-chrome) .desktop-menu{width:740px;flex:0 0 740px;justify-content:flex-end;gap:22px} @media(max-width:1000px){:is(#l4c-home, .l4c-chrome) .desktop-menu{width:650px;flex-basis:650px;gap:14px;font-size:11px}} /* Navigation : rubriques et liens du menu actuel conservés. */ :is(#l4c-home, .l4c-chrome) .desktop-menu{width:840px;flex-basis:840px;gap:20px;font-size:11px} :is(#l4c-home, .l4c-chrome) .nav-dropdown{position:relative} :is(#l4c-home, .l4c-chrome) .nav-dropdown summary{font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;list-style:none;padding:14px 0} :is(#l4c-home, .l4c-chrome) .nav-dropdown summary::-webkit-details-marker{display:none} :is(#l4c-home, .l4c-chrome) .nav-dropdown summary::after{content:"⌄";color:var(--teal);margin-left:7px} :is(#l4c-home, .l4c-chrome) .nav-dropdown summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px} :is(#l4c-home, .l4c-chrome) .dropdown-links{position:absolute;left:0;top:100%;min-width:235px;background:white;border:1px solid #dce6e7;border-radius:4px;box-shadow:0 12px 32px #143b4520;z-index:20;list-style:none;margin:0;padding:10px} :is(#l4c-home, .l4c-chrome) .nav-dropdown:not([open]) .dropdown-links{display:none} :is(#l4c-home, .l4c-chrome) .dropdown-links a{display:block;padding:11px 12px;font-size:12px;line-height:1.4;white-space:nowrap} :is(#l4c-home, .l4c-chrome) .dropdown-links a:hover{background:#f8f9fa;color:var(--teal)} /* Vidéo : même cadre photo, lecture sans son et bouton pause. */ :is(#l4c-home, .l4c-chrome) .hero-photo .hero-video{position:relative;display:block;width:100%;height:510px;object-fit:cover;object-position:65% center;border-radius:3px} :is(#l4c-home, .l4c-chrome) .video-toggle{position:absolute;left:15px;top:15px;z-index:2;border:1px solid #ffffff80;border-radius:3px;background:#143b45cc;color:white;padding:9px 12px;font:700 10px 'L4CInter',Arial,sans-serif;cursor:pointer} /* Partenaires : même liste et même défilement, deux séries de logos. */ :is(#l4c-home, .l4c-chrome) .partners{background:#fff} :is(#l4c-home, .l4c-chrome) .partners .section-title h2{margin-bottom:0} :is(#l4c-home, .l4c-chrome) .sponsor-marquee{position:relative;overflow:hidden;margin-top:2rem} :is(#l4c-home, .l4c-chrome) .sponsor-marquee::before,:is(#l4c-home, .l4c-chrome) .sponsor-marquee::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none} :is(#l4c-home, .l4c-chrome) .sponsor-marquee::before{left:0;background:linear-gradient(to right,#fff,transparent)} :is(#l4c-home, .l4c-chrome) .sponsor-marquee::after{right:0;background:linear-gradient(to left,#fff,transparent)} :is(#l4c-home, .l4c-chrome) .sponsor-track{display:flex;align-items:center;gap:3rem;width:max-content;padding:1.25rem 0;animation:l4c-sponsor-scroll 40s linear infinite} :is(#l4c-home, .l4c-chrome) .sponsor-marquee:hover .sponsor-track,:is(#l4c-home, .l4c-chrome) .sponsor-marquee:focus-within .sponsor-track{animation-play-state:paused} :is(#l4c-home, .l4c-chrome) .sponsor-item{flex-shrink:0;display:flex;align-items:center;justify-content:center} :is(#l4c-home, .l4c-chrome) .sponsor-item img{max-height:100px;width:auto;max-width:175px;object-fit:contain} @keyframes l4c-sponsor-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(min-width:768px){:is(#l4c-home, .l4c-chrome) .sponsor-item img{max-height:150px;max-width:238px}} @media(min-width:992px){:is(#l4c-home, .l4c-chrome) .sponsor-track{animation-duration:32s}} @media(min-width:1400px){:is(#l4c-home, .l4c-chrome) .sponsor-track{animation-duration:24s}} @media(max-width:1100px){:is(#l4c-home, .l4c-chrome) .desktop-menu{width:740px;flex-basis:740px;gap:12px}:is(#l4c-home, .l4c-chrome) .desktop-menu>.btn{padding:14px 16px}} @media(max-width:950px){:is(#l4c-home, .l4c-chrome) .desktop-menu{display:none}:is(#l4c-home, .l4c-chrome) .mobile-menu{display:block;position:relative}:is(#l4c-home, .l4c-chrome) .mobile-menu[open]>.mobile-links{position:absolute;right:0;top:50px;width:270px;max-height:75vh;overflow:auto;background:white;z-index:25;border:1px solid #dce6e7;padding:15px;box-shadow:0 10px 30px #143b4520}:is(#l4c-home, .l4c-chrome) .mobile-links>.nav-dropdown summary{font-size:13px;padding:13px 12px;background:#f8f9fa}:is(#l4c-home, .l4c-chrome) .mobile-links>.nav-dropdown{margin-bottom:6px}:is(#l4c-home, .l4c-chrome) .mobile-links .dropdown-links{position:static;min-width:0;box-shadow:none;border:0;padding:4px 8px}:is(#l4c-home, .l4c-chrome) .mobile-links>a{display:block;font-size:13px;padding:13px 12px}:is(#l4c-home, .l4c-chrome) .mobile-menu>summary{padding:14px;background:#f8f9fa;font-size:12px;font-weight:800;cursor:pointer}} @media(max-width:767px){:is(#l4c-home, .l4c-chrome) .hero-photo .hero-video{height:360px}} @media(prefers-reduced-motion:reduce){:is(#l4c-home, .l4c-chrome) .sponsor-track{animation:none}:is(#l4c-home, .l4c-chrome) .sponsor-marquee{overflow-x:auto}} :is(#l4c-home, .l4c-chrome) .partners-toggle{display:block;margin:18px auto 0;padding:10px 15px;border:1px solid #dce6e7;border-radius:3px;color:var(--teal);background:white;font:700 11px 'L4CInter',Arial,sans-serif;cursor:pointer} :is(#l4c-home, .l4c-chrome) .sponsor-marquee[data-motion="on"] .sponsor-track{animation:l4c-sponsor-scroll 40s linear infinite;animation-play-state:running} :is(#l4c-home, .l4c-chrome) .sponsor-marquee[data-motion="off"] .sponsor-track{animation-play-state:paused} /* Histoire : photo d'origine, fond d'origine, composition modernisée. */ #l4c-home #presentation.l4c-history { background:#f8f9fa; padding:82px 0; } #l4c-home #presentation.l4c-history .l4c-history-grid { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:62px; align-items:start; } #l4c-home #presentation.l4c-history .l4c-history-photo { position:sticky; top:105px; margin:22px 18px 0 0; } #l4c-home #presentation.l4c-history .l4c-history-photo::before { content:""; position:absolute; z-index:0; inset:-18px -18px 18px 18px; border:3px solid var(--orange); } #l4c-home #presentation.l4c-history .l4c-history-photo img { position:relative; z-index:1; display:block; width:100%; height:auto; max-height:650px; object-fit:cover; } #l4c-home #presentation.l4c-history .l4c-history-photo figcaption { position:absolute; z-index:2; bottom:18px; left:18px; background:var(--ink); color:#fff; padding:10px 14px; font:800 11px/1 'L4CInter',Arial,sans-serif; letter-spacing:.1em; } #l4c-home #presentation.l4c-history .l4c-history-content { min-width:0; font-family:'L4CInter',Arial,sans-serif; color:var(--l4c-muted); } #l4c-home #presentation.l4c-history .l4c-kicker { color:var(--teal); font:800 12px/1.3 'L4CInter',Arial,sans-serif; letter-spacing:.11em; margin:0 0 26px; } #l4c-home #presentation.l4c-history .l4c-kicker::after { content:""; display:block; width:61px; height:4px; margin-top:20px; background:var(--orange); } #l4c-home #presentation.l4c-history h2 { margin:0 0 26px; color:var(--ink); font:800 clamp(38px,4vw,58px)/1.04 'L4CBarlow',Impact,sans-serif; text-transform:uppercase; } #l4c-home #presentation.l4c-history h2 span { display:block; } #l4c-home #presentation.l4c-history h2 span:nth-child(2) { color:var(--orange); } #l4c-home #presentation.l4c-history p { font-size:15px; line-height:1.7; } #l4c-home #presentation.l4c-history .l4c-history-lead { font-size:17px; line-height:1.7; color:#425e66; } #l4c-home #presentation.l4c-history .l4c-history-points { margin-top:30px; } #l4c-home #presentation.l4c-history .l4c-history-point { display:grid; grid-template-columns:34px minmax(0,1fr); gap:12px; border-top:1px solid #d4e0df; padding:18px 0 12px; } #l4c-home #presentation.l4c-history .l4c-point-number { color:var(--teal); font:800 12px/1.4 'L4CInter',Arial,sans-serif; } #l4c-home #presentation.l4c-history .l4c-history-point h3 { color:var(--ink); font:800 18px/1.3 'L4CInter',Arial,sans-serif; text-transform:uppercase; margin:0 0 5px; } #l4c-home #presentation.l4c-history .l4c-history-point p { margin:0; } #l4c-home #presentation.l4c-history .l4c-history-end { color:var(--ink); font-weight:700; margin-top:18px; } /* Refonte complète : vidéo en arrière-plan, cadrage et texte lisible. */ :is(#l4c-home, .l4c-chrome) .hero-video-stage{position:relative;padding:0;height:700px;min-height:640px;overflow:hidden;background:var(--ink)} :is(#l4c-home, .l4c-chrome) .hero-video-stage>.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center} :is(#l4c-home, .l4c-chrome) .hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102f38e8 0%,#102f38b3 45%,#102f3825 100%)} :is(#l4c-home, .l4c-chrome) .hero-content{position:relative;padding-top:80px;padding-bottom:80px} :is(#l4c-home, .l4c-chrome) .hero h1{color:white;font-size:72px;margin-bottom:23px;line-height:1.02} :is(#l4c-home, .l4c-chrome) .hero .kicker{color:#b8d8dc} :is(#l4c-home, .l4c-chrome) .hero-content p{color:#e1ecee;max-width:500px} :is(#l4c-home, .l4c-chrome) .hero-content .hero-date{color:var(--orange);font-size:14px;font-weight:800;letter-spacing:.08em;margin-bottom:16px} :is(#l4c-home, .l4c-chrome) .hero .text-link{color:white} :is(#l4c-home, .l4c-chrome) .hero .video-toggle{top:auto;left:auto;right:32px;bottom:24px;width:auto} :is(#l4c-home, .l4c-chrome) .hero>.macaron{width:180px;height:180px;right:max(50px,calc((100% - 1200px)/2));bottom:100px;gap:5px} :is(#l4c-home, .l4c-chrome) .hero>.macaron::before{content:"";position:absolute;inset:7px;border:1px dashed var(--orange);border-radius:50%} :is(#l4c-home, .l4c-chrome) .hero>.macaron svg{width:48px;height:25px;display:block} :is(#l4c-home, .l4c-chrome) .hero>.macaron strong{font-size:17px}:is(#l4c-home, .l4c-chrome) .hero>.macaron b{font-size:30px} :is(#l4c-home, .l4c-chrome) .hero>.macaron em{font-size:9px} :is(#l4c-home, .l4c-chrome) .quotes{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:15px} :is(#l4c-home, .l4c-chrome) .quote{flex:0 0 calc((100% - 44px)/3);min-width:0;scroll-snap-align:start;margin:0;min-height:290px} :is(#l4c-home, .l4c-chrome) .quote-controls{display:flex;gap:10px}:is(#l4c-home, .l4c-chrome) .quote-controls button{border:1px solid #cbdcde;border-radius:3px;background:white;color:var(--teal);width:43px;height:40px;font-size:20px;cursor:pointer} :is(#l4c-home, .l4c-chrome) .partners{background:white} @media(max-width:767px){ :is(#l4c-home, .l4c-chrome) .hero-video-stage{height:700px;min-height:700px} :is(#l4c-home, .l4c-chrome) .hero-shade{background:linear-gradient(180deg,#102f38d9 0%,#102f38b3 55%,#102f3870 100%)} :is(#l4c-home, .l4c-chrome) .hero-content{padding-top:50px;padding-bottom:50px} :is(#l4c-home, .l4c-chrome) .hero h1{font-size:42px}:is(#l4c-home, .l4c-chrome) .hero h1 span{white-space:normal} :is(#l4c-home, .l4c-chrome) .hero-content p{font-size:14px;max-width:310px} :is(#l4c-home, .l4c-chrome) .hero-content .hero-date{font-size:12px} :is(#l4c-home, .l4c-chrome) .hero-actions{gap:18px} :is(#l4c-home, .l4c-chrome) .hero>.macaron{width:148px;height:148px;right:30px;bottom:90px} :is(#l4c-home, .l4c-chrome) .hero>.macaron strong{font-size:14px}:is(#l4c-home, .l4c-chrome) .hero>.macaron b{font-size:26px}:is(#l4c-home, .l4c-chrome) .hero>.macaron svg{width:35px;height:20px} :is(#l4c-home, .l4c-chrome) .quote{flex:0 0 100%;min-height:0} :is(#l4c-home, .l4c-chrome) .l4c-history-grid{grid-template-columns:1fr;gap:40px} :is(#l4c-home, .l4c-chrome) .l4c-history-photo{position:relative;top:0;margin:16px 16px 0 0} :is(#l4c-home, .l4c-chrome) .l4c-history-photo img{height:360px;object-fit:cover} #l4c-home #presentation.l4c-history h2{font-size:42px} :is(#l4c-home, .l4c-chrome) .quote-controls{margin-top:18px} } :is(#l4c-home, .l4c-chrome) .testimonials{background:#f8f9fa}:is(#l4c-home, .l4c-chrome) .quote{background:#fff} @media(max-width:767px){#l4c-home #presentation.l4c-history .l4c-history-grid{grid-template-columns:1fr;gap:40px}#l4c-home #presentation.l4c-history .l4c-history-photo{position:relative;top:0;margin:16px 16px 0 0}#l4c-home #presentation.l4c-history .l4c-history-photo img{height:auto;max-height:none;object-fit:cover}} :is(#l4c-home, .l4c-chrome) .quotes{flex-direction:row;align-items:stretch} /* Signet latéral commun aux pages du site */ body.l4c-site a.season-toggle { position: fixed; top: 50%; right: 0; writing-mode: vertical-rl; text-orientation: mixed; transform: translateY(-50%) rotate(180deg); transform-origin: center; z-index: 9999; display: inline-block; padding: 12px 7px; border: 1px solid transparent; border-radius: 0 .25rem .25rem 0; background-color: #ffc107; color: #fff; font-family: "Open Sans", Arial, sans-serif; font-size: 1rem; font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s ease-in-out; } body.l4c-site a.season-toggle:hover { background-color: #ffca2c; color: #fff; } body.l4c-site a.season-toggle:focus-visible { outline: 3px solid var(--l4c-ink); outline-offset: 3px; } /* Mini Cime */ :is(#l4c-home, .l4c-chrome) .race-mini .race-art { background: #256775; } :is(#l4c-home, .l4c-chrome) .race-mini .race-art .number { font-size: 64px; top: 18px; } :is(#l4c-home, .l4c-chrome) .mini-no-registration { padding: 16px 12px; border: 1px solid #c8dfe1; border-radius: 3px; background: #edf5f5; color: var(--l4c-teal); font-size: 11px; font-weight: 800; letter-spacing: .04em; text-align: center; text-transform: uppercase; } @media (max-width: 1100px) { :is(#l4c-home, .l4c-chrome) .races { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { :is(#l4c-home, .l4c-chrome) .races { grid-template-columns: 1fr; } } /* ===== BÉNÉVOLES ===== */ /* Tous les styles sont limités à #l4c-volunteers. */ #l4c-volunteers{--l4cv-ink:var(--l4c-ink);--l4cv-teal:var(--l4c-teal);--l4cv-orange:var(--l4c-orange);--l4cv-muted:var(--l4c-muted);color:var(--l4cv-ink);font-family:'L4CInter',Arial,sans-serif;} #l4c-volunteers,#l4c-volunteers *{box-sizing:border-box;} #l4c-volunteers .l4cv-container{width:calc(100% - 48px);max-width:1200px;margin:0 auto;} #l4c-volunteers .l4cv-section{padding:76px 0;overflow:visible;} #l4c-volunteers figure{margin:0;} #l4c-volunteers img{display:block;max-width:100%;} #l4c-volunteers p{font-size:16px;line-height:1.7;margin:0 0 18px;color:var(--l4cv-muted);} #l4c-volunteers .l4cv-kicker{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:800;color:var(--l4cv-teal);text-transform:uppercase;margin:0 0 22px;} #l4c-volunteers h1,#l4c-volunteers h2{color:var(--l4cv-ink);font-family:'L4CBarlow',Impact,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;} #l4c-volunteers h2{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:0 0 22px;} #l4c-volunteers h2 span{color:var(--l4cv-orange);} #l4c-volunteers a{transition:background .2s,color .2s,transform .2s;} #l4c-volunteers a:focus-visible{outline:3px solid var(--l4cv-teal);outline-offset:5px;} #l4c-volunteers .l4cv-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;min-height:52px;padding:16px 24px;border-radius:3px;background:var(--l4cv-orange);color:#162f36;font:800 12px/1.4 'L4CInter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;} #l4c-volunteers .l4cv-button span{font-size:21px;font-weight:500;line-height:1;} #l4c-volunteers .l4cv-button:hover{background:#f7a044;transform:translateY(-2px);} #l4c-volunteers .l4cv-text-link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--l4cv-teal);font-size:12px;font-weight:800;text-decoration:none;} #l4c-volunteers .l4cv-text-link:hover{text-decoration:underline;} #l4c-volunteers .l4cv-hero{padding:150px 0 85px;background:#fff;overflow:visible;} #l4c-volunteers .l4cv-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;} #l4c-volunteers h1{font-size:clamp(65px,7.4vw,106px);line-height:.9;margin:0 0 26px;} #l4c-volunteers h1 span{color:var(--l4cv-orange);} #l4c-volunteers .l4cv-lead{color:var(--l4cv-ink);font-size:24px;font-weight:600;line-height:1.35;} #l4c-volunteers .l4cv-hero-text{max-width:520px;font-size:15px;} #l4c-volunteers .l4cv-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px;} #l4c-volunteers .l4cv-hero-photo{position:relative;margin:20px 0 20px 0;} #l4c-volunteers .l4cv-hero-photo::before{content:"";position:absolute;inset:-18px -18px 18px 18px;border:3px solid var(--l4cv-orange);} #l4c-volunteers .l4cv-hero-photo img{position:relative;width:100%;height:480px;object-fit:cover;object-position:50% 48%;border-radius:3px;} #l4c-volunteers .l4cv-hero-photo figcaption{position:absolute;left:-24px;bottom:-24px;right:34px;background:var(--l4cv-ink);color:white;padding:23px 24px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px;border-radius:3px;} #l4c-volunteers .l4cv-photo-dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--l4cv-orange);} #l4c-volunteers .l4cv-family{background:#f8f9fa;} #l4c-volunteers .l4cv-family-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:85px;align-items:center;max-width:1040px;} #l4c-volunteers .l4cv-family-number{color:#e6edef;position:relative;text-align:center;font:800 210px/.8 'L4CBarlow',Impact,sans-serif;border-right:1px solid #dce6e6;padding-right:50px;} #l4c-volunteers .l4cv-family-number span{display:block;font:800 14px/1 'L4CInter',Arial,sans-serif;letter-spacing:.28em;margin-top:23px;color:var(--l4cv-teal);} #l4c-volunteers .l4cv-family-call{color:var(--l4cv-ink);margin-bottom:0;} #l4c-volunteers .l4cv-family-call strong{font-weight:800;} #l4c-volunteers .l4cv-missions{background:#fff;scroll-margin-top:100px;} #l4c-volunteers .l4cv-section-title{text-align:center;margin-bottom:36px;} #l4c-volunteers .l4cv-section-title h2{font-family:'L4CInter',Arial,sans-serif;font-size:28px;line-height:1.3;color:var(--l4cv-orange);margin-bottom:16px;} #l4c-volunteers .l4cv-section-title p{font-size:14px;} #l4c-volunteers .l4cv-mission-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;} #l4c-volunteers .l4cv-mission{position:relative;background:#f8f9fa;padding:24px 20px;border-radius:4px;border-top:3px solid var(--l4cv-teal);} #l4c-volunteers .l4cv-mission-number{font-size:11px;color:#8a9da2;font-weight:800;} #l4c-volunteers .l4cv-mission svg{display:block;width:40px;height:40px;fill:none;stroke:var(--l4cv-orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin:20px 0 17px;} #l4c-volunteers .l4cv-mission h3{font:800 15px/1.3 'L4CInter',Arial,sans-serif;color:var(--l4cv-ink);margin:0 0 11px;} #l4c-volunteers .l4cv-mission p{font-size:12px;line-height:1.65;margin:0;} #l4c-volunteers .l4cv-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;} #l4c-volunteers .l4cv-photo-grid figure{overflow:hidden;border-radius:4px;background:#fff;border:1px solid #e0e8e7;} #l4c-volunteers .l4cv-photo-grid img{width:100%;height:235px;object-fit:cover;} #l4c-volunteers .l4cv-photo-grid figcaption{padding:20px 22px;font-size:16px;font-weight:800;color:var(--l4cv-ink);} #l4c-volunteers .l4cv-photo-grid figcaption span{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--l4cv-teal);margin-bottom:8px;} #l4c-volunteers .l4cv-team{background:#f8f9fa;} #l4c-volunteers .l4cv-team-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;} #l4c-volunteers .l4cv-team-photo img{width:100%;height:360px;object-fit:cover;border-radius:4px;} #l4c-volunteers .l4cv-team-copy p:not(.l4cv-kicker){font-size:15px;} #l4c-volunteers .l4cv-join{background:#fff;} #l4c-volunteers .l4cv-join-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;background:var(--l4cv-ink);padding:52px 56px;border-radius:5px;} #l4c-volunteers .l4cv-join-panel>div{position:relative;} #l4c-volunteers .l4cv-join h2{color:white;} #l4c-volunteers .l4cv-join .l4cv-kicker{color:#b3d7d8;} #l4c-volunteers .l4cv-join-panel p:not(.l4cv-kicker){color:#c5d7da;font-size:14px;margin-bottom:0;} #l4c-volunteers .l4cv-join-action{text-align:center;} #l4c-volunteers .l4cv-join-action .l4cv-button{width:100%;max-width:315px;} #l4c-volunteers .l4cv-join-action p{margin-top:14px;} @media(max-width:1100px){#l4c-volunteers .l4cv-hero-grid{gap:40px;}#l4c-volunteers .l4cv-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#l4c-volunteers .l4cv-team-grid{gap:40px;}} @media(max-width:767px){#l4c-volunteers .l4cv-container{width:calc(100% - 40px);}#l4c-volunteers .l4cv-section{padding:54px 0;}#l4c-volunteers .l4cv-hero{padding:122px 0 70px;}#l4c-volunteers .l4cv-hero-grid,#l4c-volunteers .l4cv-family-grid,#l4c-volunteers .l4cv-team-grid,#l4c-volunteers .l4cv-join-panel{grid-template-columns:1fr;gap:34px;}#l4c-volunteers h1{font-size:77px;}#l4c-volunteers .l4cv-lead{font-size:21px;}#l4c-volunteers .l4cv-hero-photo{margin:10px 15px 15px 0;}#l4c-volunteers .l4cv-hero-photo img{height:340px;}#l4c-volunteers .l4cv-hero-photo figcaption{left:15px;right:-15px;bottom:-18px;font-size:11px;padding:17px;}#l4c-volunteers .l4cv-family-number{display:none;}#l4c-volunteers .l4cv-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#l4c-volunteers .l4cv-mission:last-child{grid-column:1/-1;}#l4c-volunteers .l4cv-photo-grid{grid-template-columns:1fr;gap:20px;}#l4c-volunteers .l4cv-photo-grid img{height:240px;}#l4c-volunteers .l4cv-section-title h2{font-size:23px;}#l4c-volunteers .l4cv-team-photo img{height:auto;max-height:350px;object-fit:contain;}#l4c-volunteers .l4cv-join-panel{padding:35px 26px;}#l4c-volunteers .l4cv-join-action{text-align:left;}#l4c-volunteers .l4cv-join-action .l4cv-button{max-width:none;}} @media(prefers-reduced-motion:reduce){#l4c-volunteers a{transition:none;}#l4c-volunteers .l4cv-button:hover{transform:none;}} /* ===== SIERRE-ZINAL ===== */ /* Tous les styles sont limités à #l4c-sierre-zinal. */ #l4c-sierre-zinal{--l4csz-ink:var(--l4c-ink);--l4csz-teal:var(--l4c-teal);--l4csz-orange:var(--l4c-orange);--l4csz-muted:var(--l4c-muted);color:var(--l4csz-ink);font-family:'L4CInter',Arial,sans-serif;} #l4c-sierre-zinal,#l4c-sierre-zinal *{box-sizing:border-box;} #l4c-sierre-zinal .l4csz-container{width:calc(100% - 48px);max-width:1200px;margin:0 auto;} #l4c-sierre-zinal .l4csz-section{padding:76px 0;overflow:visible;} #l4c-sierre-zinal figure{margin:0;} #l4c-sierre-zinal img{display:block;max-width:100%;} #l4c-sierre-zinal p{font-size:16px;line-height:1.7;margin:0 0 18px;color:var(--l4csz-muted);} #l4c-sierre-zinal .l4csz-kicker{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:800;color:var(--l4csz-teal);text-transform:uppercase;margin:0 0 22px;} #l4c-sierre-zinal h1,#l4c-sierre-zinal h2{color:var(--l4csz-ink);font-family:'L4CBarlow',Impact,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;} #l4c-sierre-zinal h2{font-size:clamp(36px,4vw,54px);line-height:1.04;margin:0 0 22px;} #l4c-sierre-zinal h2 span{color:var(--l4csz-orange);} #l4c-sierre-zinal a{transition:background .2s,color .2s,transform .2s;} #l4c-sierre-zinal a:focus-visible{outline:3px solid var(--l4csz-teal);outline-offset:5px;} #l4c-sierre-zinal .l4csz-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;white-space:nowrap;min-height:52px;padding:16px 24px;border-radius:3px;background:var(--l4csz-orange);color:#162f36;font:800 12px/1.4 'L4CInter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;} #l4c-sierre-zinal .l4csz-button span{font-size:21px;font-weight:500;line-height:1;} #l4c-sierre-zinal .l4csz-button:hover{background:#f7a044;transform:translateY(-2px);} #l4c-sierre-zinal .l4csz-text-link{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;color:var(--l4csz-teal);font-size:12px;font-weight:800;text-decoration:none;} #l4c-sierre-zinal .l4csz-text-link:hover{text-decoration:underline;} #l4c-sierre-zinal .l4csz-hero{padding:150px 0 85px;background:#fff;overflow:visible;} #l4c-sierre-zinal .l4csz-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:62px;align-items:center;} #l4c-sierre-zinal h1{font-size:clamp(65px,7.4vw,106px);line-height:.9;margin:0 0 26px;} #l4c-sierre-zinal h1 span{color:var(--l4csz-orange);} #l4c-sierre-zinal .l4csz-lead{color:var(--l4csz-ink);font-size:24px;font-weight:600;line-height:1.35;} #l4c-sierre-zinal .l4csz-hero-text{max-width:520px;font-size:15px;} #l4c-sierre-zinal .l4csz-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px;} #l4c-sierre-zinal .l4csz-hero-photo{position:relative;margin:20px 0 20px 0;} #l4c-sierre-zinal .l4csz-hero-photo::before{content:"";position:absolute;inset:-18px -18px 18px 18px;border:3px solid var(--l4csz-orange);} #l4c-sierre-zinal .l4csz-hero-photo img{position:relative;width:100%;height:480px;object-fit:cover;object-position:50% 48%;border-radius:3px;} #l4c-sierre-zinal .l4csz-hero-photo figcaption{position:absolute;left:-24px;bottom:-24px;right:34px;background:var(--l4csz-ink);color:white;padding:23px 24px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:12px;border-radius:3px;} #l4c-sierre-zinal .l4csz-photo-dot{display:block;flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--l4csz-orange);} #l4c-sierre-zinal .l4csz-family{background:#f8f9fa;} #l4c-sierre-zinal .l4csz-family-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:85px;align-items:center;max-width:1040px;} #l4c-sierre-zinal .l4csz-family-number{color:#e6edef;position:relative;text-align:center;font:800 210px/.8 'L4CBarlow',Impact,sans-serif;border-right:1px solid #dce6e6;padding-right:50px;} #l4c-sierre-zinal .l4csz-family-number span{display:block;font:800 14px/1 'L4CInter',Arial,sans-serif;letter-spacing:.28em;margin-top:23px;color:var(--l4csz-teal);} #l4c-sierre-zinal .l4csz-family-call{color:var(--l4csz-ink);margin-bottom:0;} #l4c-sierre-zinal .l4csz-family-call strong{font-weight:800;} #l4c-sierre-zinal .l4csz-missions{background:#fff;scroll-margin-top:100px;} #l4c-sierre-zinal .l4csz-section-title{text-align:center;margin-bottom:36px;} #l4c-sierre-zinal .l4csz-section-title h2{font-family:'L4CInter',Arial,sans-serif;font-size:28px;line-height:1.3;color:var(--l4csz-orange);margin-bottom:16px;} #l4c-sierre-zinal .l4csz-section-title p{font-size:14px;} #l4c-sierre-zinal .l4csz-mission-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;} #l4c-sierre-zinal .l4csz-mission{position:relative;background:#f8f9fa;padding:24px 20px;border-radius:4px;border-top:3px solid var(--l4csz-teal);} #l4c-sierre-zinal .l4csz-mission-number{font-size:11px;color:#8a9da2;font-weight:800;} #l4c-sierre-zinal .l4csz-mission svg{display:block;width:40px;height:40px;fill:none;stroke:var(--l4csz-orange);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin:20px 0 17px;} #l4c-sierre-zinal .l4csz-mission h3{font:800 15px/1.3 'L4CInter',Arial,sans-serif;color:var(--l4csz-ink);margin:0 0 11px;} #l4c-sierre-zinal .l4csz-mission p{font-size:12px;line-height:1.65;margin:0;} #l4c-sierre-zinal .l4csz-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;} #l4c-sierre-zinal .l4csz-photo-grid figure{overflow:hidden;border-radius:4px;background:#fff;border:1px solid #e0e8e7;} #l4c-sierre-zinal .l4csz-photo-grid img{width:100%;height:235px;object-fit:cover;} #l4c-sierre-zinal .l4csz-photo-grid figcaption{padding:20px 22px;font-size:16px;font-weight:800;color:var(--l4csz-ink);} #l4c-sierre-zinal .l4csz-photo-grid figcaption span{display:block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--l4csz-teal);margin-bottom:8px;} #l4c-sierre-zinal .l4csz-team{background:#f8f9fa;} #l4c-sierre-zinal .l4csz-team-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;} #l4c-sierre-zinal .l4csz-team-photo img{width:100%;height:360px;object-fit:cover;border-radius:4px;} #l4c-sierre-zinal .l4csz-team-copy p:not(.l4csz-kicker){font-size:15px;} #l4c-sierre-zinal .l4csz-join{background:#fff;} #l4c-sierre-zinal .l4csz-join-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;background:var(--l4csz-ink);padding:52px 56px;border-radius:5px;} #l4c-sierre-zinal .l4csz-join-panel>div{position:relative;} #l4c-sierre-zinal .l4csz-join h2{color:white;} #l4c-sierre-zinal .l4csz-join .l4csz-kicker{color:#b3d7d8;} #l4c-sierre-zinal .l4csz-join-panel p:not(.l4csz-kicker){color:#c5d7da;font-size:14px;margin-bottom:0;} #l4c-sierre-zinal .l4csz-join-action{text-align:center;} #l4c-sierre-zinal .l4csz-join-action .l4csz-button{width:100%;max-width:315px;} #l4c-sierre-zinal .l4csz-join-action p{margin-top:14px;} @media(max-width:1100px){#l4c-sierre-zinal .l4csz-hero-grid{gap:40px;}#l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#l4c-sierre-zinal .l4csz-team-grid{gap:40px;}} @media(max-width:767px){#l4c-sierre-zinal .l4csz-container{width:calc(100% - 40px);}#l4c-sierre-zinal .l4csz-section{padding:54px 0;}#l4c-sierre-zinal .l4csz-hero{padding:122px 0 70px;}#l4c-sierre-zinal .l4csz-hero-grid,#l4c-sierre-zinal .l4csz-family-grid,#l4c-sierre-zinal .l4csz-team-grid,#l4c-sierre-zinal .l4csz-join-panel{grid-template-columns:1fr;gap:34px;}#l4c-sierre-zinal h1{font-size:77px;}#l4c-sierre-zinal .l4csz-lead{font-size:21px;}#l4c-sierre-zinal .l4csz-hero-photo{margin:10px 15px 15px 0;}#l4c-sierre-zinal .l4csz-hero-photo img{height:340px;}#l4c-sierre-zinal .l4csz-hero-photo figcaption{left:15px;right:-15px;bottom:-18px;font-size:11px;padding:17px;}#l4c-sierre-zinal .l4csz-family-number{display:none;}#l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#l4c-sierre-zinal .l4csz-mission:last-child{grid-column:1/-1;}#l4c-sierre-zinal .l4csz-photo-grid{grid-template-columns:1fr;gap:20px;}#l4c-sierre-zinal .l4csz-photo-grid img{height:240px;}#l4c-sierre-zinal .l4csz-section-title h2{font-size:23px;}#l4c-sierre-zinal .l4csz-team-photo img{height:auto;max-height:350px;object-fit:contain;}#l4c-sierre-zinal .l4csz-join-panel{padding:35px 26px;}#l4c-sierre-zinal .l4csz-join-action{text-align:left;}#l4c-sierre-zinal .l4csz-join-action .l4csz-button{max-width:none;}} @media(prefers-reduced-motion:reduce){#l4c-sierre-zinal a{transition:none;}#l4c-sierre-zinal .l4csz-button:hover{transform:none;}} #l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;} #l4c-sierre-zinal .l4csz-mission{padding:30px;} #l4c-sierre-zinal .l4csz-mission h3{font-size:21px;margin-top:20px;} #l4c-sierre-zinal .l4csz-mission p{font-size:14px;} #l4c-sierre-zinal .l4csz-family-number{font-size:150px;} #l4c-sierre-zinal .l4csz-date{display:inline-block;color:var(--l4csz-teal);font-size:13px;font-weight:800;letter-spacing:.08em;margin-bottom:20px;} #l4c-sierre-zinal .l4csz-notice{margin-top:34px;padding:28px 32px;background:#fff6ea;border-left:4px solid var(--l4csz-orange);border-radius:3px;} #l4c-sierre-zinal .l4csz-notice h3{margin:0 0 10px;font-size:19px;color:var(--l4csz-ink);} #l4c-sierre-zinal .l4csz-notice p{font-size:14px;margin:0;} #l4c-sierre-zinal .l4csz-gallery-photo img{width:100%;height:440px;object-fit:cover;object-position:center 65%;border-radius:4px;} #l4c-sierre-zinal .l4csz-gallery-photo figcaption{font-size:12px;color:var(--l4csz-muted);padding-top:12px;} #l4c-sierre-zinal .l4csz-gallery-link{text-align:center;margin-top:28px;} @media(max-width:767px){#l4c-sierre-zinal h1{font-size:64px;}#l4c-sierre-zinal .l4csz-mission-grid{grid-template-columns:1fr;}#l4c-sierre-zinal .l4csz-gallery-photo img{height:280px;}#l4c-sierre-zinal .l4csz-notice{padding:24px;}#l4c-sierre-zinal .l4csz-button{white-space:normal;}#l4c-sierre-zinal .l4csz-text-link{white-space:normal;}} #l4c-sierre-zinal h1{font-size:clamp(44px,4.2vw,64px);line-height:1.02;} @media(max-width:767px){#l4c-sierre-zinal h1{font-size:44px;}} @media(max-width:767px){#l4c-sierre-zinal .l4csz-mission-grid{display:flex;flex-direction:column;}#l4c-sierre-zinal .l4csz-mission{width:100%;}} #l4c-sierre-zinal h1{font-size:clamp(44px,4.2vw,64px);line-height:1.02;} @media(max-width:767px){#l4c-sierre-zinal h1{font-size:44px;}} /* ===== PROGRAMME ===== */ /* Tous les styles sont limités au contenu Programme. */ #l4c-programme{--l4cp-ink:var(--l4c-ink);--l4cp-teal:var(--l4c-teal);--l4cp-orange:var(--l4c-orange);--l4cp-muted:var(--l4c-muted);color:var(--l4cp-ink);font-family:'L4CInter',Arial,sans-serif;background:#fff} #l4c-programme,#l4c-programme *{box-sizing:border-box} #l4c-programme .l4cp-wrap{width:calc(100% - 48px);max-width:1200px;margin:0 auto} #l4c-programme p{font-size:15px;line-height:1.7;color:var(--l4cp-muted);margin:0 0 18px} #l4c-programme h1,#l4c-programme h2,#l4c-programme h3,#l4c-programme h4{color:var(--l4cp-ink);font-family:'L4CInter',Arial,sans-serif;font-weight:800;margin:0} #l4c-programme h1,#l4c-programme .l4cp-location h2{font-family:'L4CBarlow',Impact,Arial,sans-serif;text-transform:uppercase;line-height:1.03} #l4c-programme h1{font-size:clamp(48px,5vw,72px);margin-bottom:25px} #l4c-programme h1 span,#l4c-programme h2 span{color:var(--l4cp-orange)} #l4c-programme .l4cp-kicker{color:var(--l4cp-teal);font-size:10px;line-height:1.5;letter-spacing:.13em;font-weight:800;text-transform:uppercase;margin-bottom:17px} #l4c-programme a{color:var(--l4cp-teal);text-decoration:none} #l4c-programme a:hover{text-decoration:underline} #l4c-programme a:focus-visible,#l4c-programme summary:focus-visible{outline:3px solid var(--l4cp-teal);outline-offset:4px} #l4c-programme .l4cp-section{padding:76px 0;scroll-margin-top:85px} #l4c-programme .l4cp-hero{padding:155px 0 70px;background:#fff} #l4c-programme .l4cp-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:center} #l4c-programme .l4cp-lead{font-size:18px;color:var(--l4cp-ink);line-height:1.6;margin-bottom:30px} #l4c-programme .l4cp-jump-links{display:flex;flex-wrap:wrap;gap:13px 22px} #l4c-programme .l4cp-jump-links a{font-size:11px;font-weight:800;padding-bottom:5px;border-bottom:2px solid #d7e6e7} #l4c-programme .l4cp-date-panel{position:relative;isolation:isolate;background:var(--l4cp-ink);border-radius:4px;padding:40px 26px;text-align:center} #l4c-programme .l4cp-date-panel::before{content:"";position:absolute;inset:-15px -15px 15px 15px;border:3px solid var(--l4cp-orange);z-index:-1} #l4c-programme .l4cp-date-panel p{font-size:10px;letter-spacing:.08em;color:#bdd6da;font-weight:700;margin:0} #l4c-programme .l4cp-date-panel>div{display:flex;justify-content:center;margin:25px 0 28px} #l4c-programme .l4cp-date-panel>div>span{flex:1;color:#c4dcde;font-size:8px;font-weight:800;letter-spacing:.06em;border-right:1px solid #ffffff25} #l4c-programme .l4cp-date-panel>div>span:last-child{border-right:0} #l4c-programme .l4cp-date-panel strong{display:block;font:800 56px/1.1 'L4CBarlow',Impact,Arial,sans-serif;letter-spacing:0;color:var(--l4cp-orange);margin-bottom:10px} #l4c-programme .l4cp-schedule{background:#f8f9fa} #l4c-programme .l4cp-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:35px} #l4c-programme .l4cp-heading h2{font-size:28px;line-height:1.3;color:var(--l4cp-orange);text-transform:uppercase} #l4c-programme .l4cp-heading p:last-child{font-size:13px;margin-bottom:0} #l4c-programme .l4cp-heading .l4cp-kicker{font-size:10px;margin-bottom:12px} #l4c-programme .l4cp-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #l4c-programme .l4cp-day{background:#fff;border:1px solid #e0e8e9;border-top:4px solid var(--l4cp-teal);border-radius:4px;padding:27px 25px;scroll-margin-top:90px} #l4c-programme .l4cp-day:first-child{border-top-color:var(--l4cp-orange)} #l4c-programme .l4cp-day:last-child{border-top-color:var(--l4cp-ink)} #l4c-programme .l4cp-day-top{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:72px} #l4c-programme .l4cp-day-top .l4cp-kicker{font-size:9px;margin-bottom:10px;letter-spacing:.07em} #l4c-programme .l4cp-day-top h3{font-size:20px;line-height:1.25} #l4c-programme .l4cp-day-number{font:800 59px/1 'L4CBarlow',Impact,Arial,sans-serif;color:#dce9eb} #l4c-programme .l4cp-day-lead{font-size:12px;line-height:1.5;margin:18px 0 24px;min-height:36px} #l4c-programme .l4cp-timeline{list-style:none;margin:0;padding:0} #l4c-programme .l4cp-timeline li{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:17px 0;border-top:1px solid #e6eded} #l4c-programme .l4cp-timeline time{font-size:11px;line-height:1.55;color:var(--l4cp-teal);font-weight:800} #l4c-programme .l4cp-timeline h4{font-size:12px;line-height:1.6} #l4c-programme .l4cp-timeline p{font-size:11px;line-height:1.5;margin:6px 0 0} #l4c-programme .l4cp-awards{background:#fff} #l4c-programme .l4cp-podium{display:flex;gap:25px;align-items:center;background:#f8f9fa;padding:30px 34px;border-radius:4px;margin-bottom:35px} #l4c-programme .l4cp-podium-icon{flex:0 0 52px;width:52px;color:var(--l4cp-orange)} #l4c-programme .l4cp-podium-icon svg{width:52px;height:52px;display:block} #l4c-programme .l4cp-podium h3{font-size:18px;margin-bottom:13px} #l4c-programme .l4cp-podium ul{display:flex;flex-wrap:wrap;gap:10px 32px;padding:0 0 0 17px;margin:0;font-size:12px;line-height:1.6;color:var(--l4cp-muted)} #l4c-programme .l4cp-podium li::marker{color:var(--l4cp-orange)} #l4c-programme .l4cp-awards-frame{border:2px solid var(--l4cp-orange);border-radius:5px;overflow:hidden} #l4c-programme .l4cp-records{padding:42px;background:var(--l4cp-ink)} #l4c-programme .l4cp-records-heading{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-bottom:24px} #l4c-programme .l4cp-records .l4cp-kicker{color:#bdd8dc} #l4c-programme .l4cp-records h3{color:white;font-family:'L4CBarlow',Impact,Arial,sans-serif;font-size:39px;line-height:1.15;text-transform:uppercase} #l4c-programme .l4cp-records h3 span{color:var(--l4cp-orange)} #l4c-programme .l4cp-money{border:1px solid #ea872b85;padding:22px 27px;min-width:180px;border-radius:3px;text-align:center} #l4c-programme .l4cp-money strong{display:block;color:var(--l4cp-orange);font:800 53px/1 'L4CBarlow',Impact,Arial,sans-serif;white-space:nowrap} #l4c-programme .l4cp-money span{display:block;margin-top:11px;color:#c4dadd;font-size:11px;font-weight:700} #l4c-programme .l4cp-records .l4cp-records-intro{color:#d2e3e5;font-size:14px;margin-bottom:27px} #l4c-programme .l4cp-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} #l4c-programme .l4cp-record-grid article{border:1px solid #ffffff25;border-radius:3px;background:#ffffff07;padding:25px} #l4c-programme .l4cp-record-grid article p{color:#b3d7db;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:14px} #l4c-programme .l4cp-record-grid article>strong{display:block;font:800 34px/1.3 'L4CBarlow',Impact,Arial,sans-serif;color:#fff;margin-bottom:15px} #l4c-programme .l4cp-record-grid article>span{font-size:13px;color:#e6f0f1} #l4c-programme .l4cp-record-grid b{color:var(--l4cp-orange);font-size:11px;margin-left:12px} #l4c-programme .l4cp-prizes,#l4c-programme .l4cp-times{padding:40px 42px} #l4c-programme .l4cp-prizes h3,#l4c-programme .l4cp-times h3{font-size:26px;line-height:1.25;margin-bottom:22px} #l4c-programme .l4cp-prizes ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:0;margin:0;list-style:none} #l4c-programme .l4cp-prizes li{background:#f8f9fa;border-top:2px solid var(--l4cp-teal);padding:22px;border-radius:3px} #l4c-programme .l4cp-prize-number{display:block;color:var(--l4cp-orange);font-size:12px;font-weight:800;margin-bottom:16px} #l4c-programme .l4cp-prizes li p{font-size:13px;line-height:1.65;color:var(--l4cp-ink);font-weight:600;margin:0} #l4c-programme .l4cp-times{background:#f8f9fa;border-top:1px solid #e1e9ea} #l4c-programme .l4cp-times>p:not(.l4cp-kicker){font-size:14px;margin-bottom:24px} #l4c-programme .l4cp-chrono-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px} #l4c-programme .l4cp-chrono{background:white;border:1px solid #dce7e8;border-radius:4px;padding:25px} #l4c-programme .l4cp-chrono h4{font-size:18px;margin-bottom:20px} #l4c-programme .l4cp-chrono ul{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #l4c-programme .l4cp-chrono li{padding-top:16px;border-top:3px solid var(--l4cp-orange)} #l4c-programme .l4cp-chrono li span{display:block;font-size:9px;color:var(--l4cp-muted);margin-bottom:7px} #l4c-programme .l4cp-chrono li strong{display:block;font:800 26px/1.3 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4cp-teal)} #l4c-programme .l4cp-location{background:#f8f9fa} #l4c-programme .l4cp-location-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center} #l4c-programme .l4cp-location h2{font-size:48px;margin-bottom:24px} #l4c-programme .l4cp-address{font-size:15px;line-height:1.8;margin:0} #l4c-programme .l4cp-address strong{color:var(--l4cp-ink)} #l4c-programme .l4cp-map-card{border:1px solid #dfe8e9;background:white;padding:32px;border-radius:4px} #l4c-programme .l4cp-map-card h3{font-size:20px;line-height:1.3;margin-bottom:15px} #l4c-programme .l4cp-map-card p{font-size:13px} #l4c-programme .l4cp-map summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;background:var(--l4cp-orange);color:var(--l4cp-ink);padding:17px 20px;font-size:12px;font-weight:800;cursor:pointer;border-radius:3px} #l4c-programme .l4cp-map summary::-webkit-details-marker{display:none} #l4c-programme .l4cp-map:not([open]) iframe{display:none} #l4c-programme .l4cp-map iframe{width:100%;height:400px;border:0;display:block;margin-top:15px} #l4c-programme .l4cp-map-link{display:inline-block;font-size:11px;font-weight:800;margin-top:19px} @media(max-width:1100px){#l4c-programme .l4cp-hero-grid{gap:40px}#l4c-programme .l4cp-day{padding:25px 18px}#l4c-programme .l4cp-timeline li{grid-template-columns:70px minmax(0,1fr);gap:10px}#l4c-programme .l4cp-prizes ul{grid-template-columns:repeat(2,minmax(0,1fr))}#l4c-programme .l4cp-chrono-grid{grid-template-columns:1fr}} @media(max-width:767px){#l4c-programme .l4cp-wrap{width:calc(100% - 40px)}#l4c-programme .l4cp-section{padding:50px 0}#l4c-programme .l4cp-hero{padding:120px 0 55px}#l4c-programme h1{font-size:47px}#l4c-programme .l4cp-lead{font-size:16px}#l4c-programme .l4cp-hero-grid,#l4c-programme .l4cp-location-grid{grid-template-columns:1fr;gap:35px}#l4c-programme .l4cp-date-panel{margin-right:12px;padding:28px 20px}#l4c-programme .l4cp-date-panel strong{font-size:50px}#l4c-programme .l4cp-jump-links{gap:13px 18px}#l4c-programme .l4cp-heading{display:block;margin-bottom:27px}#l4c-programme .l4cp-heading h2{font-size:25px}#l4c-programme .l4cp-heading>p{margin-top:17px}#l4c-programme .l4cp-days{grid-template-columns:1fr;gap:22px}#l4c-programme .l4cp-day{padding:25px}#l4c-programme .l4cp-day-top{min-height:0}#l4c-programme .l4cp-day-lead{min-height:0}#l4c-programme .l4cp-timeline li{grid-template-columns:82px minmax(0,1fr);gap:15px}#l4c-programme .l4cp-day-top h3{font-size:21px}#l4c-programme .l4cp-podium{padding:25px;align-items:flex-start;gap:18px}#l4c-programme .l4cp-podium-icon,#l4c-programme .l4cp-podium-icon svg{width:35px;height:35px;flex-basis:35px}#l4c-programme .l4cp-podium ul{display:block}#l4c-programme .l4cp-podium li+li{margin-top:10px}#l4c-programme .l4cp-records{padding:28px 24px}#l4c-programme .l4cp-records-heading{display:block}#l4c-programme .l4cp-records h3{font-size:31px}#l4c-programme .l4cp-money{margin-top:25px;padding:18px;text-align:left;min-width:0;display:flex;gap:18px;align-items:center}#l4c-programme .l4cp-money strong{font-size:44px}#l4c-programme .l4cp-money span{margin-top:0;font-size:11px}#l4c-programme .l4cp-record-grid{grid-template-columns:1fr;gap:15px}#l4c-programme .l4cp-record-grid article{padding:23px 20px}#l4c-programme .l4cp-record-grid article>strong{font-size:28px}#l4c-programme .l4cp-prizes,#l4c-programme .l4cp-times{padding:30px 24px}#l4c-programme .l4cp-prizes h3,#l4c-programme .l4cp-times h3{font-size:24px}#l4c-programme .l4cp-prizes ul{grid-template-columns:1fr;gap:12px}#l4c-programme .l4cp-prizes li{display:flex;gap:17px;padding:20px}#l4c-programme .l4cp-prize-number{margin:2px 0 0}#l4c-programme .l4cp-chrono{padding:22px 18px}#l4c-programme .l4cp-chrono ul{gap:8px}#l4c-programme .l4cp-chrono li strong{font-size:23px}#l4c-programme .l4cp-chrono li span{font-size:8px}#l4c-programme .l4cp-location h2{font-size:41px}#l4c-programme .l4cp-map-card{padding:25px}#l4c-programme .l4cp-map iframe{height:340px}} /* ===== RIVERAINS ===== */ /* Styles limités au contenu Riverains ; éléments communs du site conservés. */ #l4c-riverains{--l4cr-ink:var(--l4c-ink);--l4cr-teal:var(--l4c-teal);--l4cr-orange:var(--l4c-orange);--l4cr-muted:var(--l4c-muted);background:#fff;color:var(--l4cr-ink);font-family:'L4CInter',Arial,sans-serif} #l4c-riverains,#l4c-riverains *{box-sizing:border-box} #l4c-riverains [hidden]{display:none!important} #l4c-riverains .l4cr-wrap{width:calc(100% - 48px);max-width:1200px;margin:auto} #l4c-riverains p{font-size:15px;line-height:1.75;color:var(--l4cr-muted);margin:0 0 18px} #l4c-riverains h1,#l4c-riverains h2,#l4c-riverains h3{color:var(--l4cr-ink);font-family:'L4CInter',Arial,sans-serif;font-weight:800;margin:0} #l4c-riverains a{color:var(--l4cr-teal);text-decoration:none} #l4c-riverains a:hover{text-decoration:underline} #l4c-riverains a:focus-visible,#l4c-riverains button:focus-visible,#l4c-riverains summary:focus-visible,#l4c-riverains input:focus-visible{outline:3px solid var(--l4cr-teal);outline-offset:4px} #l4c-riverains .l4cr-kicker{color:var(--l4cr-teal);font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px} #l4c-riverains .l4cr-section{padding:70px 0;scroll-margin-top:85px} #l4c-riverains .l4cr-hero{padding:150px 0 55px;background:white} #l4c-riverains .l4cr-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:85px;align-items:center} #l4c-riverains h1{font:800 clamp(48px,5.4vw,76px)/1.02 'L4CBarlow',Impact,Arial,sans-serif;text-transform:uppercase;margin-bottom:25px} #l4c-riverains h1 span{color:var(--l4cr-orange)} #l4c-riverains .l4cr-lead{font-size:18px;color:var(--l4cr-ink);margin-bottom:29px} #l4c-riverains .l4cr-jumps{display:flex;flex-wrap:wrap;gap:13px 23px} #l4c-riverains .l4cr-jumps a{font-size:11px;font-weight:800;border-bottom:2px solid #d8e7e8;padding-bottom:4px} #l4c-riverains .l4cr-anniversary{position:relative;isolation:isolate;text-align:center;background:var(--l4cr-ink);border-radius:4px;padding:32px 30px} #l4c-riverains .l4cr-anniversary::before{content:"";position:absolute;inset:-15px -15px 15px 15px;border:3px solid var(--l4cr-orange);z-index:-1} #l4c-riverains .l4cr-anniversary p{font-size:10px;font-weight:800;letter-spacing:.13em;color:#c0d9dc;margin:0} #l4c-riverains .l4cr-anniversary>strong{display:block;font:800 132px/1 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4cr-orange);margin:14px 0 20px} #l4c-riverains .l4cr-anniversary>strong>span{display:inline-block;font:600 23px/1 'L4CInter',Arial,sans-serif;color:#fff;margin-left:8px} #l4c-riverains .l4cr-intro{padding:0 0 60px} #l4c-riverains .l4cr-intro .l4cr-wrap{padding-top:30px;border-top:1px solid #e0e9ea} #l4c-riverains .l4cr-intro .l4cr-salutation{color:var(--l4cr-ink);font-weight:700;margin-bottom:10px} #l4c-riverains .l4cr-intro p:last-child{max-width:1000px;margin:0} #l4c-riverains .l4cr-heading{display:flex;gap:35px;justify-content:space-between;align-items:flex-end;margin-bottom:30px} #l4c-riverains .l4cr-heading h2{font-size:28px;line-height:1.25;text-transform:uppercase;color:var(--l4cr-orange)} #l4c-riverains .l4cr-heading>p{font-size:13px;margin:0} #l4c-riverains .l4cr-heading .l4cr-kicker{margin-bottom:12px} #l4c-riverains .l4cr-schedule{background:#f8f9fa} #l4c-riverains .l4cr-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} #l4c-riverains .l4cr-day{background:white;border:1px solid #dfe9ea;border-top:3px solid var(--l4cr-teal);border-radius:4px;padding:26px} #l4c-riverains .l4cr-day:first-child{border-top-color:var(--l4cr-orange)} #l4c-riverains .l4cr-day>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px} #l4c-riverains .l4cr-day .l4cr-kicker{font-size:10px;margin:0;letter-spacing:.05em} #l4c-riverains .l4cr-day>div>span{font:800 48px/1 'L4CBarlow',Impact,Arial,sans-serif;color:#dce9eb} #l4c-riverains .l4cr-day ul{list-style:none;padding:0;margin:0} #l4c-riverains .l4cr-day li{display:grid;grid-template-columns:65px minmax(0,1fr);gap:15px;padding:15px 0;border-top:1px solid #e3ebec;font-size:13px;line-height:1.5} #l4c-riverains .l4cr-day li time{font-size:12px;font-weight:800;color:var(--l4cr-teal)} #l4c-riverains .l4cr-day li strong{display:block;color:var(--l4cr-ink)} #l4c-riverains .l4cr-day li small{display:block;color:var(--l4cr-muted);font-size:11px;margin-top:5px} #l4c-riverains .l4cr-link{font-size:12px;font-weight:800} #l4c-riverains .l4cr-map-help{display:flex;align-items:center;gap:20px;border:1px solid #f0d4b9;background:#fff8f0;padding:20px 26px;border-radius:4px;margin-bottom:25px} #l4c-riverains .l4cr-map-help p{font-size:14px;margin:0;color:var(--l4cr-ink)} #l4c-riverains .l4cr-line{display:block;flex:0 0 40px;height:4px;background:var(--l4cr-orange);transform:rotate(-25deg);border-radius:2px} #l4c-riverains .l4cr-map-frame{border:1px solid #dbe6e8;border-radius:4px;overflow:hidden;background:#f8f9fa} #l4c-riverains .l4cr-map-frame iframe{display:block;width:100%;height:520px;border:0} #l4c-riverains .l4cr-measures{background:#f8f9fa} #l4c-riverains .l4cr-search-tools{display:flex;gap:30px;align-items:flex-end;justify-content:space-between;margin-bottom:16px} #l4c-riverains .l4cr-search{width:100%;max-width:530px} #l4c-riverains .l4cr-search label{display:block;font-size:12px;font-weight:800;color:var(--l4cr-ink);margin-bottom:10px} #l4c-riverains .l4cr-search input{display:block;width:100%;border:1px solid #cbdbde;border-radius:3px;background:#fff;padding:15px 17px;font:400 14px/1.5 'L4CInter',Arial,sans-serif;color:var(--l4cr-ink)} #l4c-riverains .l4cr-expand-tools{display:flex;gap:12px} #l4c-riverains .l4cr-expand-tools button{padding:13px 15px;background:#fff;border:1px solid #ccdcdf;border-radius:3px;color:var(--l4cr-teal);font:700 11px/1.5 'L4CInter',Arial,sans-serif;cursor:pointer;white-space:nowrap} #l4c-riverains .l4cr-search-status{font-size:11px;color:var(--l4cr-teal);min-height:19px;margin-bottom:30px} #l4c-riverains .l4cr-area{padding:0;scroll-margin-top:90px} #l4c-riverains .l4cr-area+.l4cr-area{margin-top:45px} #l4c-riverains .l4cr-area-heading{display:flex;gap:25px;align-items:flex-end;justify-content:space-between;margin-bottom:22px;border-left:4px solid var(--l4cr-orange);padding-left:19px} #l4c-riverains .l4cr-area-heading h3{font-size:26px;line-height:1.3} #l4c-riverains .l4cr-area-heading .l4cr-kicker{font-size:9px;margin-bottom:9px} #l4c-riverains .l4cr-area-heading>p{font-size:12px;margin:0} #l4c-riverains .l4cr-streets{display:flex;flex-direction:column;gap:12px} #l4c-riverains .l4cr-street{border:1px solid #dae5e7;border-radius:4px;background:#fff;overflow:hidden} #l4c-riverains .l4cr-street summary{display:flex;align-items:center;gap:20px;list-style:none;padding:23px 26px;cursor:pointer} #l4c-riverains .l4cr-street summary::-webkit-details-marker{display:none} #l4c-riverains .l4cr-street summary>span:nth-child(2){flex:1;min-width:0} #l4c-riverains .l4cr-street summary strong{display:block;font-size:15px;font-weight:800;line-height:1.5} #l4c-riverains .l4cr-street summary small{display:block;color:var(--l4cr-teal);font-size:10px;margin-top:6px;font-weight:700;letter-spacing:.04em} #l4c-riverains .l4cr-street-index{color:var(--l4cr-orange);font-size:11px;font-weight:800} #l4c-riverains .l4cr-plus{position:relative;flex:0 0 26px;width:26px;height:26px;border:1px solid #dae5e7;border-radius:50%} #l4c-riverains .l4cr-plus::before,#l4c-riverains .l4cr-plus::after{content:"";position:absolute;background:var(--l4cr-teal);width:10px;height:2px;left:7px;top:11px} #l4c-riverains .l4cr-plus::after{transform:rotate(90deg)} #l4c-riverains .l4cr-street[open] .l4cr-plus::after{display:none} #l4c-riverains .l4cr-street[open] summary{border-bottom:1px solid #e6edef} #l4c-riverains .l4cr-street-body{padding:23px 32px 25px 63px} #l4c-riverains .l4cr-street-body p{font-size:14px;color:var(--l4cr-ink);font-weight:600} #l4c-riverains .l4cr-street-body ul{padding-left:18px;margin:0;color:var(--l4cr-muted);font-size:14px;line-height:1.8} #l4c-riverains .l4cr-street-body li+li{margin-top:10px} #l4c-riverains .l4cr-street-body li::marker{color:var(--l4cr-orange)} #l4c-riverains .l4cr-no-results{border:1px solid #dbe6e8;padding:25px;border-radius:4px;background:white} #l4c-riverains .l4cr-safety{background:var(--l4cr-ink);border-left:4px solid var(--l4cr-orange);border-radius:4px;padding:28px 32px;margin-top:40px} #l4c-riverains .l4cr-safety>strong{display:block;color:var(--l4cr-orange);font-size:17px;margin-bottom:12px} #l4c-riverains .l4cr-safety p{color:#d1e2e5;font-size:14px;margin:0} #l4c-riverains .l4cr-document-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} #l4c-riverains .l4cr-document{display:flex;gap:23px;align-items:flex-start;border:1px solid #dce7e8;border-top:3px solid var(--l4cr-teal);border-radius:4px;padding:28px;background:white} #l4c-riverains .l4cr-pdf{flex:0 0 45px;display:flex;align-items:center;justify-content:center;border:1px solid #f0d1b2;border-radius:3px;width:45px;height:52px;color:var(--l4cr-orange);font-size:11px;font-weight:800} #l4c-riverains .l4cr-document h3{font-size:17px;margin-bottom:10px} #l4c-riverains .l4cr-document p{font-size:13px;margin-bottom:16px} #l4c-riverains .l4cr-document-status{font-size:10px;line-height:1.5;background:#f1f5f6;color:var(--l4cr-muted);padding:7px 10px;border-radius:2px;display:inline-block;font-weight:700} #l4c-riverains .l4cr-contact{background:#f8f9fa} #l4c-riverains .l4cr-contact-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--l4cr-ink);padding:42px;border-radius:4px} #l4c-riverains .l4cr-contact-panel .l4cr-kicker{color:#bedbde} #l4c-riverains .l4cr-contact-panel h2{font:800 47px/1.1 'L4CBarlow',Impact,Arial,sans-serif;text-transform:uppercase;color:white;margin-bottom:18px} #l4c-riverains .l4cr-contact-panel p{font-size:14px;color:#c8e0e3;margin:0} #l4c-riverains .l4cr-contact-panel p>a{color:#fff;overflow-wrap:anywhere} #l4c-riverains .l4cr-contact-panel a.l4cr-button{display:inline-flex;align-items:center;justify-content:center;background:var(--l4cr-orange);border-radius:3px;color:var(--l4cr-ink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:17px 25px;white-space:nowrap} #l4c-riverains .l4cr-thanks{max-width:900px;margin-top:30px} #l4c-riverains .l4cr-thanks p{font-size:14px} #l4c-riverains .l4cr-thanks p:last-child{margin-bottom:0;color:var(--l4cr-ink);font-weight:700} @media(max-width:1000px){#l4c-riverains .l4cr-hero-grid{gap:45px}#l4c-riverains .l4cr-day{padding:22px}#l4c-riverains .l4cr-document{padding:25px;gap:20px}} @media(max-width:767px){#l4c-riverains .l4cr-wrap{width:calc(100% - 40px)}#l4c-riverains .l4cr-section{padding:50px 0}#l4c-riverains .l4cr-hero{padding:120px 0 45px}#l4c-riverains .l4cr-hero-grid{grid-template-columns:1fr;gap:40px}#l4c-riverains h1{font-size:54px}#l4c-riverains .l4cr-lead{font-size:16px}#l4c-riverains .l4cr-jumps{gap:12px 19px}#l4c-riverains .l4cr-anniversary{margin-right:12px;padding:27px 20px}#l4c-riverains .l4cr-anniversary>strong{font-size:110px}#l4c-riverains .l4cr-intro{padding-bottom:45px}#l4c-riverains .l4cr-heading{display:block}#l4c-riverains .l4cr-heading h2{font-size:25px}#l4c-riverains .l4cr-heading>p,#l4c-riverains .l4cr-heading>.l4cr-link{display:block;margin-top:17px}#l4c-riverains .l4cr-days{grid-template-columns:1fr;gap:18px}#l4c-riverains .l4cr-day{padding:25px}#l4c-riverains .l4cr-map-help{align-items:flex-start;padding:22px;gap:17px}#l4c-riverains .l4cr-line{flex-basis:27px;margin-top:11px}#l4c-riverains .l4cr-map-help p{font-size:13px}#l4c-riverains .l4cr-map-frame iframe{height:430px}#l4c-riverains .l4cr-search-tools{display:block}#l4c-riverains .l4cr-expand-tools{margin-top:16px}#l4c-riverains .l4cr-area-heading{display:block}#l4c-riverains .l4cr-area-heading>p{margin-top:12px}#l4c-riverains .l4cr-area-heading h3{font-size:23px}#l4c-riverains .l4cr-street summary{padding:21px 18px;gap:14px}#l4c-riverains .l4cr-street summary strong{font-size:13px}#l4c-riverains .l4cr-street summary small{font-size:9px}#l4c-riverains .l4cr-street-body{padding:20px 23px}#l4c-riverains .l4cr-street-body ul,#l4c-riverains .l4cr-street-body p{font-size:13px}#l4c-riverains .l4cr-safety{padding:25px}#l4c-riverains .l4cr-document-grid{grid-template-columns:1fr;gap:17px}#l4c-riverains .l4cr-document{padding:23px;gap:18px}#l4c-riverains .l4cr-document h3{font-size:16px}#l4c-riverains .l4cr-contact-panel{display:block;padding:29px 25px}#l4c-riverains .l4cr-contact-panel h2{font-size:40px}#l4c-riverains .l4cr-contact-panel a.l4cr-button{margin-top:26px;width:100%}#l4c-riverains .l4cr-contact-panel p{font-size:12px}} /* ===== PARTENAIRES COMMUNS ===== */ #partenaires .sponsor-marquee { position: relative; overflow: hidden; margin-top: 2rem; } #partenaires .sponsor-marquee::before, #partenaires .sponsor-marquee::after { content: ""; position: absolute; top: 0; bottom: 0; width: 60px; z-index: 2; pointer-events: none; } #partenaires .sponsor-marquee::before { left: 0; background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } #partenaires .sponsor-marquee::after { right: 0; background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0)); } #partenaires .sponsor-track { display: flex; align-items: center; gap: 3rem; width: max-content; padding: 1.25rem 0; backface-visibility: hidden; } /* Démarrer seulement après le mélange et la duplication. */ #partenaires .sponsor-track.is-ready { animation: l4c-sponsor-scroll 40s linear infinite; will-change: transform; } #partenaires .sponsor-marquee:hover .sponsor-track, #partenaires .sponsor-marquee:focus-within .sponsor-track { animation-play-state: paused; } #partenaires .sponsor-item { flex-shrink: 0; display: flex; align-items: center; justify-content: center; } #partenaires .sponsor-item img { display: block; max-height: 100px; width: auto; max-width: 175px; object-fit: contain; transition: filter .3s ease, opacity .3s ease; } @media (min-width: 768px) { #partenaires .sponsor-item img { max-height: 150px; max-width: 238px; } } @media (min-width: 992px) { #partenaires .sponsor-track.is-ready { animation-duration: 32s; } } @media (min-width: 1400px) { #partenaires .sponsor-track.is-ready { animation-duration: 24s; } } @keyframes l4c-sponsor-scroll { from { transform: translateX(0); } to { /* Une série complète, avec correction du gap de 3rem. */ transform: translateX(calc(-50% - 1.5rem)); } } @media (prefers-reduced-motion: reduce) { #partenaires .sponsor-track.is-ready { animation: none; will-change: auto; } #partenaires .sponsor-marquee { overflow-x: auto; } #partenaires .sponsor-marquee::before, #partenaires .sponsor-marquee::after { display: none; } #partenaires .sponsor-item[aria-hidden="true"] { display: none; } } /* Base indépendante de l’ancien thème. */ .l4c-chrome { --ink:var(--l4c-ink); --teal:var(--l4c-teal); --orange:var(--l4c-orange); --muted:var(--l4c-muted); font-family:'L4CInter',Arial,sans-serif; } .l4c-chrome .l4c-header { background:white; position:relative; z-index:100; } .l4c-chrome .nav { flex-wrap:nowrap; } .l4c-chrome ul.dropdown-links { list-style:none; } .l4c-chrome .logo { object-fit:contain; } .l4c-chrome .footer .footer-mini { font-size:12px; color:#d6e5e6; margin-bottom:12px; } .l4c-chrome .partners .section-title { text-align:center; margin-bottom:30px; } .l4c-chrome .partners h2 { font-family:'L4CBarlow',Impact,Arial,sans-serif; font-size:clamp(30px,4vw,44px); color:var(--l4c-ink); } .l4c-chrome .partners { padding:65px 0; } #partenaires .sponsor-track { animation:none; } #partenaires .sponsor-track.is-ready { animation:l4c-sponsor-scroll 40s linear infinite; } #partenaires .sponsor-marquee:hover .sponsor-track,#partenaires .sponsor-marquee:focus-within .sponsor-track { animation-play-state:paused; } @media(min-width:992px){#partenaires .sponsor-track.is-ready{animation-duration:32s}} @media(min-width:1400px){#partenaires .sponsor-track.is-ready{animation-duration:24s}} @media(prefers-reduced-motion:reduce){#partenaires .sponsor-track.is-ready{animation:none}#partenaires .sponsor-item[aria-hidden="true"]{display:none}} /* Le menu commun est dans le flux : retirer l’ancien espace pour menu fixe. */ #l4c-programme .l4cp-hero,#l4c-riverains .l4cr-hero {padding-top:65px} #l4c-volunteers .l4cv-hero,#l4c-sierre-zinal .l4csz-hero {padding-top:65px} @media(max-width:767px){#l4c-programme .l4cp-hero,#l4c-riverains .l4cr-hero,#l4c-volunteers .l4cv-hero,#l4c-sierre-zinal .l4csz-hero{padding-top:45px}} .l4c-chrome .l4c-header:has(.mobile-menu[open]){z-index:10000} .l4c-chrome h1,.l4c-chrome h3 {font-family:'L4CInter',Arial,sans-serif} /* ===== COURSES : 4 CIMES, 2 CIMES ET PETITE CIME ===== */ .l4c-course { color:var(--l4c-ink);font-family:'L4CInter',Arial,sans-serif;--l4cc-line:#dce6e7; } .l4c-course * { box-sizing:border-box; } .l4c-course .l4cc-wrap { width:calc(100% - 64px);max-width:1200px;margin:0 auto; } .l4c-course h1,.l4c-course h2,.l4c-course h3,.l4c-course p { margin:0; } .l4c-course p { color:var(--l4c-muted);font-size:15px;line-height:1.8; } .l4c-course a { text-decoration:none; } .l4c-course a:focus-visible { outline:3px solid var(--l4c-orange);outline-offset:5px; } .l4c-course .l4cc-kicker { font-size:10px;font-weight:800;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--l4c-teal);margin-bottom:19px; } .l4c-course h1,.l4c-course h2 { font-family:'L4CBarlow',Impact,Arial,sans-serif;font-weight:800;text-transform:uppercase; } .l4c-course h1 { font-size:clamp(56px,5.5vw,79px);line-height:1.02; } .l4c-course h1 span { display:block;color:var(--l4c-orange); } .l4c-course h2 { font-size:clamp(34px,3.5vw,47px);line-height:1.06; } .l4c-course h2 span { color:var(--l4c-orange); } .l4c-course h3 { font-size:17px;font-weight:800;line-height:1.45; } .l4c-course .l4cc-course-nav { display:flex;gap:10px;padding-top:25px;flex-wrap:wrap; } .l4c-course .l4cc-course-nav a { display:block;padding:10px 15px;border:1px solid var(--l4cc-line);border-radius:3px;color:var(--l4c-muted);font-size:11px;font-weight:700; } .l4c-course .l4cc-course-nav a:hover { border-color:var(--l4c-teal);color:var(--l4c-teal); } .l4c-course .l4cc-course-nav a[aria-current] { background:var(--l4c-ink);border-color:var(--l4c-ink);color:white; } .l4c-course .l4cc-hero { padding:65px 0 68px;background:#fff; } .l4c-course .l4cc-hero-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:85px;align-items:center; } .l4c-course .l4cc-lead { margin-top:26px;font-size:19px;line-height:1.6;max-width:520px; } .l4c-course .l4cc-date { margin-top:24px;color:var(--l4c-teal);font-size:12px;font-weight:800;line-height:1.8; } .l4c-course .l4cc-date span { white-space:nowrap; } .l4c-course .l4cc-actions { display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:31px; } .l4c-course .l4cc-button { display:inline-flex;align-items:center;justify-content:center;padding:17px 22px;border-radius:3px;background:var(--l4c-orange);color:var(--l4c-ink);font-size:11px;line-height:1.5;font-weight:800;text-transform:uppercase;letter-spacing:.03em;min-height:50px; } .l4c-course .l4cc-button:hover { background:#f6a044; } .l4c-course .l4cc-text-link { display:inline-block;color:var(--l4c-teal);font-size:12px;font-weight:800;line-height:1.7; } .l4c-course .l4cc-number-panel { position:relative;background:var(--l4c-ink);color:#fff;padding:37px 32px;text-align:center;border-radius:3px;margin-right:14px; } .l4c-course .l4cc-number-panel::before { content:"";position:absolute;inset:-14px -14px 14px 14px;border:2px solid var(--l4c-orange);pointer-events:none; } .l4c-course .l4cc-number-panel .l4cc-kicker { display:block;color:#bcd7db;font-size:9px;margin-bottom:10px; } .l4c-course .l4cc-number-panel>strong { display:block;font:800 148px/1 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4c-orange); } .l4c-course .l4cc-panel-title { display:block;margin-top:6px;text-transform:uppercase;font:700 28px/1.2 'L4CBarlow',Impact,Arial,sans-serif; } .l4c-course .l4cc-panel-bottom { display:block;color:#bcd7db;font-size:10px;line-height:1.7;margin-top:23px; } .l4c-course .l4cc-facts { padding:32px 0;background:#f8f9fa;border-block:1px solid #e9eeee; } .l4c-course .l4cc-facts-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px; } .l4c-course .l4cc-facts-grid>div { padding-left:25px;border-left:2px solid var(--l4c-orange); } .l4c-course dt { font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--l4c-muted); } .l4c-course dd { margin:9px 0 0;font:700 35px/1.1 'L4CBarlow',Impact,Arial,sans-serif; } .l4c-course .l4cc-section { padding:75px 0; } .l4c-course .l4cc-section-heading { display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:39px; } .l4c-course .l4cc-section-heading>p { max-width:315px;font-size:13px; } .l4c-course .l4cc-route-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start; } .l4c-course .l4cc-route-intro { margin-bottom:29px; } .l4c-course .l4cc-summits { list-style:none;padding:0;margin:20px 0 25px; } .l4c-course .l4cc-summits li { display:flex;align-items:center;gap:22px;border-top:1px solid var(--l4cc-line);padding:16px 0; } .l4c-course .l4cc-summits li>span { display:flex;align-items:baseline;gap:6px;flex:0 0 80px;font-size:9px;font-weight:700;color:var(--l4c-teal); } .l4c-course .l4cc-summits strong { font:700 32px/1 'L4CBarlow',Impact,Arial,sans-serif; } .l4c-course .l4cc-summits p { font-size:13px;color:var(--l4c-ink);font-weight:600; } .l4c-course .l4cc-security { margin:25px 0;padding:20px 23px;background:#f8f9fa;border-left:3px solid var(--l4c-teal);font-size:12px; } .l4c-course .l4cc-security strong { display:block;color:var(--l4c-ink);margin-bottom:6px; } .l4c-course .l4cc-maps figure { margin:0 0 22px;border:1px solid var(--l4cc-line);background:#fff;border-radius:4px;overflow:hidden; } .l4c-course .l4cc-maps figcaption { padding:17px 20px;border-bottom:1px solid var(--l4cc-line);font-size:12px;font-weight:800; } .l4c-course .l4cc-maps figcaption span { color:var(--l4c-orange);margin-right:14px; } .l4c-course .l4cc-maps a { display:block;padding:12px; } .l4c-course .l4cc-maps img { display:block;width:100%;height:auto; } .l4c-course .l4cc-image-hint { font-size:11px; } .l4c-course .l4cc-aid { background:#f8f9fa; } .l4c-course .l4cc-aid-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0; } .l4c-course .l4cc-aid-grid li { background:white;border:1px solid var(--l4cc-line);border-top:3px solid var(--l4c-teal);border-radius:3px;padding:25px; } .l4c-course .l4cc-aid-km { display:flex;align-items:baseline;gap:7px;color:var(--l4c-orange);font-size:10px;font-weight:800; } .l4c-course .l4cc-aid-km strong { font:800 43px/1 'L4CBarlow',Impact,Arial,sans-serif; } .l4c-course .l4cc-aid-grid h3 { margin-top:18px;font-size:14px; } .l4c-course .l4cc-aid-grid p { font-size:11px;margin-top:7px; } .l4c-course .l4cc-finish-aid { display:flex;align-items:center;gap:25px;padding:30px;background:white;border-left:3px solid var(--l4c-orange); } .l4c-course .l4cc-finish-aid>span { font-size:45px;color:var(--l4c-orange); } .l4c-course .l4cc-finish-aid p { margin-top:8px;font-size:13px; } .l4c-course .l4cc-practical-grid { display:grid;grid-template-columns:.85fr 1.25fr 1fr;gap:22px;margin-top:35px; } .l4c-course .l4cc-practical-card { border:1px solid var(--l4cc-line);border-radius:4px;padding:28px; } .l4c-course .l4cc-card-number { display:block;font:700 32px/1 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4c-orange);margin-bottom:21px; } .l4c-course .l4cc-practical-card h3 { margin-bottom:21px; } .l4c-course .l4cc-practical-card p,.l4c-course .l4cc-practical-card li { font-size:12px;line-height:1.8; } .l4c-course .l4cc-practical-card ul { margin:0;padding-left:17px;color:var(--l4c-muted); } .l4c-course .l4cc-practical-card li+li { margin-top:12px; } .l4c-course .l4cc-practical-card li::marker { color:var(--l4c-orange); } .l4c-course .l4cc-practical-card .l4cc-free { font:800 36px/1.1 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4c-teal);margin-bottom:20px; } .l4c-course .l4cc-free span { display:block;font:400 11px/1.7 'L4CInter',Arial,sans-serif;color:var(--l4c-muted);margin-top:8px; } .l4c-course .l4cc-meal { background:var(--l4c-ink);color:white;border-color:var(--l4c-ink); } .l4c-course .l4cc-meal p { color:#c3d9dc; } .l4c-course .l4cc-meal>strong { display:block;font-size:12px;color:var(--l4c-orange);margin-top:25px; } .l4c-course .l4cc-next { margin-top:45px;border-top:1px solid var(--l4cc-line);padding-top:33px;display:flex;justify-content:space-between;gap:30px;align-items:center; } .l4c-course .l4cc-next .l4cc-kicker { margin-bottom:9px; } @media(max-width:1000px){.l4c-course .l4cc-hero-grid{gap:40px}.l4c-course .l4cc-route-grid{gap:35px}.l4c-course .l4cc-practical-grid{grid-template-columns:1fr 1fr}.l4c-course .l4cc-meal{grid-column:1/-1}.l4c-course .l4cc-facts-grid>div{padding-left:16px}.l4c-course dd{font-size:30px}} @media(max-width:767px){ .l4c-course .l4cc-wrap{width:calc(100% - 40px)}.l4c-course .l4cc-course-nav{gap:7px;padding-top:19px}.l4c-course .l4cc-course-nav a{padding:9px 10px;font-size:10px} .l4c-course .l4cc-hero{padding:40px 0 45px}.l4c-course .l4cc-hero-grid,.l4c-course .l4cc-route-grid{grid-template-columns:1fr;gap:40px}.l4c-course h1{font-size:53px}.l4c-course h2{font-size:35px}.l4c-course .l4cc-lead{font-size:17px;margin-top:22px}.l4c-course .l4cc-date{font-size:11px;max-width:290px}.l4c-course .l4cc-actions{gap:18px}.l4c-course .l4cc-number-panel{padding:28px 24px;margin:0 14px 0 0}.l4c-course .l4cc-number-panel>strong{font-size:112px}.l4c-course .l4cc-panel-title{font-size:24px} .l4c-course .l4cc-facts{padding:25px 0}.l4c-course .l4cc-facts-grid{grid-template-columns:1fr 1fr;gap:26px 12px}.l4c-course dd{font-size:29px}.l4c-course dt{font-size:9px}.l4c-course .l4cc-facts-grid>div{padding-left:13px} .l4c-course .l4cc-section{padding:50px 0}.l4c-course .l4cc-section-heading{display:block;margin-bottom:29px}.l4c-course .l4cc-section-heading>.l4cc-text-link,.l4c-course .l4cc-section-heading>p{margin-top:18px}.l4c-course .l4cc-route-intro{font-size:14px}.l4c-course .l4cc-maps figcaption{padding:15px;font-size:11px}.l4c-course .l4cc-aid-grid{grid-template-columns:1fr 1fr;gap:12px}.l4c-course .l4cc-aid-grid li{padding:21px 17px}.l4c-course .l4cc-aid-grid h3{font-size:13px}.l4c-course .l4cc-practical-grid{grid-template-columns:1fr;gap:17px}.l4c-course .l4cc-practical-card{padding:26px}.l4c-course .l4cc-meal{grid-column:auto}.l4c-course .l4cc-next{display:block}.l4c-course .l4cc-next>.l4cc-button{margin-top:22px}.l4c-course .l4cc-security{margin-top:23px} } @media(prefers-reduced-motion:reduce){.l4c-course *{scroll-behavior:auto}} @media(max-width:767px){.l4c-course h1 span{font-size:43px}} /* Macaron mobile : typographie compacte, entièrement contenue dans le cercle. */ @media(max-width:767px){ #l4c-home .hero > .macaron { width:160px; height:160px; padding:18px 10px; gap:3px; line-height:1; text-align:center; } #l4c-home .hero > .macaron > * { flex-shrink:0; max-width:100%; margin:0; line-height:1; white-space:nowrap; } #l4c-home .hero > .macaron small {font-size:7px;letter-spacing:.04em} #l4c-home .hero > .macaron svg {width:35px;height:20px} #l4c-home .hero > .macaron strong {font-size:15px} #l4c-home .hero > .macaron b {font-size:29px} #l4c-home .hero > .macaron em {font-size:7.5px} } /* Menu ordinateur : taille commune aux rubriques, liens et sous-menus. */ @media(min-width:951px){ :is(#l4c-home, .l4c-chrome) .desktop-menu, :is(#l4c-home, .l4c-chrome) .desktop-menu a, :is(#l4c-home, .l4c-chrome) .desktop-menu .nav-dropdown summary {font-size:14px} } /* ===== ARCHIVES, RÉSULTATS ET CONTENUS LONGS ===== */ .l4c-site .l4c-filter {flex:0 0 auto} .l4c-site .l4c-filter label {display:block;font-size:11px;font-weight:700;color:var(--l4c-teal);margin-bottom:9px} .l4c-site .l4c-filter>div {display:flex;gap:8px;align-items:stretch} .l4c-site .l4c-filter select {min-width:175px;max-width:100%;padding:12px;border:1px solid #dce6e7;border-radius:3px;background:white;color:var(--l4c-ink);font:600 13px 'L4CInter',Arial,sans-serif} .l4c-site .l4c-filter button {border:0;cursor:pointer} .l4c-site .l4c-filter select:focus-visible {outline:3px solid var(--l4c-orange);outline-offset:3px} .l4c-site .l4c-archive-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start} .l4c-site .l4c-edition {background:white;min-width:0} .l4c-site .l4c-edition-heading {margin-bottom:24px} .l4c-site .l4c-edition-heading .l4cc-kicker {font-size:9px;margin-bottom:12px} .l4c-site .l4c-edition-heading h2 {color:var(--l4c-orange)} .l4c-site .l4c-edition-heading h3 {margin:12px 0 0} .l4c-site .l4c-edition .l4c-edition-excerpt {font-size:14px;line-height:1.8;margin-bottom:18px;overflow-wrap:anywhere} .l4c-site .l4c-result-links {border-top:1px solid #dce6e7;margin-top:26px;padding-top:22px} .l4c-site .l4c-result-links .l4cc-kicker {font-size:9px;margin-bottom:13px} .l4c-site .l4c-result-links>a {display:flex;gap:15px;justify-content:space-between;align-items:center;color:var(--l4c-teal);font-size:12px;font-weight:700;line-height:1.6;padding:13px 0;border-bottom:1px solid #e9eeee} .l4c-site .l4c-result-links>a:hover {color:var(--l4c-ink)} .l4c-site .l4c-result-links .l4c-pdf-label {flex:0 0 auto;font-size:9px;background:#f8f9fa;padding:5px 7px;border-radius:2px} .l4c-site .l4c-richtext {font-size:15px;line-height:1.8;overflow-wrap:anywhere} .l4c-site .l4c-richtext p {font-size:15px;margin:0 0 20px} .l4c-site .l4c-richtext h2,.l4c-site .l4c-richtext h3 {margin:27px 0 15px} .l4c-site .l4c-richtext a {color:var(--l4c-teal);text-decoration:underline} .l4c-site .l4c-richtext img,.l4c-site .l4c-richtext iframe,.l4c-site .l4c-richtext video {max-width:100%} .l4c-site .l4c-richtext img {height:auto} .l4c-site .l4c-results .l4cc-number-panel>strong {font-size:clamp(78px,9vw,125px)} @media(max-width:767px){.l4c-site .l4c-archive-grid{grid-template-columns:1fr}.l4c-site .l4c-filter{margin-top:24px}.l4c-site .l4c-filter>div{flex-wrap:wrap}.l4c-site .l4c-filter select{flex:1;min-width:160px}.l4c-site .l4c-result-links>a{font-size:11px}.l4c-site .l4c-results .l4cc-number-panel>strong{font-size:85px}} /* Vidéo carrée intégrée, réutilisable dans les pages du site. */ .l4c-site .l4c-video-square {position:relative;width:min(100%,720px);aspect-ratio:1;margin:0 auto;background:var(--l4c-ink);border:1px solid #dce6e7;border-radius:4px;overflow:hidden} .l4c-site .l4c-video-square iframe {position:absolute;inset:0;display:block;width:100%;height:100%;border:0} .l4c-site .l4c-video-help {margin:22px auto 0;max-width:720px;text-align:center;font-size:12px} .l4c-site .l4c-video-help a {font-size:12px} /* Contact, carte intégrée et grille des partenaires : composants communs. */ .l4c-site .l4c-contact-card {border-top:3px solid var(--l4c-orange)} .l4c-site .l4c-contact-card h2 {font-size:38px;margin-bottom:27px} .l4c-site .l4c-contact-card .l4cc-kicker {color:#bdd8dc;font-size:10px;margin-bottom:14px} .l4c-site .l4c-contact-mail {display:block;color:var(--l4c-orange);font-size:15px;font-weight:700;line-height:1.8;overflow-wrap:anywhere} .l4c-site .l4c-contact-mail:hover {text-decoration:underline} .l4c-site .l4c-contact-legal {border-top:1px solid #ffffff25;margin-top:27px;padding-top:23px} .l4c-site .l4c-contact-legal p+p {margin-top:16px} .l4c-site .l4c-map-frame {border:1px solid #dce6e7;border-radius:4px;overflow:hidden;background:white} .l4c-site .l4c-map-frame iframe {display:block;width:100%;height:480px;border:0} .l4c-site .l4c-partner-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .l4c-site .l4c-partner-card {display:flex;flex-direction:column;min-width:0;border:1px solid #dce6e7;border-radius:4px;background:white;color:var(--l4c-ink);transition:border-color .2s,box-shadow .2s} .l4c-site .l4c-partner-card:hover {border-color:var(--l4c-teal);box-shadow:0 6px 20px #143b4512} .l4c-site .l4c-partner-logo {height:165px;padding:25px;display:flex;align-items:center;justify-content:center} .l4c-site .l4c-partner-logo img {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain} .l4c-site .l4c-partner-name {display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f1;padding:15px 18px;font-size:12px;font-weight:700;line-height:1.5} .l4c-site .l4c-partner-name>span {color:var(--l4c-teal)} @media(max-width:1000px){.l4c-site .l4c-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:767px){.l4c-site .l4c-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.l4c-site .l4c-partner-logo{height:120px;padding:18px}.l4c-site .l4c-partner-name{padding:12px;font-size:10px}.l4c-site .l4c-map-frame iframe{height:360px}.l4c-site .l4c-contact-mail{font-size:14px}} /* Visuel complet des partenaires : proportions de l’image conservées. */ .l4c-site .l4c-partner-poster {margin:0;background:white;border:1px solid #dce6e7;border-radius:4px;overflow:hidden} .l4c-site .l4c-partner-poster a {display:block} .l4c-site .l4c-partner-poster img {display:block;width:100%;height:auto} .l4c-site .l4c-partner-poster figcaption {padding:16px;text-align:center;color:var(--l4c-muted);font-size:12px;line-height:1.6} /* Cartes communes aux albums photo, vidéos et dossiers de presse. */ .l4c-site .l4c-media-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px} .l4c-site .l4c-media-card {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dce6e7;border-radius:4px;overflow:hidden;color:var(--l4c-ink);transition:border-color .2s,box-shadow .2s} .l4c-site .l4c-media-card:hover {border-color:var(--l4c-teal);box-shadow:0 8px 25px #143b4514} .l4c-site .l4c-media-cover {position:relative;height:210px;display:flex;align-items:center;justify-content:center;background:var(--l4c-ink);overflow:hidden} .l4c-site .l4c-media-cover img {display:block;width:100%;height:100%;object-fit:cover} .l4c-site .l4c-media-cover-logo {background:white} .l4c-site .l4c-media-cover-logo img {object-fit:contain;padding:45px} .l4c-site .l4c-media-badge {position:absolute;left:18px;top:18px;padding:7px 10px;border-radius:2px;background:var(--l4c-orange);color:var(--l4c-ink);font-size:10px;font-weight:800;line-height:1} .l4c-site .l4c-media-year {font:800 85px/1 'L4CBarlow',Impact,Arial,sans-serif;color:var(--l4c-orange)} .l4c-site .l4c-media-play {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:49px;height:49px;padding-left:3px;border:1px solid #ffffff90;border-radius:50%;background:#143b45db;color:white;font-size:17px} .l4c-site .l4c-media-body {display:flex;flex-direction:column;flex:1;padding:26px} .l4c-site .l4c-media-body .l4cc-kicker {font-size:9px;margin-bottom:13px} .l4c-site .l4c-media-body h3 {font-size:17px;line-height:1.5;margin:0 0 27px;overflow-wrap:anywhere} .l4c-site .l4c-media-open {display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;margin-top:auto;border-top:1px solid #e6eded;color:var(--l4c-teal);font-size:11px;font-weight:800;line-height:1.6} @media(max-width:1000px){.l4c-site .l4c-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:767px){.l4c-site .l4c-media-grid{grid-template-columns:1fr;gap:21px}.l4c-site .l4c-media-cover{height:210px}.l4c-site .l4c-media-body{padding:24px}.l4c-site .l4c-media-body h3{font-size:16px}} /* Variantes du composant média : éditions presse et documents. */ .l4c-site .l4c-media-grid-compact {grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px} .l4c-site .l4c-media-grid-single {grid-template-columns:minmax(0,1fr);max-width:550px} .l4c-site .l4c-media-cover-document {background:#fff} .l4c-site .l4c-media-cover-document img {object-fit:contain} .l4c-site .l4c-media-description {color:var(--l4c-muted);font-size:13px;line-height:1.8;margin:0 0 26px;overflow-wrap:anywhere} @media(max-width:767px){.l4c-site .l4c-media-grid-compact{grid-template-columns:minmax(0,1fr)}}