@media all and (min-width: 1024px) and ( max-width: 2000px){
	body{
	width: auto;
	height: 100%;  
}
 
  
  header div{
    display: flex;
  }
  
 .photo1_hildegarde{
	width: 60%;
     height: 200px;
  }
  
  .header_alim, .header_alim1{
    width: 20%;
    height: 200px;
  }
  
   article{
     padding-bottom: 12px;
     margin-bottom: -30px;
}
  
}
  
@media all and (min-width: 751px) and ( max-width: 1023px){
	body{
	width: auto;
	height: 100%;  
}

header div{
	font-size:0;

}
  .photo1_hildegarde{
	width: 59%;
    height: 200px;
  }
  
   .header_alim, .header_alim1{
    width: 19%;
    height: 200px;
  }
 
   article{
     padding-bottom: 10px;
     margin-bottom: -25px;
}

}
 

@media all and ( max-width: 750px){
	body{
	width: auto;
	height: 100%;  
}
  .photo1_hildegarde{
	width: 100%;
  }
  
  .header_alim, .header_alim1{
    display: none;
  }
  
  article{
     padding-bottom: 8px;
    margin-bottom: -15px;
}

}

p{
	font-family: calibri;
}
header{
    width: 100%;
}

.photo1_hildegarde{
/*	width: 600px;
	height: 200px; 
	border-radius: 10px; 
	box-shadow: 0 0 2px 2px gray; */
}

article{
	
	background-image: linear-gradient(white, moccasin);
	padding-left: 5%;
  padding-right: 10%;
/*	margin-bottom: -15px;
	padding-right: 10px;  */
}

h2{
	text-align: center;
}

.bonne_degustation:hover{
	color: red;
}


	 footer{
 	border-radius: 4px;
 	box-shadow: 0 0 4px 4px gray;

 }
 
 .div_footer{
 	display: flex;
 	margin: 3%;
 }

 .footer_centre , .footer_gauche{
 	margin-right: 2%;
 }

 .footer_droit{
 	font-size: 80%;
 	margin-top:40px;
    text-align: center;
 }

.footer2{
	background: silver;
	padding: 5px;
	border-radius: 6px;
}

 footer div div a{
 	text-decoration: none;
 	margin-right: 8px;

 }