body{
	margin: 0px;
    padding: 0vw 7vw;
	overflow-x:hidden ;
	overflow-y: scroll;
	font-family: "Roboto", sans-serif;
  	font-weight: 300;
  	font-style: normal;
    background-color: rgb(300, 300, 300);
}



.div-head{
	position: relative;
	width: 100%;
}


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


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

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

.img-head-2{
	height: 20vw;
	width: 20vw;
	top: 8vw;
    left: 66vw;
	position: absolute;
	z-index: 100;
}

/*******************************************************************************************************/
/******************************************************************************************************/
.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-sen 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-sen: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;
											
											}




.displayMenuFor{
	display: none;
}

.closeMenuFor{
	display: none;
}

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

#check4{
	display: none;
}








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

}

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

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

.lien-sociaux ul li{
    margin-right: 1vw;
	margin-bottom: 2vw;
    transition: all 0.4s ease-in-out;
    background-color: white;
    border-radius: 50%;
    height: 1vw;
    width: 1vw;

}






.lien-sociaux ul li a img{

    position: relative;
    left: -0.3vw;
    top: -0.1vw;
}

.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: 10vw;
	}
  
	10% {
	  top: 11vw;
	  opacity: 1;
	}
  
	20% {
	  top: 12vw;
	}
  
	30% {
	  top: 13vw;
	  opacity: 1;
	}
  
	40% {
	  top: 14vw;
	}
  
	45% {
	  top: 15vw;
	  opacity: 1;
	}
  
	50% {
	  top: 16vw;
	  opacity: 1;
	}
  
	55% {
	  top: 17vw;
	}
  
	60% {
	  top: 18vw;
	  opacity: 1;
	}
  
	65% {
	  top: 19vw;
	}
  
	70% {
	  top: 20vw;
	  opacity: 1;
	}
  
	
	
  }

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

.div-img-Sen{
	margin-top: 0vw;
	height: 33vw;
	width: 100%;
	/* border: 2px solid red; */
	overflow: hidden;
	z-index: 30;

}

			.img-Sen{
				position: relative;
				top: -5vw;
				height: 60vw;
				width: 100%;
				z-index: 50;
			}

	
			.blur-Sen{
				
				position: absolute;
				height: 37vw;
				width:86%;
				top: 0.3vw;
				z-index: 100;
				backdrop-filter: blur(4px);
				border-radius: 20px;

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


										background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.9),  RGBa(0, 0, 0, 0.6));
										background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.9), RGBa(0, 0, 0, 0.6));
										background: -o-linear-gradient(180deg, RGBa(0, 0, 250, 0.9), RGBa(0, 0, 0, 0.6));
										background: linear-gradient(180deg, RGBa(0, 0, 0, 0.9),  RGBa(0, 0, 0, 0.6));
										
			}


			.h1-Sen{
				position: absolute;
				z-index: 130;
				color: white;
				top: 10vw;
				font-size: 4vw;
				left: 11vw;
				width: 55%;
			}

			.sp-sen{
				color: rgb(246, 119, 8);
			}

			.p-sen{
				position: absolute;
				z-index: 130;
				color: white;
				top: 17vw;
				font-size: 1.4vw;
				line-height: 1.5vw;
				word-spacing: 0.3vw;
				letter-spacing: 0.1vw;
				left: 11vw;
				width: 25%;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			}



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

.div-options{
	position: relative;
	top: -9vw;
	width: 72%;
	left: 11vw;
	z-index: 160;
	/* border: 1px solid black; */
	overflow: hidden;
	padding-bottom: 10vw;

}

		.ul-options{
			position: relative;
			list-style: none;
			display: flex;
			text-decoration: none;
			margin-top: 2vw;
			margin-bottom: 2vw;
			/* overflow: hidden; */
			font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			transition: all 0.4s ease-in-out;

		}






				.ul-options li{
					border: 1px solid rgb(88, 87, 87);
					margin-left: 1.2vw;
					background-color: white;
					border-radius: 10px;
					height: 23vw;
					width: 20vw;
					position: relative;
					left:0vw;
					opacity: 0;
					transition: all 0.4s ease-in-out;

					
					
				}





#li1Options.visibleli1Options{
  animation: li1Options 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes li1Options {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 0vw;
	  opacity: 1;
  
    }
  }


  
#li2Options.visibleli2Options{
  animation: li2Options 2.5s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes li2Options {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 0vw;
	  opacity: 1;
  
    }
  }



    
#li3Options.visibleli3Options{
  animation: li3Options 2.8s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes li3Options {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 0vw;
	  opacity: 1;
  
    }
  }


/* 
				

								@keyframes anime-options{
									from{
										position: relative;
										left: 100vw;

									}
									
									to{
										position: relative;
										left: 0vw;
									}
								
								}

							@-webkit-keyframes anime-options{
								from{
									position: relative;
									left: 100vw;

								}
								
								to{
									position: relative;
									left: 0vw;
								}
								
									
								}	
							@-moz-keyframes anime-options{
								from{
									position: relative;
									left: 100vw;

								}
								
								to{
									position: relative;
									left: 0vw;
								}
									
									
								}	
							@-o-keyframes anime-options{
								from{
									position: relative;
									left: -100vw;

								}
								
								to{
									position: relative;
									left: 0vw;
								}
								} */
								/***********************************************************************************************************/










				.img-in{
					height: 15vw;
					width: 18vw;
					border-radius: 10px;
				}

				.img-tra{
					margin-top: 1.5vw;
					height: 13vw;
					width: 18vw;
					border-radius: 10px;
				}

						.ul-options li p{
							margin-top: -1vw;
							text-align: center;
							font-weight: 800;
							font-size: 1.5vw;
							transition: all 0.4s ease-in-out;

						}

								.p-tra{
									padding-top: 0.8vw;
									text-align: center;
									font-weight: 800;
									font-size: 1.5vw;
									transition: all 0.4s ease-in-out;

								}


												.a-tra{
													position: relative;
													text-decoration: none;
													position: relative;
													top: 1.2vw;										
													font-weight: 600;
													padding: 0.7vw 0.7vw; 
													background-color:orange;
													color: white;
													transition: all 0.4s ease-in-out;
													box-shadow: 0.1vw 0.1vw  0.2vw rgba(118, 118, 118, 0.437);
												}


															.a-tra:hover{
																background-color:  rgb(0, 0, 0);
																color: white;
															}

												.a-mp{
													position: relative;
													text-decoration: none;
													position: relative;
													top: 1.2vw;										
													font-weight: 600;
													padding: 0.7vw 0.7vw; 
													background-color:orange;
													color: white;
													transition: all 0.4s ease-in-out;

													box-shadow: 0.1vw 0.1vw  0.2vw rgba(118, 118, 118, 0.437);
												}


															.a-mp:hover{
																background-color:  rgb(0, 0, 0);
																color: white;
															}

												.a-ii{
													position: absolute;
													text-decoration: none;
													top: 25vw;
													left: 30vw;										
													font-weight: 600;
													padding: 0.7vw 0.7vw; 
													background-color:orange;
													color: white;
													transition: all 0.4s ease-in-out;
													box-shadow: 0.1vw 0.1vw  0.2vw rgba(118, 118, 118, 0.437);
												}



															.a-ii:hover{
																background-color:  rgb(0, 0, 0);
																color: white;
															}


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

