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

/*********** 

Reset styles 

***********/

* {
	margin: 0;
	padding: 0;
}

img{
	border:0;
}

body{
	background-color:#581003;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align: center;
}

div.c{clear:both;}


a{
	color:#9d3321;
	text-decoration:none;
}
a:hover{
	color:#9d3321;
	text-decoration:underline;
}
/*********** 

Structure

***********/
#global{
	width:1003px;
	background:#581003 url(../images/fond-site.jpg) repeat-y;
	margin: 0 auto;
	
}

#leftHeader{
	float:left;
	width:249px;
	height:135px;
	background:#fff url(../images/leftHeader.jpg);
}
#rightHeader{
	float:left;
	width:249px;
	height:135px;
	background:#fff url(../images/rightHeader.jpg);
}
#logo{
	float:left;
	width:467px;
	height:135px;
}
#header{
	margin: 0 auto;
	width:965px;
	height:135px;
	
}
#content {
	width: 965px;
	height:500px;
	background:#fff url(../images/fond-contenu.jpg);
	text-align: left;
	margin:0 auto;
	clear:both;
	padding-bottom:20px;
}
html>body #content{
	
	height:auto;
	min-height:500px;

}
#footerRouge {
	margin:0 auto;
	width: 965px;
	height:105px;
	background: url(../images/fond-footer.jpg);
}
#footer {
	display: block;
	margin:0 auto;
	width: 965px;
	height:25px;
	background: #ebe5d7;;
	line-height:25px;
	text-align:center;
}
/****************

Flags

****************/
#flags{
	
	margin-top:110px;
	float:right;
}
#listeDrapeaux{
	
}
#listeDrapeaux li{
	list-style: none; 
	float: left;
	margin-right:5px;
}
/****************

Menu horizontal

****************/
#conteneurMenu{
	margin:0 auto;
	width: 965px;
}
#menu{
	height:36px;
	float:left;

}
#menu li {
	display: block; 
	float: left;
	height: 36px; 
	list-style: none; 
	text-align:center;
	vertical-align:middle;
	margin:0;
}
#menu a.menuAccueil, #menu a.menuAccueilA, #menu a.menuHistorique,#menu a.menuHistoriqueA,#menu a.menuHotel, #menu a.menuHotelA, #menu a.menuRestaurant, #menu a.menuRestaurantA,#menu a.menuDetente,#menu a.menuDetenteA,#menu a.menuPlanAcces,#menu a.menuPlanAccesA,#menu a.menuContact,#menu a.menuContactA{
	color:#672e24;
	display: block; 
	height:36px;
	text-decoration:none;
	font-family:"Times New Roman", Helvetica, sans-serif;
	font-weight:bold;
	font-size:0.9em;
	line-height:36px;
}
#menu a.menuAccueil{
	width:116px;
	background: url(../images/menuAccueil.jpg) 0 0 no-repeat;
}

#menu a.menuAccueil:hover{
	background: url(../images/menuAccueil.jpg) 0 -36px no-repeat;
}
#menu a.menuAccueilA{
	width:116px;
	background: url(../images/menuAccueil.jpg) 0 -36px no-repeat;
}
#menu a.menuAccueilA:hover{}

#menu a.menuHistorique{
	width:137px;
	background: url(../images/menuHistorique.jpg) 0 0 no-repeat;
}
#menu a.menuHistorique:hover{
	background: url(../images/menuHistorique.jpg) 0 -36px no-repeat;
}
#menu a.menuHistoriqueA{
	width:137px;
	height:36px;
	background: url(../images/menuHistorique.jpg) 0 -36px no-repeat;
}
#menu a.menuHistoriqueA:hover{}

#menu a.menuHotel{
	width:107px;	
	background: url(../images/menuHotel.jpg) 0 0 no-repeat;
}
#menu a.menuHotel:hover{
	background: url(../images/menuHotel.jpg) 0 -36px no-repeat;
}
#menu a.menuHotelA{
	width:107px;
	background: url(../images/menuHotel.jpg) 0 -36px no-repeat;
}
#menu a.menuHotelA:hover{}

#menu a.menuRestaurant{
	width:140px;
	background: url(../images/menuRestaurant.jpg) 0 0 no-repeat;
}
#menu a.menuRestaurant:hover{
	background: url(../images/menuRestaurant.jpg) 0 -36px no-repeat;
}
#menu a.menuRestaurantA{
	width:140px;
	background: url(../images/menuRestaurant.jpg) 0 -36px no-repeat;
}
#menu a.menuRestaurantA:hover{}

