body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263557;
	background:url(images/pix.gif) repeat-x #E6E6E6;
}
.body2 {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263557;
	background:url(images/pix2.gif) repeat-x #E6E6E6;
}

*  {
	margin: 0 ;
	padding:0;
}



h2, h3 , h4 , h5  {
	
	display:block;
}
h4{
font-size:14px;
}

p {
	padding:3px 10px 5px 0px ;
	display:block;
	text-align:justify;
}

ul  {
	margin:0;
	font-size:14px;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#E6E6E6;
}


a:hover {
	text-decoration:none;
	color:#E6E6E6;
}

.clr{
clear:both;
}



/****Debut entete **************/


#conteneur{
		width:955px;
		margin:0 auto;
}

#entete{
		background:url(images/entete.jpg) no-repeat 0 0;
		float:left;
		width:955px;
		height:280px;
}

#logo{
		padding:113px 0 0 43px;
		float:left;
}
/*-----------------MENU-------------*/
#menu{
		width:427px;
		float:left;
		padding:229px 0 0 273px;
}


#menu ul{
		list-style:none;
}

#menu li{ 
		float:left;
		font-weight:bold;
		font-size:14px;
		padding-right:1px;

}
#menu li a{
		background:url(images/menu-off.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		display:block;
		padding:3px 0 0 25px;

}
#menu li a:hover{
		background:url(images/menu-on.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		display:block;
		padding:3px 0 0 25px;
}
#menu li a.active{
		background:url(images/menu-on.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		color:#E6E6E6;
		display:block;
		padding:3px 0 0 25px;
}

.hauteur{
		width:0;
		height:500px;
		float:left;
}
/************Milieu index********************/


#milieu-index{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:885px;
		float:left;
		padding:12px 35px 0 35px;
}


/*---------------BLOC GAUCHE-------------*/
#bloc-gauche{
		width:220px;
		float:left;
}

#bloc-gauche h2{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:3px 0 0 20px;
		color:#68ADBD;
}

#bloc-gauche h3{
		font-size:14px;
		color:#A56272;
		padding:10px 0 0 5px;
		font-weight:bold;
}

.savoir{
		background:url(images/savoir+.gif) 0 4px no-repeat;
		width:180px;
		height:20px;
		text-align:right;
		color:#FFF;
		font-size:11px;
}
#bloc-gauche h5{
		font-size:12px;
		color:#A56272;
		padding:5px 0 0 5px;
		font-weight:bold;
		color:#263557;
}

#bloc-gauche p{
	padding:3px 0 0 5px;
	text-align:left
}

/*------------BLOC MILIEU-----------------*/
#bloc-milieu{
		position:relative;
		width:424px;
		float:left;
		padding-left:20px;
}

#bloc-milieu p{
		padding-right:40px;
}
#txt-centre{
		width:424px;
		float:left;
		padding-bottom:10px;
}

#txt-centre p{
	line-height:20px;
	display: block;
}
#txt-centre h5{
	color:#A56272;
	font-size:14px;
	font-weight:bold;
	padding: 0 0 5px 0;
}
#bloc-milieu h2{
		background:url(images/trait.jpg) 0 20px no-repeat;
		width:388px;
		height:20px;
		padding-bottom:15px;
		font-size:16px;
}

#bloc-gauche h3{
		font-size:14px;
		color:#A56272;
		padding-left:5px;
		font-weight:bold;
}
#bloc-milieu span{
		color:#A56272;
}


#milieu-photos{
		position:relative;
		width:424px;
		float:left;
		height:120px;
}

.img-mer{
		position:absolute;
		width:105px;
		height:118px;
		z-index:10;
		left: -2px;
		top: 4px;
}
.img-mecnana{
		position:absolute;
		width:114px;
		height:126px;
		z-index:3;
		left: 85px;
		top: -8px;
}

.img-piscine{
		position:absolute;
		width:90px;
		height:103px;
		z-index:2;
		left: 186px;
		top: -4px;
}
.img-tri{
		position:absolute;
		width:100px;
		height:114px;
		z-index:4;
		left: 285px;
		top: 0px;
}
/*---------------Bloc droit---------------*/

