body{
	margin: 0px;
    padding: 0vw 7vw;
	overflow-x:hidden ;
	overflow-y: scroll;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  	font-weight: 300;
  	font-style: normal;
    background-color: rgb(300, 300, 300);
}







/****************************************************************************/
/*******************************************************************************/
/******************************************************/


.img-head{
	height: 8vw;
	width: 8vw;
	top: -2vw;
    left: 1vw;
	position: absolute;
	z-index: 1050;
}

/*******************************************************************************/
/******************************************************/


/******************************************************/
.div-menu2{
	position: absolute;
    top:2vw;
    left: 20vw;
    z-index: 120;
	font-family: garamond;
}


.div-menu2 .ul-menu2 {
	display: flex;
    /* border: 2PX solid red; */
    padding-right: 1vw;

	
}

.div-menu2 .ul-menu2 li{
	margin-right: 2vw;
    list-style: none;
    width: max-content;
	
}


				.div-menu2 .ul-menu2 li a{
					text-decoration: none;
					color: white;
					transition: all 0.4s ease-in-out;
					
				}


				.div-menu2 .ul-menu2 .li-envi a{
					position: relative;
					top: 0vw;
					color: rgb(78, 78, 78);
					padding: 0.3vw 1vw 0.8vw 1vw;
					/* transition: all 0.5s ease-in-out; */
					box-shadow: 0.08vw 0.08vw 0.2vw rgb(130, 130, 130);
					background-color: rgb(255, 255, 255);

				}


				.div-menu2 .ul-menu2 .li-envi:hover a{
					color: rgb(17, 209, 17);
					padding-bottom: 1vw;
					border-bottom: 2px solid rgb(17, 209, 17);
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
					background-color: transparent;
					box-shadow: none;
				  
				  }
				




											.div-menu2 ul li:hover a {
												color: rgb(17, 209, 17);
												padding-bottom: 1vw;
												border-bottom: 2px solid rgb(17, 209, 17);
												font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
											
											}


		.day{
			display: none;
		}

		#closeMenuAgric{
			display: none;
		}
		
		#check3{
			display:none ;
			position: absolute;
			left: 90vw;
			
			
		}

		#check4{
			
			display: none;
			
		}




		/***************************************************/
/***************************************************/
.div-search{
	z-index: 700;
	position: absolute;
	left: 67vw;
	top: 1vw;

}

/*******************************************************************************/
/******************************************************/

.lien-sociaux{
	top: 18vw;
	right: 2vw;
	
}

.img-head3 {
	height: 5vw;
	width: 5vw;
	position: absolute;
	top: 15vw;
	right: 0.3vw;
	z-index: 650;
	padding: 3vww;
	background-color: white;
	border-radius: 50%;
	opacity: 0;
  
	animation-name: slowDown2;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-delay: 0.1s;
  }
  
  @keyframes slowDown2 {
	0% {
	  top: 15vw;
	}
  
	10% {
	  top: 16vw;
	  opacity: 1;
	}
  
	20% {
	  top: 17vw;
	}
  
	30% {
	  top: 18vw;
	  opacity: 1;
	}
  
	40% {
	  top: 19vw;
	}
  
	45% {
	  top: 20vw;
	  opacity: 1;
	}
  
	50% {
	  top: 21vw;
	  opacity: 1;
	}
  
	55% {
	  top: 22vw;
	}
  
	60% {
	  top: 23vw;
	  opacity: 1;
	}
  
	65% {
	  top: 24vw;
	}
  
	70% {
	  top: 25vw;
	  opacity: 1;
	}
  
	
	
  }
/*******************************************************************************/
/******************************************************/

.div-img-ag{
	position: relative;
	top: -4vw;
	margin-top: 0vw;
	height: 50vw;
	overflow: hidden;
	z-index: 30;
	filter: brightness(25%);
	            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);


}

			.img-ag{
				position: relative;
				top: -40vw;
				height: 130vw;
				width: 100%;
				z-index: 50;
			}

	
			.blur-ag{
				
				position: absolute;
				height: 50vw;
				width:100%;
				top: 0vw;
				z-index: 100;
/* 
										background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
										background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
										background: -o-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
										background: linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
										 */
			}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/

