/* ================================
   Structure générale
   ================================ */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;              /* fond neutre */
    color: #7c2b00;
}

#container {
    display: flex;
    min-height: 100vh;             /* occupe toute la hauteur de la fenêtre */
}

/* ================================
   Menu spécifique Mentions
   ================================ */
#sidebar {
    width: 20%;                     
    min-height: 100vh;              /* occupe toute la hauteur */
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#menu_mentions {
    width: 100%;
    height: 100%;                   /* occupe toute la hauteur disponible */
    background: linear-gradient(to bottom, #A7C7E7, #B8E0D2);
    padding: 20px;
    margin: 0;
    box-sizing: border-box;
}

#logo {
    display: block;
    max-width: 100%;
      margin: 30px auto 20px auto; /* espace en haut et en bas */
} /* centré avec espace dessous */

#menu_mentions ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu_mentions li {
    margin: 15px 0;
}

#sidebar nav ul li a {
    color: black;
    text-decoration: none;
    font-weight: bold;   /* liens en gras */
    display: block;
    padding: 8px;
    transition: background 0.3s;
}


#menu_mentions a:hover {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

#menu_mentions a.active {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

/* ================================
   Contenu à droite
   ================================ */
#content {
    width: 80%;                     
    background: #fff;               
    padding: 30px;
    box-sizing: border-box;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);
}

/* ================================
   Section Mentions
   ================================ */
#mentions {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 20px;
}

#mentions .texte {
    max-width: 900px;
    line-height: 1.8;
    font-size: 1.05em;
    color: #7c2b00;
}

#mentions h2 {
    font-size: 1.8em;
    margin-bottom: 15px;
    color: #7c2b00;
}

#mentions h3 {
    margin-top: 20px;
    color: #7c2b00;
}

#mentions p {
    margin-bottom: 15px;
    text-align: justify;
}