@charset "utf-8";
/* CSS Document */


/* Style général */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.body {
    width: 95%;
    background-color:  #F7E377;
    margin: auto
}




/* Entête */
header {
    width: 100%;
    background-color: white;
    color: #333;
    text-align: center;
    padding: 1em 0;
}

/* Menu horizontal */




nav ul {
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    background-color: #444;
    padding: 1em 0;
    margin: 0;
	
	width:100%; margin:auto;
	
	 background: #729EBF
}

nav ul li a {
    color: white;
    text-decoration: none;
	
	
}


nav li:hover {
   background: #729EBF}



nav ul li a:hover {
    
	 background-color:;
    color:black;min-height: 25vh
	
}

/* Container principal */
.container {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;background-color: white
}

/* Menu gauche */
aside {
    width: 25%;
    background-color: #f4f4f4;
    padding: 1em;
}




asidea {
    width: 80%;
    background-color: #f4f4f4;
    padding: 1em;margin: auto
}


/* Contenu principal */
main {
    width: 75%;
    padding: 1em;
}

/* Pied de page */
footer {
    width: 100%;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 1em 0;
    margin-top: 1em;
}

/* Styles pour les petits écrans */
@media (max-width: 768px) {
    nav ul {
        flex-direction: column;
        align-items: center;
    }

    aside, main {
        width: 100%;
		
    }
	
	aside {
        order: 2;
    }
	
	 main{
        order: 1;
    }
}

.entete_page_prive { width: 100%;min-height: 25vh;background-color:white;margin-bottom: 5px
        
    }


.rubrique_repertoire_non_active { width:70%;min-height:25%vh;background-color: white;margin: auto;padding-top:40px
        
    }

.titre_encart_non_actif{ width:70%;min-height: 10vh;background-color:;color: darkcyan
        
    }



.rubrique_repertoire { width: 70%;min-height:100%vh;background-color: white;margin: auto;padding-top:40px;font-family:Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed"
        
    }
.intermediere_menu_hori_main { width: 100%;min-height: 5vh;background-color: white
        
    }
.titre-rubrique { width:70%;background-color: white;color: steelblue;margin: auto;padding: 40px;text-align: center;font-family:Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed"
        
    }
    
.cliquez_onglet_choix { width: 100%;background-color: white;color:black;margin: auto;text-align: center;padding-top: 30px
        
    }
.tableau_encart_liste_rubruques{width:100%;background-color:white;min-height:100vh;margin: auto;border:2px solid white;}
.tableau_encart{width:100%;background-color:white;min-height:100vh;margin: auto }
.rubrique_repertoire_non_active_contour { width:95%;min-height:25%vh;background-color: white;border:2px solid darkcyan;margin: 10px
      
    }


.entete_mobile_montre {
    width: 30%; /* Utilisation de pourcentage pour la largeur */
     height:;background:;float: left;margin-left: 20px;margin: auto;text-align: center
}

.encart_images_texte{width:100%;background-color:white; }
.encart_texte{width:100%;background-color:white;margin-top: 30px;min-height:50vh }
.encart_texte_interierur{width:80%;background-color:white;margin: auto}
.encart_texte_interierur_non_activf{width:90%;background-color:white;margin:10px}
.encart_image{width:100%;background-color:white;min-height: }
.encart_titre{width:100% ;font-family:Arial,"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed";font-size: 20px;color: darkcyan;margin: 5px; min-height: 15vh;}
.encart_pied_interieur{width:100%;background-color:white;margin-top: 20px}style_page_priveestyle_page_priveestyle_page_priveestyle_page_privee