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


.sticky { 
    position: sticky; 
    top: 0px; 
    padding: 0px;
} 


.menu {
    display: flex;                	/* Transformation en flexbox */
	flex-wrap: wrap;				/* Pour les affichage de petite largeur*/
    padding:0;                    	/* Suppression des marges internes */
    justify-content: center;		/* Alignements des liens dans le menu */
	max-width: 100%;				/* overide la directive .page */
	margin: 0;
}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
  
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 120px;             /* Largeur minimale des liens */   
    margin: 0.5rem;               /* Marges externes */
    padding: 0.1rem 0.3rem;            /* Marges internes */
    text-align: center;           /* Centrage du texte */   
    background-color: #6D0909;    /* Arrière-plan */
    color: #eee;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border-radius: 6px;           /* Arrondis des bordures */
    transition: all 1s ;          /* Ajout des effets de transition */
}
.menu a.actif {    
    background-color: #bbb ;
    
}
.menu a:hover,
.menu a:hover.actif{
    background-color: #eee;
    color: #6D0909 ;	
}