* { position: relative; }

/*-------------------------slide acceuil index --------------------------*/



body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  margin: 0;;
  
}

*{
  margin: 0;
  padding: 0;
}
.container1A {
  
  position: relative;
 	 width:100%;
   height:800px;
   z-index:4;
   display:inline-block;
   padding: 0px; 
	 margin:auto; 
	background-color:;
  
}

/* Hide the images by default */
.mySlides1A {
   position: absolute;
    left:px;
    
   margin-top:px;
}
.mySlides1A {
  
  width:100%;
  height:880px;
  background-color:lightblue;
   position: absolute;
    z-indx:-3;
    z-index:5;
	
}

.mySlides1A img{
	
	height:880px;
	width:100%;
	
	
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}
.hide1A {
	 position:;
  display: none;
  mrgin:-310px 70px 10px 370px;
   height:auto;
   width:300px;
   z-index:4;
}
.myDIV1A {
 position:absolute;	
margin-top:-120px;
margin-left:800px;
font-size:15px;
 color:blue;
z-index:4;
}    
.myDIV1A:hover + .hide1A {
	 psition:relative;
  display: block;
  color:blue;
   margin:-320px 70px 10px 900px;
   bckground-color:blue; 
  background-color:transparent;  
   hight:300px;
    height:auto;
   width:410px;
   z-index:6;
}

/*-------------------------Test 1C --------------------------*/
/* Style the top navigation bar */
.navbar1C {
	
  overflow: hidden;
  width:180px;
  flot: right;
  float:left;
 mrgin:36px 150px 10px 300px;
 z-index:3;
}

/* Style the navigation bar blog */
/* Style the navigation bar links */
.navbar1C a { 	
  float:left;
  display:block;
  color: white;
  text-align: center;
  padding: 3px 2px;
  text-decoration: none;
  background-color:RGB(129,190,270);
  margin:5px 0px 0px 5px;
  mrgin-left:75px;
  width:180px;
  z-index:3;
}
 
.navbar1C a.selected  {
	clear:; 
	font-weight:bold;
	color:#086A87;
	text-shadow:none;
	background-color:#ddd;
}
.navbar1C .selected {
	background-color:#ddd;
	width:180px;
}
/* Right-aligned link */
.navbar1C a.right {
  float: right;
}

/* Change color on hover */
.navbar1C a:hover {
  background-color: #ddd;
  color:#086A87;
}

                  
		   
				                                  ------------------------------------------------------
	.sidenav1C {
	
	
  
}
. {
	

	
  
}

.sidenav1C {
   display: none;
  height: 100%;
  width: 250px;
  psition: fixed;
  position:absolute;
  z-index:12;
   z-idex:17;
  mrgin-top:120px;
  mrgin-left:120px;
  bckground-color: #111;
  overflow-x: hidden;
  padding-top: 60px;
  mrgin-top:250px;
  mrgin-left:900px;
  top:4%;
  left:72%;
}
	
. {
 
}
                                  -------------------------------------------



div.scrollmenu {
  background-color:RGB(129,190,270);
  ovrflow: auto;
  white-space: nowrap;
  wdth:170px;
  height:25px;
  mrgin-left:5px;
  color: white;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  pdding:2px 2px 2px 2px;
  margin:2px 2px 2px 10px;
  text-decoration: none;
   wdth:10px;
}

div.scrollmenu a:hover {
  background-color: #ddd;
  color:#086A87;
}




               ---------------------------------------------------------



.vertical-menu {
  wdth:230px;
}

.vertical-menu a {
  background-color: #eee;
  clor: black;
   color: white;
  display: block;
  padding: 2px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
}

.vertical-menu a.active {
  background-color: #04AA6D;
  color: white;
}
.BB1C{

 position: absolute;
margin:100px auto;
 top:4%;
left:77%;
font-size:20px;
cursor:pointer;
border:2px solid lightblue;
width:auto;
background-color:lightblue;
color:white;
z-index:10;
z-idex:16;
display:inline;
mrgin:auto;
dsplay:none;

}







                        /*-------------------------       --------------------------*/
						
	/* Style the sidenav links and the dropdown button */
.navbar1 a, .dropdown-btn {
  padding: 6px 8px 6px 10px;
  text-decoration: none;
  font-size:18px;
  clor: #818181;
   color: white;
  display:block;
   dsplay:aline;
  border: none;
  background: none;
  width:175px;
  height:25px;
  text-align:center;
  text-align: lft;
  background-color:RGB(129,190,270);
  background-color:;
  cursor: pointer;
  outline: none;
  margin-left:5px;
}