#menu a.menuDetente{
	width:123px;
	background: url(../images/menuDetente.jpg) 0 0 no-repeat;
}
#menu a.menuDetente:hover{
	background: url(../images/menuDetente.jpg) 0 -36px no-repeat;
}
#menu a.menuDetenteA{
	width:123px;
	background: url(../images/menuDetente.jpg) 0 -36px no-repeat;
}
#menu a.menuDetenteA:hover{}

#menu a.menuPlanAcces{
	width:149px;
	background: url(../images/menuPlanAcces.jpg) 0 0 no-repeat;
}
#menu a.menuPlanAcces:hover{
	background: url(../images/menuPlanAcces.jpg) 0 -36px no-repeat;
}
#menu a.menuPlanAccesA{
	width:149px;	
	background: url(../images/menuPlanAcces.jpg) 0 -36px no-repeat;
}

#menu a.menuPlanAccesA:hover{}

#menu a.menuContact{
	width:193px;
	background: url(../images/menuContact.jpg) 0 0 no-repeat;
}
#menu a.menuContact:hover{
	background: url(../images/menuContact.jpg) 0 -36px no-repeat;
}
#menu a.menuContactA{
	width:193px;
	background: url(../images/menuContact.jpg) 0 -36px no-repeat;
}
#menu a.menuContactA:hover{}

/*********** 

Contenu intro

***********/
#intro{
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	padding:20px;
	width:450px;
	float:left;
}

p{
	padding-top:10px;
	text-indent:30px;
}
img.bordure{
	border:#efead8 solid 3px;
	margin-left:12px;
}
#photosIntro{
	float:right;
	padding:20px;
}
html > body #presse{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:20px 10px 0px 20px;
	padding:10px;
	width:430px;
	float:left;
	text-align:justify;
}
#presse{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:20px 10px 0px 10px;
	padding:10px;
	width:430px;
	float:left;
	text-align:justify;
}
#presse p{
	font-style:italic;
}
#presse p.nomPresse{
	font-weight:bold;
}
#logos{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:20px 10px 0px 10px;
	padding:10px;
	width:430px;
	float:right;
	text-align:center;
}

html > body #logos{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:20px 20px 0px 10px;
	padding:10px;
	width:430px;
	float:right;
	text-align:center;
}
#logos img{
	
	padding:10px 30px 0px 30px;
}
#animation{
	margin:0 auto;
	width:943px;
}
#adresse{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:20px 20px 0px 20px;
	padding:10px;
}
#adresse p{
	text-indent:0;
	padding-top:0px;
	
}
#adresse a{
	color:#6a461a;

	text-decoration:none;
}
#adresse a:hover{
	text-decoration:underline;
}

#fermeture{
	background-color:#e9e2d4;
	color:#54302a;
	font-family:arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:20px 0px 0px 0px;
	padding:10px;
	text-align:justify;
}
#fermeture p{
	text-indent:0px;
}
.gras{
	font-weight:bold;
}
.italique{
	font-style:italic;
}
.tarifs{
	width:100%;
	margin-top:10px;
	background-color:#e9e2d4;
}
.tarifs td{
	padding:5px;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	
}
td.titreMenu{
	background-color:#581003;
	color:#fff;
	text-align:center;
}
td.indent{
	padding-left:20px;
}
/*********** 

contenu

***********/
#contenu{
	padding:20px;
}
#leftColumn{
	width:450px;
	float:left;
}
#rightColumn{
	width:450px;
	float:right;
	
}
#leftColumn, #rightColumn{
	text-align:justify;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	color:#54302a;
}

#leftColumn p, #rightColumn p, #contactGauche p, #contactDroit p{
	text-align:justify;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	color:#54302a;
}

#leftColumn ul, #rightColumn ul{
	list-style-position:inside;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	color:#54302a;
}