.div-def{
	position: relative;
	top: -15vw;
	left: 0vw;
}


			.h2-sen{
				position: absolute;
				top: 2vw;
				left: 8vw;
				font-size: 3vw;
				width: 20vw;
				opacity: 0;
			}




			    
#h2Sen.visibleh2Sen{
  animation: h2Sen 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes h2Sen {
    from{
      left: -50vw;
	  opacity: 0;
    }
    to{
      left: 8vw;
	  opacity: 1;
  
    }
  }

				.p-sen2{
					border-left: 9px solid orange	;
					left:35vw ;
					position: relative;
					top: 4vw;
					width: 40vw;
					font-size: 1.8vw;
					line-height: 2.5vw;
					padding-left: 2vw;
					opacity: 0;
					font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			
					transition: all 0.4s ease-in-out;

				}



#pSen.visiblepSen{
  animation: pSen 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes pSen {
    from{
      left: 120vw;
	  opacity: 0;
    }
    to{
      left: 35vw;
	  opacity: 1;
  
    }
  }

/**********************************************/
/*********divBody*************************************************/
.div-body{
	position: relative;
	height: 0;
	/* border: 1PX solid black; */
	background-color: rgb(255, 255, 255)
	
}




.backSEn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	filter: opacity(5%);
}


		.div-body-1{
			display: ;
			position:absolute;
			top: 12vw;
			left: -4vw;
			height: 30vw;
			width:;
			border-left:21vw solid rgba(0, 0, 0, 0.516) ;
			border-top: 20px solid transparent;
			border-bottom: 20px solid transparent;
			margin-bottom: 10vw;
			margin-left: 10vw;
			
		}
					.h2-forme{
						position: absolute;
						font-size: 1.4vw;
						font-weight: 600;
						left: 6vw;
						top: 6vw;
						width: 20vw;
						color: rgb(95, 93, 93);
					}

							.ul-forme{
								position: absolute;
								top: 13vw;
								left: 6vw;
								font-size: 1.2vw;
								line-height: 1.9vw;
								color: rgb(255, 255, 255);
								width: 15vw;
								font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

							}


							.ul-forme li{
								list-style: none;
								padding: 0 1vw;
								margin-bottom: 1vw;
								border-radius: 20px;
								box-shadow: 0.1vw 0.1vw 0.3vw rgb(158, 155, 155), -0.1vw -0.1vw 0.3vw rgb(158, 158, 158);

							}


			.div-body-2{
				display: ;
				position:absolute;
				top: 12vw;
				left: 29vw;
				height: 30vw;
				width:;
				border-left:23vw solid rgba(0, 0, 0, 0.516);
				border-top: 20px solid transparent;
				border-bottom: 20px solid transparent;
				margin-bottom: 10vw;

				
			}


						.h2-forme2{
							position: absolute;
							font-size: 1.4vw;
							font-weight: 600;
							left: 30vw;
							top: 6vw;
							width: 20vw;
							color: rgb(95, 93, 93);
						}

								.ul-forme2{
									position: absolute;
									top: 16vw;
									left: 30vw;
									font-size: 1.2vw;
									line-height: 1.9vw;
									color: rgb(255, 255, 255);
									width: 15vw;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

								}


								.ul-forme2 li{
									list-style: none;
									border-radius: 20px;
									padding: 0 1vw;
									margin-bottom: 1vw;
									box-shadow: 0.1vw 0.1vw 0.3vw rgb(158, 155, 155), -0.1vw -0.1vw 0.3vw rgb(158, 158, 158);
									}




			.div-body-3{
				display: ;
				position:absolute;
				top: 12vw;
				left: 54vw;
				height: 30vw;
				width:;
				border-left:21vw solid rgba(0, 0, 0, 0.516) ;
				border-top: 20px solid transparent;
				border-bottom: 20px solid transparent;
				margin-bottom: 10vw;

				
			}

						.h2-forme3{
							position: absolute;
							font-size: 1.4vw;
							font-weight: 600;
							left: 54vw;
							top: 6vw;
							width: 20vw;
							color: rgb(95, 93, 93);
						}

								.ul-forme3{
									position: absolute;
									top: 16vw;
									left: 55.5vw;
									font-size: 1.2vw;
									line-height: 1.9vw;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

									color: rgb(255, 255, 255);
								}

								.ul-forme3 li{
									list-style:none;
									margin-bottom: 1vw;
									border-radius: 20px;
									padding: 0 1vw;
									box-shadow: 0.1vw 0.1vw 0.3vw rgb(158, 155, 155), -0.1vw -0.1vw 0.3vw rgb(158, 158, 158);
									}


