body {

	background: #FFFDE3 url(../img/css/fond-page.gif);
	font-family: verdana;
	color: #6C6C6C;
	padding:0;
	margin:0;
	font-size:13px;
	text-align:center;
}


/*
	CONTENEUR PRINCIPAL + CENTRAGE
*/


	#mainContainer {
		text-align:left;
		margin: 15px auto 0 auto;
		width: 745px;
		background-color: #F5F3DC;
		border: 1px solid #A3C05C;
		border-top:0;
		border-bottom:1px solid #F5F3DC;
	}

	h1#header {
		border-top: 1px solid #DCD4A8;
		background: #B4EDA3 url(../img/css/fond-header.gif) scroll no-repeat;
		height: 70px;
		text-indent: -9000px;
		margin:0;
	}

/*
	MENU HORIZONTAL
*/

	#menu {
		background: url(../img/css/fond-menu.gif) scroll no-repeat;
		height: 52px;
		margin: 0;
		list-style-type: none;
		padding:0 0 0 16px;
	}

	#menu li {
		padding:0;
		display:block;
		float:left;
		height: 49px;
	}

	#menu .bt {
		display: block;
		height: 49px;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: top left;
		text-indent: -9000px;
		text-decoration:none;
	}

	#menu .bt:hover , #menu .selected {
		background-position: bottom left;
	}



/*
	ZONE CONTENU
*/

	#content {
		padding: 21px 32px;
	}
	
	#content h2 {
		color: #494F5F;
		font-size:18px;
		margin:0 0 21px 0;
	}
	
	#content h3 {
		color: #004C8B;
		font-size:14px;
		margin:0 0 13px 0;		
	}

	#content p {
		margin:0 0 10px 0;
		font-size:11px;
		text-align:justify;
	}
	
	#content a {
		text-decoration: none;
		color: #40B069;
	}
	/*
		Modèle 1
	*/

	.mod_1 .left {
		float: left;
		width: 490px;
	}

	.mod_1 .right {
		float: right;
		width: 176px;
	}

	/*
		Modèle 2
	*/

	.mod_2 {
		margin:10px 0;
	}

	.mod_2 .left {
		float: left;
		width: 256px;
	}

	.mod_2 .middle {
		float: left;
		width: 188px;
	}

	.mod_2 .right {
		float: left;
		width: 176px;
	}

	.mod_2 .separator {
		float:left;
		width: 30px;
		min-height:70px;
		background: url(../img/css/separator.gif) scroll repeat-y top center;
	}
	
	/*
		Modele 3
	*/
	
	.mod_3 {
		padding:0 52px;
	}
	
	.mod_3 .left {
		float:left;
		width:335px;
		padding:0 0 0 13px;
	}
	
	.mod_3 .separator {
		float:left;
		width: 42px;
		min-height:70px;
		background: url(../img/css/separator.gif) scroll repeat-y top center;
	}
	
	.mod_3 .right {
		float:left;
		width:175px;
	}	

#bottom {
	background: url(../img/css/fond-bas.gif) scroll no-repeat;
	margin: 5px 32px;
	height: 43px;
}

#bottom p {
	text-align: center;
	line-height:43px;
	margin:0;
	font-size:11px;
}

#bottom a {
	text-decoration: none;
	color: #3D3D3D;
}

/*
	PIED DE PAGE
*/

	#footer {
		margin:0 auto;
		width:745px;
	}

	#footer img {
		border:0;
	}

	#footer .left , #footer .middle {
		float:left;
		margin: 10px 0 0 0;
	}

	#footer .left {
		width: 190px; /* 180 -18 -18 px */
		padding: 0 18px;
	}

	#footer .middle {
		width: 326px;
		padding: 0 12px;
	}

	#footer .middle p {
		text-align: center;
		padding: 0;
		margin:0;
		font-size: 11px;
	}

	#footer .email {
		color: #6C6C6C;
	}

	#footer .right {
		float: right;
		padding: 0 7px;
		margin: 10px 0 0 0;
	}

#deco {
	background: url(../img/css/fond-deco.gif) scroll no-repeat;
	padding:2px 0 0 0;
	margin:0 auto;
	width: 745px;
}

/*
	ENCADREMENT PHOTOS
*/

#mini_chambre img {
	border:0;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70)
}

#mini_chambre a:hover img {
	-moz-opacity: 1;
	filter:alpha(opacity=100)
}

#photo img {
	border:2px solid #A3C05C;
	margin:0 9px 9px 0;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70)
}

#photo a:hover img {
	-moz-opacity: 1;
	filter:alpha(opacity=100)
}

/*
	TARIFS
*/

#tarifs table {
	width: 100%;
	background-color: #DCD4A8;
}

#tarifs table td{
	background-color: #F5F3DD;
	padding:3px 1px;
}

.pair td {
	background-color: #EDE9D3 !important;
	color:#444 !important;
}

#tarifs h3 {
	margin:15px 0;
}

#tarifs a {
	color: #004C8B;
	text-decoration: none;
	font-weight: bold;
}

/*
	Formulaire de contact
*/

	#contactForm {
		margin: 0;
		padding: 0;
	}

	#contactForm .field {
		width:200px;
	}

	#contactForm p {
		margin:0 0 7px 0;
	}
	
/*
	RESERVATION
*/

	#cal1Container {
		position:absolute;
		z-index:10;
	}

	#resaBox {
		border:2px solid #DCD4A8;
		padding:10px;
		margin-top:40px;
	}
	
	#resaBox label {
		display:block;
		float:left;
		width:120px;
	}
	
/*
	CLASSES GENERIQUES
*/

	.ensavoirplus {
		font-weight:bold;
		text-decoration:none;
		color:#004C8B !important;
	}
	
	.clearer {
		clear:both;
		line-height:0px;
		font-size:1px;
		height:0px;
	}