/*en tete*/
.entete {
    padding-top: 10px;
    padding-bottom: 5px;
    z-index: 10; /* S'assurer que l'entête est au-dessus */
    position: fixed; /* Fixé en haut de la page */
    width: 100%; /* Pour qu'elle couvre toute la largeur */
    background-color: black; /* Ou jaune selon le style voulu */
    color: white;
}

header.menu-horizontal {
    margin-top: 50px; /* Décale le menu en dessous de l'entête */
    z-index: 1; /* S'assurer qu'il passe sous l'entête */
    position: relative; /* Garde une position normale */
}

.entete {
    z-index: 10; /* Niveau supérieur */
    position: fixed;
}

.menu-horizontal {
    z-index: 5; /* Menu sous l'entête */
    position: relative; /* Par défaut */
}

.entete {
    background: black;
    margin-top: 0px; /* Décale toute la page de 35px */
}

body, html {
    margin: 0;
    padding: 0;
}

header.menu-horizontal {
    margin-top: 60px; /* Ajuster selon la hauteur de l'entête */
    z-index: 1; /* Inférieur à l'entête */
    position: relative;
}

        
.entete a,.entete #total,.entete #count{
    color:#aad56b;
}
.nav-link{
    color:#4d5662
}
.menu_gen:hover{
    color: #ec8a64;
}
.container{
    margin:0 auto;
}
.card-perso{
    
   
    border:1px solid #eeeeee;
    background:#f3f3f3;
    padding:30px;
    margin-bottom:30px!important;
    margin-left:5px;
    
}

.photo{
    width:150px;
    height:150px;
    display:block;
}
.texte{
    font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
    font-size: 14px;
}
.marge{
    margin-right:50px;
}
@media screen and (max-width:576px) {
    .card,.card-perso{
    
        height:auto;
        width:70%;
        border:1px solid #eeeeee;
        background:#f3f3f3;
        padding:30px;
        margin-bottom:30px!important;
        
        
    }
    
    
}
@media (min-width:768px) and (max-width:1200px) {
    .photo{
        width:110px;
        height:110px;
    }
}