/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-body-4{
	position: relative;
	border: 1px solid rgb(255, 153, 0);
	padding-bottom: 15vw;

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


}

		.body{
			position: absolute;
			border-radius: 10px;

		}
					.h2-body-4{
						position: absolute;
						left: 1vw;
						top: 67.8vw;
						font-size: 2.8vw;
						width: 40vw;
						height: 17.7vw;
						color: white;
						font-weight: 800;
						border: 2px solid black;
						padding-top: 10vw;
						padding-bottom: 11vw;
						padding-left: 1vw;
						backdrop-filter: blur(7px);
						z-index: 150;


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


					}

					.p-body-4{
						position: absolute;
						top: 90vw;
						margin-left: 3vw;
						line-height: 1.6vw;
						word-spacing: 0.1vw;
						letter-spacing: 0.1vw;
						font-size: 1.4vw;
						width: 40%;
						color: rgb(255, 255, 255);
						z-index: 150;
						font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

					}

					.img-body-4{
						height: 38vw;
						width: 40vw;
						padding-left: 1vw;
						padding-top: 70.3vw;
						border-radius: 10px;
					}


					.blur-body-4{
				
						position: absolute;
						height: 36vw;
						width:41vw;
						top: 72vw;
						left: 1vw;
						z-index: 100;
						backdrop-filter: blur(4px);
		
												background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.6));
												background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.6));
												background: -o-linear-gradient(180deg, RGBa(0, 0, 250, 0.6), RGBa(0, 0, 0, 0.6));
												background: linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.6));
												
					}


								.ul-1{
									position: absolute;
									left: 43vw;
									top: 70vw;
									width: 20vw;
									height: 19vw;
									border: 1px solid black;
									font-weight: 700;
									border-radius: 10px;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
									box-shadow: 0.1vw 0.1vw  0.1vw rgba(0, 0, 0, 0.437), -0.1vw -0.1vw  0.1vw rgba(0, 0, 0, 0.437);
								}

									.ul-1 li{
										list-style: url(../PIC/right-1.png);
										font-size: 0.9vw;
										line-height: 1.3vw;
									}
					
										.p-ul-1{
											position: relative;
											top: -5vw;
											left: 5vw;
											font-size: 1.4vw;
											width: 17vw;
											text-align: center;
											color: rgb(4, 59, 4);
										}
				
										.img-ul-1{
											height: 5vw;
											width: 5vw;
											position: relative;
											left: 1vw;
											top: 0.5vw;
										}



										.list-1{
											font-weight: 100;
											margin-top: -3vw;
											margin-right: 1vw;
										}
				
								.ul-2{
									position: absolute;
									left: 63.5vw;
									top: 70vw;
									width: 20vw;
									height: 19vw;
									font-weight: 700;
									border: 1px solid black;
									border-radius: 10px;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
									box-shadow: 0.1vw 0.1vw  0.1vw rgba(0, 0, 0, 0.437), -0.1vw -0.1vw  0.1vw rgba(0, 0, 0, 0.437);
								}	
								
								
														.ul-2 li{
															list-style: url(../PIC/right-1.png);
															font-size: 0.9vw;
															line-height: 1.3vw;
														}
										
														.p-ul-2{
															
															position: relative;
															top: -5vw;
															left: 8vw;
															font-size: 1.3vw;
															width: 10vw;
															text-align: center;
															color: rgb(4, 59, 4);
														}
								
														.img-ul-2{
															height: 5vw;
															width: 5vw;
															position: relative;
															left: 1vw;
															top: 0.5vw;
														}

														.list-2{
															font-weight: 100;
															margin-top: -4.3vw;
															margin-right: 1vw;
														}
				
								.ul-3{
									border: 1px solid black;
									box-shadow: 0.1vw 0.1vw  0.1vw rgba(0, 0, 0, 0.437), -0.1vw -0.1vw  0.1vw rgba(0, 0, 0, 0.437);
									position: absolute;
									left: 43vw;
									width: 20vw;
									height: 18vw;
									font-weight: 700;
									top: 90vw;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
									border-radius: 10px;
								}

													.ul-3 li{
														list-style: url(../PIC/right-1.png);
														font-size: 0.9vw;
														line-height: 1.3vw;
													}
						
												.p-ul-3{
													position: relative;
													top: -5vw;
													left: 3vw;
													font-size: 1.4vw;
													width: 25vw;
													text-align: center;
													color: rgb(4, 59, 4);
													
												}

												.list-3{
													font-weight: 100;
													margin-top: -4vw;
													margin-right: 1vw;
												}



					
												.img-ul-3{
													height: 5vw;
													width: 5vw;
													position: relative;
													left: 4vw;
													top: 0.5vw;
												}



								.ul-4{
									border: 1px solid black;
									box-shadow: 0.4vw 0.4vw  5vw rgba(0, 0, 0, 0.437);
									position: absolute;
									left: 75vw;
									width: 20vw;
									height: 18vw;
									font-weight: 700;
									top: 90vw;
									overflow: hidden;
									border-radius: 10px;
								}

									.ul-4 li{
										list-style: url(../PIC/right-1.png);
										font-size: 0.9vw;
										line-height: 1.3vw;
									}
				
										.p-ul-4{
											position: relative;
											top: -5vw;
											left: 3vw;
											font-size: 1.4vw;
											width: 25vw;
											text-align: center;
											color: rgb(4, 59, 4);
											
										}
				
										.img-ul-4{
											height: 5vw;
											width: 7vw;
											position: relative;
											left: 4vw;
										}


										.list-4{
											font-weight: 100;
											margin-top: -4vw;
											margin-right: 1vw;
										}




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

