/** ***************** **/
/** Dans tous les CSS **/
/** ***************** **/

/** Supprimes les pointillés des Flash et des Liens **/
a:focus, object:focus, img:focus{
	outline: 0;
}
/** Pour les Boutons images AVEC lien **/
a:hover, object:hover{
	cursor: pointer;
	cursor: hand;
}
/** Pour les Boutons images SANS lien **/
.lnk{
	cursor: pointer;
	cursor: hand;
}
/** Pour les champs obligatoires **/
.red{
	color: #f00;
}
.beige{
	color: #8C7148;
}
img{
	border:0;
}
a:link, a:visited, a:hover, a:active{
	color:#FFFFFF;
	text-decoration: none;
	border:none;
}
li.marron > a:link, li.marron > a:visited, li.marron > a:active, b.marron > a:link, b.marron > a:visited, b.marron > a:active{
	color: #040404;
	text-decoration: none;
	border:none;
}
li.marron > a:hover, b.marron > a:hover{
	color: #040404;
	text-decoration: underline;
	border:none;
}
body{
	background-color: #786d60;
	color: #494239;
	margin: 0;
	padding: 0;
	text-align: center;
}

A.marron {
  text-decoration: none;
  color: #494239;
  font-weight: bold;
}

A.marron:link {
  text-decoration: none;
  color: #494239;
}

A.marron:visited{
  text-decoration: none;
  color: #494239;
}

A.marron:hover {
  text-decoration: underline;
  color: #494239;
}

A.marron:active {
  text-decoration: none;
  color: #3b342d;
}

.justify{
	text-align: justify;
}
	
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}

.gras{
	font-weight: bolder;
	
}
/** ***************** **/
/** Dans tous les CSS **/
/** ***************** **/
#container_fond{
	position: absolute;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 600px;
	z-index: -1;
	top:-25px;
}
#anim_fond{
	position: relative;
        margin : 0 auto;
	width: 1000px;
	height: 600px;
	z-index: -10;
}
#container{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 870px;
	top: 35px;
	z-index: 1;
}
#drapeau{
	position: relative;
	top: -45px;
	width: 1000px;
	text-align: right;
	height: 30px;
}
.langues{
	position:relative;
	height: 30px;
	margin-right: 5px;
}
ul.langues li { 
	display : inline;
}
ul.langues {
	list-style-type : none; 
}
#zone_reactive_accueil{
	position: relative;
	top: -325px;
	left: 20px;
	width: 300px;
	margin-bottom: -15px;
	height:90px;
}
#spacer_zone_reactive{
	height: 90px;
	width: 300px;
}
.plier{
	position: relative;
	z-index: 2;
	top: 107px;
	left: -311px;
}
ul.plier {
	list-style-type : none; 
}
#replier{
	font: bold 10px Arial,Verdana,sans-serif;
	color: #f00;
}

/** Réservation **/
#reservation{
	width: 520px;
	height: 49px;
	text-align: left;
	position: absolute;
	top: 500px;
	left: 480px;
	font: normal 13px Arial,Verdana,sans-serif;
	color: #ffffff;
}
#reservation_NL{
	width: 500px;
	height: 49px;
	text-align: left;
	position: absolute;
	top: 500px;
	left: 480px;
	font: normal 12px Arial,Verdana,sans-serif;
	color: #ffffff;
}
#titre_reservation, #titre_reservationRight{
	height: 18px;
	padding-top: 2px;
	float: left;
	text-align: left;
	font: normal 14px Arial,Verdana,sans-serif;
	margin: 0;
}
#titre_reservation{
	width: 500px;
	color: #3d3832;
	text-align: center;
	background: url('images/fond_texte2.png');
	
}

#choix_reservation{
	float: left;
	background: url('images/transparence2.png');
	color: #3d3832;
	width: 500px;
	height: 25px;
	
}
#form_reservation > p, #form_reservation > label, #choix_reservation > select{
	background: none;
	position: relative;
	top: -11px;
}
#form_reservation > p{
	float: left;
}
#form_reservation > label, #choix_reservation > select{
	display: inline;
}
#btn_reservation{
	margin-bottom: -4px;
	margin-left: 4px;
}

