@import url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Inclusive+Sans:ital,wght@0,400;0,600;1,400&family=Space+Mono:wght@400;700&display=swap');
                                        
                                        :root{
                                        --signal:#00E08F;
                                        --fond:#0D1417;
                                        --fond2:#162126;
                                        --blanc:#F4F7F2;
                                        --acier:#AAB8B4;
                                        --noir:#070B0D;
                                        --ligne:rgba(244,247,242,.35);
                                        --lueur:rgba(0,224,143,.25);
                                        --voile-fort:rgba(7,11,13,.86);
                                        --voile-moyen:rgba(7,11,13,.35);
                                        --voile-leger:rgba(7,11,13,.28);
                                        --pulse:rgba(0,224,143,.5);
                                        --transparent:rgba(0,224,143,0);
                                        --titre:'Dela Gothic One',sans-serif;
                                        --texte:'Inclusive Sans',sans-serif;
                                        --donnee:'Space Mono',monospace}
                                        
                                        *{
                                        box-sizing:border-box}
                                        html{
                                        scroll-behavior:smooth}
body{
margin:0;
background:var(--fond);
color:var(--blanc);
font-family:var(--texte);
font-size:18px;
line-height:1.55;
overflow-x:hidden}
                                        a{
                                        color:inherit}
                                        img{
                                        display:block;
                                        width:100%;
                                        height:100%;
                                        object-fit:cover}
                                        .env{
                                        width:min(1240px,calc(100% - 50px));
                                        margin:auto}
                                        .hd{
                                        position:absolute;
                                        z-index:10;
                                        top:0;
                                        left:0;
                                        right:0;
                                        border-bottom:1px solid var(--ligne);
                                        background:linear-gradient(var(--noir),transparent)}
                                        .barre{
                                        min-height:90px;
                                        display:flex;
                                        align-items:center;
                                        justify-content:space-between;
                                        gap:22px}
                                        .logo{
                                        font-family:var(--titre);
                                        font-size:21px;
                                        text-decoration:none;
                                        white-space:nowrap}
                                        .logo i{
                                        display:inline-block;
                                        width:12px;
                                        height:12px;
                                        margin-right:9px;
                                        background:var(--signal);
                                        border-radius:50%;
                                        animation:pulse 1.7s infinite}
                                        .nav{
                                        display:flex;
                                        align-items:center;
                                        gap:18px;
                                        font:10px var(--donnee);
                                        text-transform:uppercase}
                                        .nav a{
                                        text-decoration:none;
                                        transition:color .2s}
                                        .nav a:hover{
                                        color:var(--signal)}
                                        .nav .cta,.btn{
                                        background:var(--signal);
                                        color:var(--noir);
                                        padding:13px 17px;
                                        border:1px solid var(--signal);
                                        font-weight:700;
                                        text-decoration:none;
                                        transition:transform .2s,box-shadow .2s}
                                        .nav .cta:hover,.btn:hover{
                                        transform:translateY(-2px);
                                        box-shadow:0 8px 25px var(--lueur)}
                                        .menu-btn{
                                        display:none;
                                        background:var(--signal);
                                        border:0;
                                        padding:10px;
                                        font:700 11px var(--donnee)}
                                        .hero{
                                        min-height:100svh;
                                        position:relative;
                                        display:flex;
                                        align-items:flex-end;
                                        overflow:hidden;
                                        background:var(--fond2)}
                                        .hero>img{
                                        position:absolute;
                                        inset:0}
                                        .hero:after{
                                        content:'';
                                        position:absolute;
                                        inset:0;
                                        background:linear-gradient(90deg,var(--voile-fort) 0%,var(--voile-leger) 58%,var(--voile-moyen)),linear-gradient(0deg,var(--fond) 0%,transparent 42%)}
                                        .hero-contenu{
                                        position:relative;
                                        z-index:2;
                                        padding:150px 0 62px}
                                        .live{
                                        display:inline-flex;
                                        gap:10px;
                                        align-items:center;
                                        background:var(--signal);
                                        color:var(--noir);
                                        padding:8px 11px;
                                        font:700 11px var(--donnee);
                                        text-transform:uppercase}
                                        .live i{
                                        width:8px;
                                        height:8px;
                                        background:var(--noir);
                                        border-radius:50%;
                                        animation:clignote 1s infinite}
                                        .hero h1,h1{
                                        font:normal clamp(56px,9.5vw,142px)/.86 var(--titre);
                                        letter-spacing:-6px;
                                        text-transform:uppercase;
                                        margin:26px 0;
                                        max-width:1100px}
                                        .hero h1 em{
                                        font-style:normal;
                                        color:var(--signal)}
                                        .hero-bas{
                                        display:grid;
                                        grid-template-columns:1fr 320px;
                                        gap:50px;
                                        align-items:end}
                                        .hero p{
                                        font-size:22px;
                                        max-width:610px}
                                        .donnee{
                                        font:12px var(--donnee);
                                        text-transform:uppercase;
                                        letter-spacing:1px}
                                        .prochain{
                                        border-left:2px solid var(--signal);
                                        padding-left:20px}
                                        .prochain strong{
                                        display:block;
                                        font:23px var(--titre);
                                        margin:6px 0}
                                        .rail{
                                        display:grid;
                                        grid-template-columns:repeat(4,1fr);
                                        background:var(--signal);
                                        color:var(--noir);
                                        border-bottom:1px solid var(--signal)}
                                        .rail>div{
                                        padding:20px 24px;
                                        border-right:1px solid var(--noir);
                                        font:11px var(--donnee);
                                        text-transform:uppercase}
                                        .rail strong{
                                        display:block;
                                        font-size:16px}
                                        .section{
                                        padding:110px 0;
                                        overflow:hidden}
                                        .sur{
                                        font:700 11px var(--donnee);
                                        text-transform:uppercase;
                                        letter-spacing:2px;
                                        color:var(--signal)}