.div-Q{
	position: relative;
	margin-top: 3vw;
	height: 50vw;


									background: -moz-linear-gradient(from top left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,   rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
}



		.slide-2{
			
			margin-top: 1.5vw;
			height: 15vw;
		}

				.slide-2-img{
					margin-top: 11vw;
					height: 30vw;
					width: 27vw;
				}

				.slide-2-2-img{
					position:absolute;
					margin-top: 15vw;
					height: 25vw;
					width: 25vw;
					right: 5vw;
					border-radius: 20px;
				}

				.slide-2-h2{
				
					position: absolute;
					top: 5vw;
					left: 38vw;
					width: 35%;
					font-size: 3vw;
					word-spacing: ;
					line-height: 2.2vw;
					color: green;
					
				}

					.sp-Q{
						color: rgb(77, 172, 3);
					}

				.p-Q{
					
					position: relative;
					top: -14vw;
					left: 25vw;
					width: 35%;
					font-size: 1.5vw;
					font-weight: 700 ;
					color: rgb(77, 172, 3);
				}

				.ul-Q{
					margin-top: 1.7vw;
					position: absolute;
					left: 32vw;
					width: 65vw;
				}


						.ul-Q li{
							line-height: 4vw;
							font-size: 1.3vw;
							list-style: url(../PIC/right-1.png);
							/*list-style:url('../PIC/94555989-bd77-43c9-847e-c2cd4a329b79.png');*/
						}

				.a-Q{
					position: relative;
					bottom:-26vw ;
					border: 1px solid rgb(182, 182, 182);
					padding: 1.5vw 0.7vw; 
					background-color: white;
					right:-52vw ;
					font-weight: 800;
					text-decoration: none;
					color: rgb(77, 172, 3);
					z-index: 20;
					font-size: 1.1vw;
					transition: all 250ms;
					cursor: pointer;
					user-select: none;
					-webkit-user-select: none;
					touch-action: manipulation;
					box-shadow: 0.4vw 0.4vw  0.1vw rgba(0, 0, 0, 0.437);
					font-family: "Merienda", cursive;
					
				}


								
								.a-Q:hover{
									background-color:  rgb(0, 0, 0);
									color: white;
								}

.div-A{
	margin-top: -3vw;
	position: relative;
	height: 50vw;
	background-color: #ffffff;
}


				.slide-3{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-3-img{
							position: absolute;
							height: 17vw;
							width: 17vw;
							left:70vw;
							top: 17vw;
							z-index: 20;
						}

							.slide-3-2-img{
								position:absolute;
								margin-top: 20vw;
								height: 20vw;
								width: 20vw;
								left: 3vw;
								border-radius: 20px;
							}

						.slide-3-h2{
							position: absolute;
							top: 5vw;
							left: 38vw;
							width: 35%;
							font-size: 3vw;
							word-spacing: ;
							line-height: 2.2vw;
							color: rgb(248, 193, 90);
						}

							.sp-A{
								color: rgb(10, 172, 209);
							}

						.p-A{
							
							position: relative;
							top: -16vw;
							left: 22vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 700 ;
							color: rgb(10, 172, 209);
						}

						.ul-A{
							margin-top: 2.8vw;
							position: absolute;
							left: 5vw;
						}


								.ul-A li{
									line-height: 4vw;
									font-size: 1.3vw;
									list-style: url(../PIC/arrow-4.png);
								}

						.a-A{
							position: relative;
							bottom:-26vw ;
							right:-18vw ;
							font-weight: 800;
							text-decoration: none;
							color: rgb(255, 255, 255);
							font-size: 1.1vw;
							border: 1px solid rgb(182, 182, 182);
							padding: 1.5vw 0.7vw;
							box-shadow: 0.4vw 0.4vw  0.1vw rgba(0, 0, 0, 0.437); 
							font-family: "Merienda", cursive;


									background: -moz-linear-gradient(from top left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,   rgb(255, 166, 0), rgba(255, 166, 0, 0.441));

							
						}
						
						
										.a-A:hover{
											background: -moz-linear-gradient(from top left,  rgb(0, 0, 0, 2),  rgb(0, 0, 0, 2));
											background: -webkit-linear-gradient(from top left, rgb(0, 0, 0, 2),  rgb(0, 0, 0, 2));
											background: -o-linear-gradient(from top left, rgb(0, 0, 0, 2),  rgb(0, 0, 0, 2));
											background: linear-gradient(to bottom right,   rgb(0, 0, 0, 2),  rgb(0, 0, 0, 2));

											color: white;
											
										}


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

.div-K{
	margin-top: -4.5vw;
	position: relative;
	height: 50vw;
	padding-bottom: 44vw;
	border-radius: 20px;
	opacity: 0;

	            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 left,  rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -webkit-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: -o-linear-gradient(from top left, rgb(255, 166, 0), rgba(255, 166, 0, 0.441));
									background: linear-gradient(to bottom right,rgb(255, 89, 0),    rgb(235, 104, 104) 50%);
}




#divK.visibledivK{
  animation: divK 1s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes divK {
    from{
      margin-top: 20vw;
	  opacity: 0;
    }
    to{
      margin-top: -4.5vw;
	  opacity: 1;
  
    }
  }







				.slide-4{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-4-img{
							position: absolute;
							height: 17vw;
							width: 30vw;
							top:15vw ;
							left: 4vw;
							position: relative;
							
						}

						

						.slide-4-h2{
							position: absolute;
							top: 6vw;
							left: 38vw;
							width: 50%;
							font-size: 3vw;
							word-spacing: ;
							line-height: 2.2vw;
							color: rgb(255, 255, 255);
						}

							

						.p-K{
							
							position: relative;
							top: -7vw;
							left: 10vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 700 ;
							color: rgb(44, 131, 253);
						}

						.ul-K{
							margin-top: 11vw;
							position: absolute;
							left: 35vw;
							top: 7vw;
						}


								.ul-K li{
									position: relative;
									line-height: 2vw;
									font-size: 1.2vw;
									margin-bottom: 1vw;
									width: 30vw;
									padding-left: 1vw;
									            box-shadow: 0.1vw 0.1vw 0.3vw rgb(255, 255, 255), -0.1vw -0.1vw 0.3vw rgb(255, 255, 255);

									list-style: url(../PIC/circle9.png);
								}

						.a-K{
							position: relative;
							bottom:-41vw ;
							border: 1px solid rgb(182, 182, 182);
							padding: 1.5vw 0.7vw; 
							background-color: white;
							right:-55vw ;
							font-weight: 800;
							text-decoration: none;
							color:  rgb(248, 193, 90);
							z-index: 20;
							font-size: 1.1vw;
							transition: all 250ms;
							cursor: pointer;
							user-select: none;
							-webkit-user-select: none;
							touch-action: manipulation;
							box-shadow: 0.4vw 0.4vw  0.1vw rgba(0, 0, 0, 0.437);
							font-family: "Merienda", cursive;
							
						}	



									.a-K:hover{
										background-color:  rgb(0, 0, 0);
										color: white;
									}


									



									.ul-img{
										position: absolute;
										top: 35vw;
										left: 13vw;
										list-style: none;
										display: flex;
									}



										.ul-img li{
											margin-left: 2vw;
										}

												.li-img{
													height: 10vw;
													width: 13vw;
													border-radius: 30px;
													border: 4px solid white;
													transition: all 0.4s ease-in-out;
												}

												.li-img:hover{
													scale: 2.2;
												}
	



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

/******************************************************************************************/
.total-foot{
	position: relative;
	height: 35vw;
	width: 120%;
	top: -33vw;
	margin-top: 0vw;
	left: -7vw;
	background-color: rgb(56, 56, 56);
	/*border: 2px solid black;*/
	color: white;
	border-top-left-radius: 150%;
	overflow: hidden;
	display: block;
}

.foot-ser{
	margin: 30px 0px 0px 0px;
	position: absolute;
	width: 23vw;
	left: 28vw;
	top: 8.5 vw;

}

				.foot-ser p{
					position: relative;
					font-weight: 700;
					color: white;
					text-align: center;
					font-size: 1.1vw;
					left: -3vw;
					top: -0.8vw;
					
				}

				
				.foot-ser ul li{
					position: relative;
					top: 0.6vw;
					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: 2.3vw;
						}



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


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


.foot-contact{
	position: absolute;
	left: 53vw;
	top: 22vw;
	font-size:0.9vw ;

}

					.foot-contact p{
						font-weight: 800;
						color: white;
						text-align: center;
						font-size: 1.2vw;
					}

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

					.foot-contact ul li{
						position: relative;
						top: 1.5vw;
						left: 2.9vw;
						line-height: 2vw;
						color: #ffffff;
						text-decoration: none;
						font-size: 1.1vw;
						font-weight: lighter;
					}


							.foot-contact ul li:hover{
								scale: 1.1;
								cursor: pointer;
								left: 3.8vw;
								position: relative;
							}

					.foot-contact ul li a{
						text-decoration: none;
						color: white;
						font-weight: 600;
					}

					.foot-contact ul li:hover a{
						color: rgb(255, 123, 0);
					}


.foot-leg{
	position: absolute;
	left: 55vw;
	top: 7vw;
	font-size:0.9vw ;
	height: ;
}

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

					.foot-leg ul li:hover{
						scale: 1.2;
						position: relative;
						left: 2vw;
						cursor: pointer;
						color: #93FFC5;
					}

					.foot-leg ul li{
						position: relative;
						top: 2vw;
						left: 1vw;
						font-size: 0.8vw;
						line-height: 1.5vw;
						list-style: url(../PIC/right-1.png);
					}



.foot-lien{
	position: absolute;
	left: 78.5vw;
	top: 19vw;

	
}

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

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

			}

			.foot-lien ul li{
				position: relative;
				top: 0.8vw;
				left: 0vw;
				padding-right: 0vw;
				margin-right: 0.5vw;
				

			}

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

							}


							.foot-lien ul li a{
								
							}

										.foot-lien ul li:hover a{
											
										}

					.fb2{
						background-image: url(PIC/face.png);
					}
/*******************************************************************************************/
/**********************************************************************************************/

.div-text{
	position: relative;
	left: 12vw;
	top: 21vw;
	height: 250px;

}
.div-text ul{
	list-style: none;
}

.div-text li{
	font-size: 2.5vw;
	font-family: "Poppins", sans-serif;
  	font-weight: 900;
  	font-style: normal;
	line-height: 2.7vw;
	letter-spacing: 0.1vw;

}	
.span01{
	color: #48F126;
	font-weight: 700;
	font-size: 2.5vw;
	font-weight: 900;
}

.span02{
	font-weight: 700;
	font-size: 2.5vw;
	font-weight: 900;

}


.foot-img{
	position: absolute;
	height: 15vw;
	width: 15vw;
	left: 78vw;
	top: 5vw;
}




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


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

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



.img-head{
	height: 18vw;
	width: 18vw;
	top: -2.5vw;
	left: -10vw;
}


.lien-sociaux{
	position: relative;
	top: -6vw;
}

.search-open{
	display: block;
}
.div-search{
display: none;
}

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

.div-img-Sen{
	margin-top: 6vw;
	height: 50vw;
	overflow: hidden;
	z-index: 30;
	/* border: 2px solid black; */

}

			.img-Sen{
				position: relative;
				top: 0vw;
				height: 55vw;
				width: 100%;
				z-index: 50;
			}

	
			.blur-Sen{
				
				position: absolute;
				height: 75vw;
				width:100%;
				top: 0vw;
				z-index: 100;
				backdrop-filter: blur(4px);

										background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.9),  RGBa(0, 0, 0, 0.6));
										background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.9), RGBa(0, 0, 0, 0.6));
										background: -o-linear-gradient(180deg, RGBa(0, 0, 250, 0.9), RGBa(0, 0, 0, 0.6));
										background: linear-gradient(180deg, RGBa(0, 0, 0, 0.9),  RGBa(0, 0, 0, 0.6));
								
										
			}


			.h1-Sen{
				position: absolute;
				z-index: 130;
				color: white;
				top: 19vw;
				font-size: 6vw;
				left: 14vw;
				width: 70%;
			}

			.sp-sen{
				color: rgb(246, 119, 8);
			}

			.p-sen{
				position: absolute;
				z-index: 130;
				color: white;
				top: 35vw;
				font-size: 3.7vw;
				line-height: 4vw;
				word-spacing: 0.3vw;
				letter-spacing: 0.1vw;
				left: 15vw;
				width: 55%;
				font-weight: 200;
			}



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

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

						
							

								/***************************************************/
								/***************************************************/
									.lien-sociaux{
										position: relative;
										left: 25vw;
										width: 40vw;
										top: -3vw;
									}	
									
									

									.liFace{
										height: 9vw;
										width: 9vw;
									}



									.lien-sociaux ul li{

										margin-right: 2vw;
										transition: all 0.4s ease-in-out;
										background-color: white;
										border-radius: 50%;
										height: 5vw;
										width: 5vw;
									
									}



									
