/*-----------Grand écran-----------------------------------*/

@media all and ( min-width : 1024px ) and (max-width: 2000px){
	body{
	width: auto;
	height: 100%; 
 }
 
 
header{
/*	display: flex; */
   }
  
.navheader{ /* NAV DU HEADER */
	display: flex;
	flex-wrap: wrap;
  margin-left: 35%;

   }
  
   .img3{
  margin-left: 15px;
  width: 50%;
  border-radius: 10px;}
  
  section article img{
	margin-left: 38%;
    }
    
    .liens_sociaux{
margin-left: 38%;
}
  
  header div div a{

    font-size: 145%;
  }
  
   .div_footer{
 	display: flex;
 	margin: 3%;
 }
  
  .section1{
	display: flex;
 }
  
   footer{
     display: flex;}

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

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

}

/*------------------Moyen écran----------------------------*/

@media all and ( min-width : 701px ) and (max-width: 1023px){
body{
 width: auto;
 height: 100%;
  }
    
header{
/*  display: flex; */
  }
  
  .navheader{ /* NAV DU HEADER */
    display: flex;
    margin-left: 30%;
  }
  
   .img3{
  margin-left:10px;
  width: 50%;
     border-radius: 10px;
  }
  
  section article img{
	margin-left: 23%;}
    
    .liens_sociaux{
margin-left: 38%;
}
  
  header div div a{

    font-size: 135%;
  }
  
  .section1{
	display: flex;
}
   footer{
     display: flex;
  }
  
   .div_footer{
 	display: flex;
 	margin: 3%;
 }

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

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

/*-------------------------Petit écran--------------------*/

@media all and ( max-width : 700px ){
  
 body{
	width: auto;
	height: 100%;
  }

  header div div a{

    font-size: 90%;
  }

header{
  display: flex;
  flex-wrap: wrap;
  }
  
  section article img{
	margin-left: 30%; }

 .img3{
  margin-left: 20% ;
  width: 60%;
  border-radius: 10px;
 
 } 
  
.navheader{
  margin-left: 10%;
  }

  .liens_sociaux{
margin-left: 30%;
}   
  
  .div_footer{
 	margin: 3%;
 }

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

 .footer_droit{
 	font-size: 80%;
 	margin-top:40px;
    margin-left: 15%;
  }
  
  .footer2_a{
  margin-left: 25%;
  }
  
  
}

/* ----------------------------Générale------------------------------------------*/

p{
	font-family: calibri;
}
 /* HEADER */

 .banniere{
 	width: 100%;
   height: auto;
 	margin-bottom:0% ;
 }
 
.slogan{
	display: flex;
	flex-wrap: wrap;
	margin-left: 30%;
	width: 50%;
}



header{
	/* display: flex;
	flex-wrap: wrap; */
	box-shadow: 0 0 4px 4px gray;
	border-radius: 8px;
	padding-left: 1%;
	margin: 1%;
	width: 99%;
}
 .logo{

 }
 
/*bande de jour */

.bande-accueil{
	/*background-image: url('./bande_jour.png');*/
	background: lavenderblush;
    border-radius: 10px;
	width: auto;
	height: 100px;
	text-align: center;
    color: LightSlateGray;
	font-size: 100%;
} 

.navheader{ /* NAV DU HEADER */
	display: flex;
/*	flex-wrap: wrap;  */
	/*margin-right: 5%;
	margin-left: 30%; */ 
}
	

header div div a{
	margin: 10px; 
	text-decoration: none;
	color: midnightblue;

}



 a:hover{
 	text-decoration: underline;
 	color: red;

}


 main{
 border-radius: 10px;
 height: 100%;

 }

 footer{
 /*	display: flex; */
 	border-radius: 10px;
 	box-shadow: 0 0 4px 4px gray;

 }
/*
 .img3{
  margin-left:15px;
  width: 50%;
  border-radius: 10px;
 
 }  */

 
 /* MAIN  LES SECTIONS*/
/*
.section1{
	display: flex;
}

*/
.droite{
	background-image: url("./fleur.jpg"); 
	margin-bottom: 8px;
	border-radius: 8px;
	padding-left: 5%;
	padding-right: 5%;
}
/* SECTION DROITE */

section article img{
/* margin-left: 38%; */
	border-radius: 8px;
	box-shadow: 0 0 8px 4px gray;
}

/*
.liens_sociaux{
margin-left: 42%;
} 
*/


main section section a{
	margin-right: 4%;
}

article{
	margin: 3%;
}

 div article h3{
 	text-align: center;
 }

 /* FOOTER*/
/*
 .div_footer{
 	display: flex;
 	margin: 3%;
 }

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

 .footer_droit{
 	font-size: 80%;
 	margin-top:40px;
 }
*/

.footer2{
	background: silver;
	padding: 5px;
}

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

 }

 .p_centre , .footer2_a{
 	font-size: 80%;
 }