/*************************** BALISES *********************************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background: #fae9be url('../img/bg.jpg') no-repeat top center;
}
#flash_anim{
	width: 670px;
	height: 189px;
	position: absolute;
	left:155px;
	top:54px;
	}
html, body {
	height: 100%;
}
h1, h2{
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 1em 0 -.4em 0;
}
label {
	margin: 1em 0 1em 20px;
}
p, li {
	margin: 0.6em 0;
}
strong {
	font-weight: bold;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#page {
	position: absolute;
	left: 50%;
	top:0;
	width: 970px;
	margin: 0px 0 0 -485px;
}
#conteneur {
	width: 970px;
	border: 0;
	padding: 0;	
	background: url('../img/bg-conteneur.png') repeat-y 0 0;
}
#facebook {
position: absolute;
top: 30px;
left: 18px;
}
#lang-selector {
position: absolute;
top: 30px;
right: 18px;
}
#lang-selector a {
margin: 0 0 0 4px;
}
#header{
	background: url('../img/header.jpg') no-repeat 0 0;
	width: 970px;
	height: 251px;
}
#banniere {
	background: url('../img/banniere.png') no-repeat 0 0;
	width: 970px;
	height: 48px;
}
#dock {
	background: #6F452C url('../img/bg-dock.jpg') no-repeat 0 0;
	width: 970px;
	height: 150px;
}
#centre {
	clear: both;
	background: url('../img/bg-centre.png') no-repeat 0 0;
	min-height: 100%;
	padding: 0 20px 0 13px;
}
#carte #centre, #menus_details #centre{
	background: url('../img/bg-centre2.png') no-repeat 0 0;
}
/**************************** LAYOUT END ***********************************/

/*********************************  DOCK  ***********************************************/
#ledock {
	margin: 0 125px;
}
/*********************************  DOCK END  ***********************************************/

/*********************************  ACTUS  ***********************************************/
#actus {
	background: url('../img/actus-top.png') no-repeat;
	position: absolute;
	top: 223px;
	left: 27px;
	z-index: 3;
}
#actus .date {
	text-align: right;
	font-style: italic;
	margin: 35px 16px 0 0;
}
#actus .texte {
	width: 186px;
	padding: 3px 12px;
	background: url('../img/bg-actus.png');
	margin: 5px 3px 0 3px;
}
#actus a {
	color: #333;
}
#actus img {
	margin: 0px 3px 0 3px;
}
/*********************************  ACTUS END  ***********************************************/

/*********************************  NAV  ***********************************************/
#nav {
	float: left;
	width: 740px;
	height: 40px;
	padding: 0 0 0 230px;
	margin: 0;
	font-family: Tahoma, 'Sans Serif', sans;
	font-size: 17px;
	background: url(../img/bg-nav.jpg) no-repeat top left;
}
#nav li {
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}
#nav a:link, #nav a:visited {
	display: block;
	height:29px;
	width: 90px;
	line-height: 24px;
	color:#474747;
	text-decoration: none;
	text-align: center;
	margin: 0 3px;
	padding: 7px 6px 4px 6px;
	background: none;
	border: none;
}
#nav a:hover, #nav a:link.active, #nav a:visited.active, #nav a:hover.active {
	background-color: #fff;
	border-top: 7px solid #000;
	padding-top: 0;
}
ul.nav2 {
	display: none;
	position: absolute;
	background: #281508;
	border-top: none;
	min-width: 100px;
	z-index: 10000;
}
.nav2 li {
	display: block;
	margin:0;
}
.nav2 a:link, .nav2 a:visited {
	display: block;
	color:#fff;
	text-decoration: none;
	text-align: center;	
	padding: 10px 0;
	margin:0;
	border-bottom:1px solid #281508;
}
.nav2 a:hover {
	display: block;
	color:#FAE9BE;
	text-decoration: none;
	text-align: center;	
	padding: 10px 0;
	margin:0;
	background:#7e5f42 url(../img/bg-nav2.png) repeat-x top left;
	border-bottom:1px solid #FAE9BE;
}
a#nav-balade:link, a#nav-balade:visited, a#nav-balade:hover {	
	width: 170px;
}
#nav2-restaurant {
	left: 342px;
}
#nav2-hotellerie {
	left: 450px;
	width: 90px;
}
#nav2-contact {
	right: 20px;
	width: 90px;
}

/*********************************  NAV END  ***********************************************/