.all{
	background-color: white;
	position: relative;
	top: -20vw;
	left: 2vw;
	width: 95%;
	z-index: 110;
}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-1{
	margin-top: 2vw;
	/* overflow:hidden ; */
	position: relative;
	border: 1px solid rgb(177, 177, 177);
	height: 50vw;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;



	 /* background: linear-gradient( 180deg, white 40%,  rgb(17, 110, 55) 
    ); */

}






		.bull-1{
			position: absolute;
			border-radius: 10px;
			overflow: hidden;
			height: 40vw;
			top: 4vw;
			overflow: hidden;
			

		}

			


					.h2-bull-1{
						position: relative;
						left: 4vw;
						top: 5vw;
						font-size: 3.1vw;
						color: rgb(255, 255, 255);
						font-weight: 800;
						z-index: 200;
						font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


						
					}

					.p-bull-1{
						position: relative;
						line-height: 1.6vw;
						top: 21vw;
						left: 5vw;
						word-spacing: 0.1vw;
						letter-spacing: 0.1vw;
						font-size: 1vw;
						width: 40%;
						color: rgb(255, 255, 255);
						z-index: 200;
						font-style: italic;
						font-weight: 200;
						font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;


						/* animation-name: anime-envi1;
						animation-duration: 4s;
						animation-timing-function: ease;
						animation-delay: 0.1s;
						animation-direction: alternate; */
						
					}
	
	
	
					
									/***********************************************************************************************************/
	
						






					.img-bull-1{
						height: 38vw;
						width: 50vw;
						padding-left: 1vw;
						padding-top: 1vw;
						border-radius: 10px;
						z-index: 50;
						position: relative;
						top: 4vw;

						
						
					}



					.blur2-ag{
						display:block ;
						position: absolute;
						height: 38vw;
						width:50vw;
						top: 1vw;
						left: 1vw;
						z-index: 90;
						overflow: hidden;
		
												background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
												background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
												background: -o-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
												background: linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
												
					}




		.ul-bull-1{
			position: absolute;
			left: 51vw;
			width: 30%;
			top: 1vw;
		}
		/**********************************************************************************************************/


					.ul-bull-1 li{
						position: relative;
						left: 1vw;
						font-size: 1.2vw;
						line-height: 2.3vw;
						width: 95%;
						list-style: none;

						margin-bottom: 0.5vw;
						border-radius: 20px;
						padding: 0.3vw 0 0 1vw;
			            box-shadow: 0.1vw 0.1vw 0.2vw rgb(187, 185, 185), -0.1vw -0.1vw 0.2vw rgb(185, 182, 182);



						/* animation-name: anime-envi1-ul;
						animation-duration: 4s;
						animation-timing-function: ease-in-out;
						animation-delay: 0.1s;
						animation-direction: alternate; */
						
					}
			
			
			
					
			
									/* @keyframes anime-envi1-ul{
										from{
											position: relative;
											left: 100vw;
			
										}
										
										to{
											position: relative;
											left: 1vw;
										}
									
									}
			
								@-webkit-keyframes anime-envi1-ul{
									from{
										position: relative;
										left: 100vw;
			
									}
									
									to{
										position: relative;
										left: 1vw;
									}
									
										
								}	
								@-moz-keyframes anime-envi1-ul{
									from{
										position: relative;
										left: 150vw;
			
									}
									
									to{
										position: relative;
										left: 1vw;
									}
										
										
								}	
								@-o-keyframes anime-envi1{
									from{
										position: relative;
										left: 100vw;
			
									}
									
									to{
										position: relative;
										left: 1vw;
									}
								} */
									

						.sp-RA{
							color: rgb(17, 239, 132);
							font-weight: 700;
						}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-2{
	position: relative;
	background-color: rgb(17, 110, 55);
	width: 105%;
	padding: 3vw 0vw 8vw 2vw;
	margin-left: -3vw;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

	z-index: 10;


	            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);




	
}

		.bull-2{
			position: relative;
			width: 50vw;
			height: 40vw;
			left: 3vw;
			border-radius: 10px;
		}
				.h2-bull-2{
					    margin-left: 2vw;
						padding-top: 3vw;
						font-size: 3.1vw;
						font-weight: 800;
						color: white;
						font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
				}

				.p-bull-2{
					line-height:2.1vw ;
					font-size: 1.2vw;
					word-spacing: 0.1vw;
					letter-spacing: 0.1vw;
					margin-left: 3vw;
					margin-right: 3vw;
					margin-top: 2vw;
					padding-left: 3vw;
					padding-top: 3vw;
					padding-bottom: 3vw;
					border-left: 6px solid white;
					color: white;
					/* border-radius: 10px; */

				}


				.bull-contain{
					border: 1px solid black;
					position: absolute;
					top: 17vw;
					left: 60vw;
					width: 30vw;
					overflow: hidden;
					box-shadow: 0.1vw 0.1vw 0.3vw rgb(104, 100, 100), -0.1vw -0.1vw 0.3vw rgb(91, 89, 89);
				} 


				.double-bull-contain{
					position: relative;
					left: 0;
					display: flex;
					height: 100%;
					width: 330%;
					background-color: white;
					transition: all 0.3s ease-in-out;


					animation:  bullContain 40s ease-in-out 3s infinite;
					
					
				}

				@keyframes bullContain{
					0%{
						left: 0vw;
					}

					10%{
						left: 0vw;
					}

					20%{
						left: -105%;
					}

					30%{
						left: -105%;
					}

					40%{
						left: -105%;
					}

					50%{
						left: -105%;
					}

					60%{
						left: -210%;
					}

					70%{
						left: -210%;
					}

					80%{
						left: -105%;
					}

					90%{
						left: -105%;
					}

					100%{
						left: 0;
					}
				}


				.div-ul-1{
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;

				}

						.p-ul-1{
							width: 17vw;
							text-align: center;
							font-size: 1vw;
							font-weight: 300;
						}

						.img-ul-1{
							height: 13vw;
							width: 15vw;
							position: relative;
							left: 1vw;
							border-radius: 20px;
							transition: all 0.3s ease-in-out;
						}

						  .img-ul-1:hover{
							transform: scale(1.05) rotate(-2deg);
							border: 2px solid rgb(148, 147, 147);
						  }

				
				.div-ul-2{
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;
				}		

						.p-ul-2{
							width: 17vw;
							text-align: center;
							font-size: 1vw;
							font-weight: 300;						}

						.img-ul-2{
							height: 13vw;
							width: 15vw;
							position: relative;
							border-radius: 20px;
							left: 1vw;
							transition: all 0.3s ease-in-out;

						}

								.img-ul-2:hover{
									transform: scale(1.05) rotate(2deg);
									border: 2px solid rgb(148, 147, 147);
								}

				.div-ul-3{
					position: relative;
					left: 1vw;
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;
				}

						.p-ul-3{
							width: 25vw;
							text-align: center;
							font-size: 1vw;
							font-weight: 300;							
						}

						.img-ul-3{
							height: 15vw;
							width: 15vw;
							position: relative;
							border-radius: 20px;
							left: 4vw;
							transition: all 0.3s ease-in-out;

						}

						.img-ul-3:hover{
							transform: scale(1.05) rotate(0deg);
							border: 2px solid rgb(148, 147, 147);
						  }