/* On mouse-over */
.navbar a:hover, .dropdown-btn:hover {
  colo: #f1f1f1;
  color:white;
}
.navbar1 {
 height:px;
}



/* Add an active class to the active dropdown button */
.active {
  display:;
  color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding
 to change the design of the dropdown content */
.navbar1,.dropdown-container {
  display:none;
  dsplay:inline;
  bckground-color: #262626;
  padding-left:4px;
  width:172px;
  height:25px;
  margin-top:5px;
  margin-left:4px;
}
.navbar1,.dropdown-container a {
  display:inline;
  bckground-color: #262626;
  pdding-left: 8px;
  background-color:RGB(129,190,270);
 mrgin-top:5px;
  wdth:175px;
}
.dropdown-container,.scrollmenu a{
display:none;
dsplay:inline;
background-color:RGB(129,190,270);
text-align:center;
  margin-top:5px;
  wdth:25px;
}
.navbar1,.scrollmenu a {
  display:inline;
  bckground-color: #262626;
  pdding-left: 8px;
   margin-top:-5px;
   wdth:180px;
   bckground-color:RGB(129,190,270);
   wdth:175px; 
}
/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right:12px;
}
					
						
						
						
						
						
						
						
						
						
						
						-----------------------------------------------------------------

	/* Style the top navigation bar */
.navbar1 {
  
    overflow: hidden;
  width:180px;
  float: right;
 z-index:7;
 margin-top:75px; 
  margin-right:200px; 
}

/* Style the navigation bar links */
.navbar1 a {
   overflow: hidden; 	
  float:left;
  display:block;
  color: white;
  text-align: center;
  padding: 3px 2px;
  text-decoration: none;
  background-color:RGB(129,190,270);
  margin:5px 0px 0px 5px;
  width:180px;
  z-index:4;
}
.navbar1 a.selected  {

	clear:; 
	float:;
	font-weight:bold;
	color:#086A87;
	text-shadow:none;
	background-color:#ddd;
}
.navbar1 .selected {
	background-color:#ddd;
	width:180px;
}

/* Right-aligned link */
.navbar1 a.right {
  float: right;
  background-color:#086A87;
}

/* Change color on hover */
.navbar1 a:hover {
  background-color:#ddd;
  color:#086A87;
}
		
/*------------------------- acceuil index logo --------------------------*/
.logo1{	float:left;
	display:block;
	margin-left:50px;
	margin-top:50px;
	z-idex:1;
	z-index:6;
  position:absolute;
  height:120px;

}

.gp1{

  height:40px;
  width:200px;
  margin-left:20px;
  margin-top:160px;
  clor:yellow;
   clor:#f6008a;
   color:white;
   opcity:0.7;
  z-idex:1;
   z-index:6;
  position:absolute;
  display:inline;
   border:2px solid yellow;
  bckground-color:#f6008a; 
   bckground-color:RGB(255,0,255,0.4);
    background-color:white;
     text-align:center;
 box-shadow:-8px -8px yellow; 
}
.gp1 p{
padding:5px -2px 5px 5px;
font-size:22px;
mrgin-top:4px;
margin:10px 5px 2px 15px;
font-weight:bold;
line-height:1;
text-align:center;
color:RGB(129,190,270);
text-shadow:-3px -3px yellow;
}


/*-------------------------	acceuil index  --------------------------*/
.grph3A{
position:absolute;
background-color:white;	
bckground-image:url(file:/img/3Pc9.png);		
margin-top:330px;
margin-left:950px;
opacity:0.7;
z-index:6;
z-idex:16;
wdth:25%;
 hight:30%;
 dsplay:block;


 
}

