@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;
                                        --asphalte:#11191C;
                                        --encre:#172125;
                                        --papier:#F1F5EF;
                                        --blanc:#FFFFFF;
                                        --acier:#D9E0DC;
                                        --ombre:#0A1012;
                                        --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(--papier);
color:var(--encre);
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(1180px,calc(100% - 40px));
                                        margin:auto}
                                        .hd{
                                        position:relative;
                                        z-index:9;
                                        border-bottom:2px solid var(--encre);
                                        background:var(--papier)}
                                        .barre{
                                        min-height:82px;
                                        display:flex;
                                        align-items:center;
                                        justify-content:space-between;
                                        gap:24px}
                                        .logo{
                                        font-family:var(--titre);
                                        font-size:20px;
                                        text-decoration:none;
                                        letter-spacing:-1px}
                                        .logo i{
                                        display:inline-block;
                                        width:11px;
                                        height:11px;
                                        background:var(--signal);
                                        border-radius:50%;
                                        margin-right:8px;
                                        animation:pulse 1.8s infinite}
                                        .nav{
                                        display:flex;
                                        gap:19px;
                                        align-items:center;
                                        font-family:var(--donnee);
                                        font-size:11px;
                                        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(--ombre);
                                        padding:13px 18px;
                                        border:2px solid var(--encre);
                                        font-weight:700;
                                        text-decoration:none;
                                        box-shadow:5px 5px 0 var(--encre);
                                        transition:transform .2s}
                                        .nav .cta:hover,.btn:hover{
                                        transform:translate(-2px,-2px)}
                                        .menu-btn{
                                        display:none;
                                        background:none;
                                        border:0;
                                        font-family:var(--donnee)}
                                        .hero{
                                        padding:58px 0 70px;
                                        overflow:hidden}
                                        .hero-grille{
                                        display:grid;
                                        grid-template-columns:1.05fr .95fr;
                                        gap:0;
                                        align-items:stretch}
                                        .hero-copy{
                                        background:var(--blanc);
                                        border:2px solid var(--encre);
                                        padding:44px 38px;
                                        display:flex;
                                        flex-direction:column;
                                        justify-content:space-between;
                                        min-height:570px}
                                        .statut{
                                        font-family:var(--donnee);
                                        font-size:12px;
                                        text-transform:uppercase;
                                        letter-spacing:1px}
                                        .statut b{
                                        color:var(--ombre);
                                        background:var(--signal);
                                        padding:5px 8px;
                                        margin-right:8px}
                                        .hero h1,h1{
                                        font-family:var(--titre);
                                        font-size:clamp(48px,7vw,94px);
                                        line-height:.93;
                                        letter-spacing:-4px;
                                        margin:32px 0 25px;
                                        text-transform:uppercase}
                                        .hero h1 span{
                                        color:var(--signal);
                                        -webkit-text-stroke:2px var(--encre)}
                                        .hero p{
                                        max-width:560px;
                                        font-size:21px}
                                        .actions{
                                        display:flex;
                                        gap:18px;
                                        align-items:center;
                                        flex-wrap:wrap}
                                        .texte-lien{
                                        font-family:var(--donnee);
                                        font-size:12px;
                                        text-transform:uppercase}
                                        .hero-media{
                                        min-height:570px;
                                        border:2px solid var(--encre);
                                        border-left:0;
                                        position:relative;
                                        background:var(--acier)}
                                        .hero-media:after{
                                        content:'MAR — ÎLE DE NANTES — 11:45';
                                        position:absolute;
                                        right:0;
                                        bottom:0;
                                        background:var(--encre);
                                        color:var(--blanc);
                                        font-family:var(--donnee);
                                        font-size:11px;
                                        padding:12px 16px}
                                        .ruban{
                                        background:var(--asphalte);
                                        color:var(--blanc);
                                        border-block:2px solid var(--encre);
                                        overflow:hidden;
                                        padding:13px 0;
                                        font-family:var(--donnee);
                                        font-size:12px}
                                        .ruban div{
                                        width:max-content;
                                        animation:defile 24s linear infinite}
                                        .section{
                                        padding:90px 0}
                                        .sur-titre{
                                        font:700 12px var(--donnee);
                                        text-transform:uppercase;
                                        letter-spacing:1.5px;
                                        color:var(--encre)}
