*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#f5f7fb;
  color:#081C3A;
}

/* HEADER */


header{

    width:100%;
    background:#081C3A;

    border-bottom:4px solid #E31B23;

    position:sticky;
    top:0;

    z-index:999;

}





/* NAVBAR */
.navbar{

    width:90%;

    max-width:1400px;

    margin:auto;

    min-height:80px;

    display:flex;

    align-items:center;

    gap:30px;

}

/* LOGO */

.logo img{

    width:140px;

    transition:.3s ease;
   
   

}


.logo img:hover{

    transform:scale(1.05);

}

/* MENU */
.menu{

    position:absolute;

    top:85px;

    right:5%;

    width:320px;

    background:#081C3A;

    display:flex;

    flex-direction:column;

    padding:20px 0;

    border-radius:15px;

    box-shadow:
    0 15px 35px rgba(0,0,0,0.35);


    max-height:0;

    overflow:hidden;

    opacity:0;

    transition:.4s ease;

}

.menu li{

    width:100%;

}


.menu li a{

    display:block;

    padding:15px 25px;

    color:white;

    font-size:15px;

    text-decoration:none;

    transition:.3s ease;

}


.menu li a:hover{

    background:#E31B23;

    color:white;

    padding-left:35px;

}

/* HAMBURGER DESKTOP */


#menu-toggle{

    display:none;

}



.deroulant-icon{

    display:block;

    cursor:pointer;

    order:3;

   

}



.deroulant-icon span{

    display:block;

    width:35px;

    height:4px;

    background:white;

    margin:7px 0;

    border-radius:5px;

    transition:.3s;

}

#menu-toggle:checked ~ .menu{

    max-height:700px;

    opacity:1;

}

.active{

    color:#00A6FF !important;

    border-bottom:4px solid #f8f6f6;

}


/* HERO */

.hero{

position:relative;

width:100%;

height:100vh;

overflow:hidden;

display:flex;

justify-content:center;

align-items:center;

}


/*========   FOOTER    ========
===============================  */

footer{

background:#081C3A;

color:white;

padding-top:60px;

}



.footer-contenu{

width:90%;

max-width:1400px;

margin:auto;

display:grid;

grid-template-columns:2fr 1fr 1fr;

gap:50px;

}



.footer-Logo img{

width:130px;

}



.footer-Logo p{

color:#ccc;

line-height:1.7;

margin-top:20px;

}



.footer-column{

display:flex;

flex-direction:column;

}



.footer-column h3{

margin-bottom:20px;

}



.footer-column a{

color:#ccc;

text-decoration:none;

margin-bottom:12px;

}



.footer-column a:hover{

color:#E31B23;

}





/* PARTENAIRES */


.partenaires{

width:90%;

max-width:1400px;

margin:60px auto 40px;

text-align:center;

border-top:1px solid rgba(255,255,255,.2);

padding-top:40px;

}



.partenaire-logos{

display:flex;

justify-content:center;

align-items:center;

gap:35px;

flex-wrap:wrap;

margin-top:30px;

}



.partenaire-logos img{

width:100px;

height:45px;

object-fit:contain;

background:white;

padding:8px;

border-radius:8px;

}





/* SOCIAL */


.social{

text-align:center;

margin:40px 0;

}



.social-icons{

display:flex;

justify-content:center;

gap:25px;

margin-top:25px;

}



.social-icons img{

width:45px;

height:45px;

object-fit:contain;

}





p{

border-top:1px solid rgba(255,255,255,.2);

padding:25px;

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}



.a{

color:#ccc;

text-decoration:none;

}