html, body {background-color: #1c150b; font-family: sans-serif; font-size: 0.85em; color: #E3DBB1; background-image: url("../img/body_bg.jpg"); background-position: center top;}

/* Layout
------------------- */
div#wrapper {position: absolute; width: 990px; height: 650px; left: 50%; top: 20px; margin-left: -495px;}

div#header {position: relative; width: 990px; height: 86px; background-image: url("../img/titre.png"); background-position: center; background-repeat: no-repeat; z-index: 1;}
	div#lang {position: absolute; height: 20px; right: 0; top: -15px; font-family: 'Times'; font-weight: bold; font-size: 0.9em; color: #895237; text-transform: uppercase;}
		div#lang a {color: #895237; text-decoration: none;}
	div#logo {position: absolute; width: 165px; height: 163px; left: 10px; z-index: 999;}	
	div#pots {position: absolute; width: 165px; height: 163px; right: 10px; z-index: 999;}

div#content {position: relative; width: 990px; height: 515px; padding: 0 0 20px 0; border: 0px solid red; background-image: url("../img/bg.jpg"); background-repeat: no-repeat;}
	div#menu {position: relative; float: left; width: 660px; height: 85px; margin: 0 165px 0 165px;}
		div#top_menu {position: relative; float: left; width: 660px;}
		div#sub_menu {position: relative; float: left; width: 660px;}
			div#sub_menu div {position: relative; width: 660px; text-align: center;}
	div#left {position: relative; float: left; width: 250px; height: 430px; padding: 0 55px 0 30px; text-align: justify; font-size: 0.92em;}
	div#right {position: relative; float: right; width: 106px; height: 430px; padding: 0 10px 0 10px; text-align: center;}
	div#main {position: relative; float: left; width: 515px; height: 430px;}
	div#main_full {position: relative; float: left; width: 950px; height: 430px; padding: 0 20px 0 20px;}
	div#main_full_no_padding {position: relative; float: left; width: 990px; height: 430px; padding: 0;}
	div#bottom {position: relative; float: left; width: 990px; height: 20px; padding: 0; background-color:#FFD041;}

div#footer {position: relative; width: 990px; height: 30px; padding: 0 0px 0 0px;}
	div#manger_bouger {position: relative; float: left; width: 500px; line-height: 30px;}
		div#manger_bouger a {position: relative; float: left; width: 500px; line-height: 30px;}
	div#credits_legal_etc {position: relative; float: right; line-height: 30px; height: 30px;}
	div#credits_legal_etc a { margin-left: 10px; }
	div#credits_legal_etc a img { vertical-align: middle; }




/* General
------------------- */
img {border: 0;}

a {color: #FFD041;}
a:hover {color: #D2B046;}

div.full_scrolling {position: relative; width: 950px; height: 420px; overflow: auto;}

h2 { font-size: 18px; }

/* Menu
------------------- */
div#top_menu {line-height: 30px;}
div#top_menu a {font-family: 'Times'; font-weight: bold; font-size: 1.2em; color: #895237; text-transform: uppercase; text-decoration: none;}

div#sub_menu div {display: none; position: absolute;}
div#sub_menu div a {font-family: 'Times'; font-weight: bold; font-size: 1em; color: #BA8E79; text-transform: uppercase; text-decoration: none;}
div#sub_menu div a:hover {text-decoration: underline;}






div#acces_pro {width: 96px; background-color: #25170c; padding: 5px;}
div#acces_pro a {font-family: 'Times'; font-weight: bold; font-size: 0.9em; color: #BA8E79; text-transform: uppercase; text-decoration: none;}

div#guest_book {width: 96px; background-color: #25170c; padding: 5px;}
div#guest_book a {font-family: 'Times'; font-weight: bold; font-size: 0.9em; color: #BA8E79; text-transform: uppercase; text-decoration: none;}

/* News pop-up
------------------- */
a.news_thumb:hover, a.coupdecoeur_thumb:hover {cursor: pointer;}
div.news_content, div.coupdecoeur_content {position: absolute; float: left; width: 680px; height: 300px;}
	div.news_text, div.coupdecoeur_text {position: relative; float: left; width: 300px; height: 300px;}
	div.news_pic, div.coupdecoeur_pic {position: relative; float: right; width: 300px; height: 300px;}
	div#news_nav, div#coupdecoeur_nav {position: relative; float: left; width: 660px; background-color: #ddd; border: 1px solid #ccc; padding: 10px;}
		a.nav_left {display: block; position: relative; float: left; font-size: 10px;}
		a.nav_right {display: block; position: relative; float: right; font-size: 10px;}





/* Livre d'Or formulaire
------------------- */
div#guestbook_form td {vertical-align: top;}
form#guestbookForm input, form#guestbookForm textarea {width: 250px;}
form#guestbookForm textarea {width: 250px; height: 100px}




/* Saveurs
------------------- */
div#products_image {position: relative; float: left; width: 320px; height: 320px; padding: 0;}
div#products_image img {position: absolute;}
div#products_text {position: relative; float: right; width: 490px; margin-right: 100px; height: 320px; padding: 0; font-size: 12px;}
div#products_text div {position: absolute; color: #555; padding: 0 50px 0 0; text-align: justify;}
div#products_thumbs {position: relative; float: left; width: 950px; height: 20px; padding: 0; text-align: center;}



div.text_switch {
	position: absolute;
}


/* Chefs
------------------- */
div#chefs_text {position: relative; float: right; width: 400px; height: 133px; margin: 0 275px 0 275px; padding: 0; font-size: 14px;}
div#chefs_text div {position: absolute; color: #E3DBB1; padding: 0 50px 0 0; text-align: left;}
div#chefs_thumbs {position: absolute; bottom: 0; width: 950px; height: 154px; padding: 0; text-align: center;}
span.citation_hg {background-image: url('../img/guillemet_hg.png'); background-repeat: no-repeat; background-position: top left; padding: 0 0 0 20px;}
span.citation_bd {background-image: url('../img/guillemet_bd.png'); background-repeat: no-repeat; background-position: bottom right; padding: 0 20px 0 0; font-style: italic;}



/* Histoire
------------------- */
div.histoire_frise {
	position: relative;
	float: left;
	width: 400px;
	text-align: justify;
	margin: 0 0 0 0px;
}

div.histoire_frise img {
	display: block;
	position: relative;
	float: left;
}

div.histoire_content {
	position: relative;
	float: left;
	width: 500px;
	text-align: justify;
}

p.histoire_text {
	position: absolute;
}

span.histoire_text_date {
	font-family: "Garamond", "Times", "Arial";
	font-size: 30px;
	color: #faf29d;
}


/* Moutardes
--------------------*/
a.moutardes {font-weight: bold;}

.moutardepopup {
	position: absolute;
	width: 650px;
	text-align: justify;
}




/* Visites
--------------------*/
#defil_visites {position: absolute; top: 90px; width: 650px; padding: 0 150px 0 150px; text-align: center; z-index: 99;}
#defil_visites div a, #defil_visites div a:hover {display: block; position: absolute; color: #E3DBB1;}




/* Marquee
--------------------*/
ul.marquee {display: block; padding: 0; margin: 0; list-style: none; line-height: 1; position: relative; overflow: hidden; width: 990px; height: 20px;}
ul.marquee li {position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; color: #000;}
	ul.marquee li a {color:#000;}

ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #fff;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
}


/* Footer
------------------- */
div#footer {font-family: 'Times'; font-weight: bold; font-size: 0.9em; color: #895237; text-transform: uppercase;}
div#footer a {color: #895237; text-decoration: none;}
div#footer a:hover {text-decoration: underline;}
	div#manger_bouger {color: #bbb; text-transform: none; font-family: "Arial"; font-weight: normal; font-size: 11px;}
		div#manger_bouger a, div#manger_bouger a:hover {color: #bbb; text-decoration: none;}