
html, body {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background-color :#000 ;

}


 
#back-top2 {
 

 

max-width: 2190px;
min-width: 100px;

height: 2876px;

background:url(image/bg2.jpg);

    
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;
background-repeat:no-repeat;
  

	
	


}

 .btn-350 {
  background: #000000;
 float:right;
  -webkit-border-radius: 8;
  margin-right: 20PX;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
}

.btn-350:hover {
  background: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #737373);
  background-image: -moz-linear-gradient(top, #e0e0e0, #737373);
  background-image: -ms-linear-gradient(top, #e0e0e0, #737373);
  background-image: -o-linear-gradient(top, #e0e0e0, #737373);
  background-image: linear-gradient(to bottom, #e0e0e0, #737373);
  text-decoration: none;
   color: #000;
  
}
 


#oasis-left

{
 
height: 2876px;
 
width:20%;
background-color :#000 ;
max-width:300px;
 

float: left;

}


#oasis-droite{
 

 
width:80%;

float: left;
max-width:1000px;

 


}

#oasis-diapo-4{
 

width:724px;

background :#000 ;
height:300px;
margin-top: 25px;
 margin-left:155px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}

#oasis-diapo-3{
 

width:218px;

background :#000 ;
height:365px;

 margin-left:35px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo-2{
 

width:218px;

background :#000 ;
height:365px;


 margin-left:155px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}






#papou{
 



background :#000 ;

 margin-left:15px;
 margin-right:15px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 70px 20px;

}



#oasis-diapo{
 



background :#000 ;

 margin-left:155px;
 margin-right:125px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 400px 20px;

}



#oasis-90{
 
height: 124px;
 


float: left;

margin-left: 30px;
margin-right: 30px;
 


}



#oasis-80{
 
height: 124px;
 
margin-left:20px;

float: left;

margin-left: 20px;
margin-right: 15px;
 


}



  .oasis-texte-3
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 12px;

	
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

opacity: 0.6;



 
 }





  .oasis-texte-2
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 12px;

	
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

opacity: 0.6;



 
 }





  .oasis-texte
 {  

	display:inline;
	font-family: "Trebuchet MS";
	font-size: 13px;


	
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

opacity: 0.8;



 
 }






  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 25px;
background: #000;

	 margin-left:155px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }





  .oasis-oui
 {  

	display:inline;
text-shadow: 2px 2px 2px black;
font-family: Lobster, cursive;
	font-size: 28px;
background: #000;

	 margin-left:155px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 
 
 
 .btn {
  background: #000000;
 float:center;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 6px 20px 6px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #737373);
  background-image: -moz-linear-gradient(top, #e0e0e0, #737373);
  background-image: -ms-linear-gradient(top, #e0e0e0, #737373);
  background-image: -o-linear-gradient(top, #e0e0e0, #737373);
  background-image: linear-gradient(to bottom, #e0e0e0, #737373);
  text-decoration: none;
   color: #000;
  
}
 
 
 
 
 
 
 
 

 @media screen and (max-width: 1168px) {
 
 
 #oasis-diapo-4{
 

width:600px;

background :#000 ;
height:350px;
margin-top: 25px;
 margin-left:155px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
  
 .btn {
  background: #000000;
 float:center;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #737373);
  background-image: -moz-linear-gradient(top, #e0e0e0, #737373);
  background-image: -ms-linear-gradient(top, #e0e0e0, #737373);
  background-image: -o-linear-gradient(top, #e0e0e0, #737373);
  background-image: linear-gradient(to bottom, #e0e0e0, #737373);
  text-decoration: none;
   color: #000;
  
}
 
 
 
 
 
 
#oasis-diapo-3{
 

width:190px;

background :#000 ;
height:350px;

 margin-left:15px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo-2{
 

width:190px;

background :#000 ;
height:350px;


 margin-left:155px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
 
 
 
 }
 
 
 

@media screen and (max-width: 968px) {


 #oasis-franc{
 

width:104px;


height:100px;

 
 float:left;


}

 #oasis-diapo-4{
 

width:620px;

background :#000 ;
height:350px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo{
 



background :#000 ;

 margin-left:25px;
 margin-right:25px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 580px 20px;

}

#oasis-diapo-3{
 

width:190px;

background :#000 ;
height:360px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo-2{
 
margin-top: 25px;
width:190px;

background :#000 ;
height:360px;


 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
 

  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 20px;
background: #000;

	 margin-left:25px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 15px 17px 15px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }




  .oasis-oui
 {  

	display:inline;
	font-family: Lobster, cursive;
	font-size: 25px;
background: #000;

	 margin-left:25px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 
 


 }


 
  @media screen and (max-width: 838px) {

  
  
   #oasis-franc{
 

width:104px;


height:83px;

 
 float:left;


}
  
  
  
  
  
  
  
 #oasis-diapo-4{
 

width:500px;

background :#000 ;
height:370px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
 
 
 
  }
 
 
  
  @media screen and (max-width: 738px) {

 #oasis-diapo-4{
 

width:400px;

background :#000 ;
height:420px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
 
 
 
  }
 
 
 
 
   
  @media screen and (max-width: 600px) {

 #oasis-diapo-4{
 

width:300px;

background :#000 ;
height:510px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}
 
 
 
  }
 
 
 
 @media screen and (max-width: 568px) {

  #oasis-diapo-4{
 

width:190px;

background :#000 ;
height:790px;
margin-top: 25px;
 margin-left:25px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}



#oasis-diapo{
 



background :#000 ;

 margin-left:25px;
 margin-right:25px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 650px 20px;

}


#oasis-manu

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:200px;

 
margin-left: 20px;
float: left;

}

#oasis-manu-2

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:200px;
 margin-left: 20px;

float: left;

}


  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 12px;
background: #000;

	 margin-left:25px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 5px 17px 5px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }







  .oasis-oui
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 12px;
background: #000;

	 margin-left:25px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 
  #oasis-left{
 
height: 2576px;
 
width:30%;
background-color :#000 ;

 

float: left;

}
 
#oasis-droite{
 
height: 124px;
 
width:70%;

float: left;


 


}


 }

 
 

 
 
 
 
  @media screen and (max-width: 398px) {


  
  #oasis-90{
 
height: 124px;
 


float: left;

margin-left: 5px;
margin-right: 5px;
 


}
  
  
  
  
  
  
  #oasis-diapo-4{
 

width:185px;

background :#000 ;
height:790px;
margin-top: 5px;
 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}

