*{
  margin:0;
  padding:0;
}

body{
  max-width:1600px;
  margin:auto;
}

header {
  padding-left:10%;
}

h1{
  font-family:Arial;
  font-weight:200;
  font-size:30px;
}

h2{
  font-size:35px;
  font-style:italic;
  font-weight:500;
  color:#539c88;
}

h3{
  font-size:45px;
  font-weight:500;
}

p{
  font-family:Arial;
  font-size:13px;
  line-height:1.6;
  color:#545353;
}

hr{
  width:150px;
  margin:3% 0;
}


section {
  display:flex;
}

.aside1{
  display:flex;
  flex-direction:column;
  padding:2%;
  background:#aeecdd;
  width:50%;
}

.aside1 h2{
  color:black;
}

.aside1 p{
  margin-top:2%
}

.formulaire1 p{
  font-size:25px;
  margin-bottom:2%;
  color:black;
}

.s01 img {
  width:50%;
  height:auto;
}

.s01 form {
  display:flex;
  flex-wrap:wrap;
  width:100%;
}

.formulaire1 form input:nth-child(1){
  width:100%;
}

.formulaire1 form input:nth-child(3){
  flex-grow:1;
  margin-left:10px;
  margin-right:10px;
}

.formulaire1 form input:nth-child(4){
  flex-grow:3;
}

.formulaire1 input {
  margin-bottom:10px;
  height:45px;
}

.formulaire1 form div{
  width:40%;
}

.bouton{
  background:#4a917f;
  border:none;
  color:white;
  font-family:georgia;
  font-size:18px;
}

.s02{
  display:flex;
  padding:5% 10%;

}

.plat1 {
  display:flex;
 
}

.s02 div{
  margin:40px 70px 0px 0px;
  
}

.s03{
  background-color:#eefff9;
  padding-top:5%;
  padding-left:20%;
  padding-bottom:5%;
  padding-right:20%;
}

.s03 div:nth-child(2){
  margin-left:3%; 
}

span {
  color:#539c88;
  font-style:italic;
}

.s04 {
  margin-bottom:30px;
  margin-top:68px;
  flex-direction:column;
}

.s04 div:nth-child(1){
  margin-left:31px; 
}
.s04 h1 { text-align:center;}

.s04 hr {
margin:auto;
}

.s04 p {
  text-align:center;
  padding-bottom:37px;
}

.plat {
  display:flex;
  flex-direction:row;
  justify-content:space-around;
}

.euro {
  color:#539c88;}


.s05 {
  margin-bottom:5%;
}

.s05 div:nth-child(1){ 
  background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(https://restaurant02.sandra-castanon.fr/images/image-30.jpg);
  background-repeat:no-repeat;
  width:100%;
  height:450px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.s05 div:nth-child(2){
  background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(https://restaurant02.sandra-castanon.fr/images/image-31.jpg);
  background-repeat:no-repeat;
 width:100%;
  height:450px;
  margin-right:15px;
  margin-left:15px;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.s05 div:nth-child(3){
  background-image:linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url(https://restaurant02.sandra-castanon.fr/images/image-32.jpg);
  background-repeat:no-repeat;
width:100%;
  height:450px;
   display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
}

.s05 h1 {
  font-size:35px;
  color:#18181b;
  font-family:monserrat;
  font-style:italic;
}
.s05 p {
  font-size:17px;
  padding:30px;
  text-align:center;
  color:#18181b;
}

.s05 h3{
  font-size:45px;
  color:#18181b;
}

.s06 h1 {
  text-align:center;
}
.s06 hr {
  margin:auto;
}

.s06 p {
  text-align: center;
  font-size:15px;
}
.s06 {
  display:flex;
  flex-direction:column;
  padding-bottom:3%;
}

.s06 input:nth-child(1){
  margin-bottom:1%;
  height:30px;
  width:50%;
}
.s06 input:nth-child(2) {
  margin-bottom:3%;
  height:40px;
  width:30%;
  color:white;
  background-color:#49927e;
}

.personne1 {
  display:flex;
  align-items:center;
}

.personne img {
  margin-left:30px;
  margin-right:30px;
}

.person {
  display:flex;
  
}

.s07 {
  background-color:#eefff9;
  flex-direction:column;
  padding:20px;
}

.s07 p {
  text-align:justify;
  margin-right:3%;
}

.s07 h1 {
  text-align:center;
  padding-top:20px;
}

.s07 hr {
  margin:auto;
}

.s08 {
  padding:5%;
  flex-direction:row;
  justify-content:space-around;
}

.tel {
  color:#539c88;
}


  

@media screen and (max-width:1024px) {
  
section{
    flex-wrap:wrap;
    flex-direction:column;
  }

.s01 img {
  width:100%;
  height:auto;
  margin-bottom:20px;
}
.s01 {
  flex-direction:column;
}
 
 .s01 h3 {
    font-size:25px;
  }
  
   
.s01 .aside1 {
  
  display:flex;
  flex-direction:column;
  padding:0%;
  background:#aeecdd;
  width:50%;
  width:100%;
  height:auto;
}
  
.formulaire1 {
  width:90%;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:auto;
}

 .formulaire1 form input:nth-child(1), .formulaire1 form input:nth-child(2), .formulaire1 form input:nth-child(3), .formulaire1 form input:nth-child(4){
  width:100%;
   margin:0px;
   margin-bottom:10px;
}

.formulaire1 form div{
  width:100%;
}
  .s02{
  display:flex;
  padding:1% 5%;}

 .plat1 {
   width:100%;
   height:auto;
   display:flex;
   justify-content:center;
   
}
  
.s03 img {
  width:100%;
  height:auto;
  padding:5%;
}
  
.s03 div:nth-child(2){
  padding-top:5%; 
  margin-left:5%;   
}

  .plat {
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  
.s05 {
    width:50%;
    height:auto;
    margin:auto;
  }
  
  .s05 div:nth-child(2){

  margin-right:0px;
  margin-left:0px;
 
}
 
.s06 {
  width:100%;
  height:auto;
  display:flex;
  flex-direction:column;
}

.s06 h1 {
  margin-top:3%;
}
  .s06 input {
    margin:auto;
  }
  
.s06 input:nth-child(1){
  margin-bottom:10px;
  height:30px;
  width:90%;
  margin-left:1%;
}
.s06 input:nth-child(2) {
  margin-bottom:3%;
  height:30px;
  width:30%;
  display:flex;
  justify-content:center;
}

  .personne1 {
    width:100%;
    height:auto;    
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:20px;
  }
  .person {
    display:flex;
    flex-direction:column;
  }

.s07 p {
  font-size: 18px;
}

.s08 {
  padding:5%;
  flex-direction:row;
  justify-content:space-around;
}

  .s08 div:nth-child(1){
    margin-bottom:10%;
  }

  .map {
    width:100%;
    height:auto;
    display:flex;
    align-items:center;
  }
 

  .s08 h1 {
    margin-bottom:-5%;
  }
  .s08 hr{
    width:120px;
    margin-top:0%;
    margin-bottom:3%;
  }

  @media (max-width:738px){
    
  .s05 {
    width:100%;
    height:auto;
    display:flex;
    flex-direction:column;
    align-items:center;
  }
    
    .plat1 {
      display:flex;
      flex-direction:column;
    }

.s06 input:nth-child(1){
  margin-bottom:10px;
  height:60px;
  width:95%;
  margin-left:1%;
}
.s06 input:nth-child(2) {
  margin-bottom:3%;
  height:45px;
  width:40%;
  display:flex;
  justify-content:center;
}
}