h1{
	font-family:"Georgia", arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	font-style:italic;
	color:#9d3321;
}
#contenu h1{
	background:#e8e1d3;
	width:925px;
	height:31px;
	text-align:center;
	line-height:31px;
	vertical-align:middle;
	padding-top:5px;
}
html>body #contenu h1{
	padding-top:0px;
}
h2{
	font-family:"Georgia", arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
	font-style:italic;
	color:#7a590b;
	background: url(../images/puceh2.png) 0 0 no-repeat;
	padding-left:30px;
	margin-top:30px;
}
h2.sansEspaceHaut{
	margin-top:10px;
}
#contenu h1 img{
	vertical-align:middle;
	margin:0px 10px;
}
.fil{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.8em;
	overflow:auto;
	margin:-12px 0px 8px 0px;
	color:#766c53;
}
.fil a{
	color:#766c53;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:0.9em;
	text-decoration:none;
	overflow:auto;
}
.fil a:hover{
	text-decoration:underline;
}
.left{
	float:left;
}
.right{
	float:right;
}
#contenu img.bordure{
	border:#efead8 solid 3px;
	margin:10px 0px 0px 0px;
}
#contenu img.dansContenuDroite{
	border:#efead8 solid 3px;
	margin:10px 0px 10px 10px;
}
#contenu img.dansContenuGauche{
	border:#efead8 solid 3px;
	margin:10px 10px 10px 0px;
}
#contenu p.centre{
	text-align:center;
	text-indent:0;
}
.rouge{
	color:#581003;
	font-size:30px;
}
/*********** 

Footer

***********/
#footer{
	text-align:center;
	width:965px;
}
#footer ul {
	width:700px;
	margin:0 auto;	
}
#footer ul li{
	list-style: none; 
	float:left;
}

#footer ul li a{
	color:#6a461a;
	font-family:"Tahoma",Verdana, sans-serif;
	font-size:0.7em;
	text-decoration:none;
	padding:0px 15px;
	border-right:#6a461a solid 1px;
}
#footer ul li a.last{
	border:0px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
/*********** 

Formulaires

***********/

#contactGauche,#contactDroite{
	text-align:left;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	color:#54302a;
}
#contactGauche{
	width:450px;
	float:left;
}
#contactDroite{
	width:450px;
	float:right;
}

#formulaire { margin:10px 0; }

fieldset { border:0; }

#formulaire fieldset { margin:5px 0; clear:both; }


#formulaire label { float:left; display:block; text-align:right; width:100px; padding:6px 0 3px 0; margin:0 3px 0 0; font-family:"Arial", Verdana, sans-serif; font-size:0.9em; color:#54302a; }

#formulaire label.labelPlanAcces{width:220px;}

html > body #formulaire label {width:130px; }

.contact_txt { float:left; display:block; border:1px solid #9d3321; color:#54302a; width:300px; margin:3px 3px 0 1px; padding:2px; font-family:"Arial",Verdana, sans-serif; font-size:0.9em; background-image:url(../images/fond-champ.gif); }

.planAcces_txt{width:200px;}

.contact_select{
	float:left; display:block; border:1px solid #9d3321; color:#54302a; width:306px; margin:3px 3px 0 1px; padding:2px; font-family:"Arial", Verdana, sans-serif; font-size:0.9em;
}
.checkbox{
	margin-top:6px;
}
.contact_btn {margin-left:200px; }

#req_fields { display:block; color:#9d3321; font-style:normal; width:150px; margin:0 0 10px 300px; font-family:"Tahoma", Arial; font-size:0.8em; }
html > body #req_fields {margin:0 0 10px 340px;width:150px; }

#status { display:block; color:#c00; font-style:normal; width:300px; margin:15px 0 0 113px; padding:3px 0 3px 6px; font-family:"Arial", Verdana, sans-serif; font-size:0.8em; background-color:#FCC; }
.masque{display:none;}

.captcha{
	margin-left:133px;
}
#formulaire_erreurs, #formulaire_succes{
	background:#fff;
	border:1px solid #ddd;
	margin: 15px 0 15px 0;
}
#formulaire_erreurs p, #formulaire_succes p{
	text-indent:0;
	margin-left:15px;
	font-size:11px;
}
#formulaire_erreurs h3 {
	margin: 5px 0 10px 10px;
	font-family:"Arial",Verdana, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color: #c00;
}
#formulaire_succes h3 {
	margin: 5px 0 10px 10px;
	font-family:"Arial",Verdana, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color: #8ec03f;
}
/*********** 

google map

***********/

#planAccesGauche{
	width:510px;
	float:left;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	color:#54302a;
}
#planAccesDroite{
	width:390px;
	float:right;
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	line-height:18px;
	color:#54302a;
}
#map{
	margin-top:10px;
	width: 500px;
	height: 380px;
	clear: both; 
	border:#efead8 solid 3px;
}
#map_directions {
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.8em;
	color: #54302a;

}
p.googlemap{
	font-family:"arial", Helvetica, sans-serif;
	font-size:0.9em;
	color:#54302a;
	text-indent:0px;
	line-height:18px;
	margin-top:0px;
	padding:0px 0px 0px 10px;
}