/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-3{
	position: relative;
	height: 50vw;
	margin-top: -1vw;
	padding: 2vw 0vw 20vw 0vw;

	border: 1px solid rgb(96, 95, 95);
	
}


				.bull-3{
					position: absolute;
					border-radius: 10px;

				}
							.h2-bull-3{
								position: relative;
								left: 6vw;
								top: 1vw;
								font-size: 3.1vw;
								color: rgb(0, 0, 0);
								font-weight: 800;
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


							}

							.p-bull-3{
								position: relative;
								left: 10vw;
								line-height: 2vw;
								top: 4vw;
								word-spacing: 0.1vw;
								letter-spacing: 0.1vw;
								font-size: 1.2vw;
								width: 40%;
								color: rgb(79, 79, 79);
								border-left: 6px solid rgba(0, 0, 0, 0.389);
								/* border-radius: 10px; */
								padding-left: 2vw;
								padding-top: 2vw;
								padding-bottom: 2vw;
								transition: all 0.5s ease-in-out;
	
							}

										.p-bull-3:hover{
											transform: scale(1.05) rotate(0deg);
											left: 13vw;
											box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;
											border-left: none;
											padding: 2vw 2vw;
											z-index: 600;
										}

							.img-bull-3{
								position: absolute;
								height: 35vw;
								width: 28vw;
								left: 45vw;
								top: 0vw;
								border-radius: 10px;
							}


							.h3-bull-3{
								position: relative;
								top: 33vw;
								font-size: 2vw;
								left: 8vw;
								background-color: rgba(0, 0, 0, 0.389);
								color: white;
								width: 65vw;
								text-align: center;
								padding-top: 1vw;
								padding-bottom: 1vw;
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;


							}


							.h4-bull-3{
								position: relative;
								top: 38vw;
								left: 42vw;
								font-size: 1.7vw;
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

							}


							
							.h4-bull2-3{
								position: relative;
								top: 33.5vw;
								left: 5vw;
								font-size: 1.7vw;
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

							}


													.ul-bull-3{
														position: absolute;
														left: 42vw;
														width: 39%;
														top:55vw ;
														transition: all 0.3s ease-in-out;
														
														z-index: 20;
													
														

													}


																.ul-bull-3:hover{
																	transform: scale(1.05) rotate(0deg);
																	background-color: rgba(0, 0, 0, 0.389);
																	color: white;
																	box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;
																	border-left: none;
																	padding: 2vw 2vw;
																	top: 54vw;
																	
																}


													.ul2-bull-3{
														position: absolute;
														left: 5vw;
														width: 39%;
														top:55vw ;
														transition: all 0.3s ease-in-out;


													}


																.ul2-bull-3:hover{
																	transform: scale(1.05) rotate(0deg);
																	background-color: rgba(0, 0, 0, 0.389);
																	color: white;
																	box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;
																	border-left: none;
																	padding: 2vw 2vw;
																	top: 54vw;
																	
																}




																.ul-bull-3 li{
																	font-size: 1.1vw;
																	font-weight: 300;
																	line-height: 2vw;
																	list-style: url(../PIC/next.png);

																}


																.ul2-bull-3 li{
																	font-size: 1.1vw;
																	font-weight: 300;
																	line-height: 2vw;
																	list-style: url(../PIC/next.png);

																}

									.sp-RA{
										color: rgb(17, 239, 132);
										font-weight: 700;
									}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-4{
	position: relative;
	width: 105%;
	margin-left: -2vw;
	margin-top: -1vw;
	height: 75vw;
	background-color: #93FFC5;

	z-index: 10;
	            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);

							
}


				.bull-4{
					position: relative;
					padding-top: 3vw;
					width: 40vw;
					height: 40vw;
					left: 10vw;
					backdrop-filter: blur(10px);
				}
						.h2-bull-4{
							position: relative;
							left: 9vw;
								width: 80vw;
								padding-top: 3vw;
								font-size: 3.1vw;
								font-weight: 800;
								color: rgb(17, 110, 55);
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

						}

						.p-bull-4{
							position: relative;
							left: 15vw;
							line-height:2.3vw ;
							font-size: 1.2vw;
							word-spacing: 0.1vw;
							letter-spacing: 0.1vw;
							margin-top: 3vw;
							padding-left: 3vw;
							border-left: 6px solid rgb(17, 110, 55);
							/* border-radius: 10px; */
							color: rgb(34, 34, 34);
							padding-top: 2vw;
							padding-bottom: 2vw

						}





						.div-body-1{
							display: ;
							position:relative;
							top: -11.7vw;
							left: -8vw;
							height: 25vw;
							width:;
							border-left:26vw solid rgb(2, 128, 67);
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							margin-bottom: 0vw;
							margin-left: 10vw;
							
						}

											.div-ul-4{
												position: absolute;
												left: 3vw;
												top: 35vw;
												font-weight: 700;
												border-radius: 10px;
												
											}

													.p-ul-4{
														position: relative;
														width: 17vw;
														text-align: center;
														left: 4.5vw;
														top: 2vw;
														color: rgb(255, 255, 255);
														font-size: 1.06vw;
													}

													.img-ul-4{
														height: 12vw;
														width: 23vw;
														position: relative;
														left: 0.5vw;
														border: 2px solid white;
														transform: scale(1.05) rotate(4deg);
														border-radius: 20px;


													}

															



						.div-body-2{
							display: ;
							position:absolute;
							top: 31.3vw;
							left: 29vw;
							height: 25vw;
							width:;
							border-right:26vw solid rgb(2, 128, 67) ;
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							margin-bottom: 0vw;
			
							
						}

												.div-ul-5{
													position: absolute;
													left: 30vw;
													top: 35.5vw;
													font-weight: 700;
													border-radius: 10px;
													
												}	
												

														.p-ul-5{
															position: relative;
															width: 17vw;
															text-align: center;
															margin-top: 0.05vw;
															left: 3.6vw;
															top: 2vw;
															color: rgb(255, 255, 255);
															font-size: 1.06vw;
														}

														.img-ul-5{
															height: 12vw;
															width: 23vw;
															position: relative;
															left: 0.4vw;
															border: 2px solid white;
															transform: scale(1.05) ;
																border: 2px solid white;
																border-radius: 20px;
														}

															.img-ul-5:hover{
																
															}

						.div-body-3{
							display: ;
							position:absolute;
							top: 31.3vw;
							left: 56vw;
							height: 25vw;
							width:5vw;
							border-left:27vw solid rgb(2, 128, 67) ;
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							
			
							
						}
						

														.div-ul-6{
															position: absolute;
															left: 57vw;
															font-weight: 700;
															top: 35.5vw;
															border-radius: 10px;
															width: 25vw;
															
														}


																.p-ul-6{
																	position: relative;
																	width: 25vw;
																	top: 1vw;
																	text-align: center;
																	color: rgb(255, 255, 255);
																	font-size: 1.06vw;
																	
																}

																.img-ul-6{
																	height: 12vw;
																	width: 23vw;
																	position: relative;
																	left: 1vw;
																	border: 2px solid white;
																	transform: scale(1.05) rotate(-2deg);
																		border: 2px solid white;
																		border-radius: 20px;
																}

																	.img-ul-6:hover{
																		
																	}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-5{
	position: relative;
	height: 50vw;
	margin-top: -1vw;
	border: 1px solid rgb(130, 127, 127);
	z-index: 5;
	
}


			.bull-5{
				position: absolute;
				border-radius: 10px;

			}
						.h2-bull-5{
							margin-left: 3vw;
							position: relative;
							margin-top: 8vw;
							font-size: 3.1vw;
							color: rgb(62, 62, 62);
							font-weight: 800;
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;



						}

						.p-bull-5{
							position: relative;
							left: 7vw;
							line-height: 2vw;
							margin-top: 0vw;
							word-spacing: 0.1vw;
							letter-spacing: 0.1vw;
							font-size: 1.2vw;
							width: 40%;
							color: rgb(0, 0, 0);
							border-left: 6px solid  rgb(91, 89, 89);
							border-radius: 10px;
							padding-left: 2vw;
							margin-top: 6vw;

						}

						.img-bull-5{
							height: 38vw;
							width: 50vw;
							padding-left: 1vw;
							padding-top: 1vw;
							border-radius: 10px;
						}

				.ul-bull-5{
					position: relative;
					left: 48vw;
					top: 12vw;
					width: 30%;
					margin-bottom: 5vw;

				}


							.ul-bull-5 li{
								font-size: 1vw;
								color: rgb(0, 0, 0);
								line-height: 1.5vw;
								margin-bottom: 1vw;
								padding: 1vw;
								margin-left: 4vw;
								border-radius: 50px;
								            box-shadow: 0.1vw 0.1vw 0.4vw rgb(187, 185, 185), -0.1vw -0.1vw 0.4vw rgb(185, 182, 182);

								list-style:none;

							}

								.sp-RA{
									color: rgb(17, 239, 132);
									font-weight: 700;
								}

