body {
    font-family: arial;
    background-color : black;
}


.container {

width: 100%;
background-color : rgb(17,117,134);
}

.container2 {

width: 100%;
color: white;
display: flex;
flex-direction: row;

}

.container3 {

width: 20%;
position: absolute;
right: 0px;
background-color : black ;
color: white;

}


.calendrier {
     
    top: 0px;
    width: 100%;
	
}



.logotext {
	
margin-left: 2em;	
font-weight: bold;	
font-family: "Arial Black", Gadget, sans-serif;
  font-size: 2.5em;
-webkit-text-stroke: 2px black;
-webkit-text-fill-color: #afaa40;
	
}


.affichage {
border-style: solid;
border-color: red;
width: 80%;
box-shadow: 10px 10px 5px black;
position: absolute;
    left: 0px;
}

.menu{
   
    border: 4px solid #000000;
	list-style: none;
	font-family: 'Lato', sans-serif;
	background: #c00 ;
	color : black;
	width: 90%;
	
	display: flex;
flex-direction: column;
justify-content: center;
	
	
}

.menu :hover{
    
	color: #FFF;
	background-color : grey;
 
}

.menuitem

{
	font-size: large;
	
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight: bold;
	padding : 15px;
display: block ;
align: center ;
}