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

/***************GENERAL*********************/
body{
	margin:0;
	padding:10px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#fff;
}
#page{
	/*border:1px solid #e0d9c5;*/
	width:1025px;
	background-color:#fafafa;
}
#marge{
	padding:10px;
}
h1,h2,h3,h4,p,ul,li,form,fieldset,label,legend,img{
	padding:0;
	margin:0;
	border:none;
}
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	text-decoration:underline;
}
.cleaner{
	clear:both;
	font-size:1px;
	height:0;
}
.cache{
	visibility:hidden;
	position:absolute;
}
/***************STRUCTURE*******************/
#nav{
	background:url('../images/fond_menu.jpg') #e0d9c5 left top no-repeat;
	float:left;
	width:240px;
	height:627px;
}
#nav a:hover{
	text-decoration:none;
}
#contenu{
	float:left;
	width:765px;
}

h1{
	font-size:1.2em;
	padding-bottom:15px;
}


/*colonne gauche*/
#nav ul#menu{
	padding: 20px 0 0 0px;

}
#nav ul#menu li{
	list-style-type:none;
	font-size:0.8em;
	line-height:1.15em;
}
#nav ul#menu li span{
	display:block;
	padding:10px 0 0 15px;
}
#nav ul#menu li a{
	display:block;
	padding:10px 0 5px 15px;
}
#nav ul#menu li ul{
	padding:8px 0 6px 0;
}
#nav ul#menu li.actif_grand{
	background:url('../images/fond_menu_actif_gd.jpg') left top no-repeat;
	font-weight:bold;
}
#nav ul#menu li.actif_grand ul li{
	font-weight:normal;
}
#nav ul#menu li.actif_grand ul li a:hover{
	background:url('../images/puce_menu.gif') 20px 5px no-repeat;
	font-weight:bold;
}
#nav ul#menu li ul li{
	font-family:"Times New Roman", Times, serif;
	font-size:1.05em;
}
#nav ul#menu li.actif_grand ul li.actif{
	background:url('../images/puce_menu.gif') 20px 6px no-repeat;
	font-weight:bold;
}
#nav ul#menu li.actif{
	background:url('../images/fond_menu_actif.jpg') left top no-repeat;
	font-weight:bold;
}
#nav ul#menu li a:hover{
	background:url('../images/fond_menu_actif.jpg') left top no-repeat;
	font-weight:bold;
}
#nav ul#menu li ul li a{
	padding:2px 0 1px 30px;
}

#nav ul#langues{
	padding: 95px 0 0 15px;
	margin-bottom:33px;

}
#nav ul#langues li{
	float:left;
	list-style-type:none;
	font-size:0.7em;
}
#nav ul#langues li a{
	display:block;
	padding:8px 3px 6px 3px;
}
#nav ul#langues li a:hover{
	background:url('../images/fond_langues.jpg') left top no-repeat;
}
#nav ul#langues li.actif{
	font-weight:bold;
}
#nav ul#langues li.actif a{
	background:url('../images/fond_langues.jpg') left top no-repeat;
}
/*contenu, général*/

#contenu h1,#contenu h2{
	font-size:0.95em;
	font-family:"Times New Roman", Times, serif;
	padding:30px 8px 15px 18px;
}
#contenu #texte h3{
	font-size:0.85em;
	font-family:"Times New Roman", Times, serif;
	padding:0px 8px 3px 18px;
	color:#555;
}
#contenu #texte h4{
	font-size:0.8em;
	font-family:"Times New Roman", Times, serif;
	padding:10px 8px 3px 18px;
}
#contenu #texte p{
	font-size:0.7em;
	padding:0 8px 15px 18px;
}
#contenu #texte p .precision{
	font-size:0.95em;
	font-weight:bold;
	display:block;
	padding-top:2px;
	color:#555;
}
#contenu #texte p.reserver{
	font-size:0.75em;
	font-family:"Times New Roman", Times, serif;
	padding-top:15px;
	text-align:right;
	font-weight:bold;
}
#contenu #texte .colonne{
	width:255px;
	float:left;
}

/*Chambre*/
#contenu.chambre #texte{
	width:245px;
	float:left;
}
#contenu.chambre #diaporama{
	width:510px;
	float:left;
}
#contenu.chambre #plan{
	padding-left:10px;
}

/*Services*/
#contenu.services #texte .colonne{
	width:255px;
	float:left;
}
#contenu.services #diaporama{
	
}


