/* Conteneur principal */
#conteneur {
	text-align:left;
	width:820px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #E1E1E1;
	border-bottom:none;
	padding-bottom:15px;
}


/* Header */
#header {

}
#header .entete {
	height:236px;
	background:url("../../images/interface/header.png") top left no-repeat;
}
/* Le titre principal */
#header .entete h1 {

}
#header .entete h1 a {
	width:450px;
	height:125px;
	display:block;
}
/* Le menu */
#header .entete ul {
	overflow:hidden;
	margin-top:2px;
	margin-left:15px;
	font-size:10pt;
}
#header .entete ul li {
	float:left;
}
#header .entete ul li a {
	display:block;
	border-right:1px solid #97BE0D;
	padding-right:8px;
	padding-left:8px;
	cursor:pointer;
}
#header .entete ul li ul {
	position:absolute;
	margin-left:0px;
	border:1px solid #799D22;
}
#header .entete ul li ul li {
	float:none;
}
#header .entete ul li ul li a {
	border-right:none;
	width:175px;
	height:20px;
	background:url("../../images/interface/alphaMenu.png");
	padding-top:3px;
	padding-bottom:3px;
	color:#799D22;
}
#header .entete ul li ul li a:hover {
	background:url("../../images/interface/alphaMenuHover.png");
	text-decoration:none;
}
/* Texte vert uniquement sur la page d'accueil */
#header .encartAccueil {
	color:#FFFFFF;
	padding:10px;
	background:url("../../images/interface/encartAccueil.png");
	width:230px;
	position:absolute;
	margin-left:500px;
	margin-top:-40px;
}


/* La barre de séparation / fermeture */
#separation {
	background:url("../../images/interface/headerBas.png") top right no-repeat;
	height:18px;
	margin-top:-10px;
}




/*************************** La page d'index **********************************/
#index #header {
	background:url("../../images/interface/visuelIndex3.jpg") bottom right no-repeat;
	height:390px;
}
#index .corpsIndex {
	overflow:hidden;
	height:1%;
}
/* Colonne de gauche */
#index .corpsIndex .presentation {
	float:left;
	display:inline;
	width:430px;
	margin-left:20px;
	background:url("../../images/interface/fondAccueilPresentation.gif") top left no-repeat;
}
/* Bienvenue */
#index .corpsIndex .presentation .bienvenue {
	margin-left:60px;
	width:350px;
	text-align:justify;
}
#index .corpsIndex .presentation .bienvenue h4 {
	font-weight:bold;
}
/* Le Van Gogh vous propose */
#index .corpsIndex .presentation .proposition {
	margin-top:20px;
}
#index .corpsIndex .presentation .proposition h4 {
	font-weight:bold;
}
#index .corpsIndex .presentation .proposition ul {
	overflow:hidden;
	height:1%;
}
#index .corpsIndex .presentation .proposition ul li {
	float:left;
	display:inline;
}
#index .corpsIndex .presentation .proposition ul li a {
	display:block;
	background:url("../../images/interface/flecheMenu.gif") center left no-repeat;
	padding-left:25px;
	font-weight:bold;
	font-size:8pt;
	padding-right:10px;
	margin-top:5px;
}

/* Reservation et newsletter */
#index .corpsIndex .contact {
	float:left;
	display:inline;
	width:370px;
	background:url("../../images/interface/fondAccueilContact.gif") top left no-repeat;
	min-height:173px;
}
#index .corpsIndex .contact .reservation {
	margin-left:40px;
}
#index .corpsIndex .contact .reservation h3 {
	width:99px;
	height:18px;
	background:url("../../images/interface/titreIndexReservation.gif") top left no-repeat;
}
#index .corpsIndex .contact .reservation .texte {
	background:url("../../images/interface/fondIndexReservation.gif") top left no-repeat;
	min-height:74px;
	padding-top:20px;
	padding-left:10px;
	color:#622181;
	font-weight:bold;
}
#index .corpsIndex .contact .reservation .texte a {
	color:#622181;
	text-decoration:underline;
}
#index .corpsIndex .contact .reservation .texte a:hover {
	text-decoration:none;
}
#index .corpsIndex .contact .newsletter {

}
#index .corpsIndex .contact .newsletter label {
	display:block;
	width:250px;
	margin-left:40px;
	margin-bottom:5px;
	margin-top:5px;
	font-size:8pt;
}
#index .corpsIndex .contact .newsletter .mail {
	float:left;
	display:inline;
	margin-left:40px;
}
#index .corpsIndex .contact .newsletter .submit {
	float:left;
	display:inline;
	margin-left:10px;
	background:url("../../images/interface/boutonNewsletter.gif") top left no-repeat;
	height:19px;
	width:18px;
}