.grph4A{
	position:absolute;
	text-align:center;
    padding:5px;
	width:300px;
	hight:80px;
	margin-top:350px;
	margin-left:920px;
	
	bckground-color:lightblue;
	clor:#f6008a;
	color:RGB(255,0,255);
	brder:2px solid yellow;
	z-index:7;
	}
	.grph4A{
	font-weight:bold;
    fnt-size:16px;
    line-height:1;
	opcity:1;
	}
	
	.grph4A p{
	font-weight:bold;
    font-size:18px;
    line-height:1;
	opacity:1;
	}
	.grph4A1 p{
	margin:-15px 5px 2px 15px;	
	font-weight:bold;
    font-size:17px;
    line-height:1;
	opacity:1;
	}
	.grph4A:hover {
     bckground-color:#0489B1;
	 clor:white;
	 color:yellow;
	 border:none;
     }
	.grph5A{
	position:absolute;
	text-align:center;
    padding:5px;
	width:300px;
	
	margin-top:450px;
	margin-left:920px;
	bckground-color:#0489B1;
	clor:RGB(129,190,270);
	color:#0489B1;
	z-index:7;
	}
	.grph5A{
	font-weight:bold;
    fnt-size:16px;
    line-height:1;
	}
	.grph5A p{
	font-weight:bold;
    font-size:18px;
    line-height:1;
	opacity:1;
	}
	.grph5A1 p{
		
	font-weight:bold;
    font-size:16px;
    line-height:1;
	margin:-15px 5px 2px 15px;
	opacity:1;
	}
	.grph5A:hover {
     bckground-color:#0489B1;	
     }
	 
                                 /*-------------------------	 -----------------------*/
body {
  font-family: "Lato", sans-serif;
  background-color:lghtblue;
}





/* Next & previous buttons */
.prev1A,
.next1A {
  cursor: pointer;
  position: absolute;
  top:-40px;
  width: auto;
  color: white;
  font-weight: bold;
  font-size: 20px;
   border-radius: 2px 2px 2px 2px;
  user-select: none;
    -webkit-user-select: none;
	z-index:7;	
}
/* Position the "next button" to the right */
.next1A {
  right:20px;
  left:120px;
   border-radius: 2px 2px 2px 2px;
  z-index:4;
   background-color:;
   color:white;
  }

/* On hover, add a  color with a little bit see-through */
.prev4:hover,
.next4:hover {
 
}



#myBtn1A {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#f6008a;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn1A:hover {
  background-color: #555;
}

/* Footer acceuil index */
.footer1A {

  margin-top:880px;
  margin-left:100px; 
  padding:20px;
  text-align: center;
  text-decoration:none;
  z-index:7;

}

.list-soc1A{float:right;margin-right:200px;margin-top:-20px;wdth:auto;}
.list-soc1A p{float:left;mrgin-left:214px; display:inline-block;}
.list-soc1A p a{display:inline;margin:4px 10px 4px 10px;
  opacity: 1; mrgin-right:110px;float:right;
  text-align:center; 
  filter: alpha(opacity=100);}
.list-soc1A p a:hover{
opacity: 0.5;
  filter: alpha(opacity=50);}	
.GA {
  height:30px;
  width: 200px;
  position:absolute;
  z-index:3;
  top:280px;
  left:1000px;
  background-color:lightblue;
   color:white; 
   }



/* Responsive index acceuil- when the screen is less than  wide,   */
@media screen and (max-width:1000px) {
	bdy{

    	
	background-image:linear-gradient();	
	}
.container1A{

background-image:linear-gradient(white,lightblue);	
text-align:center;
float:none;
display:block;
display:flex;
justify-content: center;
 position:absolute;
 psition:relative;
 position:;
 margin:auto;
}

.logo1{
	 float:none;
  position:absolute;
  width:100%;
  margin:20px auto;
  display:block;

}
.gp1{
 
  float:none;
   position:absolute;
  width:250px;
  lft:35%;
  tp:130px;
  mrgin:auto;
  margin:130px auto;
  display:block;
   mrgin-left: auto;
    mrgin-right:auto;
	display:flex;
	justify-content: center;
  z-index:9;
  text-align:center;
  
   brder:4px solid yellow;
}

.navbar1 {

  float:none;
 margin:190px auto;
 display:block;
 z-index:7; 
}

.B1A{
float:none;
 display:inline-block;
 display:;
 vsibility:hidden;
 margin:80px auto;
 width:90%;
 left:5%;
 display:none;
}
#mySidenav1A>.closebtn1A {
  position: absolute;
  top: 0;
  right:5px;
  font-size: 36px;
  margin-left:-110px;
  dsplay:none;
}
.sidnav1A {
  float:none;
  width:0;
  position:absolute;
  z-index:7;
  tp:210px;
  left:15%;
  mrgin-left:auto;
  mrgin-right:auto;
   background-color:lightblue;
  overflow-x: hidden;
  overflow-y: hidden;
  display:block;
}
.sdenav1A {
  float:none;
   margin:305px auto;
  display:inline-block;
 text-align:center;
 width:80%;
  }
  .nxt1A {
  left:180px;
   border-radius: 2px 2px 2px 2px;
  z-index:4;
   background-color:;
   color:white;
  
}/*-------------------------	acceuil index sidenav control image -----------------------*/
.sidenav1A {
  height:30px;
  width: 0;
  position:absolute;
  z-index:10;
  tOp:500px;
  left:50px;
   background-color:lightblue;
  overflow-x: hidden;
  overflow-y: hidden;
  margin:100px auto;
   wdth:50%;
}

