/* © 2006 Bexter Ben et Adrien CSS */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0072BC;
	margin:15px 0 0 0;
	padding: 0px;
	background:#0A82B0 url(../images/fdsite.jpg) top left repeat-x;
}
h1,h2,h3,h4,h5,h6{
	margin: 1em 0;
	padding: 0px;
	font-size: 1.2em;
	color:#0069B7;
}
p{
	margin: 1em 0;
	padding: 0px;
}
img {
	border:none;
}

/* hack FF pour masquer les contours pointillés sur les liens 
-------------------------------------------------------*/ 
a{
	outline: none;
} 
:focus{
	-moz-outline-style: none;
}

a {
	color: #0069B7;
	text-decoration:none;
}

a:hover {
	color: #00ADEF;
	text-decoration:underline;
}

a:visited {
	color: #0072BC;
	text-decoration:none;
}

#site {
	width:990px;
	margin:0px auto;
	padding:0px;
	height:auto !important;
	height:370px;
	min-height:370px;
	background:#FFF;
	/*position: absolute;
	margin-left: -512px;
	left: 50%;*/
}

#printheader{
	display:none;
}

#animFlash{
	float:left;
	display:block;
	width:990px;
	height:230px;
	margin:0px;
	padding:0px;
	background: #FFF url(../images/header.jpg) top left no-repeat;
}

#colonneGauche{
	float:left;
	display:block;
	width:160px;
	height:auto !important;
	height:370px;
	min-height:370px;
	margin:0px;
	padding:0px;
	background:#FFFFFF;
}


#logoGa{
	float:left;
	display:block;
	width:160px;
	height:70px;
	margin:0px;
	padding:0px;
}

/*----------------------------------------------------------------------*/
/* debut - gestion contenu */
/*----------------------------------------------------------------------*/
#content{
	float:right;
	display:block;
	width:800px;
	height:auto !important;
	height:360px;
	min-height:360px;
	margin:10px 0 0 0;
	padding:0px;
}

#content h1{
	color:#008A44;
	font-size:18px;
	font-weight:bold;
	line-height:18px;
}

#content p{
	font-size:12px;
	text-align:justify;
}

.wash{
	clear: both;
	height:0px;
}

/*----------------------------------------------------------------------*/
/* fin - gestion contenu */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion accueil */
/*----------------------------------------------------------------------*/
.txtAccueil{
	float:left;
	display:block;
	width:280px;
	height:auto !important;
	height:250px;
	min-height:250px;
	margin:0 20px 0 0;
	padding:0px;
}

.photoAccueil{
	float:right;
	display:block;
	width:500px;
	height:auto !important;
	height:275px;
	min-height:275px;
	margin:-25px 0 0 0;
	padding:0px;
}



/*----------------------------------------------------------------------*/
/* fin - gestion accueil */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion modeles */
/*----------------------------------------------------------------------*/
.imgPiscines{
	float:left;
	display:block;
	width:200px;
	height:auto !important;
	height:80px;
	min-height:80px;
	margin:0 50px 0 10px;
	padding:0px;
	text-align:center;
}

.txtPiscines{
	float:left;
	display:block;
	width:125px;
	height:80px;
	margin:0px;
	padding:0px;
	text-align:right;
}

.txtPiscines h3{
	margin:8px 0 0 0;
	padding:0px;
	color:#00ADEF;
}

/*----------------------------------------------------------------------*/
/* fin - gestion modeles */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion photos */
/*----------------------------------------------------------------------*/
.photosModeles{
	float:left;
	display:block;
	width:780px;
	height:355px;
	margin:-10px 0 0 0;
	padding:0px;
	text-align:center;
}

.vignettes{
	float:left;
	display:block;
	width:780px;
	height:200px;
	margin:10px 0 20px 0;
	padding:0px;
	text-align:center;
}

/*----------------------------------------------------------------------*/
/* fin - gestion photos */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion contact */
/*----------------------------------------------------------------------*/
.formContact{
	float:left;
	display:block;
	width:380px;
	height:auto !important;
	height:250px;
	min-height:250px;
	margin:0px;
	padding:0px;
}

.formCasablanca{
	float:right;
	display:block;
	width:280px;
	height:50px;
	margin:0 20px 0 0;
	padding:140px 0 0 80px;
	background: transparent url(../images/casablanca.jpg) top left no-repeat;
}

#formAdresse{
	float:right;
	display:block;
	width:350px;
	margin:50px 20px 0 0;
	padding:0px;
}

#formAdresse p{
	font-size:10px;

}


fieldset{
	float:left;
	display:block;
	margin:0px;
	padding:10px;
	text-align:left;
	border:0px;

}
label{
	float:left;
	width:150px;
	margin:6px 0 0 0;
	padding:0px;
	text-align:left;
	font-size:12px;
}

#submit{
	float:left;
	width:350px;
	margin:6px 0 0 0;
	padding:0px;
	text-align:right;
}

/*----------------------------------------------------------------------*/
/* fin - gestion contact */
/*----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/
/* debut - gestion pose */
/*----------------------------------------------------------------------*/
.txtPose{
	float:left;
	display:block;
	width:450px;
	height:auto !important;
	height:250px;
	min-height:250px;
}


/*----------------------------------------------------------------------*/
/* fin - gestion pose */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - gestion mentions */
/*----------------------------------------------------------------------*/
.mentionsLeft{
	float:left;
	display:block;
	width:300px;
	height:auto !important;
	height:250px;
	min-height:250px;
	margin:0 20px 0 0;
	padding:0px;
}

.mentionsRight{
	float:left;
	display:block;
	width:450px;
	height:auto !important;
	height:275px;
	min-height:275px;
	margin:0px;
	padding:0px;
}



/*----------------------------------------------------------------------*/
/* fin - gestion mentions */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/* debut - gestion footer */
/*----------------------------------------------------------------------*/
#footer {
	clear:both;
	width:990px;
	height:40px;
	margin:0px;
	padding:0px;
	background: transparent url(../images/fd-footer.jpg) top left no-repeat;
}

#footerPrint{
	display:none;
}



#footer a{
	color:#00ADEF;
	text-decoration:none;
}

#footer a:hover{
	color:#00ADEF;
	text-decoration:underline;
}

.footerLeft{
	float:left;
	display:block;
	width:670px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	margin:0px 0 0 10px !important;
	margin:0px 0 0 5px;
	padding:2px 0 2px 0;
	color:#00ADEF;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}

.footerRight{
	float:right;
	display:block;
	width:300px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	margin:0px 10px 0 0 !important;
	margin:0px 5px 0 0;
	padding:2px 0 2px 0;
	color:#00ADEF;
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}

.wash{
	clear: both;
	height:0px;
}
/*----------------------------------------------------------------------*/
/* fin - gestion footer */
/*----------------------------------------------------------------------*/