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

body{
    background:#07122e;
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.7;
}

/* BANNIERE */

.banner-faq{
    max-width:1500px;
    margin:0 auto;
}

.banner-faq img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

/* MENU */

.main-nav{
    max-width:1500px;
    margin:0 auto 60px;
    background:#0c1633;
    border-top:2px solid #facc15;
    border-bottom:2px solid #facc15;
}

.main-nav ul{
    list-style:none;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.main-nav a{
    display:block;
    padding:18px 28px;
    text-decoration:none;
    color:#facc15;
    font-weight:bold;
    font-size:1.05rem;
    transition:.3s;
}

.main-nav a:hover,
.main-nav a.active{
    background:#1e293b;
    color:#ffffff;
}

/* TITRE */

.hero-faq{
    text-align:center;
    max-width:1200px;
    margin:0 auto 70px;
    padding:0 20px;
}

.hero-faq h1{
    font-size:1.9rem;
    margin-bottom:10px;
}

.hero-faq p{
    color:#dbeafe;
    font-size:1.15rem;
}

/* FAQ */

.faq-container{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.faq-container h2{
    color:#facc15;
    font-size:2rem;
    margin-bottom:35px;
    padding-left:15px;
    border-left:5px solid #facc15;
}

.faq-container button{
    width:100%;
    background:#1e293b;
    color:#ffffff;
    border:1px solid #334155;
    border-left:6px solid #facc15;
    border-radius:14px;
    padding:20px 25px;
    text-align:left;
    font-size:1.15rem;
    font-weight:bold;
    margin-top:20px;
}

.faq-container p{
    background:#0f172a;
    border:1px solid #334155;
    border-top:none;
    padding:22px 25px;
    color:#cbd5e1;
    border-radius:0 0 14px 14px;
}

/* FOOTER */

.footer{
    max-width:1200px;
    margin:40px auto 0;
    background:#0a0a0a;
    border-top:2px solid #facc15;
    text-align:center;
    padding:25px 20px;
}

.footer-logos{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:20px;
}

.footer-logos img{
    max-height:24px;
    width:auto;
}

.prevention{
    display:block;
    width:100%;
    text-align:center !important;
    color:#ffffff;
    font-size:16px;
    line-height:1.6;
    margin:15px auto;
}

.mineurs{
    text-align:center;
    color:#ffffff;
    font-size:16px;
    margin:15px 0;
}

.mineurs img{
    width:26px;
    height:auto;
    vertical-align:middle;
}

.footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:20px;
    margin:20px 0;
}

.footer-links a{
    color:#facc15;
    text-decoration:none;
    font-size:15px;
}

.footer-links a:hover{
    color:#ffffff;
}

.copyright{
    border-top:1px solid #334155;
    margin-top:15px;
    padding-top:15px;
    color:#94a3b8;
    font-size:14px;
    text-align:center;
}

/* MOBILE */

@media(max-width:900px){

    .banner-faq img{
        height:140px;
    }

    .main-nav{
        margin:0 auto 30px;
    }

    .main-nav ul{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
    }

    .main-nav a{
        text-align:center;
        padding:12px 10px;
        font-size:14px;
    }

    .hero-faq{
        margin:0 auto 35px;
    }

    .hero-faq h1{
        font-size:1.6rem;
    }

    .faq-container h2{
        font-size:1.5rem;
    }

    .footer-logos{
        gap:12px;
    }

    .footer-links{
        flex-direction:column;
        gap:10px;
    }
}
.liens-faq{
    text-align:center;
    margin-top:25px;
}

.liens-faq a,
.liens-faq a:visited{
    color:#d4af37;
    text-decoration:none;
    margin:0 15px;
    font-weight:bold;
}

.liens-faq a:hover{
    color:#ffffff;
}