body {
    font-family: "Trebuchet MS";
}
p
{
	text-align: center;
	font-size: 20px;
}
.menu {
    display: flex;               
    padding:0;                    
    background-color: #ccc;       
    justify-content: space-around;
}
.menu li {
    list-style-type: none ;
  
}
.menu a {
    display:block;                
    min-width: 120px;               
    
    margin: 0.5rem;               
    padding: 0.4rem;            
    text-align: center;             
    background-color: #C79D7F;   
    color: #fff;                 
    text-decoration: none;      
    border: 1px solid #fff;  
    border-radius: 4px;    
    
    transition: all 1s ; 
}
.menu a.actif {    
    background-color: #000 ; 
    color: #1ABC9C ;
    border-color: #DDEBE0 ;
}
.menu a:hover,
.menu a:hover.actif{
    background-color: #4C6F7C;
    color: #DDEBE0;
    border-color: #DDEBE0;
}