/** visualier diapo **/
#visualiser_diapo{
	width: 137px;
	height: 30px;
	text-align: center;
	background: url(images/transparence.png);
	font: normal 13px Arial,Verdana,sans-serif;
	color: #ecd960;
	position: absolute;
	left: 823px;
	top: 28px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;		
}

#entete_diapo{
	width: 137px;
	height: 18px;
	text-align: center;
	background: url(images/fond_texte2.png);
	font: normal 13px Arial,Verdana,sans-serif;
	color: #776d60;
	position: absolute;
	left: 823px;
	top: 10px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 18px;		
}


/** Colonne gauche **/
#colonne_gauche{
	width: 143px;
	text-align: right;
	background: url(images/transparence.png);
	font: normal 13px Arial,Verdana,sans-serif;
	color: #DCD7C4;
	position: absolute;
	left: 20px;
	top: 110px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	max-height: 313px;
}
/** Colonne droite **/
#colonne_droite{
	width: 137px;
	height: 313px;
	text-align: right;
	background: url(images/transparence.png);
	font: normal 13px Arial,Verdana,sans-serif;
	color: #DCD7C4;
	position: absolute;
	left: 823px;
	top: 110px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	max-height: 313px;
	line-height: 25px;
}
.titre_menuG{
	float: left;
	clear: left;
}
.titre_menuD{
	float: left;
	clear: left;
	height: 27px;
}
.titre_menuG > img{
	margin-left: -10px;
}
.titre_menuD > img{
	margin-left: -10px;
}
.menu_container{
	width: 163px;
	margin-top: -5px;
	text-align:left;
	float: left;
}
.menu_Currentelement{
	list-style-image: url(./images/puce2.png);
}
.menu{
	list-style-image: url(./images/puce.png);
	margin-left: -20px;
	position: relative;
	top: -6px;
}

.tel{
	width: 170px;
	text-align: right;
}

/** Centre **/
#centre{
	width: 610px;
	height: auto;
	max-height: 390px;
	background: url(images/fond_texte2.png);
	background-repeat: repeat-x repeat-y;
	background-position: center;
	position: relative;
	left: 197px;
	top: 110px;
	float: left;
	overflow: auto;
	padding: 0;

}
#open, #close{
	font: normal 14px Verdana,sans-serif;
}

#open{
	height: 313px;
	overflow: auto;
}
#close{
	height: 0px;
	visibility: hidden;
}
.text{
	font: normal 13px Verdana,sans-serif;
	float: left;
	clear: left;
	padding-bottom: 20px;
	text-align: justify;
}
img#bouton_plier{
	position:relative;
	left: 588px;
}

/** Bas de page **/

a.txt_r:link, a.txt_r:visited, a.txt_r:hover, a.txt_r:active
{
	color:#52423F;
}
#texte_relais{
position:absolute;
	bottom:0;
	width: 1000px;
	text-align:justify;
	margin-bottom:-20px;
	padding:5px;
	border:1px dashed #fff;
	font:12px Verdana,Arial,sans-serif;
}
#adresse2{
	text-align: center;
	color: #ffffff;
	width: 995px;
	font-family: arial;
	font-size: 13px;
	top: -20px;
	position: relative;
} 

#logis{
	text-align: left;
	width: 995px;
	font-family: arial;
	font-size: 13px;
	top: -20px;
	position: relative;
} 

#div_footer{
	float: left;
	clear: left;
	width: 995px;
	text-align: right;
	position: absolute;
	top: 575px;
	padding-right: 5px;	
}
.footer{
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	position: relative;
	left: -15px;
	top: -15px;
}
ul.footer li { 
	display: inline;
	text-decoration: none;

}
ul.footer {
	list-style-type: none; 
}

ul.footer li a{ 
	display : inline;
	text-decoration: none;
	font-family: arial;
}

/** mise en page le "7" et "fontaine d'evraud"**/
.pave7{
	padding: 10px;
	vertical-align: top;
	text-align: justify;
	color: #494239;
}

