section{
    margin-top: calc(0.5*var(--margesectiontop));
}

.container_presentation{
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.texte_presentation{
width: 75%;
padding: 3vw;
background-color: var(--gris1);
    box-shadow: var(--ombre2);
}
.texte_presentation p{
    padding: 1vw;
}
.tarif{
    background-color: var(--gris2);
    display: flex;
    align-items: center;
    box-shadow: var(--ombre2);
}
.tarif ul{
    padding: 3vw;
    color: var(--gris3);
    font-family: var(--typo2);
    line-height: var(--hauteurligne);
    font-weight: bolder;
}
.tarif ul li{
    font-weight: 100;
}
.menu_semaine{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.titre_menu{
    width: 100%;
    color: var(--gris3);
    font-family: var(--typo1);
    font-size: calc(35*var(--res));
    text-align: center;
    margin: 2vw 0 1vw 0;
}
.tableau_menu{
    display: flex;
    flex-direction: column;
    width: 70%;
    background-color: var(--gris1);
    padding-bottom: 4vmin;
}
.day{
    width: 100%;
    text-align: center;
}
.jour{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    font-family: var(--typo1);
    color: var(--jaune);
    font-size: calc(25*var(--res));
    padding: 3vw 3vw 0 3vw;
    
}
.jour li{
    color: var(--gris3);
    line-height: var(--hauteurligne);
    font-family: var(--typo2);
    font-size: 16px;
    padding: 0 1vw;
}
.chef{
    display: flex;
    flex-direction: column;
}
.mot_chef{
    margin-top: calc(0.5*var(--margesectiontop));
    position: relative;
}
.mot_chef i{
    height: 10vh;
    color: var(--bleu);
    font-size: 12vmin;
    position: absolute;
    top: -20%;
}
.titre_mot_chef{
    color: var(--bleu);
    font-family: var(--typo1);
    font-size: calc(40*var(--res));
}
.texte_chef{
    border: var(--cadrebleu);
    padding: 3vw;
    width: 100%;
}
.texte_chef p{
    width: 70%;
    margin: auto;
}
.nom_temoin{
    font-family: var(--typo1);
    font-size: calc(20*var(--res));
}
.temoignage{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#chef_img{
    width: 20%;
}
#chef_img img{
    width: 100%;
}
@media screen and (max-width: 840px) {
    header img{
        height: 25vh;
    }
    .texte_presentation{
        width: 100%;
    }
    .tableau_menu{
        width: 100%;
    }
    .entree, .plat, .dessert{
        width: 51%;
        margin: 2vw 0;
        text-align: center;
    }
   .temoignage{
    flex-direction: column;
   }
   #chef_img{
    width: 85%;
   }
   .texte_chef p{
    width: 100%;
   }
   .mot_chef i{
    top: -5%;
   }
}
@media screen and (max-width: 499px) {
    .jour{
        font-size: calc(40*var(--res));
    }
    .nom_temoin{
        font-size: calc(30*var(--res));
    }
}