/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-6{

	margin-top: -2.6vw;
	width: 105%;
	margin-left: -2vw;
	background-color: rgb(17, 110, 55);

	z-index: 15;

	            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);

							/* background: -moz-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
							background: -webkit-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
							background: -o-linear-gradient(from top, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
							background: linear-gradient(to bottom, RGBa(000, 000, 000, 0.8), RGBa(000, 000, 000, 0.2));
	 */
}



			.bull-6{
				position: relative;
				width: 50vw;
				height: 40vw;
				left: 3vw;
				border-radius: 10px;
				z-index: 15;
			}
					.h2-bull-6{
							margin-left: 2vw;
							padding-top: 8vw;
							font-size: 3.1vw;
							font-weight: 800;
							color: rgb(255, 255, 255);
							font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
					}

					.p-bull-6{
						line-height:2vw ;
						font-size: 1.2vw;
						word-spacing: 0.1vw;
						letter-spacing: 0.1vw;
						margin-left: 3vw;
						margin-right: 3vw;
						margin-top: 2vw;
						padding-left: 3vw;
						padding-top: 2vw;
						padding-bottom: 2vw;
						border-left: 6px solid rgb(255, 255, 255);
						border-radius: 10px;
						color: rgb(230, 230, 230);
						transition: all 0.5s ease-in-out;


					}

					  .p-bull-6:hover{
						border-left: none;
						transform: scale(1.1) rotate(-2deg);
						box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

					  }

					.div-ul-7{
						position: absolute;
						left: 50vw;
						top: 0vw;
						
						font-weight: 700;
						border-radius: 10px;
					}

							.p-ul-7{
								width: 17vw;
								text-align: center;
							}

							.img-ul-7{
								height: 10vw;
								width: 15vw;
								position: relative;
								left: 1vw;
								border-radius: 50px;
								border: 4px solid white;

																            box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);

							}

					.div-ul-8{
						position: absolute;
						left: 50vw;
						top: 16vw;
						font-weight: 700;
					
						border-radius: 10px;
					}		

							.p-ul-8{
								width: 17vw;
								text-align: center;
								margin-top: 0.05vw;
							}

							.img-ul-8{
								height: 10vw;
								width: 15vw;
								position: relative;
								left: 1vw;
								border-radius: 50px;
								border: 4px solid white;


								            box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);

							}

					.div-ul-9{
						
						position: absolute;
						left: 58vw;
						font-weight: 700;
						top: 8vw;
						border-radius: 10px;
					}

							.p-ul-9{
								width: 25vw;
								text-align: center;
								
							}

							.img-ul-9{
								height: 10vw;
								width: 15vw;
								position: relative;
								left: 4vw;
								border: 4px solid white;
								border-radius: 50px;

																            box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);


							}


			

							.sp-mode{
								color: greenyellow;
								font-weight: 800;
								font-size: 1.7vw;
							}




/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-7{
	margin-top: -2vw;
	position: relative;
	height: 90vw;
	/* border: 1px solid black; */
	border-top: none;
	
}

	.div-etude{
		position: relative;
		left: -1vw;
		top: 8vw;
		height: 65vw;
		width: 27vw;
		border-radius: 10px;
		border-left: 3px solid rgb(17, 110, 55);
		border-right: 3px solid rgb(17, 110, 55);
		transition: all 0.3s ease-in-out;
	}

	          .div-etude:hover{
				border-left: none;
				scale: 1.1;
				border: 1px solid black;
				height: 68vw;
				box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

			  }

				.h2-etude{
					margin-left: 2vw;
					font-size: 2.1vw;
					font-weight: 800;
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
				}

				.p-etude{
					margin-left: 2vw;
					margin-right: 2vw;
					font-size: 1.3vw;
					line-height: 2.7vw;
				}

				


	.div-energ{
		position: absolute;
		width: 30vw;
		left: 28.5vw;
		top: 8vw;
		height: 65vw;
		width: 25vw;
		border-radius: 10px;
		border-left: 3px solid rgb(17, 110, 55);
		border-right: 3px solid rgb(17, 110, 55);
		transition: all 0.3s ease-in-out;

	}


		.div-energ:hover{
			border-left: none;
			scale: 1.1;
			border: 1px solid black;
			height: 68vw;
			box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

		}

			.h2-energ{
				margin-left: 2vw;
				font-size: 2.1vw;
				font-weight: 800;
				margin-top: -0vw;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			}

			.p-energ{
				margin-left: 2vw;
				margin-right: 1vw;
				font-size: 1.3vw;
				line-height: 2.5vw;
			}


			.ul-energ{
				position: relative;
				left: -1vw;
				margin-top: 3vw;
			}

					.ul-energ li{
						font-size: 1vw;
						text-align: center;
						line-height: 2vw;
						font-weight: 700;
						color: rgb(89, 89, 89);
						list-style: none;
						border-radius: 30px;
						position: relative;
						margin-bottom: 1vw;
						padding: 0 1vw 0 1vw;
			            box-shadow: 0.1vw 0.1vw 0.1vw rgb(187, 185, 185), -0.1vw -0.1vw 0.1vw rgb(185, 182, 182);

					}


.div-eau{
	
	position: absolute;
	width: 30vw;
	top: 8vw;
	left: 56vw;
	height: 65vw;
	width: 25vw;
	border-radius: 10px;
	border-left: 3px solid rgb(17, 110, 55);
	border-right: 3px solid rgb(17, 110, 55);
	transition: all 0.3s ease-in-out;

}


	.div-eau:hover{
		border-left: none;
		scale: 1.1;
		border: 1px solid black;
		height: 68vw;
		box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

	}

			.h2-eau{
				margin-left: 2vw;
				font-size: 2.1vw;
				font-weight: 800;
				margin-top: 0vw;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			}

			.p-eau{
				margin-left: 2vw;
				margin-right: 2vw;
				font-size: 1.3vw;
				line-height: 2vw;
			}

			.ul-eau{
				position: relative;
				left: -1vw;
				margin-top: 3vw;
			}

					.ul-eau li{
									font-size: 1vw;
						text-align: center;
						line-height: 2vw;
						font-weight: 700;
						color: rgb(89, 89, 89);
						list-style: none;
						border-radius: 30px;
						position: relative;
						margin-bottom: 1vw;
						padding: 0 1vw 0 1vw;
			            box-shadow: 0.1vw 0.1vw 0.1vw rgb(187, 185, 185), -0.1vw -0.1vw 0.1vw rgb(185, 182, 182);

					}




