* {margin:0; padding:0; box-sizing:border-box;}
    body {font-family: Arial, sans-serif; line-height:1.6; display:flex; flex-direction:column; min-height:100vh;}
logo img {
display: block;       /* nécessaire pour que margin fonctionne */
margin: 0 auto; 
padding: 10px;
width: 300px;
}
    header {background-color:#fff; color:white; padding:20px; text-align:center;}

    .main {display:flex; flex:1; flex-wrap:wrap; min-height:80vh;}

    /* Menu gauche */
    .menu-container {
        background-color: #222; /* change le fond ici */
        padding:10px;
margin-left: 10px;
margin-right: 10px;
border-radius: 10px;
        flex:0 0 300px;
        color: #fff;
    }

    .menu-container a {
padding: 0;
margin: 0;
        display:flex;
        align-items:center;
        color:white;
        text-decoration:none;
        word-wrap: break-word;

  padding: 10px 10px 10px 0px; /* léger espace à droite et tout petit à gauche */
    line-height: 1; /* empêche les décalages verticaux */
    overflow: hidden; /* évite que quoi que ce soit dépasse */

  justify-content: center; /* le texte reste centré */
  margin: 0.4rem 0;
  border-radius: 7px;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  background: #030303;
  // border: 1px solid #444;//
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease;
  text-align: center;
    }

    .menu-container a img {
  display: block;
  left: 1rem; /* fixe le logo à gauche */
  width: 50px;
  height: 50px;
margin-right: 10px;
  object-fit: contain;
  border-radius: 6px;
    }

    .menu-container a:hover {text-decoration:none;
background: #0d0d0d;}

    /* Conteneur principal */
    .container {
        flex:2;
        padding:20px;
        background-color:#f5f5f5;
        min-width:250px;
    }

    /* Sidebar pour pubs */
    .sidebar {
        flex:1;
        padding:20px;
        min-width:200px;
    }

    .ad-container {
        width:100%;
        margin-bottom:20px;
    }

    footer {background-color:#222; color:white; text-align:center; padding:15px; margin: 10px; border-radius: 10px;}

    /* Responsive */
    @media (max-width:1024px) {
        .main {flex-direction:column;}
        .menu-container, .container, .sidebar {min-width:100%; flex:1;}
    }



@media (max-width: 480px) {
.avatar {
width: 100px;
height: 100px;
margin-top: -60px;
}
.profile h1 {
font-size: 1.5rem;
}
.links a {
font-size: 0.9rem;
padding: 0.8rem;
}
}