*{
	outline:0px solid red;
	
	header {
			.barreNAVResp  {
				display:none;
			}

			.textelogoResp {
				display:none;
			}
			.menuresp{
				display: none;
			}
		}
	
}




@media screen and (max-width: 1439px) {

	body {
										header {
											position: sticky;
											top: 0;
											z-index: 2147483647;
											display:flex;
											align-items: center;
											justify-content: space-between;
											
											.barreNAVResp {
												display: flex;
												justify-content: center;
												align-items: center;
												background-color: #46512A;
												width: 49px;
												height: 49px;
												margin-right: 27px;
												cursor: pointer;
												border-radius: 5px;
											}
											
											.menuresp {
												display: none;
												flex-direction: column;
												background-color: white;
												position: absolute;
												top: 60px;
												right: 27px;
												padding: 10px;
												box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
												border-radius: 5px;
												background-color: #46512A;
											}
											
											.menuresp a {
												text-decoration: none;
												color:#FFF5E5;
												padding: 8px 12px;
												display: block;
											}
											
											.menuresp a:hover {
												background-color: #9A5F20;
											}
											
											.menuresp.show {
												display: flex;
											}
										.barreNAV{
											display:none;
										}
										.textelogoResp{
											display:block;
										}
										.textelogo{
											display:none;
										}
										.imagelogo{
											margin-top:0px;
											margin-left:11px;
										}
									}
		.acceuil {
					.Premier {
						text-align: center;
						height: 270px;

						.descend{
							padding-top: 10%;
							height: 270px;
						}
					}
								.Deuxieme {
									.Ligne{
										display: inline-block;
									

										.Gauche{
												padding-top: 10%;
												text-align: center;
										img{
												height: 30%
											}
										}
										.Droite {
											margin-top: 10%;
											text-align: center;
											background-color: #46512A;
											margin-right: 10%;
											margin-bottom: 151px;
											padding-right: 0%;
											padding-left: 0%;
											padding-bottom: 49px;
											margin-left: 10%;
										}
								}	
							}
								.Troisieme {
								text-align: center;
								}
			.Quatrieme {
				.Slider {
					margin-left: 5%;
					margin-right: 5%;
					margin-top: 35px;
					display: flex;
				}
				.Bouton {
					margin-top: 41px;
					border-radius: 15px;
					margin-right: 15%;
					margin-left: 15%;
					padding: 20px;
					text-align: center;
					background-color: #9A5F20;
				}
			}
			
						.Cinquieme {
							.Ensemble {
								display: flex;
								padding-top: 51px;
								padding-bottom: 78px;
								justify-content: center;
							
							.Image {
								text-align: center;
								height: 330px;
								width: 330px;
								img{
										height: 100%;
										width: 100%;
								}
							}
							.Texte {
								padding-left: 0px; 
								padding-right: 0px; 
								background-color: #091606;
								color: white;
								width: 439px;
								.Titre {
									font-family: Shrikhand;
									font-size: 20px;
									color: #FFF5E5;
									text-align: center;
									padding-top: 87px;
									line-height: normal;
								}
								.Bouton {
									text-align: center;
									background-color: #9A5F20;
									margin-right: 10%;
									margin-left: 10%;
									padding: 20px;
									border-radius: 10px;
								}
							}
							}
						}
					}


		.apropos{

						.Interieur {
							.info {
								text-align: center;
								margin-left: 0px; 
								display: inline-block;
							}
						}
						.Bas{
							.Donne{

							.Ensemble{	display: flex;
								padding-top: 51px;
								padding-bottom: 78px;
								justify-content: center;
							
							.Image {
								text-align: center;
								height: 330px;
								width: 330px;
								img{
										height: 100%;
										width: 100%;
								}
							}
							.Texte {
								padding-left: 0px; 
								padding-right: 0px; 
								background-color: #091606;
								color: white;
								width: 439px;
								.Titre {
									font-family: Shrikhand;
									font-size: 20px;
									color: #FFF5E5;
									text-align: center;
									padding-top: 87px;
									line-height: normal;
								}
								.Bouton {
									text-align: center;
									background-color: #9A5F20;
									margin-right: 15%;
									margin-left: 15%;
									padding: 20px;
									border-radius: 10px;
								}
							}
							}
						}
						}

					}			
					.Contact{
						.Interieur {
        					.info {
 								margin-left: 0px;
        						}
   							 }
						}



						.Biodiversite{

							.Interieur{
								.info{
									.un {
										text-align: center;
										display: flex;
										flex-direction: column-reverse;
										.Gauche {
											margin-top: 36px;
											margin-left: 0px;
											margin-right: 0px;
										}
										.Millieu {
                							    margin-top: 36px;
												margin-left: 0px;
												margin-right: 0px;
                							}		
									}
									.deux {
										text-align: center;
										display: flex;
										flex-direction: column;
										.Gauche {
											margin-left: 0px;
											margin-right: 0px;
										}
										.Millieu {
                							    margin-top: 36px;
												margin-left: 0px;
												margin-right: 0px;
                							}
										.Droite {
												margin-right: 0px;
												margin-top: 36px;
										}		
									}
									.trois {
										text-align: center;
										display: flex;
										flex-direction: column-reverse;
										.Gauche {
											margin-top: 36px;
											margin-left: 0px;
											margin-right: 0px;
										}
										.Millieu {
                							    margin-top: 36px;
												margin-left: 0px;
												margin-right: 0px;
                							}
									}
									.quatre {
										text-align: center;
										display: flex;
										flex-direction: column;
										.Gauche {
											margin-left: 0px;
											margin-right: 0px;
										}
										.Millieu {
                							    margin-top: 36px;
												margin-left: 0px;
												margin-right: 0px;
                							}
										.Droite {
												margin-right: 0px;
												margin-top: 36px;
												div{
													margin-left: 2%;
													margin-right: 2%;
													img{
														margin: 2%;
														width: 100%;
													}
												}
										}		
									}
									.cinq {
										text-align: center;
										display: flex;
										flex-direction: column-reverse;
										.Gauche {
											margin-left: 0%;
											margin-right: 0%;
											margin-top: 36px;
											.orchi{
												padding-top: 20%;
											}
											div{
												margin-left: 2%;
													margin-right: 2%;
												img{
													margin: 2%;
													width: 100%;
												}
											}
										}
										.Millieu {
                							    margin-top: 36px;
												margin-left: 0px;
												margin-right: 0px;
                							}
									}
								}
							}



							.Bas{
								.Donne{
	
								.Ensemble{	display: flex;
									padding-top: 0px;
									padding-bottom: 78px;
									justify-content: center;
								
								.Image {
									text-align: center;
									height: 330px;
									width: 330px;
									img{
											height: 100%;
											width: 100%;
									}
								}
								.Texte {
									padding-left: 0px; 
									padding-right: 0px; 
									background-color: #091606;
									color: white;
									width: 439px;
									.Titre {
										font-family: Shrikhand;
										font-size: 20px;
										color: #FFF5E5;
										text-align: center;
										padding-top: 87px;
										line-height: normal;
									}
									.Bouton {
										text-align: center;
										background-color: #9A5F20;
										margin-right: 0px;
										margin-left: 0px;
										padding: 20px;
										border-radius: 10px;
									}
								}
								}
							}
							}
						}

						.Pagedecontenu {
							.info {
								.Content {
									text-align: center;
									width: 100%;
									display: inline-block;
									padding-bottom: 124px;
									.Gauche {
					
										margin-left: 0%;
										margin-right: 0%;
										display: flex;
										width: 100%;
										flex-direction: column;
										img{
											width: 100%;
										}
									}
									.Droite {
										margin-right: 0px;
										margin-left: 0px;
										background: #64743C;
										width: 100%;
										height: 450px;
										p{
										  margin-left: 0px;
										}
									}
								}
							}
							.Bas{
								.Image52 {
									text-align: center;
									.image1 {
										text-align: center;
										display: inline-block;
										margin-right: 0px;
										margin-left: 0px;
										div{
											margin-left: 0%;
										}
									}
									.image2 {
										margin-top: 30px;
										margin-right: 0px;
										margin-bottom: 30px;
										margin-left: 0px;
										img{
											width: 100%;
										}
									}
									.image2-1{
										margin-top: 30px;
										margin-bottom:30px;
										text-align: center;
										display: inline-block;
										margin-right: 0px;
										margin-left: 0px;
										

										div{
											margin-left: 0%;
										}
										.paysage{
											img{
												width: 100%;
											}
										}
										
									}
									.image3 {
										text-align: center;
										display: inline-block;
										margin-right: 0px;
										margin-left: 0px;
										div{
											margin-left: 0%;
										}
									}
								}
								
								.Cinquieme {
									.Ensemble{	display: flex;
								padding-top: 51px;
								padding-bottom: 78px;
								justify-content: center;
							
							.Image {
								text-align: center;
								height: 330px;
								width: 330px;
								img{
										height: 100%;
										width: 100%;
								}
							}
							.Texte {
								padding-left: 0px; 
								padding-right: 0px; 
								background-color: #091606;
								color: white;
								width: 439px;
								.Titre {
									font-family: Shrikhand;
									font-size: 20px;
									color: #FFF5E5;
									text-align: center;
									padding-top: 87px;
									line-height: normal;
								}
								.Bouton {
									text-align: center;
									background-color: #9A5F20;
									margin-right: 15%;
									margin-left: 15%;
									padding: 20px;
									border-radius: 10px;
								}
							}
							}
								}
							}
						}

					
							footer {
								.footer{
									display: inline-block;
									.imagelogo {
										text-align: center;
										padding-left: 0px;
										padding-top: 46px;
									}
									.textelogo {
										text-align: center;
										padding-left: 0px;
										padding-top: 76px;
									}
									.Millieu {
										margin-left: 0px;
										text-align: center;
										margin-top: 58px;
										.VinQuatre {
											font-family: Shrikhand;
											font-size: 20px;
										}
									}
									.Droite {
										margin-top: 60px;
										 margin-left: 0px;
										margin-bottom: 88px;

										.Mail {
											text-align: center;
											font-family: Shrikhand;
											font-size: 16px;
										}
										.Boutons{
											padding-bottom: 2%;
											padding-top: 2%;
										}
									}
								}
				}

	}
}


