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

body {
	font-family: "Roboto", sans-serif;
	font-size: 20px;
}
.titrepage {
	font-family: "Roboto", sans-serif;
	font-size: 40px;
    text-align: center;           /* Centrage du texte */      
}
.menu {
    display: flex;                /* Transformation en flexbox */
    padding:0;                    /* Suppression des marges internes */
    background-color: #fff;       /* Ajout de la couleur d'arrière-plan */
    justify-content: space-around;/* Alignements des liens dans le menu */

}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
  
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 290px;             /* Largeur minimale des liens */   
    
    margin: 0.5rem;               /* Marges externes */
    padding: 0.4rem 0;            /* Marges internes */
    text-align: center;           /* Centrage du texte */   
    background-color: #eee;       /* Arrière-plan */
    color: #000;                  /* Couleur du texte */
    text-decoration: none;        /* Suppression du soulignement */
    border: 1px solid #000;       /* Ajout d'une bordure */
    border-radius: 10px;          /* Arrondis des bordures */
    
    transition: all 1s ;          /* Ajout des effets de transition */
}
.menu a.actif {    
    background-color: #de0024 ; 
    color: #fff ;
    border-color: #fff ;
}
.menu a:hover,
.menu a:hover.actif{
    background-color: #de0024;
    color: #fff;
    border-color: #fff;
}