h2{
font:normal clamp(42px,6vw,82px)/.94 var(--titre);
letter-spacing:-3px;
text-transform:uppercase;
margin:15px 0 35px}
h1,h2,h3{overflow-wrap:anywhere;word-break:normal}
                                        h3{
                                        font:normal 23px/1.08 var(--titre);
                                        text-transform:uppercase}
                                        .intro{
                                        font-size:26px;
                                        max-width:850px}
                                        .fond2{
                                        background:var(--fond2)}
                                        .clair{
                                        background:var(--blanc);
                                        color:var(--fond)}
                                        .clair .sur{
                                        color:var(--fond)}
                                        .duo{
                                        display:grid;
                                        grid-template-columns:1fr 1fr;
                                        gap:70px;
                                        align-items:center}
                                        .photo-plein{
                                        height:640px;
                                        margin-right:-9vw;
                                        position:relative;
                                        background:var(--fond2)}
                                        .photo-plein.gauche{
                                        margin-right:0;
                                        margin-left:-9vw}
                                        .photo-plein:after{
                                        content:'';
                                        position:absolute;
                                        inset:20px -20px -20px 20px;
                                        border:2px solid var(--signal);
                                        z-index:-1}
                                        .cartes{
                                        display:grid;
                                        grid-template-columns:repeat(3,1fr);
                                        gap:2px;
                                        background:var(--signal);
                                        border:2px solid var(--signal)}
                                        .carte{
                                        background:var(--fond);
                                        padding:28px;
                                        min-height:470px;
                                        display:flex;
                                        flex-direction:column;
                                        transition:background .2s,transform .2s}
                                        .carte:hover{
                                        background:var(--fond2);
                                        transform:translateY(-5px)}
                                        .carte-img{
                                        height:245px;
                                        margin:-28px -28px 24px;
                                        overflow:hidden}
                                        .carte-img img{
                                        transition:transform .5s}
                                        .carte:hover img{
                                        transform:scale(1.035)}
                                        .prix{
                                        font:700 22px var(--donnee);
                                        color:var(--signal);
                                        margin-top:auto}
                                        .pastille{
                                        display:inline-block;
                                        border:1px solid var(--signal);
                                        color:var(--signal);
                                        padding:4px 7px;
                                        font:10px var(--donnee);
                                        text-transform:uppercase}
                                        .dispatch{
                                        display:grid;
                                        grid-template-columns:300px 1fr;
                                        border:2px solid var(--signal);
                                        min-height:470px}
                                        .jours{
                                        border-right:2px solid var(--signal)}
                                        .jour-btn{
                                        width:100%;
                                        display:block;
                                        text-align:left;
                                        border:0;
                                        border-bottom:1px solid var(--signal);
                                        background:transparent;
                                        color:var(--blanc);
                                        padding:24px;
                                        font:700 13px var(--donnee);
                                        cursor:pointer;
                                        transition:background .2s,color .2s}
                                        .jour-btn.actif,.jour-btn:hover{
                                        background:var(--signal);
                                        color:var(--noir)}
                                        .detail-arret{
                                        padding:50px;
                                        display:flex;
                                        flex-direction:column;
                                        justify-content:space-between;
                                        background:linear-gradient(135deg,var(--fond2),var(--fond))}
                                        .detail-arret h3{
                                        font-size:clamp(36px,5vw,66px);
                                        margin:15px 0}
                                        .grille-info{
                                        display:grid;
                                        grid-template-columns:repeat(3,1fr);
                                        gap:20px;
                                        border-top:1px solid var(--acier);
                                        padding-top:24px}
                                        .grille-info span{
                                        display:block;
                                        color:var(--acier);
                                        font:10px var(--donnee);
                                        text-transform:uppercase}
                                        .grille-info strong{
                                        font:16px var(--donnee)}
                                        .etapes{
                                        counter-reset:etape;
                                        display:grid;
                                        grid-template-columns:repeat(4,1fr)}
                                        .etape{
                                        counter-increment:etape;
                                        padding:30px;
                                        border-top:2px solid var(--signal);
                                        border-right:1px solid var(--acier)}
                                        .etape:before{
                                        content:'0' counter(etape);
                                        display:block;
                                        color:var(--signal);
                                        font:700 13px var(--donnee);
                                        margin-bottom:35px}
                                        .chiffres{
                                        display:grid;
                                        grid-template-columns:repeat(3,1fr);
                                        gap:30px}
                                        .chiffre{
                                        border-left:2px solid var(--signal);
                                        padding-left:22px}
                                        .chiffre b{
                                        display:block;
                                        font:50px var(--titre);
                                        color:var(--signal)}
                                        .mosaique{
                                        display:grid;
                                        grid-template-columns:1.2fr .8fr;
                                        grid-template-rows:310px 310px;
                                        gap:12px}
                                        .mosaique .grand{
                                        grid-row:span 2}
                                        .citation{
                                        padding:90px 0;
                                        background:var(--signal);
                                        color:var(--noir)}
                                        .citation blockquote{
                                        font:clamp(36px,6vw,76px)/1 var(--titre);
                                        text-transform:uppercase;
                                        margin:0;
                                        max-width:1100px}
                                        .appel{
                                        border-block:2px solid var(--signal);
                                        padding:60px 0}
                                        .appel .env{
                                        display:flex;
                                        align-items:center;
                                        justify-content:space-between;
                                        gap:40px}
                                        .appel h2{
                                        margin:0;
                                        max-width:900px}
                                        .pied{
                                        background:var(--noir);
                                        padding:80px 0 30px}
                                        .pied-grille{
                                        display:grid;
                                        grid-template-columns:1.5fr 1fr 1fr;
                                        gap:45px}
                                        .pied a{
                                        display:block;
                                        margin:8px 0;
                                        transition:color .2s}
                                        .pied a:hover{
                                        color:var(--signal)}
                                        .pied small{
                                        font:10px var(--donnee)}
                                        .page-hd{
                                        position:relative;
                                        background:var(--noir)}
                                        .page-hero{
                                        padding:100px 0 70px;
                                        background:var(--fond2);
                                        border-bottom:2px solid var(--signal)}
                                        .page-hero h1{
                                        font-size:clamp(50px,8vw,110px);
                                        margin-top:30px}