/**************************************************************************************************/
/***********************************foot************************************/
.total-foot{
	margin-top: -65vw;
	z-index: 500;
	left: -7vw;
	width: 120%;
}
.foot-ser{
	margin: 30px 0px 0px 0px;
	position: absolute;
	width: 23vw;
	left: 22vw;
	top: 10vw;

}

				.foot-ser p{
					font-weight: 700;
					color: white;
					text-align: center;
					font-size: 1.1vw;
				}

				
				.foot-ser ul li{
					font-size: 1vw;
					line-height: 1.8vw;
					list-style: url(../PIC/right-1.png);
					margin-left: 2vw;
					
				}
				 		.foot-ser ul li:hover{
							scale: 1.2;
							position: relative;
							left: 2vw;
						}



						.foot-ser ul li a{
							text-decoration: none;
							color: white;
							
						}


								.foot-ser ul li:hover a{
									color: #93FFC5;
								}
					


.foot-contact{
	left: 50vw;
}

		.foot-contact p{
			position: relative;
			left: -2vw;
		}








/*******************************************************************************************/
/*******************************************************************************************/
/***************************************************************************************/
/*****************************************************************************/
/***************************************************************************************/
/*****************************************************************************/

@media screen and (min-width:200px) and (max-width:920px){



	.div-img-ag{
		position: relative;
		top: 0vw;
		left: -7vw;
		width: 100vw;
		height: 60vw;
	}


	.blur-ag{
		position: absolute;
		top: 0vw;
	}

	.img-head{
		height: 12vw;
		width: 12vw;
	}


	.lien-sociaux{
		z-index: 500;
		display: block;
		left: 22vw;
		top: -1vw;
		z-index: 300;
	}

			.lien-sociaux ul li {
				margin-left: 2vw;
				background-color: white;
				height: 5vw;
				border-radius: 50%;
			}

							
	/*/*//*/**//********/

					
							

							

							/**********************************************************************************************************/

								/************************************2nd bouton**********************************************************************/
								.div-search{
									display:block ;
									width: 100%;
									height: 12vw;
									position: absolute;
									top:-13vw ;
									left:0vw;
									background-color: rgb(255, 255, 255);
									backdrop-filter: blur(7px);
									z-index: 450;
									transition:  all 0.3s ease;





									}


									.search-open{
									display: block;
									height: 6.5vw;
									width: 6.5vw;
									position: absolute;
									right: 10vw;
									top: 1.2vw;
									border-radius: 50%;
									cursor: pointer;
									transition:  0.3s ease;
									z-index: 300; 
									}

									.search-close{
									display: block;
									height: 5vw;
									width: 5vw;
									position: relative;
									left: 90vw;
									top: 1vw;
									border-radius: 50%;
									cursor: pointer;
									transition:  0.3s ease; 
									}

									label {
									cursor: pointer;
									transition:  0.3s ease;

									}
									label:hover img{
									scale: 1.2;
									}

									#check4{
									display:none ;
									position: absolute;
									left: 90vw;


									}
									#check4:checked ~ .div-search {
									top: 0vw;


									}


















	
	
	/******************************************************/
			/************************************2nd bouton**********************************************************************/
.div-menu2{
	display: none ;
    position: absolute;
    z-index: 2000;
    background-color: transparent;
    backdrop-filter: blur(9px);
    height: 125vh;
    width: 100%;
    top: 0vw;
    left: 0vw;
    transition: all 0.5s ease-in-out;



	
	

	
}



	.div-menu2 .ul-menu2 {
		list-style: none;
    display: block;
    position: relative;
    top: 3vw;
    left: 8.5vw;
    /* left: 101vw; */
    width: 75vw;
    height: 105vw;
    background-color: rgba(61, 61, 61, 0.708);
    border: 1px solid white;
    backdrop-filter: blur(12px);
    font-family: garamond;
		
	}



	
.div-menu2 .ul-menu2.display{
	display: block;
	animation: displayMenu 0.3s ease-in-out;
  
  }
  
  @keyframes displayMenu {
	0% {
	  opacity: 0;
	  scale: 0.5;
	}
  
	100% {
	  opacity: 1;
	  scale: 1;
	}
  }
	
	.div-menu2 .ul-menu2 li{
		position: relative;
		display: flex;
		margin-top: 4vw;
		left: -7vw;
		width: 108%;
		/* border: 2px solid blue; */
		overflow: hidden;


	
	}



					.div-menu2 .ul-menu2 li:hover{
						
						font-weight: 600;
						border-bottom: 4px solid rgb(61, 238, 45);


					
					}



				.div-menu2 .ul-menu2 li a{
					color: rgb(199, 199, 199);
					text-decoration: none;
					border: 2px solid green;
					position: relative;
					height: 105%;
					width: 105%;
					top: -1vw;
					padding-left: 4vw;
					font-size: 4vw;
					font-weight: 600;
					padding-top: 2vw;
					padding-bottom: 1vw;
					border-bottom: 1px solid white;
				
				}


							.div-menu2 .ul-menu2 li:hover a{
								
								color: #93FFC5;
								border: none;
								
								
							
							}


.day{
	display: block;
  height: 6vw;
  width: 6vw;
  position: absolute;
  right: 4vw;
  top: 3vw;
  z-index: 300;
}


.day2{
	display: block;
	height: 7vw;
	width: 7vw;
	position: relative;
	left: 4vw;
	top: 4vw;
	border: 2px solid rgb(255, 0, 0);
	border-radius: 50px;
	z-index: 100;
}


