button {	
				  background-color: #FFF8C7;
				  border: none;
				  color: #E07000;
				  padding: 5px 22px;
				  text-align: left;
				  text-decoration: none;
				  display: inline-block;
				  font-size: 20px;
				  margin: 4px 0px;
				  cursor: pointer;
				  font-family: calibri, sans-serif;
				    font-weight: bold;
				  
				  
			}
nav{
	  display: flex;
flex-direction: column;
}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.wrapper{
	display: flex;
	flex: 1;
	flex-direction: column;
}

.nav_and_article{
	display: flex;
	flex-direction: row;
	flex: 1;
				

}

		

			/* crée les colonnes */
			nav {
			  float: left;
			
			  background: white;
			
			  background-color: #FFF8C7;
			  	font-size: 25px;
				width: 330px;

			}

			

			
			footer{
				background-color: #D3D3D3;
				text-align: center;
				height: 25px;
			}	
			

			
			
		
		
			html {
				font-size: 15 px;
			}
					
			
			

		
			a{
				
				margin: 10px 20px;
				
			}