#bloc-droit{
		width:209px;
		float:left;
		}

#bloc-droit a {
		text-decoration:none;
		color:#479EB9;
}
#bloc-droit p{
		color:#479EB9;
}
#bloc-horaire{
		background:url(images/horaire-cetraltour.jpg)  no-repeat;
		background-position:right;
		width:209px;
		height:114px;
		margin-bottom:5px;
}

#bloc-horaire h4{
		padding:20px 0 0 22px;
}
#bloc-horaire p{
		padding:10px 0 0 22px;
		font-weight:bold;
		line-height:17px;
}

#bloc-ttoffre{
		width:208px;
		background:url(images/bloc2.jpg) no-repeat;
		height:63px;
		margin-bottom:5px;
}

#bloc-ttoffre p {
		text-align:right;
		padding-right:15px;
		font-weight:bold;
}

#bloc-ttoffre a {
	color:#479EB9;
}
#bloc-ttoffre a:hover {
	color:#263557;
}

#bloc-ttoffre h4{
		background:url(images/puce.gif) 45px 22px no-repeat ;
		text-align:right;
		font-size:16px;
		padding: 20px 15px 0 18px;
}
#bloc-contactez-nous{
		background:url(images/bloc3.jpg) no-repeat;
		width:198px;
		height:63px;
		padding-left:10px;
}

#bloc-contactez-nous h4{
		font-size:16px;
		padding:20px 0 0 0px;
}

/*------------footer-----------*/
#footer{
		float:left;
		width:100%;
		text-align:center;
		font-size:11px;
		color:#122141;
		padding: 0 0 8px 0;	
		background: url(images/px-footer.jpg) repeat-x 0 0;
		margin:30px 0 0 0;
}

#footer li{
		display:inline;
}

#footer li a {	
		color:#122141;
		font-size:11px;
}

#footer li a:hover{	
		color: #48B3D3;
		font-size:11px;
}

#footer p{
		padding:2px 0 0 0;
		text-align:center;
}
#footer p span{
		position: relative;
		top:5px;
}


/******************TOPTECH*********************/

#footer .toptech { 
		color:#8B8B8B;
		padding:40px 0 0 0;
		text-align:center;
}



#footer .toptech a { 
		color:#606060;
		font-size:10px;
}

#footer .toptech a:hover { 
		color:#87BBCA;
}
 .botoom{
 margin-bottom:5px;}

/**---------------------Page Contact------------------*/
#entete-contact{
		background:url(images/entete-contact.jpg) no-repeat 0 0;
		float:left;
		width:955px;
		height:229px;
}

#logo-cont{
		padding:61px 0 0 43px;
		float:left;
}

/*-----------Menu--------------*/ 
#menu-cont{
		width:427px;
		float:left;
		padding:179px 0 0 273px;
}

#menu-cont ul{
		list-style:none;
}

#menu-cont li{ 
		float:left;
		font-weight:bold;
		font-size:14px;
		padding-right:1px;
}
#menu-cont li a{
		background:url(images/menu-off.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		display:block;
		padding:3px 0 0 25px;
}
#menu-cont li a:hover{
		background:url(images/menu-on.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		display:block;
		padding:3px 0 0 25px;
}
#menu-cont li a.active{
		background:url(images/menu-on.gif) no-repeat 0 0 ;
		width:110px;
		height:24px;
		color:#E6E6E6;
		display:block;
		padding:3px 0 0 25px;

}
/*--------------------------MILIEU CONTACT------------------------*/
#milieu-contact{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:845px;
		padding:0 55px;
		float:left;
		padding-top:30px;
}

#milieu-contact h2{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 0 20px;
		color:#68ADBD;
}
/*----BLOC PLAN---*/
#bloc-plan{
		width:302px;
		float:left;
		padding-top:10px;
}
#bloc-plan img{
		border:1px solid #000;
		padding-top:2px;
}
/*---BLOC 2--*/
#droit-contacter{
		padding-top:10px;
		width:541px;
		float:left;
}