.titre_acces{
	text-align: left;	
	padding-left: 40px;
	padding-right: 40px;
}

.carte{
	float:right;
}

.vignette7{
	float: right;
	text-align: right;
	
}

/** mise en page "plantagenet"**/

.logo{
	text-align: left;
	vertical-align: top;
	
}

.plantatext{
	padding: 4px;
	vertical-align: top;
	text-align: justify;
	color: #494239;
}

.cloche{
	
	text-align: right;
	width: 300px;
}

/** mise en page "forfaits"**/

.separateur{
	height: 2px;
	background-color: #786d60;
	}

.forfait{
	padding: 12px;
	vertical-align: top;
	text-align: justify;
	color: #494239;
	
}

.titre{
	font-weight: bold;
	text-align: justify;
	color: #494239;
	
}



.tableau100{
	width: 100%;
	color: #494239;
	}
	


/** mise en page "cheques"**/
.tableau100marron{
	width: 100%;
	background-color: #796d61;
	color: #f9f3e1;
	border: 1px;
	border-color: #f9f3e1;
	
	} 
	
	
		
/** mise en page "forfaits"**/

.tableau-partenaires{
	width: 100%;
	height: 100%;
	text-align: center;
}

/** mise en page "seminaires"**/

.seminaire{
	text-align: justify;
	vertical-align: top;
	color: #494239;
}

.salle{
	text-align: left;
	vertical-align: middle;
	color: #494239;
}

/** Accordéon JQuery **/
#centre .panel {
  padding: 0 20px;
  text-align: left;
  font: normal 13px Verdana,sans-serif;
}

/** FancyZoom **/
.photo{
	width: 80px;	
	
}

.resto{
	width: 95px;
	text-align: right;	
	
}

div.photo{
	display:inline;
	width: 75px;
	
}
div.photo a img{
	
	border:1px solid;
	border-color: #786d60;
	width: 75px;
}
#zoom{
	z-index: 5;
}
#zoom_close_img{
	position: relative;
	top: 0px;
	left: 0px;
}
#zoom_content > img{
	-moz-border-radius-topright: 8px;
	-webkit-border-radius-topright: 8px;
	border:0px;
}

/** Newsletter **/
#newsletter_subscribe{
	width: 400px;
	margin: 0 auto;
}
#nl_frame{
	width: 530px;
	height: 340px;
}

/** Contact **/

#form_contact table tr td > label{
	float: right;
}
#label_commentaires{
	position: relative;
	top: -20px;
	width: 120px;
	text-align: right;
}

.menu_libelle{
	padding: 3px 5px;
}
.menu_comments{
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 5px;
}
.carte_menu{
	/*background-color: #BCAFA4;*/
}
.menu_libelle{
	padding: 3px 5px;
	background-color: #BCAFA4;
}
.menu_libelle_encadre{
	padding: 3px 5px;
	border: 2px solid #786D60; 
	background-color: none;
}
.cat_menu{
	background-color: #786D60;
	color: #ffffff;
	font-size: 13px;
	padding: 3px 5px;
}
.price{
	width:auto;
	padding: 3px 0;
	text-align: center;
	background-color: #BCAFA4;
}
.form_elmnt{
	position: relative;
	float: left;
	clear: left;
}

/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */
#previous_year, #previous_month, #mois_calendrier, #next_month, #next_year{
	position: relative;
	float: left;
	left:31px;
}

#mois_calendrier{
	font-size: 12px;
	top: -9px;
}

#libelle, .ligne{
	float: left;
	clear: left;
	background-color: #9A8F82;
}

#libelle li, .ligne li{
	list-style: none;	
	text-align: center;
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
	color: #675C50;
	font-weight:bolder;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	float : left;
	width : 30px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 30px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	/* A vous de configurer l'apparence du jour sélectionné */
	background-color: #BCAFA4;
}
li.itemSelectedItem {
	/* A vous de configurer l'apparence du jour sélectionné */
	background-color: #786D60;
}