.sidenav1A a {
  text-decoration: none;
  font-size: 25px;
  color:white;
  display:inline;
  text-align:center;
  mrgin:35px 5px 5px 5px;
}

.sidenav1A a:hover {
  color: #f1f1f1;
}





#mySidenav1A.closebtn1A {
  position: absolute;
  top: 0;
  right:-15px;
  font-size: 36px;
  mrgin-left:-110px;
  dsplay:none;
  margin:auto;
}
#mySidenav1C{
float:none;	
position:absolute;
text-align:center;
top:45%;
left:0px;
right:0px;
background-color:white;
background-position:center;
pdding-left:30%; 
pdding:2px 50px 2px 50px; 
 z-index:22;
  inst:10px ;
  wdth:50%;
   width:12rem;
  height:auto;
  max-width:100vw;
  max-height:100dvh;
  margin: auto;
 
 
}

.sidenav1C {
	top:35%;
 flot:none;
 left:0px;
right:0px;
position:absolute;
inst: 0px;
  wdth:12rem:;
  height:auto;
  max-width: 100vw;
  max-height: 100dvh;
  margin: auto;
  z-index:24;
  background-color:white;
background-position:center;
pdding:3px 40px 3px 48px;
padding:1% 20% 1% 20%; 
}

.drpdown-container>.scrllmenu a {

wdth:5px;

}

.BB1C{
dsplay:flex;
jstify-content:center;
float:none;
	
position:absolute;
text-align:center;
top:63%;
left:0px;
right:0px;

 mrgin:200px auto;
mrgin-left:auto;
 mrgin-right:auto;
 
 z-index:20;
  psition: fixed;
  inst:10px ;
  width:30px;
  height:30px;
  max-width:100;
  max-height:100;
  margin: auto;
 
}

/*-------------------------	 -----------------------*/
.grph4A{
	 float:none;
	width:90%;  
 margin:200px auto;
 dsplay:block;
 z-indx:7;
	}
.gph4A{
	float:none;
	dsplay:block;
	position:absolute;
	text-align:center;
	display:flex;
	justify-content:center; 
    padding:5px;
	
	z-index:7;
	}	
.gph5A{
dsplay:block;
display:flex;	
 float:none;
 position:absolute;
 margin:300px auto;
 width:90%;
 lft:5%;
justify-content:center; 
	}
                       ---------------------------------------------------------------------------------
 .grph3A{
float:none;	
text-align:center;
	dsplay:flex;
	jstify-content:center; 
position:absolute;
background-color:yellow;	
bckground-image:url(file:);	
margin:50px auto;	
mrgin-top:100px;
mrgin-left:-330px;
opacity:0.5;
z-index:5;
 height:auto;
 width:300px;
 dsplay:block;
 dsplay:none;
 
}
.grph3A{
	 float:none;
  position:absolute;
  wdth:50%;
   wdth:auto;
  margin:150px auto;
  dsplay:block;
display:none;
}
.grph4A{
	float:none;
	position:absolute;
	txt-align:center;
	text-align:center;
	display:flex;
	justify-content:center; 
    padding:5px;
	width:250px;
	height:110px;
	wdth:auto;
	hight:auto;
	margin:210px auto;
	
	background-color:white;
	bckground-color:lightblue;
	clor:#f6008a;
	 clor:RGB(255,201,14);
	
	brder:2px solid yellow;
	z-index:7;
	}
	.grph4A{
	font-weight:bold;
    font-size:16px;
    line-height:1;
	opacity:0.7;
	}
	.grph4A:hover {
     bckground-color:#0489B1;
	 clor:white;
	 color:yellow;
	 border:none;
     }
	.gph5A{
	float:none;	
	position:absolute;
	text-align:center;
	display:flex;
	justify-content:center; 
    padding:5px;
	width:250px;
	hight:100px;
	margin:310px auto;
	mrgin-top:430px;
	mrgin-left:900px;
	bckground-color:lightblue;
	bckground-color:#0489B1;
	clor:RGB(255,201,14);
	color:RGB(255,255,128);
	
	z-index:7;
	}
	.grph5A{
	
	}
	.gh5A:hover {
    	
     }
	
	
