/* CSS Document */
body{
	padding:			0px;
	margin:				0px;
	background-color:	#FFFFFF;
	text-align:			center;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	background-image:	url(../images/fond_site.jpg);
	text-transform:		capitalize;
}

div{
	scrollbar-base-color: 				#909;
	scrollbar-highlight-color: 			#FCF;
	scrollbar-face-color:				#FFF;
	scrollbar-arrow-color: 				#606;
	}



img{
	border:				0px;
	float:				left;
	}


#content_principal{
	width: 				750px;
	height:				950px;
	margin-top:			20px;
	margin-right: 		auto;
	margin-left: 		auto;
	background-color:	#FFF;
	border:				1px ridge #990099;
	}
	
#content_entete{
	display:			block;
	top:				0;
	margin-right: 		auto;
	margin-left: 		auto;
	width:				710px;
	height:				340px;
	background-color:	#FFF;
	}
	
/*_____________________MENU________________________________________*/
	
#content_menu {
	float:				left;
	margin:				0;
	padding:			0;
	width: 				208px;
	height: 			200px;
    font-size:			16px;
	font-weight:		bold;
	text-transform:		uppercase;
	text-align:			left;
	text-indent:        10px;
	border-top:			1px ridge #606;
	border-right:		1px ridge #606;
	border-left:		1px dashed #606;
	background-color:	#FCF;
}

a#home {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				30px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__01.jpg);
	}
	
a#home:hover{
	background-image:	url(../images/icone/images_over/base__01.jpg);
	}

a#village {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				31px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__02.gif);
	}
	
a#village:hover{
	background-image:	url(../images/icone/images_over/base__02.gif)
	}

a#residence {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				30px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__03.gif);
	}
	
a#residence:hover{
	background-image:	url(../images/icone/images_over/base__03.gif);
	}

a#gallerie {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				30px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__04.gif);
	}
	
a#gallerie:hover{
	background-image:	url(../images/icone/images_over/base__04.gif);
	}
	
a#contact {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				31px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__05.gif);
	}
	
a#contact:hover{
	background-image:	url(../images/icone/images_over/base__05.gif);
	}

a#reservation {
	display:			block;
	width:				208px;
	padding-top:        10px;
	height:				30px;
	color:				#909;
	text-decoration:	none;
	background-image:	url(../images/icone/images_normal/base__06.gif);
	}
	
a#reservation:hover{
	background-image:	url(../images/icone/images_over/base__06.gif);
	}
	
	
/*_____________________FIN MENU_______________________________________*/	

/*_____________________LANGUE_______________________________________*/	
#content_langue{
	float:					right;
	width:					351px;
	height:					32px;
	border:					2px double #606;
	background-image:		url(../images/degrade_langue.jpg);
	padding-top:			18px;
	}
	
#content_langue a:link, content_langue a:visited, content_langue a:active{
	color: #FFF;
	}

#content_langue a:hover{
	color: #FFF;
	}
	
/*_____________________FIN LANGUE_______________________________________*/	

/*************************************************************************/	
/*_____________________PAGE ENTIERE______________________________________*/
/*************************************************************************/	
#content_map{	
	display:			block;
	top:				0;
	margin-right: 		auto;
	margin-left: 		auto;
	width:				710px;
	height:				450px;
	background-color:	#FFF;
	}
	
#content_map div{
	margin:					0;
	width:					499px;
}

#content_map div.droite{
	float:					right;
	width:					208px;
	height:					auto;
	text-align:				left;
	border:					1px dashed #CCC;
	border-left-style:		none;
	}
	
#content_map div p{
	margin-top: 		0px;
	padding:			5px;
	text-transform:		none;
}

#content_map div.droite p{
	margin-top: 			5px;
	margin-left:			10px;
	text-transform:			none;
	text-align:				left;
	}
	
#content_map div h1{
	text-align:				left;
	text-indent: 			10px;
	font-size:				14px;
	font-weight:			bold;
	margin:					0;
	color:					#000000;
	padding-top: 			5px;
	padding-bottom: 		5px;
	background-color:		#FCF;
	border-bottom:			1px ridge #be9e8f
}
/********************************************************/

#content_page{	
	display:			block;
	top:				0;
	margin-right: 		auto;
	margin-left: 		auto;
	width:				710px;
	height:				450px;
	background-color:	#FFF;
	}
	
#content_page div{
	float:					left;
	margin:					0;
	width:					499px;
	text-align:				justify;
	border:					1px dashed #CCC;
	
}