.lien-sociaux ul li a img{

    position: relative;
    left: 0vw;
    top: 0vw;
}
												


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

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

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





									}


									.search-open{
									display: block;
									height: 5.4vw;
									width: 5.4vw;
									position: absolute;
									right: 10vw;
									top: 0.6vw;
									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: 800;
		background-color: rgba(0, 0, 0, 0.274);
		backdrop-filter: blur(2px);
		height: 125vh;
		width: 100vw;
		top: 0vw;
		/* border: 2px solid red; */
		left: -7vw;
		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: -2.5vw;
		width: 100%;
		/* 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-bottom: none;
								
							
							}



							#displayMenuSen{
								display: block;
								height: 6vw;
								width: 6vw;
								position: absolute;
								right: 4vw;
								top: 3vw;
								z-index: 300;
							  
							  }
							  
							  #closeMenuSen{
								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-def{
	position: relative;
	height: 130vw;
	padding-top: 6vw;
}


			.h2-sen{
				position: absolute;
				top: 30vw;
				left: 0vw;
				font-size: 5vw;
				width: 50vw;
				border: 1px solid black;
				padding: 1vw 1vw;
				box-shadow: 1vw 1vw 0.5vw rgb(138, 138, 138);
			}


#h2Sen.visibleh2Sen{
  animation: h2SenMobile 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes h2SenMobile {
    from{
      left: -50vw;
	  opacity: 0;
    }
    to{
      left: 0vw;
	  opacity: 1;
  
    }
  }

				.p-sen2{
					position: relative;
					border-left: 9px solid orange	;
					top: 50vw;
					left: 8vw;
					width: 70vw;
					font-size: 4vw;
					line-height: 5vw;
					word-spacing: 0.7vw;
					padding-left: 2vw;
					padding-top: 5vw;
					padding-bottom: 5vw;
			

				}


#pSen.visiblepSen{
  animation: pSenMobile 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes pSenMobile {
    from{
      left: 120vw;
	  opacity: 0;
    }
    to{
      left: 8vw;
	  opacity: 1;
  
    }
  }


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



.div-options{
	position: absolute;
	width: 97%;
	height: 56.5vw;
	left: 2vw;
	z-index: 160;
	top: 160vw;
	overflow: hidden;
	/* border: 2px solid black; */
	

}

		.ul-options{
			position: relative;
			list-style: none;
			display: flex;
			text-decoration: none;
			width: 70%;
			height: 65vw;
			left: 12vw;
			top: 0vw;
			


		}





		.ul-options li{
			position: relative;
			left: -20vw;
			top: 12vw;
			border: none;
			border-radius: 10px;
			height: 60%;
			width: 40%;
			border: 2px solid rgb(130, 127, 127);
			z-index: 50;
			overflow:;
			


		
		}