/***************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-1{
	position: relative;
	height: 155vw;
	margin-top: 2vw;
	left: -7vw;
	width: 96vw;
	overflow: hidden;
    box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);


}

		.bull-1{
			position: absolute;
			border-radius: 10px;
			top: 0;
			left: 0;

		}
					.h2-bull-1{
						position: relative;
						left: 4vw;
						top: 5vw;
						font-size: 4.2vw;
						color: rgb(255, 255, 255);
						font-weight: 800;
						z-index: 200;


					}

					.p-bull-1{
						position: relative;
						line-height: 3vw;
						top: 16vw;
						left: 5vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.2vw;
						font-size: 3vw;
						width: 80%;
						color: rgb(255, 255, 255);
						z-index: 200;
						font-weight: lighter;
					}

					.img-bull-1{
						position: absolute;
						height: 45vw;
						width: 98vw;
						left: -1.3vw;
						top: -1vw;
						border-radius: 10px;
						z-index: 50;
					}



					.blur2-ag{
						display: ;
						border: 2px solid;
						position: absolute;
						height: 45vw;
						width:92.6vw;
						top: 1vw;
						left: 1vw;
						z-index: 90;
						backdrop-filter: blur(1px);
		
												background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
												background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
												background: -o-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.3));
												background: linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.3));
												
					}

		.ul-bull-1{
			position: absolute;
			left: 1vw;
			width: 85%;
			top: 50vw;

		}


					.ul-bull-1 li{
						font-size: 3vw;
						line-height: 5vw;
						margin-bottom: 3vw;
						font-weight: 700;
						color: rgb(89, 89, 89);
						list-style: none;
						padding: 1vw;

						border-radius: 20px;
					   box-shadow: 0.1vw 0.1vw 0.5vw rgb(187, 185, 185), -0.1vw -0.1vw 0.5vw rgb(185, 182, 182);

						

					}

						.sp-RA{
							color: rgb(17, 239, 132);
							font-weight: 700;
						}


						
				



/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-2{
	position: relative;
	background-color: rgb(17, 110, 55);
	width: 94vw;
	height: 145vw;
	margin-top: 2vw;
	left: -4vw;
	padding: 6vw 0vw 12vw 2vw;


	
}

		.bull-2{
			position: relative;
			width: 93vw;
			height: 75vw;
			left: 1vw;
			border-radius: 10px;
			top: -3vw;
		}
				.h2-bull-2{
					    margin-left: 2vw;
						padding-top: 3vw;
						font-size: 5vw;
						font-weight: 800;
						color: rgb(226, 226, 226);
				}

				.p-bull-2{
					line-height:5vw ;
					font-size: 3.3vw;
					word-spacing: 0.5vw;
					letter-spacing: 0.3vw;
					margin-left: 3vw;
					margin-right: 3vw;
					margin-top: 2vw;
					padding-left: 3vw;
					border-left: none;
					border-radius: 10px;

				}


				.bull-contain{
					/* border: 1px solid black; */
					position: absolute;
					top: 90vw;
					left: 4vw;
					width: 95vw;
					height: 50vw;
					overflow: hidden;
					border-radius: 10px;
					box-shadow: 0.1vw 0.1vw 1vw rgb(177, 177, 177), -0.1vw -0.1vw 1vw rgb(186, 180, 180);
				} 

				.double-bull-contain{
					position: relative;
					left: 0;
					display: flex;
					height: 100%;
					width: 330%;
					background-color: white;
					transition: all 0.3s ease-in-out;

					animation:  bullContain 30s ease-in-out 3s infinite;
					
					
				}



				
				.div-ul-1{
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;
					width: 27%;
					height: 100%;


				}

						.p-ul-1{
							position: relative;
							width: 45vw;
						
							left: 40vw;
							top: -20vw;
							text-align: left;
							font-size: 3.3vw;
							font-weight: 700;
							font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
						}

						.img-ul-1{
							height: 33vw;
							width: 37vw;
							position: relative;
							left: 1vw;
							top: 7vw;
							border-radius: 20px;
							transition: all 0.3s ease-in-out;
						}




				.div-ul-2{
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;
					width: 27%;
					height: 100%;
				}		

						.p-ul-2{
							position: relative;
							width: 45vw;
							left: 40vw;
							top: -20vw;
							text-align: left;
							font-size: 3.3vw;
							font-weight: 700;
							font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
						}

						.img-ul-2{
							height: 33vw;
							width: 37vw;
							position: relative;
							left: 1vw;
							top: 7vw;
							border-radius: 20px;
							transition: all 0.3s ease-in-out;

						}


						
				.div-ul-3{
					position: relative;
					left: 1vw;
					font-weight: 700;
					border-radius: 10px;
					padding: 0vw 6.5vw;

					width: 27%;
					height: 100%;
				}

				.p-ul-3{
					position: relative;
					width: 45vw;
				
					left: 40vw;
					top: -20vw;
					text-align: left;
					font-size: 3.3vw;
					font-weight: 700;
					font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
				}

				.img-ul-3{
					height: 33vw;
					width: 37vw;
					position: relative;
					left: 1vw;
					top: 7vw;
					border-radius: 20px;
					transition: all 0.3s ease-in-out;
				}

				
					