#content_page div p{
	margin-top: 		0px;
	padding:			5px;
	text-transform:		none;
		
		}

/*Bloc de texte etablie sur la gauche et moitié*/
#content_page div.moitie{
	width:					50%;
	height:					auto;
	}
	
/*Bloc de texte etablie sur la droite alignée avec le menu*/	
#content_page div.droite{
	float:					right;
	width:					208px;
	height:					auto;
	text-align:				left;
	border-left-style:		none;
	}
	
#content_page div.droite p{
	margin-top: 			5px;
	margin-left:			10px;
	text-transform:			none;
	}
	
#content_page div.droite form{
	margin-top: 		5px;
	margin-left:			10px;
	text-transform:		none;
	}
	
#content_page div.droite form input,#content_page div.droite form textarea {
	margin: 		0 0 0 0;
	}
	
#content_page div.milieu{
	float:					left;
	margin:					0;
	width:					235px;
	height:					auto;
	text-align:				left;
	border-left-style:		none;
	}
	
#content_page div.droite p, #content_page div.milieu p{
	padding:				0px;
	}
	
#content_page div.droite ul, #content_page div.milieu ul{
	margin-top: 			4px;
	margin-left: 			-6px;
	_margin-left:			15px;
	float:					left;
	padding-bottom:			9px;
	_padding-bottom:		14px;
	
	}
	
#content_page div.cent{
	width:					709px;
	height:					auto;
	}
	
.image_droite{
	float: right;
	padding-left: 8px;
	}
	
.image_gauche{
	float: left;
	padding-right: 8px;
	}

			
#content_page div h1{
	text-align:				left;
	text-indent: 			10px;
	font-size:				14px;
	font-weight:			bold;
	margin:					0;
	color:					#000000;
	padding-top: 			5px;
	padding-bottom: 		5px;
	background-color:		#FCF;
	border-bottom:			1px ridge #be9e8f
}
	
h2{
	text-align:				right;
	font-size:				12px;
	font-weight:			bold;
	margin:					0;
	color:					#000000;
	padding-top: 			5px;
	padding-bottom: 		5px;
	padding-right:	     	5px;
	border-bottom:			1px ridge #be9e8f
}

h2 a img{
	padding-left:           5px;
	}
	
#waitMessage{
	display:				none;
	position:				relative;
	left:					200px;
	top:					0px;
	background-color:		#FFF;
	border:					3px double #000;
	padding:				4px;
	color:					#555;
	font-size:				0.9em;
	font-family:			arial;	
	}	
		
/*________________________- Gallerie Photo-__________________________ */
#content_page div#theImages{
	float:					right;
	width:					208px;
	height:					356px;
	overflow:				auto;
	text-align:				left;
	border-left-style:		none;
	background-image:	    url(../images/fd_vignette.jpg);
	}
	
#content_page div#previewPane{
	height:					350px;
	padding-top:			6px;
}

#content_page div#largeImageCaption{
	border-style:		none;
}
	
#content_page div#theImages a img{
	margin:					10px 0px 10px 45px;
	border: 				1px dashed #606;
}

#content_page div#theImages img{
	margin:					10px 0px 10px 45px;
	border: 				2px solid #909;
}

#content_page div.photo_normal img{
	margin:					10px 0px 10px 48px;
}

#content_page div#previewPane img{
	margin:					20px 0px 0px 48px;
}

#content_page div.photo_plan img{
	margin:					40px 0px 48px 48px;
	_padding-bottom:		51px;		
}

#content_page div.loupe{
	position:				relative;
	border-style:			none;
	width:					20px;
	height:					20px;
	top:					200px;
	_top:					220px;
	left:					-90px;
	z-index: 				2;
}

.image_next{
	float: right;
	padding-right:210px;
	}
	
.image_prev{
	float: left;
	padding-left:160px;
	}
	
#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	position:				relative;
	top:					0;
	left:					0;
	font-style:				italic;
	text-align:				center;
	font-family:			Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	font-size:				0.9em;
}
	
	#theImages .imageCaption{
		display:none;
	}
	

/*---------------------------------Contact----------------------------------*/
form a img{
	float:none;
	}

input{
	height: 				15px;
	width:					165px;
	color: 					#000000;
	background-color: 		#FFCCFF;
	margin:					2px 0px 2px 10px;
	}
	
input.submit{
	height: 				38px;
	width:					90px;
	border:					0;
	color: 					#333333;
	background-color:		#999999;
	background-image:	    url(../images/bouton/valider.jpg);
	margin:					5px 0px 0px 18px;
	cursor:					pointer;
	}