#li1Options.visibleli1Options{
	left:;
  animation: li1OptionsMobile 2s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes li1OptionsMobile {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 12vw;
	  opacity: 1;
  
    }
  }



    
#li2Options.visibleli2Options{
	left: -13.5vw;
	top: 6vw;
	animation: li2OptionsMobile 2.5s ease-in-out;
	transition: all 0.7s ease-in-out;
	opacity: 1;
  }
  
  
  @keyframes li2OptionsMobile {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 6vw;
	  opacity: 1;
  
    }
  }



  #li3Options.visibleli3Options{
	left: -7vw;
  animation: li3OptionsMoble 2.8s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes li3OptionsMoble {
    from{
      top: 50vw;
	  opacity: 0;
    }
    to{
      top: 12vw;
	  opacity: 1;
  
    }
  }



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



		.img-in{
			position: relative;
			left: 2.3vw;
			top: -2vw;
			height: 20vw;
			width: 20vw;
			border-radius: 10px;
		}

		.img-tra{
			margin-top: 1.5vw;
			height: 20vw;
			width: 25vw;
			border-radius: 10px;

		}


		#img1st{
			position: relative;
			padding: 0.5vw;
			border: 2px solid black;
			background-color: white;
		}



		#img2nd{
			position: relative;
			left: 2vw;
			top: -3vw;
			padding: 0.5vw;
			border: 2px solid black;
			background-color: white;
		}


		#img3rd{
			position: relative;
			left: 3vw;
			top: -3vw;
			padding: 0vw;
			border: 2px solid black;
			background-color: white;
		}

				.ul-options li p{
					margin-top: -1vw;
					text-align: center;
					font-weight: 800;
					font-size: 3.7vw;
					color: rgb(79, 74, 74);
				}

						.p-tra{
							padding-top: 3.5vw;
							text-align: center;
							font-weight: 800;
							font-size: 3.7vw;
						}

				.a-ii{
					position: absolute;
					top: 55vw;
					left: 24vw;
					text-decoration: none;
					font-weight: 600;
					color: rgb(255, 255, 255);
					font-size: 5vw;
					            box-shadow: 0.1vw 0.1vw 2vw rgb(187, 185, 185), -0.1vw -0.1vw 2vw rgb(185, 182, 182);

				}

							.a-tra{
								text-decoration: none;
								margin-left: 8vw;
								position: relative;
								top: 3.5vw;										
								font-weight: 600;
								color: orange;
							}



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

