/* CSS Document */

*{
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-size:12px;
}
html{
	background:#FFFFFF url(../fond/html.jpg) repeat-x top left;
	text-align:center;
}

#banner{
	width:100%; height:234px;
	background:url(../element/aleatoir/random.php) no-repeat top center;
}
#logo{
	position:relative;
	margin-right:auto; margin-left:auto;
	padding-top:35px;
	width:184px; height:145px;
}
#adresse{
	position:absolute;
	background:url(../fond/adresse.png) repeat-x top left;
	width:100%;height:22px;
	margin-top:15px;
	padding-top:5px;
	color:#FFFFFF;
	font-weight:bold;
}

#adresse p{font-size:1.0em;}
#adresse span{font-size:1.3em;}

#body{
	position:relative;
	margin-right:auto; margin-left:auto;
	width:812px;
	min-height:600px;
	height:auto!important; height:600px;
}
#menu{
	width:800px;
	height:29px;
	margin-left:8px;
	margin-top:25px;
}
#menu li{
	margin:0px;
	float:left;
	width:200px; height:25px;
	background:url(../element/menu.jpg) no-repeat top left;
	padding-top:4px;
}
#menu li:hover{background:url(../element/menu_active.jpg) no-repeat top left;}
#menu .activ{background:url(../element/menu_active.jpg) no-repeat top left;}
#menu a{
	font-family:Helvetica, Arial, Geneva, sans-serif;
	letter-spacing:1px;
	color:#FFFFFF;
	font-size:1.4em;
	font-weight:bold;
}

#page{
	width:812px;
	min-height:300px;
	height:auto!important; height:300px;
	background:url(../fond/page.png) no-repeat top left;
	margin-top:-6px;
	padding-top:14px;
	text-align:left;
}

/************* INDEX *************/
#mapsticker{
	position:absolute;
	width:226px; height:103px;
	margin-left:-13px;
	background:url(../fond/sticker_map.jpg) no-repeat top left;
	text-align:right;
	padding-top:150px;
	padding-right:15px;
}
#mapsticker a{color:#FFFFFF; font-size:1.9em;}
#mapsticker span{color:#21578B; font-size:1.3em; word-spacing:-5px;line-height:30px;}
#mapsticker .plus{color:#FFFFFF; font-size:1em; word-spacing:0px; background:url(../element/fleche.jpg) no-repeat top right; height:35px; padding-right:40px;padding-bottom:10px;margin-top:-5px;}

#intro{
	position:relative;
	float:right;
	margin-right:0px;
	width:537px; height:223px;
	margin-top:10px;
	background:url(../fond/intro.jpg) repeat-x bottom left;
	padding-top:18px;
	padding-left:20px;
}
.rightombre{
	float:right;
	height:241px; width:4px;
	margin-top:10px;
	margin-right:15px;
	background:url(../fond/intro_right.jpg) no-repeat bottom left;
}

#galerie-home{
	float:left;
	width:540px; height:240px;
	margin-left:12px;
	margin-top:20px;
}
#galerie-home img{
	float:left;
	border:1px solid #000000;
	margin-right:5px;
	margin-bottom:3px;
}

#actupromo{
	float:left;
	margin-left:2px;
	width:237px; height:237px;
	margin-top:20px;
	background:#E6E6E6 url(../fond/actu.jpg) no-repeat bottom left;
	overflow:hidden;
}
.actuombre{
	float:left;
	height:235px; width:4px;
	background:url(../fond/ombre_actu.jpg) no-repeat bottom left;
	margin-top:20px;
}
#actupromo .titre{
	background:#FE3F9E url(../fond/titre_actu.jpg) repeat-x top left;
	height:44px;
	text-align:center;
	color:#FFFFFF;
	font-size:1.1em;
	line-height:18px;
	padding-top:10px;
	font-weight:normal;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
}
.titre:first-line{font-size:1.6em; font-weight:normal;}
#actupromo p{margin-left:25px;margin-right:15px;}
#actupromo p a{color:#ee2a8c}
#actupromo h2{color:#3268D5; font-size:1.4em; background:url(../element/puce_ronde_blanche.gif) no-repeat 0 3px;padding-left:15px;margin-left:10px;margin-top:15px;}
#actupromo h2 a{color:#3268D5; font-size:1.0em;}

/************* RUBRIQUE *************/
#col_gauche{
	float:left;
	margin-left:7px;
	margin-top:2px;
	width:240px;
	min-height:367px;
	height:auto!important; height:367px;
	background:url(../fond/sousmenu.jpg) no-repeat top right;
}
#col_gauche li{
	height:27px;
	padding-left:20px;
	padding-top:8px;
	border-bottom:1px dotted #999999;
	margin-left:15px; margin-right:15px;
}

#col_gauche li:hover, .s_activ{background:url(../fond/sousmenu_active.jpg) no-repeat top right;margin:0px!important;border-bottom:none!important;}

#col_gauche .s_activ a, #col_gauche li:hover a{color:#FFFFFF!important;font-weight:bold;}
#col_gauche ul a{color:#5D5D5D;	font-size:1.1em;}