input.disabled{
	height: 				38px;
	width:					90px;
	border:					0;
	color:	                #CC33FF;
	background-color:		#999999;
	background-image:       url(../images/bouton/valider.jpg);
	margin:					5px 0px 0px 18px;
	cursor:                 default;
	}
	
input.modify{
	height: 				38px;
	width:					90px;
	border:					0;
	color: 					#333333;
	background-color:		#999999;
	background-image:       url(../images/bouton/modifi.jpg);
	margin:					5px 0px 0px 18px;
	cursor:                 pointer;
	}
	
input.date{
	width: 					30px;
	text-align:				center;
}


	
textarea{
	height: 				75px;
	width:					165px;
	color: 					#000;
	background-color: 		#FFCCFF;
	margin:					2px 0px 2px 10px;
	}

legend{
	color:					#000000;
	font-size:				12px;
	font-weight:			bold;
}

label{
	padding-right: 			24px;
}

label.date_sortie{
	padding-left: 			31px;
	padding-right:			1px;
	}
	
label.date_entree{
	padding-right: 			1px;
	}
	
label.date_sortie_conf{
	padding-left: 			16px;
	padding-right:			0px;
	}
	
label.date_entree_conf{
	padding-right: 			0px;
	}

label.nom{
	padding-right: 			43px;
}

label.cp{
	padding-right: 			53px;
	}
	
label.pays{
	padding-right: 			43px;
	}
	
label.email{
	padding-right: 			35px;
	}
	
label.tel{
	padding-left: 			21px;
	padding-right: 			55px;
	}
	
label.prenom{
	padding-left: 			21px;
	padding-right: 			30px;
	}
	
label.ville{
	padding-left: 			21px;
	padding-right: 			50px;
	}
	
/***********Calendirer**************************/
/*-----------Elements pour les calendriers-------------------*/
/*-----------------------------------------------------------*/
#conteneur_cal_arr{
	padding:				0px 5px 5px 0px;
	visibility:				visible;
	z-index:				1;
	}

table{
	border-width:			2px;
	border-style:			solid;
	border-color:			#FF00FF;
}

tr{
	border-width:			2px;
	border-style:			solid;
	background-color:		#3399FF;
}

tr.header{
	background-color:		#CCCCCC;
	}
	
tr.sub_header{
	background-color:		#FFFFFF;
	}

td{
	width:					30px;
	border-color:			#CCCCCC;
	text-align:				center;
	}
	
td.titre_cal{
	width:					150px;
	font-weight:			bold;
	}
	
td.vide{
	background-color:		#FFCCFF;
	}
	
#afficher_date{
	font-weight: 			bold;
	margin-top: 			3px;
	margin-left:			15px;
	
	}
	
.nextetprev{
	margin-top: 			-13px;
	margin-right: 			10px;
	text-align:				right;
	}
	
a.np{
	font-weight:			bold;
	padding-left: 			10px;
	color:					#0000FF;
	}
	
a.np:hover{
	color:					#FFFFFF;
	}
	
td.pris{
	background-color:		#FF0000
	}
	
.erreur{
	font-weight:			bold;
	padding-left: 			10px;
	color:					#FF0000;
	text-align:				center;
	border: 				0;
	border-style:			none;
	}
	
/*************************************************************************/	
/*_____________________FIN PAGE ENTIERE__________________________________*/
/*************************************************************************/	

/*************************************************************************/	
/*_____________________PIED PAGE__________________________________*/
/*************************************************************************/	

#content_footer{
	display: 				block;
	height:					40px;
	width:					748px;
	color:					#FFF;
	font-weight:			bold;
	background-image:		url(../images/degrade_langue.jpg);
	border:					1px	double #909;
	border-top-width:		4px;
	text-align:				left;
	}

#content_footer div{
	float:					left;
	margin-top:				4px;
	margin-left:			20px;
	_margin-left:			15px;
	width:					250px;
}

#content_footer div a{
	color:					#FFF;
	text-decoration:		none;
}

#content_footer div a:hover{
	color:					#909;
	text-decoration:		none;
}

#content_footer form{
	margin-left:			480px;
	padding:				2px 0px 0px 5px;
	width:					250px;
	border-style:			none;
}

#content_footer fieldset{
	width:					100%;
	border-style:			none;
}

#content_footer fieldset a{
	margin-left:			10px;
	color:					#909;
	text-decoration:		none;
}

#content_footer fieldset a:hover{
	text-decoration:		underline;
}