body{
	background-image:url(img/bg.jpg);
	font-family:Tahoma;
	color:#857158;
	font-size:12px;
}

a{
	text-decoration:none;
	color:#857158;
}

p{
	clear:both;
	margin:0px;
	padding:5px 10px 5px 10px;
}

hr{
	color:#836f5b;	
}

h1{
font-size:16px;
}

h2{
font-size:16px;
text-align:center;
}
img {
	border:none;
}

.center {
	text-align:center;
}

#site{
	position:relative;
	margin:auto;
	height:768px;
	width:795px;
}

#header{
	position:relative;
	margin:auto;
	height:364px;
	width:795px;
	background-image:url(img/bandeau_haut.jpg);	
	
}

#header_admin{
	position:relative;
	margin:auto;
	height:364px;
	width:795px;
	background-image:url(img/bandeau_haut_admin.jpg);	
	
}


#drapeaux{
	position:relative;
	margin:auto;
	height:18px;
	width:65px;
	margin-right:35px;
	padding-top:30px;
	
}

#menu{
	position:relative;
	margin:auto;
	height:188px;
	width:675px;
	padding-top:128px;
	padding-left:120px;
	
}

.puce{
	list-style-image:url(img/puce.png);
	margin-top:0px;
	line-height:25px;
}

#contenu{
	position:relative;
	margin:auto;
	height:auto;
	width:795px;
}

#gauche{
	float:left;
	width:344px;
	height:auto;
	padding-left:25px;	
	padding-right:26px;
}
	#titre_gauche{
		background-image:url(img/cadre_gauche_titre.jpg);
		width:347px;
		height:38px;
	}
	
	#titre_gauche_en{
		background-image:url(img/cadre_gauche_titre_en.jpg);
		width:347px;
		height:38px;
	} 
	#texte_gauche{
		background-image:url(img/cadre_gauche_1px.jpg);
		background-repeat:repeat-y;
		height:auto;
		width:347px;
	}
	#texte_gauche_valid{
		background-image:url(img/cadre_gauche_1px.jpg);
		background-repeat:repeat-y;
		height:auto;
		width:347px;
		padding:0 15px;
	}
	#texte_gauche_valid h1{
		margin:0px;
	}
	#bas_gauche{
		background-image:url(img/cadre_gauche_bas.jpg);
		width:322px;
		height:19px;
		padding-right:25px;
		padding-top:2px;
	}
	#bas_gauche_valid{
		background-image:url(img/cadre_gauche_bas_valid.jpg);
		width:322px;
		height:19px;
		padding-right:25px;
		padding-top:2px;
	}
	
	#bas_gauche_en{
		background-image:url(img/cadre_gauche_bas_en.jpg);
		width:322px;
		height:19px;
		padding-right:25px;
		padding-top:2px;
	}

#droite{
	float:left;
	width:371px;
	height:auto;	
	padding-right:25px;
}
	#titre_droite{
		background-image:url(img/cadre_droite_titre.jpg);
		width:372px;
		height:38px;
	}
	
	#titre_droite_en{
		background-image:url(img/cadre_droite_titre_en.jpg);
		width:372px;
		height:38px;
	}
	
	#texte_droite{
		background-image:url(img/cadre_droite_1px.jpg);
		background-repeat:repeat-y;
		height:auto;
		width:372px;
	}
	#texte_droite_valid{
		background-image:url(img/cadre_droite_1px.jpg);
		background-repeat:repeat-y;
		height:auto;
		width:372px;
		padding:0 15px;
	}
	#texte_droite_valid h1 {
		margin:0px;
		
	}
	#texte_droite li{
	line-height:20px;
	}
	
	#bas_droite{
		background-image:url(img/cadre_droite_bas.jpg);
		width:372px;
		height:21px;
	}
	#bas_droite_valid{
		background-image:url(img/cadre_droite_bas.jpg);
		width:172px;
		height:17px;
		padding-left:200px;
		padding-top:4px
	}

#submit_valid_resa {
	background-color:#846f5a;
	color:#fff;
	border:none;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
}

#texte_site{
	position:relative;
	width:689px;
	background-image:url(img/grand_cadre_1px.jpg);
	height:auto;
	margin:auto;
	background-repeat:repeat-y;
	padding-left:30px;
}
	#texte_site h1{
		text-align:center;
		font-weight:normal;
		margin-bottom:7px;
	}
	#texte_site h2{
		margin-top:7px;
		margin-bottom:0px;
		padding-bottom:0px;
		font-weight:normal;
	}

#bas_site{
	background-image:url(img/grand_cadre_bas.jpg);		
	height:30px;
	width:719px;
	position:relative;
	margin:auto;
}

#footer{
	position:relative;
	margin:auto;
	height:58px;
	width:795px;
	border-top:2px solid #816c58;
	background-color:#c3bbb1;
	text-align:center;
	padding-top:25px;
	line-height:18px;
}
/* --------------------------------- slide Optim -------------------------------------*/

.slide{
position:relative;
width:700px;
font-family:Tahoma;
font-size:11px;
color:#836f5b;
margin:auto;
}

.Optim1, .Optim2{
font-family:Tahoma;
font-size:11px;
color:#836f5b;
}

.menu-Optim1, .menu-Optim2 {
width:150px;
position:absolute;
padding-top:10px;
background-color:#C3BBB1;
font-family:Tahoma;
}
.menu-Optim1 ul, .menu-Optim2 ul, .menu-Optim1 li, .menu-Optim2 li {
margin:0px;
padding:0px;
list-style-type:none;
list-style:none;
}
.menu-Optim1 a, .menu-Optim2 a {
display:block;
height:100%;
font-size:10px;
text-decoration:none;
text-align:left;
color:#836F5B;
}
.menu-Optim1 li a:hover, .menu-Optim2 li a:hover {
background-color:#E6E5E3;
color:#836F5B;
}