/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-3{
	position: relative;
	margin-top: 2vw;
	height: 280vw;
	left: -7vw;
	width: 96vw;
	padding: 2vw 0vw 20vw 0vw;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	
}


				.bull-3{
					position: absolute;
					border-radius: 10px;

				}
							.h2-bull-3{
								margin-left: 3vw;
								margin-top: 4vw;
								font-size: 6vw;
								color: rgb(0, 0, 0);
								font-weight: 800;


							}

							.p-bull-3{
								position: relative;
								left: 4vw;
								line-height:4.5vw ;
								font-size: 3.3vw;
								word-spacing: 0.2vw;
								letter-spacing: 0.2vw;
								width: 80vw;
								margin-top: 2vw;
								padding-left: 4vw;
								border-radius: 10px;
								transform: scale(1.05) rotate(2deg);	
								box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;
								border-left: none;
								padding: 8vw 4vw;
								z-index: 2;
								
	
							}

							.img-bull-3{
								position: absolute;
								height: 50vw;
								width: 50vw;
								left: 17vw;
								top: 72vw;
								border-radius: 10px;
								z-index: 1;
							}


							.h3-bull-3{
								position: relative;
								top: 120vw;
								font-size: 3.5vw;
								left: 10vw;
								background-color: black;
								color: white;
								width: 75vw;
								text-align: center;
								padding-top: 1vw;
								padding-bottom: 1vw;
							}


							.h4-bull-3{
								position: relative;
								top: 131vw;
								left: 5vw;
								font-size: 3.8vw;
								text-decoration: underline;
							}


							
							.h4-bull2-3{
								position: relative;
								top: 145vw;
								left: 5vw;
								font-size: 3.8vw;
								text-decoration: underline;
							}


													.ul-bull-3{
														position: relative;
														left: 6vw;
														width: 70%;
														top:133vw ;
														
													
														

													}

															.ul-bull-3:hover{
																position: relative;
																top: 130vw;
																left: 13vw;
															}


													.ul2-bull-3{
														position: relative;
														left: 6vw;
														width: 70%;
														top:148vw ;
														

													}

													
															.ul2-bull-3:hover{
																position: relative;
																top: 150vw;
																left: 13vw;
															}





																.ul-bull-3 li{
																	font-size: 3.7vw;
																	font-weight: 600;
																	line-height: 4.5vw;
																	list-style: url(../PIC/next.png);

																}


																.ul2-bull-3 li{
																	font-size: 3.7vw;
																	font-weight: 600;
																	line-height: 4.5vw;
																	list-style: url(../PIC/next.png);

																}

									.sp-RA{
										color: rgb(17, 239, 132);
										font-weight: 700;
									}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-4{
	position: relative;
	width: 96vw;
	margin-top: 2vw;
	margin-left: -7vw;
	height: 350vw;
	background-color: #93FFC5;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}


				/* .bull-4{
					position: relative;
					padding-top: 3vw;
					width: 100vw;
					height: 40vw;
					left: 0vw;
					backdrop-filter: blur(10px);
				} */
						.h2-bull-4{
							position: relative;
								margin-left: -10vw;
								width: 70vw;
								padding-top: 3vw;
								font-size: 6vw;
								font-weight: 800;
								color: rgb(2, 128, 67);
						}

						.p-bull-4{
							position: relative;
							line-height:4.5vw ;
							font-size: 3.5vw;
							word-spacing: 0.2vw;
							letter-spacing: 0.2vw;
							width: 80vw;
							top: 5vw;
							left: -5vw;
							padding-left: 3vw;
							border-left: 6px solid rgb(2, 128, 67);
							border-radius: 10px;
							color: rgb(34, 34, 34);

						}





						.div-body-1{
							display: ;
							position:relative;
							top: 20vw;
							left: 2vw;
							height: 70vw;
							width:;
							border-left:80vw solid rgb(2, 128, 67);
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							margin-bottom: 0vw;S
							
						}

											.div-ul-4{
												position: absolute;
												left: 17vw;
												top: 75vw;
												font-weight: 700;
												border-radius: 10px;
												
											}

													.p-ul-4{
														position: relative;
														width: 40vw;
														text-align: center;
														left: 15vw;
														color: rgb(255, 255, 255);
														font-size: 3vw;
													}

													.img-ul-4{
														height: 40vw;
														width: 68vw;
														position: relative;
														left: 1vw;
													}



						.div-body-2{
							display: ;
							position:relative;
							top: 18vw;
							left: -8vw;
							height: 70vw;
							width:;
							border-right:80vw solid rgb(2, 128, 67);
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							margin-bottom: 0vw;
			
							
						}

												.div-ul-5{
													position: absolute;
													left: 17vw;
													top: 152vw;
													font-weight: 700;
													border-radius: 10px;
													
												}	
												

														.p-ul-5{
															position: relative;
															width: 40vw;
															text-align: center;
															left: 15vw;
															color: rgb(255, 255, 255);
															font-size: 3vw;
														}

														.img-ul-5{
															height: 40vw;
															width: 68vw;
															position: relative;
															left: 1vw;
														}

						.div-body-3{
							display: ;
							position:relative;
							top: 16vw;
							left: 12vw;
							height: 80vw;
							width:;
							border-left:80vw solid rgb(2, 128, 67);
							border-top: 20px solid transparent;
							border-bottom: 20px solid transparent;
							
			
							
						}
						

														.div-ul-6{
															position: absolute;
															left: 17vw;
															top: 228vw;
															font-weight: 700;
															border-radius: 10px;
															width: 25vw;
															
														}


																.p-ul-6{
																	position: relative;
																	width: 70vw;
																	text-align: center;
																	left: 0%;
																	color: rgb(255, 255, 255);
																	font-size: 3vw;
																	
																}

																.img-ul-6{
																	height: 40vw;
																	width: 68vw;
																	position: relative;
																	left: 1vw;
																}

																/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-5{
	position: relative;
	height: 170vw;
	width: 96vw;
	margin-top: 2vw;
	left: -7vw;
	margin-bottom: 19vw;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	
}


			.bull-5{
				position: absolute;
				border-radius: 10px;

			}
						.h2-bull-5{
							margin-left: 3vw;
							margin-top: 12vw;
							font-size: 5vw;
							color: rgb(79, 77, 77);
							font-weight: 800;


						}

						.p-bull-5{
							position: relative;
							line-height:5vw ;
							font-size: 3.3vw;
							word-spacing: 0.5vw;
							letter-spacing: 0.3vw;
							width: 80vw;
							top: 5vw;
							left: 6vw;
							padding-left: 3vw;
							border-left: 6px solid  rgb(112, 112, 111);
							border-radius: 10px;
							padding-left: 4vw;
							padding-top: 4vw;
							padding-bottom: 4vw;

						}

						.img-bull-5{
							height: 38vw;
							width: 50vw;
							padding-left: 1vw;
							padding-top: 1vw;
							border-radius: 10px;
						}

				.ul-bull-5{
					position: relative;
					left: 0vw;
					width: 80%;
					top: 90vw;
					

				}


							.ul-bull-5 li{
								font-size: 3vw;
								line-height: 4.5vw;
								font-weight: 700;
								color: rgb(89, 89, 89);
								margin-bottom: 3vw;
								padding-left: 4vw;
								list-style:none;

							}

								.sp-RA{
									color: rgb(17, 239, 132);
									font-weight: 700;
								}

/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-6{
	position: relative;
	margin-top: -17vw;
	width: 96vw;
	left: -5vw;
	height: 180vw;
	background-color: rgb(120, 120, 120);
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	
}



			.bull-6{
				position: relative;
				width: 50vw;
				height: 40vw;
				left: 3vw;
				border-radius: 10px;
			}
					.h2-bull-6{
						position: relative;
						left: 3vw;
						top: 5vw;
							font-size: 5vw;
							font-weight: 800;
							color: rgb(255, 255, 255);
					}

					.p-bull-6{
						position: relative;
						line-height:4.5vw ;
						font-size: 3.5vw;
						word-spacing: 0.2vw;
						letter-spacing: 0.2vw;
						width: 80vw;
						top: 5vw;
						padding-left: 3vw;
						border-radius: 10px;
						color: rgb(230, 230, 230);
						border-left: none;
						transform: scale(1.1) rotate(-2deg);
						box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;


					}

					.div-ul-7{
						position: absolute;
						left: 0vw;
						top: 85vw;
						
						font-weight: 700;
						border-radius: 10px;
					}

							.p-ul-7{
								width: 17vw;
								text-align: center;
							}

							.img-ul-7{
								height: 50vw;
								width: 55vw;
								position: relative;
								left: 1vw;
							}

					.div-ul-8{
						position: absolute;
						left: 50vw;
						top: 85vw;
						font-weight: 700;
					
						border-radius: 10px;
					}		

							.p-ul-8{
								width: 17vw;
								text-align: center;
								margin-top: 0.05vw;
							}

							.img-ul-8{
								height: 25vw;
								width: 30vw;
								position: relative;
								left: 1vw;
							}

					.div-ul-9{
						
						position: absolute;
						left: 25vw;
						top: 115vw;
						font-weight: 700;
						border-radius: 10px;
					}

							.p-ul-9{
								width: 25vw;
								text-align: center;
								
							}

							.img-ul-9{
								height: 25vw;
								width: 32vw;
								position: relative;
								left: 4vw;
							}


			

							.sp-mode{
								color: greenyellow;
								font-weight: 800;
								font-size: 3.2vw;
							}

/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-bull-7{
	margin-top: -4vw;
	position: relative;
	height: 120vw;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	
	left: -7vw;
}

	.div-etude{
		position: relative;
		left: 0.5vw;
		top: 6vw;
		width: 94vw;
		border-radius: 10px;
		border: 1px solid black;
		height: 80vw;
		box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

	}


					.div-etude:hover{
						height: 80vw;
					}


				.h2-etude{
					position: relative;
					top: 3vw;
					margin-left: 2vw;
					font-size: 4.6vw;
					font-weight: 800;
				}

				.p-etude{
					padding-top: 4vw;
					margin-left: 6vw;
					margin-right: 4vw;
					font-size: 4vw;
					line-height: 6vw;
				}

				


	.div-energ{
		position: absolute;
		width: 94vw;
		left: 0.5vw;
		top: 90vw;
		border-radius: 10px;
		border: 1px solid black;
		height: 126vw;
		box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

	}

				.div-energ:hover{
					height: 121.3vw;
					top: 92vw;
				}


							.h2-energ{
								margin-left: 2vw;
								font-size: 4.6vw;
								font-weight: 800;
								position: relative;
								top: 3vw;
							}

							.p-energ{
								padding-top: 4vw;
								margin-left: 6vw;
								margin-right: 4vw;
								font-size: 4vw;
								line-height: 6vw;
							}


							.ul-energ{
								position: relative;
								margin-left: -2vw;
								margin-right: 6vw;
								margin-top: 8vw;
							}

									.ul-energ li{
										position: relative;
									font-size: 3vw;
						line-height: 6vw;
						font-weight: 700;
						color: rgb(89, 89, 89);
						list-style: none;
						margin-bottom: 2vw;
						border-radius: 20px;
						padding: 1vw;
						            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);

									}