/*************************** Le lieu *****************************/
#lieu #header {
	background:url("../../images/interface/visuelLeLieu.jpg") bottom right no-repeat;
}
#lieu .corpsLieu {
}

#lieu .corpsLieu .partie1 {
	overflow:hidden;
	height:1%;
	margin-left:50px;
}
#lieu .corpsLieu .partie1 .presentation {
	float:left;
	display:inline;
	background:url("../../images/interface/fondLeLieuPresentation.gif") top right no-repeat;
	width:330px;
}
#lieu .corpsLieu .partie1 .presentation h3 {
	height:25px;
	width:80px;
	background:url("../../images/interface/titreLeLieu.gif") top left no-repeat;
	margin-bottom:10px;
}
#lieu .corpsLieu .partie1 .presentation .texte {
	text-align:left;
	width:250px;
}
#lieu .corpsLieu .partie1 .animation {
	float:left;
	display:inline;
	margin-left:15px;
	width:410px;
	/*background:url("../../images/interface/fondLeLieuAnimation.gif") bottom right no-repeat;*/
}

#lieu .corpsLieu .partie2 {
	background:url("../../images/interface/fondLeLieuAnimation2.gif") bottom left no-repeat;
	margin-top:10px;
	overflow:hidden;
	height:1%;
	margin-left: 15px;
}
#lieu .corpsLieu .partie2 .animation {
	float:left;
	display:inline;
	margin-left: 90px;
}
#lieu .corpsLieu .partie2 .texte {
	float:left;
	display:inline;
	font-size:8pt;
	width:250px;
	margin-top: 35px;
}

/*************************** L'historique *****************************/
#historique #header {
	background:url("../../images/interface/visuelLeLieu.jpg") bottom right no-repeat;
}
#historique .corpsHistorique {
	background:url("../../images/interface/fondHistorique.jpg") top left no-repeat #FFFFFF; /* Si pas de couleur de fond, pas d'image de fond sous IE7... */
	margin-left: 40px;
}
#historique .corpsHistorique .partie1 {

}
#historique .corpsHistorique .partie1 h3 {
	height:29px;
	width:156px;
	background:url("../../images/interface/titreHistorique.gif") top left no-repeat;
	margin-bottom:10px;
}
#historique .corpsHistorique .partie1 .texte {
	text-align:left;
	width:320px;
	text-align:justify;
}
#historique .corpsHistorique .partie2 {
	margin-left:90px;
}

