@import "font.css";
@import url(font.css);
/*Réinitialisation du style par défaut*/
* {
    margin: 0px;
    padding: 0px;
    font-family: 'newbook', Arial, Helvetica, sans-serif;
    
}

* p{
    font-family: 'Courier New', Courier, monospace;
}

body{
    background-color: #ffecc5;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    
}

/*Mise en place du flexbox pour mon body*/
.titlepage{
display: flex;
text-align: center;
font-size: 2vh;
background-color:#fdc762;
justify-content: left;
width: auto;
height: 8vh;
min-height: 50px;
align-items: center;

}

.titlepage h1{
margin-right: 3vh;

}

.titlepage li{
margin: 1.2vh;

}


.flex_nav{
display: flex;

}


ul{
    list-style: none;
    color: black;

}

a{
    text-decoration: none;

}



li:hover{
  background-color: #ffc251;  

}
/*Attribut flex pour les enfants*/
.box{
    display: flex;
    flex-direction: column;
    margin: 2vh;
  align-items: center;
  flex: 1;
}

.content_1, .content_2, .content_3{
    margin: 2vh;
}

.content_1, .content_2, .content_3{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.right{
margin-left: 2vh;
}

.left{
margin-right: 2vh;
}
/*style pour le footer en bas de page*/
footer{
    background-color: #fcc052;
    min-height: 50px;
    display: grid;
    justify-content: center;
    align-items: center;

}

footer p{
    margin-right: 2vh;
    font-size: 2.2vh;
}
/*Style pour la page menu.html*/
.wrapper{
        display: grid;
        grid-template-columns: 200px 200px 200px;
        border: 3vh black;
        grid-template-areas:
        "vege"
        "viande"
        "sante";
      gap: 3px;
      padding: 5px;
    
}

.vege, .viande, .sante{
    
    border: solid 0.3vh black;
}

h2, h3{
	display: inline;
	margin-right: 10px;
    white-space: nowrap;
	
}

strong,em,blockquote, cite{
	font-family: 'Courier New', Courier, monospace;