h2{
font-family:var(--titre);
                                        font-size:clamp(36px,5vw,65px);
                                        line-height:1;
                                        margin:12px 0 32px;
                                        letter-spacing:-2px;
text-transform:uppercase}
h1,h2,h3{overflow-wrap:anywhere;word-break:normal}
                                        h3{
                                        font-family:var(--titre);
                                        font-size:22px;
                                        line-height:1.1}
                                        .intro{
                                        font-size:24px;
                                        max-width:780px}
                                        .grille3{
                                        display:grid;
                                        grid-template-columns:repeat(3,1fr);
                                        gap:20px}
                                        .carte{
                                        background:var(--blanc);
                                        border:2px solid var(--encre);
                                        padding:24px;
                                        box-shadow:7px 7px 0 var(--acier);
                                        transition:transform .25s}
                                        .carte:hover{
                                        transform:translateY(-5px)}
                                        .carte-img{
                                        height:270px;
                                        margin:-24px -24px 24px;
                                        overflow:hidden}
                                        .prix{
                                        font:700 20px var(--donnee);
                                        color:var(--encre)}
                                        .etiquette{
                                        display:inline-block;
                                        background:var(--signal);
                                        padding:4px 8px;
                                        font:700 10px var(--donnee);
                                        text-transform:uppercase}
                                        .neg{
                                        background:var(--asphalte);
                                        color:var(--blanc)}
                                        .neg .sur-titre{
                                        color:var(--signal)}
                                        .route{
                                        display:grid;
                                        grid-template-columns:repeat(4,1fr);
                                        border:2px solid var(--signal)}
                                        .arret{
                                        padding:27px 22px;
                                        border-right:1px solid var(--signal);
                                        transition:background .2s}
                                        .arret:last-child{
                                        border:0}
                                        .arret:hover{
                                        background:var(--encre)}
                                        .jour{
                                        font:700 12px var(--donnee);
                                        color:var(--signal);
                                        text-transform:uppercase}
                                        .heure{
                                        font:700 20px var(--donnee)}
                                        .duo{
                                        display:grid;
                                        grid-template-columns:1fr 1fr;
                                        gap:56px;
                                        align-items:center}
                                        .debord{
                                        height:520px;
                                        margin-left:-8vw;
                                        border:2px solid var(--encre);
                                        box-shadow:14px 14px 0 var(--signal)}
                                        .liste{
                                        list-style:none;
                                        padding:0}
                                        .liste li{
                                        padding:14px 0;
                                        border-bottom:1px solid var(--acier);
                                        font-family:var(--donnee);
                                        font-size:13px}
                                        .appel{
                                        border:2px solid var(--encre);
                                        padding:52px;
                                        background:var(--signal);
                                        display:flex;
                                        justify-content:space-between;
                                        gap:30px;
                                        align-items:center}
                                        .appel h2{
                                        margin:0;
                                        max-width:720px}
                                        .pied{
                                        background:var(--asphalte);
                                        color:var(--blanc);
                                        padding:65px 0 25px}
                                        .pied-grille{
                                        display:grid;
                                        grid-template-columns:1.4fr 1fr 1fr;
                                        gap:40px}
                                        .pied a{
                                        display:block;
                                        color:var(--blanc);
                                        margin:8px 0}
                                        .pied small{
                                        font:11px var(--donnee)}
                                        .page-hero{
                                        padding:70px 0 45px;
                                        border-bottom:2px solid var(--encre)}
                                        .page-hero h1{
                                        font-size:clamp(44px,7vw,86px);
                                        max-width:1000px}
                                        .contenu{
                                        padding:70px 0}
                                        .contenu h2{
                                        font-size:38px}
                                        .menu-ligne{
                                        display:grid;
                                        grid-template-columns:1fr auto;
                                        gap:10px;
                                        padding:20px 0;
                                        border-bottom:2px solid var(--encre)}
                                        .menu-ligne b{
                                        font-family:var(--titre);
                                        font-size:20px}
                                        .formulaire{
                                        display:grid;
                                        gap:16px;
                                        max-width:720px}
                                        .formulaire label{
                                        font:700 12px var(--donnee);
                                        text-transform:uppercase}
                                        .formulaire input,.formulaire textarea,.formulaire select{
                                        width:100%;
                                        padding:15px;
                                        border:2px solid var(--encre);
                                        background:var(--blanc);
                                        font:16px var(--texte);
                                        transition:border-color .2s}
                                        .formulaire input:focus,.formulaire textarea:focus{
                                        border-color:var(--signal);
                                        outline:0}
                                        .formulaire button{
                                        cursor:pointer;
                                        border:2px solid var(--encre);
                                        font:700 13px var(--donnee);
                                        transition:box-shadow .2s}
                                        .note{
                                        background:var(--acier);
                                        padding:18px;
                                        border-left:7px solid var(--signal)}
                                        .rv{
                                        opacity:0;
                                        transform:translateY(25px);
                                        transition:opacity .7s,transform .7s}
                                        .rv.visible{
                                        opacity:1;
                                        transform:none}
                                        .carte img{
                                        transition:transform .4s}
                                        .carte:hover img{
                                        transform:scale(1.03)}
                                        .logo{
                                        transition:letter-spacing .2s}
                                        .logo:hover{
                                        letter-spacing:0}
                                        .hero-media img{
                                        transition:filter .3s}
                                        .hero-media:hover img{
                                        filter:saturate(1.1)}
                                        .arret{
                                        transition:color .2s}
                                        .texte-lien{
                                        transition:opacity .2s}
                                        .texte-lien:hover{
                                        opacity:.6}
                                        .pied a{
                                        transition:color .2s}
                                        .pied a:hover{
                                        color:var(--signal)}
                                        .menu-ligne{
                                        transition:padding-left .2s}
                                        .menu-ligne:hover{
                                        padding-left:8px}
                                        .appel{
                                        transition:box-shadow .2s}
                                        .appel:hover{
                                        box-shadow:10px 10px 0 var(--encre)}
                                        
                                        @keyframes pulse{
                                        0%,100%{
                                        box-shadow:0 0 0 0 var(--signal)}
                                        50%{
                                        box-shadow:0 0 0 8px var(--acier)}
                                        }
                                        @keyframes defile{
                                        to{
                                        transform:translateX(-50%)}
                                        }
                                        @keyframes entree{
                                        from{
                                        opacity:0;
                                        transform:translateY(20px)}
                                        to{
                                        opacity:1;
                                        transform:none}
                                        }
                                        @keyframes clignote{
                                        50%{
                                        opacity:.35}
                                        }
                                        
                                        @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:850px){
                                        body{
                                        font-size:17px}
                                        .env{
                                        width:min(100% - 28px,1180px)}
                                        .menu-btn{
                                        display:block}
                                        .nav{
                                        display:none;
                                        position:absolute;
                                        top:82px;
                                        left:0;
                                        right:0;
                                        background:var(--papier);
                                        padding:22px;
                                        flex-direction:column;
                                        align-items:flex-start;
                                        border-bottom:2px solid var(--encre)}
                                        .nav.ouvert{
                                        display:flex}
                                        .hero{
                                        padding:28px 0 45px}
                                        .hero-grille,.duo{
                                        grid-template-columns:1fr}
                                        .hero-copy{
                                        min-height:auto;
                                        padding:30px 24px}
                                        .hero h1,h1{
                                        letter-spacing:-2px}
                                        .hero-media{
                                        min-height:420px;
                                        border-left:2px solid var(--encre);
                                        border-top:0}
                                        .grille3,.route{
                                        grid-template-columns:1fr}
                                        .arret{
                                        border-right:0;
                                        border-bottom:1px solid var(--signal)}
                                        .debord{
                                        margin:0;
                                        height:390px}
                                        .section{
                                        padding:62px 0}
                                        .appel{
                                        padding:30px;
                                        display:block}
                                        .pied-grille{
                                        grid-template-columns:1fr}
                                        .actions{
                                        align-items:stretch}
                                        .btn{
                                        text-align:center}
                                        }