#oasis-diapo{
 



background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 700px 20px;

}

#oasis-diapo-3{
 

width:185px;

background :#000 ;
height:390px;
margin-top: 25px;
 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
border: 1px solid #333;

}




#oasis-diapo-2{
 
margin-top: 25px;
width:185px;

background :#000 ;
height:390px;


 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
border: 1px solid #333;
}

  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 12px;
background: #000;

	 margin-left:7px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 5px 17px 5px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }







  .oasis-oui
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 13px;
background: #000;

	 margin-left:10px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 #oasis-left{
 
height: 2576px;
 
width:35%;
background-color :#000 ;

 

float: left;

}
 
#oasis-droite{
 
height: 124px;
 
width:65%;

float: left;


 


}

 }
 
    @media screen and (max-width: 342px) {
 
   .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 10px;
background: #000;

	 margin-left:7px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 5px 17px 5px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
  }
   @media screen and (max-width: 312px) {


   
   
     #oasis-diapo-4{
 

display: none;

}
   
   
   
   #oasis-manu

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:100px;

 
margin-left: 20px;
float: left;

}

#oasis-manu-2

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:100px;
 margin-left: 20px;

float: left;

}
   
   
   
 .btn {
  background: #000000;
 float:center;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 5px 6px 5px;
  text-decoration: none;
}

.btn:hover {
  background: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #e0e0e0, #737373);
  background-image: -moz-linear-gradient(top, #e0e0e0, #737373);
  background-image: -ms-linear-gradient(top, #e0e0e0, #737373);
  background-image: -o-linear-gradient(top, #e0e0e0, #737373);
  background-image: linear-gradient(to bottom, #e0e0e0, #737373);
  text-decoration: none;
   color: #000;
  
}
 
   
   
   #oasis-diapo-services{
 



background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 300px 20px;

}

   

#oasis-diapo{
 



background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 800px 20px;

}



#oasis-diapo-3{
 

width:140px;

background :#000 ;
height:430px;

 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo-2{
 

width:140px;

background :#000 ;
height:430px;


 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}


  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 7px;
background: #000;

	 margin-left:5px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 5px 17px 5px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }





  .oasis-oui
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 10px;
background: #000;

	 margin-left:5px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 17px 20px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 #oasis-left{
 
height: 2576px;
 
width:40%;
background-color :#000 ;

 

float: left;

}
 
#oasis-droite{
 
height: 124px;
 
width:60%;

float: left;


 


}

 }
 
 
 
 
 
 
 
  
 
 
   @media screen and (max-width: 268px) {


   #oasis-manu

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:50px;

 
margin-left: 20px;
float: left;

}

#oasis-manu-2

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:50px;
 margin-left: 20px;

float: left;

}
   
 
 .btn {
  background: #000000;
 float:center;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 10px;
  padding: 6px 5px 6px 5px;
  text-decoration: none;
}

.btn:hover {
background :#000 ;
  text-decoration: none;
   color: #FFF;
  
}  
   
   
   
   
#oasis-diapo-services{
 



background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 470px 20px;

}

#oasis-diapo{
 



background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 370px 20px;

}



#oasis-diapo-3{
 

width:100px;

background :#000 ;
height:460px;

 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}




#oasis-diapo-2{
 

width:100px;

background :#000 ;
height:440px;


 margin-left:5px;
 float:left;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;

}






  .oasis-oui-2
 {  

	display:inline;
	font-family: Lobster, cursive;
	font-size: 6px;
background: #000;

	 margin-left:5px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 5px 0px 5px 0px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }







  .oasis-oui
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 8px;
background: #000;

	 margin-left:5px;
	color: #fff;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 5px 5px 5px 5px;
opacity: 0.6;
     filter: alpha(opacity=60); 


 
 }
 
 #oasis-left{
 
height: 2576px;
 
width:50%;
background-color :#000 ;

 

float: left;

}
 
#oasis-droite{
 
height: 124px;
 
width:50%;

float: left;


 


}

 }
 
 
 
 
 
 
 

 
/*
     FILE ARCHIVED ON 11:38:15 Sep 12, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:36:12 Oct 11, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  RedisCDXSource: 20.903
  exclusion.robots.policy: 0.134
  exclusion.robots: 0.145
  esindex: 0.011
  PetaboxLoader3.datanode: 158.169 (4)
  PetaboxLoader3.resolve: 92.606 (2)
  LoadShardBlock: 167.065 (3)
  CDXLines.iter: 15.112 (3)
  captures_list: 206.34
  load_resource: 107.122
*/