html, body {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background-color :#000 ;

}




label {
display:block;
width:120px;
float:left;
color:#ffffff; 
 font-size: 12px;


   font-family:  Verdana, serif;
 

}


 .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;
  
}
 



div.box3 {

width:150px;

position:relative;
top:0px;

}

div.box3 h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box3 label {
width:100%;
display: block;


padding:0px 0 10px 0;
}

div.box3 label span {
display: block;
font-size:15px;
color:#000000;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box3 .input_text {
padding:4px 4px;
width:150px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}











div.box2 {

width:150px;

position:relative;
top:0px;

}

div.box2 h1 { 
font-size:15px;
color:#000000;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box2 label {
width:100%;
display: block;


padding:0px 0 10px 0;
}

div.box2 label span {
display: block;
font-size:15px;
color:#000000;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box2 .input_text {
padding:4px 4px;
width:150px;
font-size:15px;
color:#000000;

background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}












div.box {

width:150px;
font-size:19px;
color:#666666;
position:relative;
top:0px;

}

div.box h1 { 
font-size:15px;
color:#000000;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}



div.box label {
width:100%;
display: block;


padding:10px 0 10px 0;
}

div.box label span {
display: block;

float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box .input_text {
padding:4px 4px;
max-width:150px;
min-width:150px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double #666;
border-top: 1px double #666;
border-left:1px double #666;
border-right:1px double #666;
}

div.box .message{
padding:4px 4px;
max-width:150px;
min-width:150px;
font-size:15px;
color:#000000;
background:#262626;
border-bottom: 1px double #171717;
border-top: 1px double #171717;
border-left:1px double #333333;
border-right:1px double #333333;
overflow:hidden;
height:150px;

}

div.box .button
{

padding:4px 4px;
background:#18669e;
border:0px;
position: relative;
font-size:20px;
top:10px;
left:0px;
width:150px;
height:40px;
border-bottom: 1px double #11476e;
border-top: 1px double #11476e;
border-left:1px double #2f95de;
border-right:1px double #2f95de;
color: #fff;
}




div.box6 .button6
{

background:#8bb530;
border:0px;

font-size:16px;
top:0px;
left:0px;
width:150px;
height:50px;
border-bottom: 1px double #658423;
border-top: 1px double #658423;
border-left:1px double #8bb530;
border-right:1px double #8bb530;
color: #fff;
}




div.box3-m {

width:150px;

position:relative;
top:0px;

}

div.box3-m h1 { 
color:#ffffff;
font-size:18px;
text-transform:uppercase;
padding:5px 0 5px 5px;

border-top:1px solid #fff; 
}

div.box3-m label {
width:100%;
display: block;


padding:0px 0 10px 0;
}

div.box3-m label span {
display: block;
color:#bbbbbb;
font-size:15px;
float:left;
width:100px;
text-align:right;
padding:5px 20px 0 0;
}

div.box3-m .input_text {
padding:4px 4px;
width:150px;
height:60px;
font-size:15px;
color:#000000;
background:#fff;
border-bottom: 1px double#8c8c8c;
border-top: 1px double #8c8c8c;
border-left:1px double #8c8c8c;
border-right:1px double #8c8c8c;
}









#papou{
 



background :#000 ;

 margin-left:155px;
 margin-right:125px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 50px 20px;

}
 
 
 #oasis-diapo-go{
 

height: 100%;

background :#000 ;

 margin-left:5px;
 margin-right:5px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 370px 20px;

}
 
 
 
 
 
 
 
 
#back-top2 {
 

 

max-width: 2190px;
min-width: 100px;

height: 3176px;

background:url(image/bg8.jpg);

     background-attachment: fixed;
	background-repeat:no-repeat;
background-position :center center ;
background-position: top ;
background-repeat:no-repeat;
  

	
	


}



#oasis-manu

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:300px;
 
margin-left: 40px;
float: left;

}

#oasis-manu-2

{
 
height: 100%;
 
width:50%;
background-color :#000 ;
max-width:300px;
 margin-left: 40px;

float: left;

}



#oasis-left

{
 
height: 3176px;
 
width:20%;
background-color :#000 ;
max-width:300px;
 

float: left;

}


#oasis-droite{
 

 
width:80%;

float: left;
max-width:1000px;

 


}




#oasis-franc{
 

width:135px;


height:90px;

 
 float:left;


}





#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;

}





#oasis-diapo{
 



background :#000 ;

 margin-left:155px;
 margin-right:125px;
-webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
padding: 17px 20px 20px 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;
 list-style-image : url(/web/20180912160759im_/http://piscinesoasis.ca/fr/images/ch.png);
	
	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: 32px;
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-franc{
 

width:104px;


height:100px;

 
 float:left;


}
 
 
 
 
 
 #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-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 430px 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-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 300px 20px;

}




  .oasis-oui-2
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 11px;
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: 19px;
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: 388px) {


  
  #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-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 300px 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: 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); 


 
 }







  .oasis-oui
 {  

	display:inline;
font-family: Lobster, cursive;
	font-size: 15px;
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: 312px) {


   
   
     #oasis-diapo-4{
 

display: none;

}
   
   
   
   
   
   
   
 .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 300px 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) {


   
   
 
 .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 370px 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: 5px;
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 16:07:59 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):
  PetaboxLoader3.datanode: 75.121 (4)
  PetaboxLoader3.resolve: 416.44 (3)
  LoadShardBlock: 205.598 (3)
  RedisCDXSource: 61.975
  exclusion.robots.policy: 0.176
  CDXLines.iter: 13.219 (3)
  exclusion.robots: 0.187
  esindex: 0.016
  load_resource: 307.557
  captures_list: 284.364
*/