.div-body{
	position: relative;
	width: 100%;
	height: 1000vw;
	z-index: 100;
	/* border: 2px solid blue; */
}


		.div-body-1{
			display: ;
			position:absolute;
			top: 30vw;
			left: -17.1vw;
			height: 100vw;
			width:;
			border-left:100vw solid rgba(0, 0, 0, 0.516) ;
			border-top: 0px solid transparent;
			border-bottom: 40px solid transparent;
			margin-left: 10vw;
			
		}
					.h2-forme{
						position: relative;
						font-size: 5vw;
						font-weight: 600;
						text-align: center;
						top: 40vw;
						left: 8vw;
						width: 65vw;
						color: rgb(255, 255, 255);
						margin-bottom: 220vw;
					}

							.ul-forme{
								position: absolute;
								top: 65vw;
								left: -3vw;
								font-size: 3.7vw;
								line-height: 7.5vw;
								color: rgb(0, 0, 0);
								width: 75vw;

							}


							.ul-forme li{
								list-style: none;
								margin-bottom: 2vw;
								padding: 1vw 2vw;
								line-height: 5vw;
								border-radius: 20px;
								color: white;

							}


			.div-body-2{
				display: ;
				position:absolute;
				top: 131vw;
				left: -30vw;
				height: 85vw;
				width:;
				
				border-right:100vw solid rgb(223, 220, 220) ;
				border-top: 40px solid transparent;
				border-bottom: 18px solid transparent;
				margin-bottom: 0vw;


				
			}


						.h2-forme2{
							position: absolute;
							font-size: 5vw;
							font-weight: 600;
							text-align: center;
							top: 140vw;
							width: 65vw;
							left: 20vw;
							color: rgb(95, 93, 93);
						}

								.ul-forme2{
									position: absolute;
									top: 165vw;
									left: 3vw;
									font-size: 3.7vw;
									line-height: 7.5vw;
									color: rgb(0, 0, 0);
									width: 65vw;
								}


								.ul-forme2 li{
									list-style: ;
									padding: 0 3vw;
									line-height: 6vw;
									margin-bottom: 2vw
								}




			.div-body-3{
				display: ;
				position:absolute;
				top: 224.3vw;
				left: -8vw;
				height: 80vw;
				width:;
				border-left:105vw solid rgba(0, 0, 0, 0.516) ;
				border-top: 20px solid transparent;
				border-bottom: 0px solid transparent;

				
			}

						.h2-forme3{
							position: absolute;
							font-size: 5vw;
							font-weight: 600;
							text-align: center;
							left: 0vw;
							top: 230vw;
							width: 60vw;
							color: rgb(255, 255, 255);
						}

								.ul-forme3{
									position: absolute;
									top: 255vw;
									left: 7vw;
									font-size: 3.7vw;
									line-height: 7.5vw;
									color: rgb(255, 255, 255);
									width: 65vw;
								}

								.ul-forme3 li{
									list-style:none;
								}


								
/*******************************************************************************/
/******************************************************/
/*******************************************************************************/
/******************************************************/
.div-body-4{
	top: 108vw;
	position: relative;
	height: 380vw;
	left: -8vw;
	width: 102vw;
	/* border: 2px solid rgb(243, 1, 1); */

}


.backSEn{
	position: absolute;
	top: 400vw;
	border: 2px solid green;
	left: -8vw;
	width: 130%;
	height: 150vh;
	filter: opacity(5%);
}

		
					.h2-body-4{
						position: absolute;
						left: -1vw;
						top: -3.5vw;
						font-size: 6vw;
						width: 95%;
						height: 45vw;
						color: white;
						font-weight: 800;
						padding-top: 10vw;
						padding-bottom: 10vw;
						padding-left: 3vw;
						padding-right: 4vw;
						backdrop-filter: blur(7px);
						z-index: 150;
						border: none;


					}

					.p-body-4{
						position: absolute;
						top: 30vw;
						left: 4vw;
						line-height: 5vw;
						word-spacing: 0.1vw;
						letter-spacing: 0.1vw;
						font-size: 4vw;
						width: 80%;
						color: rgb(255, 255, 255);
						z-index: 150;
					}

					.img-body-4{
						position: absolute;
						top: -62vw;
						left: 0vw;
						height: 54vw;
						width: 100%;
						padding-top: 70vw;
						border-radius: 10px;
					}


					.blur-body-4{
				
						position: absolute;
						height: 65vw;
						width:102%;
						top: 0.5vw;
						left: -1vw;
						z-index: 100;
						backdrop-filter: blur(4px);
		
												background: -moz-linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.6));
												background: -webkit-linear-gradient(180deg, RGBa(0, 0, 0, 0.6), RGBa(0, 0, 0, 0.6));
												background: -o-linear-gradient(180deg, RGBa(0, 0, 250, 0.6), RGBa(0, 0, 0, 0.6));
												background: linear-gradient(180deg, RGBa(0, 0, 0, 0.6),  RGBa(0, 0, 0, 0.6));
												
					}


								.ul-1{
									position: absolute;
									left: 4.5vw;
									top: 73vw;
									width: 90vw;
									height: 65vw;
									border: 1px solid black;
									font-weight: 700;
									border-radius: 10px;
									box-shadow: 0.6vw 0.6vw 0.5vw rgb(138, 138, 138), -0.6vw -0.6vw 0.5vw rgb(138, 138, 138);
								}

									.ul-1 li{
										position: relative;
										top: 4vw;
										padding-top: 2vw;
										margin-left: 2vw;
										list-style: url(../PIC/right-1.png);
										font-size: 3.7vw;
										line-height: 5.5vw;
										font-weight: normal;
									}
					
										.p-ul-1{
											position: absolute;
											top: 1vw;
											left: 35vw;
											font-size: 5vw;
											width: 17vw;
											text-align: center;
											color: rgb(4, 59, 4);
										}
				
										.img-ul-1{
											height: 14vw;
											width: 14vw;
											position: relative;
											left: 6vw;
											margin-bottom: 4vw;
										}



										.list-1{
											font-weight: 100;
											margin-top: -3vw;
											margin-right: 1vw;
										}
				
								.ul-2{
									position: absolute;
									left: 4.5vw;
									top: 143vw;
									width: 90vw;
									height: 75vw;
									font-weight: 700;
									border: 1px solid black;
									border-radius: 10px;
									box-shadow: 0.6vw 0.6vw 0.5vw rgb(138, 138, 138), -0.6vw -0.6vw 0.5vw rgb(138, 138, 138);
								}	
								
								
														.ul-2 li{
															position: relative;
															top: 2vw;
															padding-top: 2vw;
															margin-left: 2vw;
															list-style: url(../PIC/right-1.png);
															font-size: 3.7vw;
															line-height: 5.5vw;
															font-weight: normal;
														}
										
														.p-ul-2{
															position: absolute;
															top: 1vw;
															left: 27vw;
															font-size: 5vw;
															width: 50vw;
															text-align: center;
															color: rgb(4, 59, 4);
														}
								
														.img-ul-2{
															height: 14vw;
															width: 14vw;
															position: relative;
															left: 6vw;
															margin-bottom: 6vw;
														}

														.list-2{
															font-weight: 100;
															margin-top: -4.3vw;
															margin-right: 1vw;
														}
				
								.ul-3{
									border: 1px solid black;
									position: absolute;
									left: 4.5vw;
									top: 223vw;
									width: 90vw;
									height: 70vw;
									font-weight: 700;
									border-radius: 10px;
									box-shadow: 0.6vw 0.6vw 0.5vw rgb(138, 138, 138), -0.6vw -0.6vw 0.5vw rgb(138, 138, 138);
								}

													.ul-3 li{
														position: relative;
														top: 6vw;
														padding-top: 2vw;
														margin-left: 2vw;
														list-style: url(../PIC/right-1.png);
														font-size: 3.7vw;
														line-height: 5.5vw;
														font-weight: normal;
													}
						
												.p-ul-3{
													position: absolute;
													top: 1vw;
													left: 35vw;
													font-size: 5vw;
													width: 17vw;
													text-align: center;
													color: rgb(4, 59, 4);
													
												}

												.list-3{
													font-weight: 100;
													margin-top: -4vw;
													margin-right: 1vw;
												}



					
												.img-ul-3{
													height: 14vw;
													width: 14vw;
													position: relative;
													left: 6vw;
													margin-bottom: 5vw;
												}



								.ul-4{
									border: 1px solid black;
									position: absolute;
									left: 4.5vw;
									top: 256vw;
									width: 90vw;
									height: 60vw;
									font-weight: 700;
									border-radius: 10px;
								}

									.ul-4 li{
										padding-top: 2vw;
										margin-left: 2vw;
										list-style: url(../PIC/right-1.png);
										font-size: 2.8vw;
										line-height: 5.5vw;
									}
				
										.p-ul-4{
											position: absolute;
											top: 1vw;
											left: 35vw;
											font-size: 4.1vw;
											width: 17vw;
											text-align: center;
											color: rgb(4, 59, 4);
											
										}
				
										.img-ul-4{
											height: 17vw;
											width: 25vw;
											position: relative;
											left: 2vw;
										}


										.list-4{
											font-weight: 100;
											margin-top: -4vw;
											margin-right: 1vw;
										}






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