@media screen and (max-width: 767px) {
	body {

		header {
			position: sticky;
			top: 0;
			z-index: 2147483647;
			.barreNAVResp  {
				margin-right:0px;
			}

			.imagelogo{
				margin-left:0px;
			}
		}

		.acceuil{
			.Premier{
				height: 200px;
				background-size: 200%;
				
				h2{
					font-size: 20px;
				}
				.descend{
					padding-top: 5%;
					height: 200px;
				}
			}
			.Deuxieme{
				.Ligne{
					width: auto;
					.Gauche{
						margin-left: 5%;
						margin-right: 5%;
					}
					.Millieu{
						margin-left: 5%;
						margin-right: 5%;
						.Boutons{
							margin-left: 0px;
							margin-right: 0px;
						}
					}
					.Droite{
						margin-left: 5%;
						margin-right: 5%;
					}
				}
			}
			.Cinquieme{
				.Ensemble{
					width: auto;
					display: inline-block;
					.image{
						width: auto;
						margin-right: 5%;
						margin-left: 5%;
					}
					.Texte{
						height: 400px;
						width: auto;
						margin-right: 5%;
						margin-left: 5%;
					}
				}
			}
		}

		.apropos{
			.Bas{
				.Donne{
					.Ensemble{
						margin-right: 0px;
						margin-left: 0px;
						width: auto;
						display: inline-block;
						.image{
							width: auto;
							margin-right: 5%;
							margin-left: 5%;
						}
						.Texte{
							height: 400px;
							width: auto;
							margin-right: 5%;
							margin-left: 5%;
						}
					}
				}
			}
		}


		.Biodiversite{
			.Interieur{
				.Info{
					margin-right: 5%;
					margin-left: 5%;
					.un{
						img{
							width: 100%;
						}
					}
					.deux{
						img{
							width: 100%;
						}
					}
					.trois{
						img{
							width: 100%;
						}
					}
					.quatre{
						img{
							width: 100%;
						}
					}
					.cinq{
						img{
							width: 100%;
						}
					}
				}
			}
			.Bas{
				.Donne{
					.Ensemble{
						margin-right: 0px;
						margin-left: 0px;
						width: auto;
						display: inline-block;
						.image{
							width: auto;
							margin-right: 5%;
							margin-left: 5%;
						}
						.Texte{
							height: 400px;
							width: auto;
							margin-right: 5%;
							margin-left: 5%;
						}
					}
				}
			}
		}

		.Contact{
			.Interieur{
				.info{
					display: inline-block;
					text-align: center;
					.Gauche{
						margin-right: 0px;
						img{
							width: 100%;
						}
					}
				}
			}
		}
		
		.Pagedecontenu{

			.info{
				.Content{
					width: auto;
					.Gauche{
						img{
							width: 100%;
						}
					}
					.Droite{
						width: 100%;
						height: auto;
						margin-right: 0%;
						margin-left: 0%;
					}
				}
			}

			.Bas{
				.Image52{
					width: auto;
					.image1{
						width: 100%;
						margin-left: 0px;
						margin-right: 0px;
						div{
							margin-left: 0px;
							img{
								
								width: 100%;
							}
						}
					}
					.image2-1{
						width: 100%;
						margin-left: 0px;
						margin-right: 0px;
						div{
							margin-left: 0px;
							img{
								
								width: 100%;
							}
						}
					}
					.image3{
						width: 100%;
						margin-left: 0px;
						margin-right: 0px;
						div{
							margin-left: 0px;
							img{
								
								width: 100%;
							}
						}
					}
				}

				.Cinquieme{
					.Ensemble{
						margin-left: 0px;
						margin-right: 0px;
						width: auto;
						display: inline-block;
						.image{
							width: auto;
							margin-right: 2%;
							margin-left: 2%;
						}
						.Texte{
							height: 400px;
							width: auto;
							margin-right: 2%;
							margin-left: 2%;
						}
					}
				}
			}
		}	

		footer{
			.footer{
				display: inline-block;
				.imagelogo{
					text-align: center;
				}
				.textelogo{
					text-align: center;
				}
				.Droite{
					.Mail{
						text-align: center;
					}
				}
			}
		}
	}
}