/*************************** La carte *****************************/
#carte #header {
	background:url("../../images/interface/visuelCarte.jpg") bottom right no-repeat;
}
#carte .corpsCarte {
	background:url("../../images/interface/fondCarte.jpg") top right no-repeat;
	min-height:280px;
	width:790px;
	margin-left: auto;
	margin-right: auto;
}
#carte .corpsCarte .entete {
	background:url("../../images/interface/fondCarteEntete.gif") 0px 5px no-repeat;
	min-height:50px;
}
#carte .corpsCarte .entete h3 {
	width:86px;
	height:19px;
	background:url("../../images/interface/titreCarte.gif") top left no-repeat;
}
#carte .corpsCarte .entete .types {
	margin-top:10px;
	margin-left: 10px;
	color:#FFFFFF;
}
#carte .corpsCarte .entete .types a {
	font-variant:small-caps;
	color:#FFFFFF;
	font-weight:bold;
}
#carte .corpsCarte .entete .types a:hover, #carte .corpsCarte .entete .types a.focus {
	color:#F29400;
	text-decoration:none;
}
#carte .corpsCarte .listes {
	margin-top:10px;
	background:url("../../images/interface/fondCarteBottom.gif") bottom left no-repeat;
	padding-bottom:65px;
}
#carte .corpsCarte ul.liste {
	width:410px;
}
#carte .corpsCarte ul.liste li {
	overflow:hidden;
	height:1%;
	margin-bottom:5px;
	background:url("../../images/interface/flecheCarte.gif") center left no-repeat;
}
/* Grand titre (Entrée, plat, dessert) masqué par Javascript */
#carte .corpsCarte ul.liste li.grandTitre {
	background:none;
}
#carte .corpsCarte ul.liste li.grandTitre h4 {
	font-size:12pt;
	font-weight:bold;
}
/* Titre des sous-sections (Poissons / Viandes) */
#carte .corpsCarte ul.liste li.titre {
	background:none;
}
#carte .corpsCarte ul.liste li.titre h4 {
	font-weight:bold;
	color:#F29400;
}
/* Chaque plat */
#carte .corpsCarte ul.liste .name {
	float:left;
	display:inline;
	width:350px;
	margin-left:15px;
}
#carte .corpsCarte ul.liste .prix {
	float:left;
	display:inline;
	width:40px;
	text-align:right;
	font-style:italic;
}

/*************** Menu découverte **************************/
#menuDecouverte #header {
	background:url("../../images/interface/visuelMenuDecouverte.jpg") bottom right no-repeat;
}

#menuDecouverte .corpsMenu {
	background:url("../../images/interface/fondMenuDecouverte.jpg") top left no-repeat;
	min-height:382px;
	margin-left:20px;
	overflow:hidden;
}
#menuDecouverte .corpsMenu .menu {
	float:left;
	display:inline;
	width:400px;
}
/*L'encadré stylé */
#menuDecouverte .corpsMenu  .menuRepeat {
	background:url("../../images/interface/fondMenuDecouverteRepeat.gif") bottom left repeat-y;
}
#menuDecouverte .corpsMenu  .menuBottom {
	background:url("../../images/interface/fondMenuDecouverteBottom.gif") bottom left no-repeat;
	padding-bottom:40px;
}
#menuDecouverte .corpsMenu  .menuTop {
	background:url("../../images/interface/fondMenuDecouverteTop.gif") top left no-repeat;
	min-height:445px;
}
/* Le texte en lui même, dans le cadre */
#menuDecouverte .corpsMenu .texte {
	width:250px;
	margin-left:60px;
	padding-top:50px;
	color:#FFFFFF;
	padding-bottom:15px;
}
#menuDecouverte .corpsMenu .texte h3 {
	color:#ED953C;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
}
#menuDecouverte .corpsMenu .texte h4.entree {
	width:58px;
	height:17px;
	background:url("../../images/interface/titreMenuDecouverteEntree.gif") top left no-repeat;
	margin-top:10px;
}
#menuDecouverte .corpsMenu .texte h4.plat {
	width:34px;
	height:16px;
	background:url("../../images/interface/titreMenuDecouvertePlat.gif") top left no-repeat;
	margin-top:10px;
}
#menuDecouverte .corpsMenu .texte h4.dessert {
	width:75px;
	height:18px;
	background:url("../../images/interface/titreMenuDecouverteDessert.gif") top left no-repeat;
	margin-top:10px;
}
/* L'animation */
#menuDecouverte .corpsMenu .animation {
	float:left;
	display:inline;
	width:400px;
}
#menuDecouverte .corpsMenu .animation .assiette {
	position:absolute;
	margin-left:-10px;
}

/********************* Menu Spécial *********************/
#menuSpecial #header {
	background:url("../../images/interface/visuelMenuDecouverte.jpg") bottom right no-repeat;
}