.div-eau{
	
	position: absolute;
	width: 94vw;
	top: 220vw;
	left: 0.5vw;
	border-radius: 10px;
	border: 1px solid black;
	height: 115vw;
	box-shadow: rgba(160, 160, 160, 0.35) 0 -25px 18px -14px inset,rgba(203, 204, 203, 0.25) 0 1px 2px,rgba(142, 144, 142, 0.25) 0 2px 4px,rgba(147, 147, 147, 0.25) 0 4px 8px,rgba(113, 116, 114, 0.25) 0 8px 16px,rgba(156, 161, 158, 0.25) 0 16px 32px;

}


	.div-eau:hover{
		height: 115vw;
		top: 224vw;
	}


			.h2-eau{
				margin-left: 2vw;
				font-size: 4.6vw;
				font-weight: 800;
				position: relative;
				top: 3vw;
			}

			.p-eau{
				padding-top: 4vw;
				margin-left: 6vw;
				margin-right: 4vw;
				font-size: 4vw;
				line-height: 6vw;
				}

			.ul-eau{
				position: relative;
				margin-left: -2vw;
				margin-right: 6vw;
				margin-top: 3vw;
			}

					.ul-eau li{
						font-size: 3vw;
						line-height: 6vw;
						font-weight: 700;
						color: rgb(89, 89, 89);
						list-style: none;
						margin-bottom: 2vw;
						border-radius: 20px;
						padding: 1vw;
						            box-shadow: 0.1vw 0.1vw 1vw rgb(187, 185, 185), -0.1vw -0.1vw 1vw rgb(185, 182, 182);

					}







/************************************************************************************/
/******************************************************************************************/
.total-foot{
	position: relative;
	display:  flex;
	height: 220vw;
	width: 100vw;
	background-color: rgb(56, 56, 56);
	/*border: 2px solid black;*/
	color: white;
	border-top-left-radius: 0%;
	backdrop-filter: blur(7px);
	overflow: hidden;
	margin-top: 160vw;
}

								.foot-ser{
									position: absolute;
									width: 85vw;
									left: 14vw;
									top: 8vw;

								}

												.foot-ser p{
													position: relative;
													font-weight: 700;
													color: white;
													text-align: center;
													font-size: 4vw;
													left: -13vw;
												}

												
												.foot-ser ul li{
													position: relative;
													top: 4vw;
													font-size: 3.3vw;
													line-height: 5vw;
													list-style: url(../PIC/next-blue.png);
												}




								.foot-contact{
									position: absolute;
									left: 15vw;
									top: 120vw;
									font-size:0.9vw ;

								}

													.foot-contact p{
														position: relative;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4vw;
														top: 10vw;
														left: 0vw;
													}

													.foot-contact ul{
														position: relative;
														list-style-type: none;
														text-decoration: none;
														left: 2.20vw;
														top: 13vw;
														
													}

													.foot-contact ul li{
														line-height: 5vw;
														color: #ffffff;
														text-decoration: none;
														font-size: 3.3vw;
														
													}
								.foot-leg{
									position: absolute;
									left: 16vw;
									top: 80vw;
									font-size:0.9vw ;
									height: ;
								}

													.foot-leg p{
														position: relative;
														left: 2.5vw;
														font-weight: 700;
														color: white;
														text-align: center;
														font-size: 4.5vw;
													}

													.foot-leg ul {
														position: relative;
														top: 4vw;
													}

													.foot-leg ul li{
														font-size: 3.3vw;
														line-height: 5vw;
														list-style: url(../PIC/next-blue.png);
													}



								.foot-lien{
									position: absolute;
									left: 6vw;
									top: 170vw;

									
								}

											.foot-lien p{
												position: relative;
												font-weight: 700;
												color: white;
												text-align: center;
												font-size: 4vw;
												left: 14vw;
											}

											.foot-lien ul{
												list-style: none;
												display: flex;
												position: relative;
												left: 12vw;
												top: 4vw;

											}

											.foot-lien ul li{
												padding-right: 1vw;
												font-size: 1.6vw;
												

											}


													.foot-lien ul li:hover{
														scale: 1.1;
														

													}

		.foot-img{
			position: absolute;
			left: 77.5vw;
			top: -1vw;
			height: 20vw;
			width: 20vw;
		}
		
		
		.div-text{
			position: relative;
			top: 100vw;
			left: 70vw;
			border: none;

		}


						

						

						.div-text li{
							font-size: 3.3vw;
							line-height: 4vw;
							
						
						}	
						.span01{
							font-size: 3.3vw;
						}


						.span02{
							font-size: 3.3vw;
						
						}




		.img-fb2{
			height: 7vw;
			width: 7vw;
		}


		.img-fb3{
			height: 5vw;
			width: 5vw;
		}

}