*{
    box-sizing: border-box;
}
body{
    font-family: sans-serif;

}
div,body{/*pour quil y est pas d'espace a la fin du trait noir*/
    padding: 0;
    margin: 0;

}
main{
    width: 1250px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
    
  
    
}
  
header{
    display: flex;
    align-items: center;
    justify-content: space-between;
       
}
header h1{
    margin-left: 150px;
}
 .black{
    background:linear-gradient(to bottom, #555, #000);
    width: 100%;
    height: 50px;
}


nav a{
 color: gray;
 position: relative;
 right: 300px;
 top: 15px;
 padding: 10px;
 text-decoration: none;
 
 
}



section img{
    width: 100%;/*pour que les images prennent 100% de la taille de son parent*/
   
}
section{
    display: flex;
    align-items: center;
}
.pates, .saumon, .riz:hover{
   min-width: 25%;
   

}
.texte{
   min-width: 25%;
   padding: 25px;
   text-align: center;
   color: gray;
   background-color: white;
    
    
    
}
section h3{
    color: black;
}
.prix{
    color: orange;
}
footer{
    background-color: black;
    background:linear-gradient(to bootom #555 black);
    height: 50px;
    position: relative;
    bottom: 50px;
    z-index: 1;

}


nav a:hover{/*la couleur change lorsque la souris passe*/
    color: orange;
}
main img:hover{
    transform: scale(1.4);
    transition: ease-in 1s;
}
/*les transition on les utilise pour raffiner l'animation sur la duree, le rythme*/