#menuSpecial .corpsMenuSpecial {
	background:url("../../images/interface/fondMenuSpecial.jpg") top right no-repeat;
	min-height:382px;
	margin-left:20px;
	overflow:hidden;
}
#menuSpecial .corpsMenuSpecial .menu {
	float:left;
	display:inline;
	width:400px;
}
/*L'encadré stylé */
#menuSpecial .corpsMenuSpecial  .menuRepeat {
	background:url("../../images/interface/fondMenuDecouverteRepeat.gif") bottom left repeat-y;
}
#menuSpecial .corpsMenuSpecial  .menuBottom {
	background:url("../../images/interface/fondMenuDecouverteBottom.gif") bottom left no-repeat;
	padding-bottom:50px;
}
#menuSpecial .corpsMenuSpecial  .menuTop {
	background:url("../../images/interface/fondMenuDecouverteTop.gif") top left no-repeat;
	min-height:445px;
}
/* Le texte en lui même, dans le cadre */
#menuSpecial .corpsMenuSpecial .texte {
	width:250px;
	margin-left:60px;
	padding-top:50px;
	color:#FFFFFF;
	text-align:center;
}
#menuSpecial .corpsMenuSpecial .texte h3 {
	color:#ECA0C2;
	font-weight:bold;
	font-size:12pt;
	text-align:center;
}
#menuSpecial .corpsMenuSpecial .texte em {
	color:#ECA0C2;
}
#menuSpecial .corpsMenuSpecial .texte .separation {
	background:red;
	float:left;
	width:250px;
	height:13px;
	background:url("../../images/interface/separationMenuSpecial.gif") center center no-repeat;
	margin-top:5px;
	margin-bottom:5px;

}
/* L'animation */
#menuSpecial .corpsMenuSpecial .animation {
	float:left;
	display:inline;
	width:400px;
	background:red;
}
#menuSpecial .corpsMenuSpecial .animation .special {
	position:absolute;
	margin-left:-10px;
}




/*************** La cave *******************/
#cave #header {
	background:url("../../images/interface/visuelCave.jpg") bottom right no-repeat;
}
#cave .corpsCave {
	overflow:hidden;
	height:1%;
	}
#cave .corpsCave .listeVins {
	float:left;
	display:inline;
	background:lime;
	background:url("../../images/interface/fondCaveTop.gif") top left no-repeat;
	width:463px;
	margin-left:10px;
}
#cave .corpsCave .listeVins h3 {
	background:url("../../images/interface/titreCave.gif") top left no-repeat;
	height:16px;
	width:80px;
	margin-top:20px;
	margin-left:10px;
}
#cave .corpsCave .listeVins .outter {
	min-height:253px;
}
#cave .corpsCave .listeVins .outter h4 {
	margin-top:18px;
	margin-left:20px;
	color:#FFFFFF;
}
#cave .corpsCave .listeVins .listeProduits {
	background:url("../../images/interface/fondCaveBottom.gif") bottom right no-repeat #2F4D1E;
	width:423px;
	margin-left:6px;
	margin-top:40px;
	padding-bottom:85px;
	color:#FFFFFF;
}
#cave .corpsCave .listeVins .listeProduits ul.liste {
	margin-left:15px;
}
#cave .corpsCave .listeVins .listeProduits ul.liste li {
	overflow:hidden;
	height:1%;
}
#cave .corpsCave .listeVins .listeProduits ul.liste li.titre {
	font-variant:small-caps;
	margin-left:0px;
	margin-top:1em;
}
#cave .corpsCave .listeVins .listeProduits ul.liste li.titre h4 {
	margin-top:0px;
	margin-left:0px;
}
#cave .corpsCave .listeVins .listeProduits ul.liste li .name {
	float:left;
	display:inline;
	width:350px;
}
#cave .corpsCave .listeVins .listeProduits ul.liste li .prix {
	float:left;
	display:inline;
	width:40px;
	text-align:right;
	font-style:italic;
}
#cave .corpsCave .animation {
	float:left;
	display:inline;
	width:347px;
	min-height:787px;
	background:url("../../images/interface/fondCaveAnimation.jpg") top right no-repeat;
}
#cave .corpsCave .animation .etoile {
	position:absolute;
	margin-top:50px;
	margin-left: 40px;
}
#cave .corpsCave .animation .tourbillon {
	position:absolute;
	margin-top:30px;
	margin-left: 290px;
}
#cave .corpsCave .animation .bouteille {
	position:absolute;
	margin-top: 350px;
}


