body, html{
	height: 100%;
	width: 100%;
}
body{
	position: relative;
	margin: 0;
	padding: 0;
	font: normal normal 11px Arial;
	color: #4F4F4F;
	background: url(images/fd_nav2.gif) top left repeat-y #1F8A87; 	
}
/* ------------------------------------------------------------------------------- */
/* 								POPUP afficher par les CSS						   */
/* ------------------------------------------------------------------------------- */
#pop1, #pop2, #pop3, #pop4, #pop5{
	display: none;
	position: absolute;
	left: 25em; 
	z-index: 1500;
	margin: 0;
	padding: 0;
	font: normal 11px Arial;
	color: #4F4F4F;
	background-color: white;
	border: 1px solid #272727;
}
#pop1{
	top: 15em;
	width: 530px;
	height: 275px;
}
#pop2{
	top: 15em;
	width: 400px;
	height: 350px;
}
#pop3{
	top: 11em;
	width: 350px;
	height: 400px;
}
#pop4{
	top: 18em;
	width: 550px;
	height: 243px;
}
#pop5{
	top: 15em;
	width: 400px;
	height: 302px;
}
#pop1 em{
	color: #47B8B5;
	font-style: normal;
}
#pop1 a, #pop2 a, #pop3 a, #pop4 a, #pop5 a{
	color: #4F4F4F;
	text-decoration: underline;
}
#pop1 p{
	margin: 8px 0 8px 0;
}
#pop1 .murimg{
	float: left;
	width: 250px;
	margin: 0;
	padding: 40px 0 0 10px;
}
#pop1 .contact{
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-left: 10px; 
	padding-top: 10px;
	border-left: 1px dotted #4F4F4F;
}
#pop1 .bdo, #pop2 .bdo, #pop3 .bdo, #pop4 .bdo, #pop5 .bdo{
	margin-top: -1px;
	padding: 0 0 0 20px;
	height: 20px;
	background: url(images/nom_js.gif) center right no-repeat #4F4F4F;
	border-bottom: 1px solid #3B3B3B;
}
a#close{
	text-decoration: none;
}
#pop1 h1, #pop2 h1, #pop3 h1, #pop4 h1, #pop5 h1{
	padding: 0;
	margin: 1px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	color: #ADADAD;
}
#pop1 #bdo_bas, #pop2 #bdo_bas, #pop3 #bdo_bas, #pop4 #bdo_bas, #pop5 #bdo_bas{
	clear: both;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 25px;
	width: 98%;
	padding-right: 10px;
	background-color: #ECECEC;
	line-height: 25px;
	text-align: right;
}
#pop4 #fla{
	margin-top: 20px;
	margin-bottom: 20px;
}
#pop4 p{
	margin-left: 10px;
	float: left;
}
#fde{
	margin: 10px;
}
#fde img{
	width: 120px;
	height: 90px;
	margin: 2px;
}
#fde p{
	margin: 0 0 5px 0;
	line-height: 12px;
	font-size: 10px;
	color: #47B8B5;
}
/* ------------------------------------------------------------------------------- */
/* 									Zone de gauche								   */
/* ------------------------------------------------------------------------------- */
.flash{
	padding: 0;
	margin-top: -3px;
	height: 125px;
}
.flash embed{
	padding: 0;
	margin: 0;
}
.zoneG{
	float: left;
	margin: 0;
	padding: 0;
	height: 420px;
	width: 270px;
	background-color: #D6D6D6;
	border-right: 1px solid #3F3F3F;
}
.zoneG img{
	padding: 0;
	margin: 0;
}
.zoneG h2{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 13px;
	font-weight: normal;
	line-height: 18px; 
	color: #A6A6A6;
	height: 18px;
	width: 100%;
	background-color: #4A4A4A;
	border-top: 1px solid #FFF;
}
.zoneG img#logo{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #3B3B3B;
}
/* ------------ Zone dynamique de gauche ------------ */
#zdyna{
	position: relative;
	margin: 0;
	padding: 0;
	height: 240px;
	font-size: 11px;
	color: #4F4F4F;
	background-color: #D6D6D6;
}
#zdyna embed{
	margin-top: 20px;
}
a#popphoto, a#popphoto_masque{
	float: right;
	padding-right: 25px;
	font-size: 9px;
	color: #006F79;
	text-decoration: underline;
}
/* bidouille pour masquer ce lien qui ne sert qu'à eviter que les news soient trop rapprochées si elles n'ont pas de galerie associée*/
a#popphoto_masque{
	color: white;
}
a#lien_article{
	float: left;
	font-size: 11px;
	color: #4F4F4F;
	text-decoration: none;
	text-align: justify;
	padding-right: 10px;
}
a#lien_article:hover{
	text-decoration: underline;
}
#zdyna p{
	float: left;
	margin: 5px 0 0 2px;
	padding: 0;
	line-height: 12px;
	width: 210px;
}
#zdyna img{
	float: left;
	margin: 5px 8px 0 14px;
}
#zdyna img#galerie{
	margin: 10px;
}
.post{
	float: right;
	padding-right: 25px;
	font-size: 9px;
}
#touteactu a{
	display: block;
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 265px;
	height: 13px;
	line-height: 13px;
	margin: 0;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	color: #4F4F4F;
	text-decoration: none;
	background-color: white;
}
#flashgalerie{
	margin: 19px 10px 19px 10px;
}
/* ------------------------------------------------------------------------------- */
/* 									Zone de droite								   */
/* ------------------------------------------------------------------------------- */
.zoneD{
	float: left;
	margin: 0;
	padding: 0;
	height: 420px;
	min-width: 70%;
}
#bdo_bas{
	margin: 0;
	padding: 0;
	height: 56px;
	background-color: #ECECEC;
}
.baseline{
	margin-top: 10px;
	padding: 0 120px 0 30px;
}
/* ------------ Contenu de la Zone de droite ------------ */
#contenu{
	margin-left: 15px;
	padding: 30px 0 0 15px;
}
#contenulistegalerie h1, #contenuactu h1, .actu_index h1, #contenurecette h1, #contenulieugout h1{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #47B8B5;
}
/* ----------------------------------------- */
#contenurecette, #contenulistegalerie, #contenuactu, #contenulieugout{
	width: 480px;
	height: 305px;
	margin-left: 270px;
	padding: 20px 0 0 20px;
}
/* ----------------- Index ----------------- */
#contenuIndex{
	margin-left: 270px;
	height: 343px;
}
#bdo_slogan{
	position: relative;
	float: left;
	padding: 35px 0 0 0;
	height: 308px;
	width: 193px;
	background: #A87A8F;
}
#bdo_slogan img{
	margin-left: 20px;
	margin-bottom: 20px;
}
#bdo_slogan p{
	margin: 0 15px 0 20px;
	line-height: 22px;
	color: #75475C;
}
#bdo_slogan #logo{
	position: absolute;
	bottom: -70px;
	left: 20px;
}
.actu_index{
	position: relative;
	height: 310px;
	width: 285px;
	margin: 0 0 0 205px;
	padding-top: 30px;
}
.actu_index p{
	float: left;
	margin: 10px 0 4px 8px;
	padding: 0;
	line-height: 12px;
	width: 210px;
}
.actu_index img{
	float: left;
	margin: 9px 0 0 14px;
}
#bdo_index_bas{
	margin: 0 0 0 271px;
	padding: 0;
	height: 56px;
	background-color: #ECECEC;
	border-left: 193px solid #9A7083;
}
/* ------------------ Un lieu, un goût ---------------*/
#contenulieugout p{
	float: left;
	margin: 12px 0 0 0;
	padding: 0;
	width: 160px;
	text-align: justify;
}
#contenulieugout img{
	float: left;
	margin-top: 15px;
	margin-right: 20px;
}
/* -------------------- Actualité ---------------------- */
#contenuactu img{
	float: left;
	margin-right: 10px;
}
#actu{
	height: 45px;
	margin: 4px 0 0 0;
	vertical-align :middle;
	line-height: 12px;
	text-align: justify;
}
p#separateur{
	text-align: right;
	margin: 0;
	padding: 0;
}
/* ------------------------ Galerie gustative --------------------- */
#contenugalerie{
	margin-left: 270px;
	height: 325px;
}
#contenugalerie h1{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
	color: #47B8B5;
}
#contenugalerie p{
	margin: 0;
	padding: 10px 0 10px 0;
}
#nomgalerie{
	font-size: 13px;
}
#phgalerie{
	margin: 0 0 0 146px;
	padding-top: 20px;
}
#phgalerie img{
	margin-right: 7px;
	margin-bottom: 12px;
	padding: 2px;
	border: 1px solid #4F4F4F;
}
#fleches{
	margin: 10px 0 0 250px;
	padding: 0;
}
#flechesActu{
	float: right;
	margin: 10px 0 0 0;
}
#fleches img, #flechesActu img{
	margin: 1px;
	padding: 1px 2px 1px 2px;
	border: 1px solid #4F4F4F;
}
/* ----------------- Galerie gustative Niveau 2 (page avec la liste de toutes les galeries photos) ------------ */
#listegalerie{
	width: 440px;
	height: 221px;
}
#liste_galerie em{
	font-style: normal;
	font-size: 9px;
}
#listegalerie p{

	float: left;
	padding: 0 40px 0 0;
}
#listegalerie img{
	margin-right: 6px;
}
/* ------------------ Recettes événementielles ---------------*/
#contenurecette div{
	float: left;
	margin: 10px 20px 0 0;
}
#contenurecette em{
	font-style: normal;
	color: #1F8A87;
}
#contenurecette a{
	color: #363636;
	font-style: normal;
	text-decoration: underline;
}
#ingredient, #texte{
	margin: 0;
	width: 190px;
	padding-left: 5px;
	padding-right: 5px;
}
#contenurecette p#ingredient{
	height: 24px;
	line-height: 24px;
	background-color: #6B6B6B;
	border-top: 1px solid #4F4F4F;
	border-left: 1px solid #4F4F4F;
	border-right: 1px solid #4F4F4F;
	color: white;
}
#contenurecette p#texte{
	padding-top: 10px;
	height: 73px;
	line-height: 13px;
	background-color: #E3E3E3;
	border-bottom: 1px solid #4F4F4F;
	border-left: 1px solid #4F4F4F;
	border-right: 1px solid #4F4F4F;
	color: #363636;
}
/* ------------------------------------------------------------------------------- */
/* 										Menu Principal							   */
/* ------------------------------------------------------------------------------- */
#menuhaut{
	margin: 0 0 0 270px;
	padding: 0 0 0 15px;
	height: 20px;
	background-color: #4F4F4F;
	border-bottom: 1px solid #3B3B3B;
	line-height: 20px;
	list-style-type: none;
}
#menuhaut li#rub_select{
	color: #7FCDCB;
}
#menuhaut li{
	display: inline;
	color: white;
	font-size: 12px;
}
#menuhaut a{
	color: white;
	text-decoration: none;
}
.separateur{
	margin-left: 10px;
	margin-right: 10px;
}
/* --------------- Sous Menu -------------- */
#sousmenu, #sousmenu_ga{
	margin: 0 0 0 270px;
	padding: 0;
	height: 16px;
	background-color: #47B8B5;
	line-height: 16px;
	list-style-type: none;
}
#sousmenu_ga{
		border-bottom: 1px solid #006F79;
}
#sousmenu li#rub_select, #sousmenu a{
	color: white;
	text-align: center;
	width: 122px;
}
#sousmenu li#rub_select{
	background: #006F79;
}
#sousmenu a{
	text-decoration: none;
	display: block;
	font-size: 11px;
}
#sousmenu a:hover{
	font-size: 11px;
	color: white;
	background: #006F79;;
	text-decoration: none;
}
#sousmenu li{
	float: left;
}
p#sousmenu, p#sousmenu_ga{
	padding-left: 15px;
	color: white;
	font-size: 11px;
}
/* --------------- Menu Bas -------------- */
#menubas{
	margin: 0;
	padding: 0 8px 0 0;
	list-style-type: none;
	background-color: #4A4A4A;
	color: white;
	text-align: right;
}
#menubas li{
	display: inline;
}
#menubas a{
	color: white;
	text-decoration: none;
	margin-left: 2px;
	margin-right: 2px;
}
a.info{
	position: relative;
}
a.info:hover{
	background: none;
	z-index: 500;
}
a.info span{
	display: none;
}
a.info:hover span{
	display: inline;
	position: absolute;
	z-index: 500;
	top: 2em;
	left: 1em;
	min-width: 100px;
	color: #4A4A4A;
	background: #D6D6D6;
	border: 1px solid #4A4A4A;
	padding: 0.2em 0.5em;
	text-align: left;
}
/* --------------- Menu Galerie -------------- */
#liste_galerie{
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	width: 126px;
	height: 325px;
}
#liste_galerie ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#liste_galerie a#menu{
	display: block;
	margin: 0;
	padding-left: 15px;
	width: 110px;
	color: white;
	text-decoration: none;
	background: #47B8B5;
	border-right: 1px solid #006F79;
	border-bottom: 1px solid #006F79;
}
#liste_galerie a#menu:hover{
	background: #006F79;
}
#liste_galerie li#menuselect{
	display: block;
	margin: 0;
	padding-left: 15px;
	width: 110px;
	color: white;
	background: #006F79;
	border-top: 1px solid #006F79;
	border-right: 1px solid #006F79;
	border-bottom: 1px solid #006F79;
}
#liste_galerie p{
	margin: 25px 0 0 0;
	padding-left: 15px;
	padding-right: 10px;
	/* Comme j'ai rajouté un padding right de 10px pour aérer le texte de la bordure, la longueur du 
	paragraphe est alors 10px plus courte que le menu pour que la bordure et le menu soient alignés */
	width: 100px; 
	border-right: 1px solid #3F3F3F;
}
a#liengalerie{
	position: absolute;
	bottom: 1px;

}
a#liengalerie, #lienlistegalerie{
	right: 0;
	text-decoration: none;
	color: #4F4F4F;
	font-size: 11px;
	font-weight: normal;
}
a#lienlistegalerie:hover{
	text-decoration: underline;
}
/* ------------------------------------------------------------------------------- */
/* 									Graphisme du fond 							   */
/* ------------------------------------------------------------------------------- */
div#top{
	margin: 0;
	padding: 0;
	height: 116px;
	background: url(images/design_nav2.gif) top left no-repeat;
}
div#global{
	margin: 0;
	padding: 0;
	height: 420px;
	min-width: 100%;
	background-color: #FFF;
	border-top: 1px solid #343434;
	border-bottom: 1px solid #343434;
}
div#menumentions{
	position: relative;
	margin: 0 0 0 515px;
	padding: 0 0 0 8px;
	height: 12px;
	font-size: 10px;
	color: white;
	background-color: #47B8B5;
}
#menumentions a{
	font-size: 10px;
	color: white;
	text-decoration: none;
}
#menumentions img{
	position: absolute;
	bottom: 0;
}