@charset "UTF-8";
/* CSS Document */

html,body{
	margin:0; padding:0; overflow-x:hidden;
}
body{
	background:#FFF url("../images/fd-page.jpg") left top repeat-x;
	font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#666;
}

div#container {
	width:1020px; 
	margin:0px auto;
	padding:0 5px 5px 5px;
	text-align:left;
}
div#header{
	height:200px;
}
.drimg { float:right;}
#encart-titre { margin:-47px 0 0 227px; width:800px; height:50px; background:#FFF url("../images/encart-titre.jpg") top center no-repeat; }
#encart-titre p{ font-size:18px; color:#1F2063; padding:10px 5px 0 5px;}

/* droite */
div#droite {
	display:block;
	float:right;
	width:500px;
	height:100%;
	/*border:1px solid #0F0;*/
	clear:both;
	margin:0;
	padding:5px 0 20px 0;
}

/* gauche */
div#gauche {
	display:block;
	width:500px;
	height:100%;
	/*border:1px solid #F63;*/
	margin:0;
}
#gauche span { margin:0px 30px;  padding:10px 2px; /*/padding:10px 0px; border:1px solid #FF3;*/}

#mentions {
	width:415px;  border:1px solid #666; margin:0 auto; padding:2px;
}

#mentions p { padding:1px; font-size:9px; }

/* bas de page */
div#footer {
	background:url("../images/fd-footer.jpg") bottom left repeat-x;
	height:50px;
	padding:10px;
}
#footercontent { width:990px; margin:0 auto; padding:25px 10px 0 10px; color:#FFF;}
#footercontent span a { color:#18B8FF; text-decoration:none;}
#footercontent span a:hover { text-decoration:underline;}


/* douche lumineuse*/
	.picdouche { padding:2px; border:1px solid #666;}
/**/

/* le formulaire */
.field { border:1px solid #666; }
legend { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; background-color:#666; padding:2px;}
.submit { margin:0 auto; width:100px; display:block; background:url('../images/bg_submit.png') 0px 0px no-repeat; height:30px; text-indent:-9999px; 
border:0; cursor:pointer; }
.submit:hover {  background-position:0px -30px; }
#r1  { padding:5px 15px;}
.ch1 { border:1px solid #AAA; width:190px; height:20px;  }
.ch2 { border:1px solid #AAA; width:320px; height:40px;}
.ch3 { border:1px solid #AAA; width:100px; height:20px;}

#gauche .rec { margin:0; padding:0; }
#gauche .oblige { color:#900; font-size:9px; text-align:left; margin-left:0px;}
/**/

a 			{  }
a:visited 	{  }
a:hover 	{  }
p {
	margin:0 10px 10px;
}

#slider { width:370px; margin:10px 0 10px 35px; border:1px solid #666;}

.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

/**/

.invalidInput, .error{
color:#8a1f11;
background-color:#fbe3e4;
}
.error,.notice{
padding:0.5em;
margin:0.5em;
}

.error{
	border:2px solid #8a1f11;
	display:none;
}
.notice {
	background-color:#FFF6BF;
	color:#514721;
	border:2px solid #FFD324;
	display:none;
}

#regl {text-align:justify;}

/**/
.slideshow { height: 280px; width: 410px; margin: auto; }
.slideshow img { padding: 5px; border: 1px solid #848484; }


#erreurvalid { width:400px; height:60px; margin:20px 0 0 0; padding:0 10px 5px 10px;  border:1px solid #900 ; background-color:#CCC; font-size:12px; color:#900; text-align:center; }
/**/