#droit-contacter h4{
		background:url(images/trait2.gif) 0 18px no-repeat ;
		width:520px;
		height:18px;
		font-size:14px;
		padding:0 0 20px 0;
		margin-left:21px;
		color:#263557;
}
#bloc-contact{
		width:256px;
		float:left;
		padding-left:17px;
}
.left{
		float:left;
}

#bloc-contact span{
		color:#AA3344;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
} 
#adress {
		background:url(images/adresse.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:10px 0 10px 58px;
		border-bottom:1px solid #000;
}
#tele {
		background:url(images/tel.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:10px 0 10px 58px;
		border-bottom:1px solid #000;
}
#email {
		background:url(images/@.gif)  0 0 no-repeat;
		width:170px;
		font-size:12px;
		padding:15px 0 10px 58px;
}

/******* formulaire *****/

label{
	display:block;
	float:left;
	width:70px;
	font:;
}

.input{
	width:180px;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263557;
	border:solid 1px #000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

textarea{
	width:180px;
	height:80px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#263557;
	border:solid 1px #000;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#bouton{
	display:block;
	width:180px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 70px;
	background:#1F2E4F;
	border:solid 1px #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	cursor:pointer;
}


/*--------------page promotion-----------*/



#entete-promo{
		background:url(images/entete-promo.jpg) no-repeat 0 0;
		float:left;
		width:955px;
		height:229px;
}

#milieu-promo{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:900px;
		float:left;
		padding:12px 5px 0 50px;
}

#milieu-promo h2{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 0 20px;
		color:#68ADBD;
}

#bloc-contenu{
		width:900px;
		float:left;

}
#bloc-contenu img{
		float:left;
		margin:15px 10px 0px 0;
		border:1px solid  #000;
}

#bloc-contenu h3{
		background:url(images/fillet.gif)  0 0 no-repeat;
		width:367px;/*404*/
		height:23px;
		padding:0px 10px 0 30px;
		font-size:16px;
		color:#AA3344;
}

#cont-bloc{
		width:404px;
		float:left;
		padding-right:43px;
		text-align:left;
}

.bloc-copie{
		width:404px;
		float:left;
		padding:10px 0px 38px 0 ;
}

.bloc-copie span{
		color:#FF0000;
		font-weight:bold;
}

.bloc-copie p{
	padding-top:20px;
	text-align: left;

}

/*---------Actualite-------*/

#milieu-actualite{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:900px;
		float:left;
		padding:12px 5px 0 50px;
}

#milieu-actualite h2{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 10px 20px;
		color:#68ADBD;
}


.tof{
float:right;
}

.txt_act{
		width:500px;
		float:left;
		padding:20px;
		border-bottom:1px dashed #23314E;
}

.txt_act img{
		float:right;
		padding:0 0 0 5px;
}

.txt_act h4{
		font-size:14px;
		color:#68ADBD;
}


/*mentions-legales*/

#milieu-mentions{
		background:#E5E6E6 url(images/bg-milieu.jpg) no-repeat;
		width:885px;
		float:left;
		padding:12px 35px 0 35px;
}

#milieu-mentions h3{
		background:url(images/bg-h3.jpg) no-repeat;
		width:190px;
		height:20px;
		font-size:14px;
		padding:5px 0 0 20px;
		color:#68ADBD;
}
#mentions-bloc{
		padding-top:20px;
		width:885px;
		float:left;
		text-align:justify;
}


/*--------------------------- styles actualites -------------------*/

.actus img{
	float:left;
	padding:0 5px 0 0;
}

#conteneur #milieu-index #bloc-gauche .actus p.savoir{
	text-align:right;
	padding:3px 10px 0 5px;
}

.lineclear{
	clear:both;
}

.display{
	display:none;
}

.listact{
	width:260px;
	float:left;
	padding:20px;
}

.listact ul li a{
	color:#263557;
}

.listact ul li a:hover{
	color:#0099CC;
}