.contenu{
padding:85px 0;
overflow:hidden}
                                        .contenu h2{
                                        font-size:44px}
                                        .menu-ligne{
                                        display:grid;
                                        grid-template-columns:1fr auto;
                                        gap:20px;
                                        padding:22px 0;
                                        border-bottom:1px solid var(--acier);
                                        transition:padding-left .2s}
                                        .menu-ligne:hover{
                                        padding-left:10px}
                                        .menu-ligne b{
                                        font:20px var(--titre);
                                        text-transform:uppercase}
                                        .liste{
                                        list-style:none;
                                        padding:0}
                                        .liste li{
                                        padding:14px 0;
                                        border-bottom:1px solid var(--acier);
                                        font:13px var(--donnee)}
                                        .note{
                                        padding:20px;
                                        border-left:6px solid var(--signal);
                                        background:var(--fond2)}
                                        .formulaire{
                                        display:grid;
                                        gap:16px}
                                        .formulaire label{
                                        font:700 11px var(--donnee);
                                        text-transform:uppercase}
                                        .formulaire input,.formulaire select,.formulaire textarea{
                                        width:100%;
                                        background:var(--fond2);
                                        color:var(--blanc);
                                        border:1px solid var(--acier);
                                        padding:15px;
                                        font:16px var(--texte);
                                        transition:border-color .2s}
                                        .formulaire input:focus,.formulaire textarea:focus,.formulaire select:focus{
                                        border-color:var(--signal);
                                        outline:0}
                                        .formulaire button{
                                        cursor:pointer;
                                        font:700 12px var(--donnee)}
                                        .rv{
                                        opacity:0;
                                        transform:translateY(28px);
                                        transition:opacity .8s,transform .8s}
                                        .rv.visible{
                                        opacity:1;
                                        transform:none}
                                        .live{transition:transform .2s}
                                        .live:hover{transform:translateX(4px)}
                                        .photo-plein img{transition:filter .35s}
                                        .photo-plein:hover img{filter:saturate(1.08)}
                                        .pastille{transition:background .2s,color .2s}
                                        .carte:hover .pastille{background:var(--signal);color:var(--noir)}
                                        .detail-arret h3{transition:color .2s}
                                        .detail-arret:hover h3{color:var(--signal)}
                                        .liste li{transition:padding-left .2s}
                                        .liste li:hover{padding-left:8px}
                                        .etape{transition:background .2s}
                                        .etape:hover{background:var(--fond2)}
                                        
                                        @keyframes pulse{
                                        0%,100%{
                                        box-shadow:0 0 0 0 var(--pulse)}
                                        50%{
                                        box-shadow:0 0 0 9px var(--transparent)}
                                        }
                                        @keyframes clignote{
                                        50%{
                                        opacity:.25}
                                        }
                                        @keyframes entree{
                                        from{
                                        opacity:0;
                                        transform:translateY(30px)}
                                        to{
                                        opacity:1;
                                        transform:none}
                                        }
                                        @keyframes route{
                                        to{
                                        background-position:80px 0}
                                        }
                                        
                                        @media(prefers-reduced-motion:reduce){
                                        *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
                                        }