/*********************** COLONNES *********************************/
#colonne-gauche{
	float: left;
	width: 234px;
	height: 100%;
	padding: 70px 27px 0 3px;
}
/***/
#colonne-milieu{
	float: left;
	width: 288px;
	min-height: 100%;
	height: 100%;
}
#colonne-milieu #titre {
	padding-top: 25px;
}
#colonne-milieu #titre h1 {
	color: #515151;
	font-size: 30px;
	font-weight: normal;
	border-bottom: 7px solid #ffd3a4;
}
#colonne-milieu .texte p {
	margin: 2em 1em;
	color: #fff;
	font: 12px Verdana;
	text-align: justify;
}
#colonne-milieu .texte p .lettrine {
	/* float: left; */
	margin: 0 1px 0 0;
	color: #676767;
	font: 22px Verdana;
}
/***/
#colonne-droite {
	float: left;
	padding: 40px 0 0 0;
	margin-left:13px;
}
/*********************** COLONNES END *********************************/

/*********************** CONTENU *********************************/
.contenu {
	padding: 40px 20px 20px 20px;
	background: #fff;
	min-height: 380px;
	float: left;
	width:600px;
}
.contenu h2 {
	color: #515151;
	font-size: 30px;
	font-weight: normal;
	border-bottom: 7px solid #ffd3a4;
}
.contenu .news {
	background-color: #EEE;
	margin-bottom: 2em;
}
.contenu .news .titre {
}
.contenu .news .date {
	float: right;
	padding: 0px 5px;
}
.contenu .news p, .contenu .news div {
	padding: 6px 5px;
}
.contenu .retour {
	padding-bottom: 2em;
}
.contenu .retour a {
	color: #000;
}
.contenu #menu li {
	padding: 0.2em 0;
}
.contenu #menu li a {
	font-size: 110%;
	font-weight: bold;
	color: #515174;
	text-decoration: none;
}	
.contenu .prix {
	font-size: small;
	font-style: italic;
	color: #A4667B;
}
#bon_cadeau form fieldset p {
float: left;
}
#acces #main {
margin-right: 20px;
}
#acces #form {
float: left;
margin-top: 150px;
padding: 1em 1em 1em 20px;
}
#acces #form label {
float: left;
margin: 0;
padding: 0;
}
#acces #directions {
float: right; 
width: 253px;
height:435px;
padding-left: 5px;
background-color: #1A1207;
color: #fff;
overflow: auto;
}
#acces #directions a {
color: #fff;
}
#acces #directions h4 {
margin: 12px 0 5px 7px;
}
#acces #directions ul li {
margin: 2px 0 2px 14px;
}
#acces #map {
width: 430px;
height:465px;
margin-left: 240px;
}
/*********************** CONTENU END *********************************/

/*********************** SLIDESHOWS *********************************/
.slideshow {
	background: url('../img/bg-img-droite') no-repeat top right;
	padding: 0 0 10px 12px;
}
#photos-cuisine, #photos-restaurant, #photos-hotellerie, #photos-balade {
	width: 359px;
	height: 437px;
}
/*********************** SLIDESHOWS END *********************************/

/*********************** FOOTER *********************************/
#pied {
	width: 940px;
	clear: both;
	height: 5px;
	background-color: #fff;
}
#pied2 {
	background-color: #fae9be;
	/* width: 930px; */
	height: 30px;
	padding: 10px 0 0 0;
	text-align: center;
}
#pied2 a {
	text-decoration: none;
	color: #777;
}
/*********************** FOOTER END *********************************/

/*********************** CONTACT *********************************/
#formcontact {
	padding: 0 0 20px 250px;
	background: #fff;
}
#champsobligatoires {
	margin: 2em 0;
}
input {
	color: #000;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EEEEEE;
	margin: 2px 0;
}
select {
	color: #000;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EEEEEE
}
textarea {
	color: #000;
	font-size: 11px;
	font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	background-color: #EEEEEE
}
.txterror {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
.txtform {
	color: black;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
blockquote {
	margin: 2em 20px;
}
blockquote.contact { background-color: #E7EAF3;
	border: 1px solid black;
	border-left: 10px solid #FFA051;
}
.adresse {
	background: url('../img/enveloppe.gif') no-repeat top right;
	padding: 20px 0 20px 20px;
	border-left: 1px dotted #B3B32F;
	border-bottom: 1px dotted #B3B32F;
}
.adresse a:link, .adresse a:visited, .adresse a:hover {
	color: #FF8300;
}
/*********************** CONTACT END *********************************/

/*********************** CLASSES *********************************/
.gauche, .colonne {
	float: left;
	display: inline;
}
.droite {
	float: right;
	display: inline;
}
.aligne_droite {
	text-align: right;
}
.aligne_centre {
	text-align: center;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
/*********************** CLASSES END *********************************/