.grph4A p{
float:none;
position:absolute;	
opacity:1;	
font-size:20px;
color:RGB(0,162,232);
clor:#4682B4;
clor:#00FFFF;	
bckground-color:RGB(0,162,232);
width:auto;
margin:14px auto;
mrgin:6px 2px 1px 10px;
pdding:2px 2px 1px 10px;	
	}
.grph4A1 p{
float:none;
position:absolute;	
font-weight:bold;	
opacity:1;	
font-size:17px;
clor:;
color:RGB(0,162,232);

bckground-color:RGB(0,162,232);
width:210px;
wdth:auto;
margin:54px auto;
margin:54px 2px 1px -110px;
pdding:2px 2px 1px 10px;	
	}

.grph5A{
	float:none;	
	position:absolute;
	text-align:center;
	display:flex;
	justify-content:center; 
    padding:5px;
	width:250px;
	height:130px;
	
	bckground-color:#0489B1;
	background-color:RGB(0,162,232);
	clor:RGB(255,201,14);
	clor:RGB(255,255,128);
	
	margin:360px auto;
	z-index:7;
	}
	.grph5A{
	font-weight:bold;
    font-size:16px;
    line-height:1;
	opacity:1;
	}	
.grph5A p{
float:none;	
psition:absolute;
text-align:center;
opacity:1;	
font-size:20px;
clor:white;
color:yellow;
clor:#0489B1;
clor:lightblue;
clor:RGB(0,162,232);
clor:RGB(0,128,255);	
clor:#6495ED;
clor:RGB(255,255,168);
width:250px;
margin:1px 2px 1px 10px;
pdding:2px 2px 1px 10px;		 

	}	
.grph5A1 p{
float:none;
position:absolute;	
opacity:1;	
font-size:16px;
clor:RGB(0,162,232);
clor:yellow;
color:white;
clor:lightblue;
clor:#0489B1;
clor:RGB(0,128,255);
clor:RGB(255,255,168);	
bckground-color:RGB(0,162,232);
width:225px;
wdth:auto;
mrgin:474px auto;
margin:65px 2px 1px -230px;
pdding:2px 2px 1px 10px;
display:block;	
	}		
.grph4A p{
psition:absolute;		 
mrgin-top:20px;	
opcity:1;	
fnt-size:20px;	
	
	}		

                       ----------------------------------------------------------------------------------


   					   
					   
					   
					   
					   ---------------------------------------------------------------------------------

--         ----------------------------------------------------------------------------------------------

.mySlides1A {
  float:none;
  left:;
  margin-top:40%;
  mrgin:550px auto;
  display:inline-block;
  width:100%;
   position: absolute;
  hight:70px;
  psition:relative; 
}
.mySlides1A {
  float:none;
  left:;
  margin:550px auto;
  display:inline-block;
  width:100%;
   position: absolute;
  hight:70px; 
}
   


           ----------------------------------------------------------------------------------------------
.mySlides1A img{
	position: absolute;
	margin-top:50%;
	height:580px;
	width:100%;
	}
	       ----------------------------------------------------------------------------------------------------
.myDIV1A{
	 float:none;
	 position: absolute;
	lft:10%;
	 margin:550px auto;
	}	

	      ----------------------------------------------------------------------------------------------------
.cursor {
  cursor: pointer;
}
.hide1A {
	 position:;
  display: none;
  
   height:auto;
   width:300px;
   z-index:4;
}
.myDIV1A {
 position: absolute;	
margin-top:-880px;
margin-left:9px;
font-size:15px;
 color:blue;
z-index:4;
}    
.myDIV1A:hover + .hide1A {
	 psition:relative;
  display: block;
  clor:white;
  color:blue;
   mrgin:-720px 20px 10px 240px;
   background-color: transparent; 
 
  margin-top:-780px;
margin-left:20%;
  
    height:auto;
   width:300px;
   z-index:6;
}
.myDIV1A:hover + .hide1A {


	
}		  
		  --------------------------------------------------------------------------------------------------------
#myBtn1A {
  height:25px;
  width:25px;
  text-align:center;
  padding:20px;
}
.footer1A {
float:none;
  margin:1440px auto;
  margin-left:100px; 
  padding:20px;
  text-align: center;
  text-decoration:none;
  z-index:7;
  position:absolute;
  display:inline-block;
}

.list-soc1A{float:none;mrgin-right:200px;margin-top:-20px;wdth:auto;display:inline;}

}