@media(max-width:900px){
                                        body{
                                        font-size:17px}
                                        .env{
                                        width:min(100% - 28px,1240px)}
                                        .menu-btn{
                                        display:block}
                                        .nav{
                                        display:none;
                                        position:absolute;
                                        top:88px;
                                        left:0;
                                        right:0;
                                        background:var(--noir);
                                        padding:24px;
                                        flex-direction:column;
                                        align-items:flex-start}
                                        .nav.ouvert{
                                        display:flex}
.hero h1,h1{
letter-spacing:-2px;
font-size:clamp(48px,15vw,72px)}
.page-hero h1{font-size:clamp(44px,14vw,70px)}
                                        .hero-bas,.duo{
                                        grid-template-columns:1fr}
                                        .prochain{
                                        display:none}
                                        .rail{
                                        grid-template-columns:1fr 1fr}
                                        .rail>div:nth-child(3),.rail>div:nth-child(4){
                                        display:none}
                                        .section{
                                        padding:75px 0}
                                        .cartes,.chiffres{
                                        grid-template-columns:1fr}
                                        .dispatch{
                                        grid-template-columns:1fr}
                                        .jours{
                                        display:grid;
                                        grid-template-columns:repeat(2,1fr);
                                        border-right:0}
                                        .detail-arret{
                                        padding:28px;
                                        min-height:420px}
                                        .grille-info{
                                        grid-template-columns:1fr}
                                        .photo-plein,.photo-plein.gauche{
                                        height:430px;
                                        margin:0}
                                        .etapes{
                                        grid-template-columns:1fr 1fr}
                                        .mosaique{
                                        grid-template-columns:1fr;
                                        grid-template-rows:330px 260px 260px}
                                        .mosaique .grand{
                                        grid-row:auto}
                                        .appel .env{
                                        display:block}
                                        .pied-grille{
                                        grid-template-columns:1fr}
                                        .page-hero{
                                        padding-top:70px}
                                        }