#contents{
	float:left;
	width:551px;
	margin-bottom:25px;
	background:url(../fond/ombre_desc.jpg) repeat-y top right;
	margin-top:2px;
	
}
#ombre_desc{
	width:551px;
	height:6px;
	background:url(../fond/bottom_desc.jpg) no-repeat top left;clear:both;
}
.contenu{
	width:525px;	
	min-height:350px;
	height:auto!important;height:350px;
	border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;border-left:1px solid #D2D2D2;
	padding:15px;
	padding-right:5px
}

#tarifs, #promo_rub{width:215px;margin-top:20px;margin-left:16px; text-align:left;}
#tarifs h1, #promo_rub h1{
	height:20px;
	padding-top:2px;
	background:#FF3F9E url(../fond/tarifs.jpg) repeat-x top left;
	color:#FFFFFF;
	font-size:1.3em;
	margin-bottom:8px;
	text-align:center;
}
#promo_rub h2{color:#3268D5; font-size:1.1em; background:url(../element/puce_ronde_blanche.gif) no-repeat 0 3px;padding-left:15px;margin-left:0px;margin-top:5px;}
#promo_rub p{margin-left:25px;}
#tarifs p{text-align:left; margin-left:7px;color:#4B4F51}

#contenu{
	padding:10px;
	padding-left:15px;
}

/************* FORMULAIRE *************/
#formulairepage{padding:5px; clear:both; margin-top:15px;}
#formulairepage fieldset{width:47%;margin:4px;padding:5px 6px;float:left;border:1px solid #7392B0;}
#formulairepage fieldset legend{color:#1D6EBD; font-size:1.3em;padding:5px; font-weight:bold;}

#formulairepage label{display:block;float:left; clear:both;width:150px;margin-bottom:10px;font-size:11px; color:#6A7178; text-align:right; padding-right:10px;}
#formulairepage .ctext, #formulairepage .mtext, #formulairepage .email,#formulairepage select{border:1px solid #556E86;margin-bottom:10px;float:left;display:block;width:200px;margin-bottom:10px;}

#formulairepage select{overflow:visible;float:left;font-size:11px;width:200px;margin-bottom:10px;background:#FFF;color:#205580;}
#formulairepage select option{width:200px;display:block;overflow:visible;white-space:normal;}
#formulairepage textarea{height:100px;margin-top:0px!important;margin-top:-60px;}
#formulairepage .check{margin-right:5px; }
#formulairepage .listevalform{float:left;display:block;width:180px;margin-bottom:10px; color:#541C2A;  }
.boot{margin-right:7px;}
.radio{ vertical-align:middle; margin-right:10px;}

#formulairepage ul{list-style-image:none!important; list-style:none!important;margin-left:0px!important;}
#formulairepage li{float:left; margin-right:10px;/* margin-top:-10px!important;*/ font-size:11px; color:#205580;list-style-image:none!important; list-style:none!important;}
#formulairepage p{ font-size:0.9em; color:#666666; clear:both; padding-bottom:8px; float:right;margin-right:50px;}
#formulairepage img{ border:none!important;}

.imgfield{margin-left:157px; padding-top:10px;width:205px; height:24px;display:block;clear:both;}
.noteform{margin-left:0px!important; margin-top:10px!important;}

.datepicker_wrap{border:1px solid #556E86;float:left;display:block;width:200px;margin-bottom:10px;text-align:right;}
#formulairepage img{position:relative!important; float:left!important;margin-top:5px;}
.datepicker_trigger {position:relative!important;}

#formulairepage img{/*border:none!important;*/ float:right; left:180px;margin-top:-18px; position:absolute;}




/************* GOOGLE MAP *************/
#google_map{border:1px solid #666666;background-color:#E5E3DF;}
h2.ville{font-size:1.4em!important;border-bottom:1px solid #1D6EBD;}
#fichette{padding-bottom:10px;}
#fichette img{border:1px solid #000000; float:left; margin-right:10px;}

/************* GALERIE *************/
.gallerie{
	background:url(../element/point_horizon.gif) repeat-x top left;
	padding-top:15px;
	display:block;
	clear:both;
}

#grandphotogalerie{
	background-color:#CECFD0;
	padding:3px;
	float:left;
	width:301px;
}
#grandphotogalerie img{border:1px solid #000000; max-width:299px;}
#mini{float:right;width:208px;margin-left:10px;}

.petit{
	float:left;
	cursor:pointer;
	margin-right:5px;
	margin-bottom:3px;
	border:1px solid #000000;
}
.petitdef{display:none}
#descgrande{width:100%; text-align:center;margin-top:10px!important;margin-top:8px;}

/************* PIED *************/
#pied{
	width:812px; height:29px;
	background:url(../fond/foot.gif) no-repeat top left;
	text-align:center;
	padding-top:25px;
	color:#6B6B6B;
	margin-bottom:20px;
}
#pied p{font-size:0.9em;}
#pied a{color:#6B6B6B; font-size:1em;}
#pied a:hover{color:#000000;}

/************* outils *************/
.spacer{display:block;clear:both; height:1px;}