/* --------------------------------- fin slide -------------------------------------*/

#cadre_chambre, #cadre_sejour {
	float:left;
}

#cadre_calendrier, #cadre_coord {
	float:left;
	margin-left:20px;
}

#reservation div div div.res_titre {
	border-bottom:none;
	color:#fff;
	background-color:#816c58;
	font-size:11px;
}

#reservation div div div {
	border:solid 1px #3f3123;
	padding: 3px 10px 3px 10px;
}

#reservation div div div div {
	margin:0px;
	padding:0px;
	width:250px;
	border:none;	
	margin-bottom:5px;
}

#reservation div#chambre, #reservation div#duree_sejour, #reservation div#options_sejour {
	width:340px;
}

#reservation div#chambre div span a {
	float:right;
	padding:2px 3px 1px 3px;
	width:56px;
	font-size:9px;
	color:#fff;
	background-color:#816c58;
	text-align:center;
	cursor:pointer;
}


#reservation div#desc_chambre, #reservation div#prix_tot  {
	margin-top:10px;
	width:318px;
	border:solid 1px #3f3123;
	padding: 3px 10px 3px 10px;
}
#reservation div#desc_chambre h1,  #reservation div#prix_tot h1 {
	color:#594a3c;
	font-size:12px;
	margin-top:4px;
}
#reservation div#desc_chambre p, #reservation div#prix_tot p {
	padding:0px;
}

#reservation div#calendrier, #reservation div#coord {
	float:left;
	width:380px;
}
#reservation div#mois {
	width:64px;
	float:left;
	
	/*border:solid 1px red;*/
}
#reservation div#mois span a {
	width:64px;
	font-size:10px;
	color:#fff;
	background-color:#816c58;
	text-align:center;
	display:block;
	margin-bottom:5px;
	height:15px;
	cursor:pointer;
}
#reservation div#mois span a#select_mois {
	background-color:#c4b2a3;
}

#reservation div#calend {
	float:left;
}
#reservation div#ct_calend div#chambre {
	float:left;
	width:290px;
}
#reservation div#ct_calend div#chambre h1 {
	text-align:center;
	margin:0px;
	font-size:12px;
	height:20px;
}

.etat_dispo {
	background-color:#a7ad01;
	cursor:pointer;
}
.etat_resa {
	background-color:#8b024c;
	color:#fff;
	cursor:default;
}

.etat_ferm {
	background-color:#939294;
	cursor:default;
}
a.etat_dispo:hover, a.etat_promo:hover, a.etat_resa:hover {
	font-weight:bold;
}
a.etat_ferm:hover, a.etat_resa:hover {
	font-weight:normal;
}
.etat_promo {
	background-color:#0360af;
	color:#fff;
	cursor:pointer;
}
.etat_passee {
	background-color:#ccc;
}

#reservation div#legende {
	clear:both;
	font-size:10px;
	width:360px;
}
#reservation div#legende span {
	display:block;
	float:left;
	margin:0 5px 0 0;
}
#reservation div#legende span#dispo {
	background-color:#a7ad01;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#non_dispo {
	background-color:#8b024c;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#promo {
	background-color:#0360af;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#ferm {
	background-color:#939294;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}

#reservation div#options_sejour {
	 margin-top:10px;
}

#reservation div#prix_tot div {
	border:0px;
	padding:0px;
	float:left;
}
#reservation div#prix_tot div.prix_label {
	width:220px;
}
#reservation div#prix_tot div.prix_field {
	width:45px;
	text-align:right;
	font-weight:bold;
	float:right;
}
#reservation div#label_prix_nuit_sans_promo {
	width:45px;
	text-align:right;
	font-weight:bold;
	text-decoration:line-through;
	float:right;
}

#calend {
	font-size:12px;
	text-align:center;
	border-spacing: 2px;
	height:155px;
	width:290px;
	margin:auto;
}
#calend table {
	margin:auto;
	width:290px;
}
#calend table thead tr th {
	padding:5px 0 5px 0;
}

#calend th a:hover {
	color:#00ccff;
	cursor:pointer;
}
#calend td {
	/*background-color:#ccc;*/
}
#calend td a {
	display:block;
}
#calend td a:hover {
	
}

#reservation .coord_label {
	width:140px;
	text-align:right;
	height:24px;
}
#reservation .coord_field {
	float:right;
	width:200px;
}
#reservation #coordonnees div {
	margin:1px;
}
#reservation #coordonnees p {
	text-align:center;
}

#reservation #duree_sejour div div.sejour_label {
	width:240px;
	height:22px;
}
#reservation #duree_sejour div div.sejour_field {
	width:70px;
	float:right;
}

#reservation .option_label {
	clear:both;
	float:left;
	width:155px;
}
#reservation .option_field {
	float:left !important;
	float:none;
	width:40px;
}
#reservation div#ct_option_sejour h1 {
	font-size:12px;
	height:20px;
}
#contenu_admin {
	padding:10px 50px;
}

.confirm_resa {
	padding:10px 50px;
}
.confirm_resa p {
	text-align:center;
	font-weight:bold;
}

.clear {
	float:none;
	clear:both;
}

#tab_admin {
	width:500px;
	margin:auto;

}
#tab_admin td {
		border:1px solid #b5b5b5;
		border-collapse:collapse;
		text-align:center;
}
#tab_modif {
	width:400px;
	margin:auto;
	border-spacing: 20px;
}