@charset "utf-8";
/* CSS Document  © masabetiweb.com 2013*/


@font-face{font-family:'hlv';
src:url('hlv.eot');
src:url('hlv?iefix') format ('embedded-opentype'),
url('hlv.woff') format('woff'),
url('hlv.ttf') format('truetype'),
url('hlv.svg') format('svg');

			}
			
*{	margin: 0;
	padding: 0;	
	border:0;
	}	
	
	
body {
	font-family: 'hlv', consolas;
	font: 100%/1.4 ;
	
	height:auto; background:url(../img/piscine.jpg);/* motif_ocean2.png */
	 
	color: #000;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1{font-size:22px;}
 h2, h3, h4, h5, h6,{
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
/* a img { 
	border: none;
}

a:link {
	color:#06F;
	
}
a:visited {
	color: #4E5869;
	
}
a:hover, a:active, a:focus { ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris.
	text-decoration: none;
}
 */
.page{background-color: #fff;opacity: .4;}
.global {
	width: 1024px;

height:auto;margin:auto; padding:20px 10px 20px 10px; overflow:auto;
	
}

/* ~~ gauche menu~~ */
.gauche {
	float: left;
	width: 170px;
	height : auto; margin-right:20px; text-align:center; text-transform:uppercase; font-size:20px; line-height: 40px; font-weight:bold;
}

.logo{ width:150px; height:150px; margin:0 auto;
	
	
	margin-bottom:50px;}
.light{}
	
#ssa{ margin-left:-20px;padding:0; width:640px;margin-top : 20px;font-size: 18px; text-align:center;color :#03F;text-shadow:0px 0px 3px #000000;}

.gauche li{  text-align:center;
	padding: 5px 15px 15px 5px; list-style-type:none;
}
.gauche a {color:#00F; text-decoration:none;}
.gauche a:hover { background-color:#6C9; color :# 039; padding::5px ;}
.gauche a.active {background-color:#6C9;}

	
	
.main {
	
	width: 810px; height:auto
	;margin-left: 20px;
	float: left;
}
.main_galerie { padding:0 0 0 20px;

}
.main_galerie li { width: 115px; height:100px
	text-decoration:none; list-style-type:none;
	float:left; padding: 6px;	-moz-box-shadow: 1px 1px 3px #000000;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;
}
.main_gauche_galerie{width: 760px; height:800px; overflow:hidden;
}

.main_gauche{width: 600px; height:auto; max-height:800px; 

}


/* ~~ droite~~ */

.main_droite{ position:absolute; top:200px;width: 134px; height:auto; float:right; 
	margin-left:700px;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;}
.main_droite, p ,h1{ padding-top:20px;text-align:center;}

.main_droite a{text-decoration:none; list-style-type:none;}
.main_droite a:hover{color:#09F;text-decoration:none;}
/* slider*/

#slider{ list-style-type:none;  overflow:hidden;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;
border:none 0px #000000;
-moz-border-radius-topleft: 24px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:23px;
-webkit-border-top-left-radius:24px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:23px;
border-top-left-radius:24px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:23px;
	
	}

#slider ul li{list-style-type:none;}

.boueelogo{ bottom:0px; float:left; margin-left:-18px; background-color:#FFF; width: 206px; height:46px; opacity: 0.8;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;}
.clear { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.global_bas{ margin : 0 auto; padding:10px 10px;width:1024px; height:300px; min-height:250px; background:url(../img/motif_ocean.png); opacity: 0.7;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;}
.actu_titre {padding-bottom: 20px; font-size:20px; color:#fc0101;text-align: center; text-transform:uppercase;width:1024px;}
.actu{ float: left;border-left: 1px solid #fc0101;
	padding: 20px 10px;width: 320px; height:200px; 
	 font-size: 14px; text-align:justify;}

.centre{
	padding: 10px 0 0 10px;width: 560px; height:auto; color:#900; font-size: 14px; text-align:justify;
	-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;
border:none 0px #000000;
-moz-border-radius-topleft: 24px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:23px;
-webkit-border-top-left-radius:24px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:23px;
border-top-left-radius:24px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:23px;}

.btn{ margin-top: 20px;color: #fff; font-weight: bold;
	line-height: 32px;text-align:center;
	background-color:#bdf477; width:140px; height:34px;
border:none 6px #000000;
-moz-border-radius-topleft: 17px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:18px;
-webkit-border-top-left-radius:17px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:18px;
border-top-left-radius:17px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:18px;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;}
.btn a:hover{ background-color:#FC0;}
.btn a:active{color: #090fee;}


/* numeros */

.numeros{ text-align:center; font-size:14px; color:#00C; width:100%; padding-bottom:20px;text-decoration:none;}
.numeros p{line-height:32px;}
.numeros ul, li{ list-style-type:none;text-decoration:none; }
.numeros a:hover{color: #C00;text-decoration:none;}
.numeros a:active{color: #903;text-decoration:none;}
.youtube{width:600px; height:400px;
-moz-box-shadow: 1px 1px 9px #000000;
-webkit-box-shadow: 1px 1px 9px #000000;
box-shadow: 1px 1px 9px #000000;}