.div-K{
	top: 1vw;
	position: relative;
	height: 220vw;
	left: -8vw;
	width: 105vw;
	border-radius: 50px;
	background-color: rgb(248, 193, 90);
	padding-bottom: 7vw;
}





#divK.visibledivK{
  animation: divKMobile 1s ease-in-out;
  transition: all 0.7s ease-in-out;
  opacity: 1;
  }
  
  
  @keyframes divKMobile {
    from{
      top: 20vw;
	  opacity: 0;
    }
    to{
      top: 1vw;
	  opacity: 1;
  
    }
  }


				.slide-4{
					
					margin-top: 1.5vw;
					height: 15vw;
				}

						.slide-4-img{
							position: absolute;
							height: 25vw;
							width: 35vw;
							left:3vw;
							top: 14vw;
							z-index: 20;
							
						}

						

						.slide-4-h2{
							position: absolute;
							top: 13vw;
							left: 38vw;
							width: 40%;
							font-size: 7vw;
							font-weight: 900;
							word-spacing: ;
							line-height: 7vw;
							color: rgb(255, 255, 255);
						}

							

						.p-K{
							
							position: relative;
							top: -7vw;
							left: 10vw;
							width: 40%;
							font-size: 1.5vw;
							font-weight: 700 ;
							color: rgb(44, 131, 253);
						}

						.ul-K{
							position: absolute;
							left: -1vw;
							width: 80vw;
							top: 45vw;
						}


								.ul-K li{
									line-height: 4vw;
									font-size: 3.3vw;
									width: 80vw;
									list-style:none;
									border-radius: 50px;
									padding: 2vw 4vw;
									font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
									}
						.a-K{
							position: absolute;
							bottom: 50vw;
							right:5vw ;
							font-weight: 700;
							text-decoration: none;
							font-size: 3.3vw;
							
						}	


										
	



									.ul-img{
										position: relative;
										top: 89vw;
										left: 10vw;
										height: 170vw;
										width: 72%;
										list-style: none;
										display: block;
									}




.ul-img li.zapContainBg {
    display: block;
    transition: all 2s ease-in-out;
    animation: indexBgSlide 0.3s ease-in-out;
  }
  
  @keyframes indexBgSlide {
    from{
      left: 0vw;
    }
    to{
      left: 0;
    }
  }



  #li1st{
  display: block;
}


										.ul-img li{
											display: none;
											position: absolute;
											left: -2vw;
										}

												.li-img{
													height: 50vw;
													width: 80vw;
													border-radius: 30px;
													border: 6px solid white;
												}

													.li-img:hover{
													scale: 1;
												}
	
	
												

/************************************************************************************/
/******************************************************************************************/
.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;
	top: -8vw;
}

								.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);
													font-weight: lighter;
												}

												.foot-ser ul li:hover{
													position: relative;
													scale: 1.1;
													left: 4vw;
												}


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




								.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: 2vw;
													}

													.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-contact ul li:hover{
																left: 2vw;
																
																
															}

								.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);
														font-weight: lighter;
													}



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

									
								}

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

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

											}

											.foot-lien ul li{
												position: relative;
												top: -3vw;
												left: -2.5vw;
												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: 6vw;
			width: 6vw;
		}


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





			
}