/********************* Réservation **********************/
#reservation #header {
	background:url("../../images/interface/visuelReservation.jpg") bottom right no-repeat;
}
#reservation .corpsReservation {
	overflow:hidden;
	height:1%;
}
#reservation .corpsReservation .reservation {
	float:left;
	display:inline;
	width:415px;
	min-height:577px;
	margin-left:15px;
	background:url("../../images/interface/fondReservation.gif") top left no-repeat;
}
#reservation .corpsReservation .reservation h3 {
	width:116px;
	height:20px;
	background:url("../../images/interface/titreReservation.png") top left no-repeat;
	margin-left:15px;
}
#reservation .corpsReservation .reservation .entete {
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
#reservation .corpsReservation .reservation form {
	margin-left:15px;
}
#reservation .corpsReservation .reservation form .formLigne {
	margin-bottom:10px;
}
#reservation .corpsReservation .reservation label {
	width:80px;
}
#reservation .corpsReservation .reservation .choiceRadio {
	overflow:hidden;
	height:1%;
	margin-top:10px;
	margin-bottom:10px;
}
#reservation .corpsReservation .reservation .choiceRadio .radio1 {
	float:left;
	display:inline;
	margin-left:60px;
}
#reservation .corpsReservation .reservation .choiceRadio .radio1 input {
}
#reservation .corpsReservation .reservation .choiceRadio .radio1 span {
}
#reservation .corpsReservation .reservation .choiceRadio .radio2 {
	float:left;
	display:inline;
	margin-left:30px;
}
#reservation .corpsReservation .reservation .choiceRadio .radio2 input {
}
#reservation .corpsReservation .reservation .choiceRadio .radio2 span {
}
#reservation .corpsReservation .reservation .choiceContact {
}
#reservation .corpsReservation .reservation .nbrConvives {
	margin-bottom:10px;
}
#reservation .corpsReservation .reservation .nbrConvives label {
	width:130px;
}
#reservation .corpsReservation .reservation .champ_bouton {
	margin-top:10px;
}
#reservation .corpsReservation .reservation .champ_bouton input {
	background:url("../../images/interface/boutonEnvoyer.gif") top left no-repeat;
	border:none;
	width:99px;
	height:26px;
	cursor:pointer;
	letter-spacing:-1000em;
}
/* deuxieme colonne */
#reservation .corpsReservation .contact {
	float:left;
	display:inline;
	width:375px;
}
#reservation .corpsReservation .contact .plan {
	background:url("../../images/interface/fondReservationPlan.gif") 80px 0px no-repeat;
}
#reservation .corpsReservation .contact .plan h3 {
	background:url("../../images/interface/titrePlan.gif") 0px 20px no-repeat;
	height:25px;
	width:129px;
	margin-left:25px;
	padding-top: 20px;
}
#reservation .corpsReservation .contact .plan img {
}
#reservation .corpsReservation .contact .coordonnees {
	background:url("../../images/interface/fondReservationCoordonnees.gif") 0px 20px no-repeat;
	min-height:252px;
}
#reservation .corpsReservation .contact .coordonnees h3 {
	background:url("../../images/interface/titreCoordonnees.gif") top left no-repeat;
	height:19px;
	width:143px;
}
#reservation .corpsReservation .contact .coordonnees address {
	margin-top:20px;
	margin-left:10px;
		font-style:normal
}
#reservation .corpsReservation .contact .coordonnees address a {
	color:#0084A8;
	text-decoration:underline;
}
#reservation .corpsReservation .contact .coordonnees address a:hover {
	text-decoration:none;
}
#reservation .corpsReservation .contact .coordonnees .animation {
	position:absolute;
	margin-top:-30px;
}
.reservationOk {
	margin-top:15px;
	margin-left:30px;
}


/* Le pied de page */
#bottom {
	positon:relative;
	background:url("../../images/interface/bottom.gif") top left no-repeat;
	width:822px;
	margin-right:auto;
	margin-left:auto;
	height:35px;
	text-align:center;
	color:#FFFFFF;
	padding-top:3px;
	font-size:8pt;
}
#bottom a {
	color:#FFFFFF;
}
#flashWrapper{
	position:absolute;top:0;right:0;
}