/*Activités*/

#contenu.activites #diaporama{
	
}



/*Home*/



/***************CALENDRIER RESA*************/

.reservation h2{
	margin-bottom:25px;
}
.reservation .colonne{
	width:255px;
	float:left;
	padding-top:45px;
}
.reservation .colonne2{
padding-top:45px;
	width:510px;
	float:left;
}
.reservation form {
	padding-left:20px;
}
.reservation form .champ{
	padding-bottom:15px;
	clear:both;
}
.reservation form fieldset label{
	font-size:0.7em;
	display:block;
	padding-bottom:3px;
}
.reservation form fieldset input,.reservation form fieldset select{
	font-size:0.7em;
	width:180px;
	margin:0;
}
.reservation form fieldset#choix_dates{
	width:240px;
	float:left;
}
.reservation form fieldset#choix_continuer{
	width:240px;
	float:left;
	text-align:right;
}
.reservation form fieldset#choix_continuer p{
	font-size:0.75em;
	line-height:1.2em;
	padding-bottom:10px;
	padding-top:5px;
}
.reservation form fieldset#identite {
	width:250px;
	float:left;
}
.reservation form fieldset#coordonnees {
	width:250px;
	float:left;
}
.calendrier{
	/*position:absolute;
	background-color:#F60;
	height:195px;
	
	left:530px;
	top:252px;*/
	position:relative;
	top:-20px;
	width:180px;
	border:2px solid #6f6c74;
	
	font-size:0.75em;
	z-index:10;
}
.calendrier .annee{
	color:#FFF;
	text-align:center;
	font-size:1em;
	font-weight:600;
	padding:0 0 2px 0;
	background-color:#6f6c74;
}
.calendrier .annee a{
	color:#FFF;
}
.calendrier .annee span{

}
.calendrier .annee img{

}
.calendrier .mois{
	margin-top:2px;
	background-color:#333;
}
.calendrier .mois ul {
	width:165px;
	margin-left:6px;
}
.calendrier .mois ul li{
	float:left;
	list-style-type:none;
	padding:2px 3px;
	
}
.calendrier .mois ul li.annee_suivante a{
	color:#fff;
}
.calendrier .mois ul li.mois_en_cours{
	font-weight:600;
}
.calendrier table{
	clear:both;
	margin-left:6px;
	background-color:#FFF;
	font-size:0.95em;
	width:165px;
}
.calendrier table th{
	font-weight:500;
	color:#333;
}
.calendrier table td{
	background-color:#e1dbc7;
	color:#000;
	text-align:center;
	width:18px;
}
.calendrier table td a{
	display:block;
	width:18px;
}
.calendrier table td.date_active a,.calendrier table td.date_active{
	background-color:#88a7a7;
}
.calendrier table td.basse a,.calendrier table td.basse {
	background-color:#2f597d;
}
.calendrier table td.date_active a,.calendrier table td.basse a{
	color:#FFF;
}
.calendrier table td.date_active a:hover{
	background-color:#999;
}
.calendrier table td.basse a:hover{
	background-color:#999;
}
.calendrier table td.passe{
	color:#999;
}
.calendrier table td.autre_mois{
	background-color:#F2F1E8;
	color:#999;
}
.calendrier table tfoot tr{
	
}
.calendrier table tfoot td{
	text-align:left;
	border-top:5px solid #FFF;
	border-bottom:5px solid #FFF;
	background-color:#a7bfbf;
}
.calendrier table tfoot td.legende{
	text-align:left;
	width:auto;
	padding-left:5px;
	background-color:#FFF;
	color:#333;
	font-weight:600;
}


.reservation .recapitulatif{
	padding-left:20px;
	padding-top:30px;
}
.reservation .recapitulatif p{
	padding-top:10px;
	padding-left:0;
}
.reservation .inscription h1{
	margin-top:5px;
}
.reservation .recapitulatif table{
	border-collapse:collapse;
	margin-bottom:20px;
}
.reservation .recapitulatif table th{
	font-size:0.75em;
	padding:10px;
	border-bottom:1px solid #333;
	text-align:left;
}
.reservation .recapitulatif table td{
	font-size:0.75em;
	padding:10px;
	border-bottom:1px solid #333;
}


.credits{
	color:#999;
	font-size:0.65em;
	padding:0 0 0 0px;
	width:1010px;
	text-align:right;
}
.credits a{
	color:#999;
}