/*-- LOUIS BERNARD STYLESHEET #1 -------------------------------------*/
/*-- agence zoo ------------------------------------------------*/
/*--------------------------------------------------------------*/



/*--- GLOBAL ----------------------------------------------------------*/
/*---------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	}

html, body{
	height: 100%;
	}
	
body{
	background-color: #8f734c;
	background: transparent url(../img/bg.jpg) center bottom no-repeat;
	background-attachment: fixed;
	}

div#conteneur{
	position: relative;
	width: 956px;
	min-height: 80%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}




		/*-- ie fix --*/
		* html div#conteneur{
			width: 875px;
			margin-top: 30px;
			margin-bottom: 30px;
			}


div#contenu{
	padding: 20px 70px 20px 70px;
	width: auto;
	min-height: 700px;
	height: auto;
	background: transparent url(../img/bg_conteneur.png) left top repeat-y;
	}

		/*-- ie fix --*/
		* html #conteneur #contenu{
			padding: 20px 30px 20px 30px;
			height: 700px;
			background-image: url(../img/bg_conteneur.jpg);
			}
	

	
div#footer{
	width: 956px;
	height: 97px;
	background: transparent url(../img/footer.png) top left no-repeat;
	}

		/*-- ie fix --*/
		* html #conteneur #footer{
			width: 875px;
			height: 51px;
			background-image: url(../img/footer.jpg);
			margin-bottom: 30px;
			}

/*--- INTRO      ------------------------------------------------------*/
/*---------------------------------------------------------------------*/
#flashcontent{
	width:875px;
	height:420px;
}

#conteneurintro{
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 956px;
	height: 722px;
	margin-top: -361px; /* moitie de la hauteur */
	margin-left: -478px; /* moitie de la largeur */

	}
	/*-- ie fix --*/
		* html div#conteneurintro {
			width: 875px;
			height: 641px;
			margin-top: -320px; /* moitie de la hauteur */
			margin-left: -437px; /* moitie de la largeur */
			}


div#dummy{
	padding-top: 20px;
	background: transparent url(../img/bg_intro.jpg) left top no-repeat;
	height: 350px;
}
	
div#contenuintro{
	padding: 0px 0px 0px 44px;
	width: auto;
	height: auto;
	background: transparent url(../img/bg_conteneur.png) left top repeat-y;
		
	}
	/*-- ie fix --*/
		* html div#conteneurintro #contenuintro{
			padding: 0px 0px 0px 5px;
			width: auto;
			height: auto;
			background-image: url(../img/bg_conteneur.jpg);
			}

		/*-- ie fix --*/
		* html div#conteneurintro #titreh1, * html #conteneur #titreh1 h1 span{
			width:875px;
			height:170px;
			background-image: url(../img/header.jpg);
		  }
		/*-- ie fix --*/
			* html div#conteneurintro #titreh1 #home{
			width: 875px;
			height:170px;
			}
		/*-- ie fix --*/
		* html div#conteneurintro #footer{
			width: 875px;
			height: 51px;
			background-image: url(../img/footer.jpg);
			margin-bottom: 30px;
			}
		/*-- ie fix --*/
		* html #conteneurintro #menu_footer{
			padding: 18px 0px 0px 10px;
			}


/*--- REPLACE H1 ------------------------------------------------------*/
/*---------------------------------------------------------------------*/

.replace{
	position:relative;
  margin:0px; padding:0px;
  /* hide overflow:hidden from IE5/Mac */
  /* \*/
  overflow: hidden;
  /* */
	}

.replace span{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1; /*for Opera 5 and 6*/
	}

#titreh1, #titreh1 h1 span{
	text-indent: -5000px;
	width:956px;
	height:205px;
	background-image: url(../img/header.png);
  }

		/*-- ie fix --*/
		* html #conteneur #titreh1, * html #conteneur #titreh1 h1 span{
			width:875px;
			height:170px;
			background-image: url(../img/header.jpg);
		  }


#home{
	width: 956px;
	height:205px;
	display: block;
  }

		/*-- ie fix --*/
		* html #conteneur #titreh1 #home{
		width: 875px;
		height:170px;
		}


/*--- MENU ---------------------------------------------------------*/
/*------------------------------------------------------------------*/

a#fr:link, a#fr:active, a#fr:visited{
	float:right;
	margin-top: 2px;
	margin-left: 5px;
	display: block;
	width: 13px;
	height: 10px;
	background: transparent url(../img/flag_fr_hover.gif) left top no-repeat;
	}
	a#fr:hover{background-image: url(../img/flag_fr.gif);}
	
a#uk:link, a#uk:active, a#uk:visited{
	float:right;
	margin-top: 2px;
	display: block;
	width: 17px;
	height: 10px;
	background: transparent url(../img/flag_uk_hover.gif) left top no-repeat;
	}
	a#uk:hover{background-image: url(../img/flag_uk.gif);}



ul#menu, ul#menu_uk{
	clear: both;
	list-style-type: none;
	font: italic lighter 16px Times, serif;
	color: #b6a46e;
	background: transparent url(../img/bg_menu.png) left top repeat-y;
	height: 25px;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

			/*-- ie fix --*/
		* html #conteneur #menu, * html #conteneur #menu_uk{
			background-image: url(../img/bg_menu.jpg);
			width:875px;
			}



ul#menu li, ul#menu_uk li{
	display: inline;
}

ul#menu li a:link,ul#menu li a:active,ul#menu li a:visited {
		color: #b6a46e;
		margin-right: 5px;
		margin-left: 5px;
		border-bottom: 0px;
}

ul#menu li a:hover{
		color: #695f3f;
}
				/*-- MENU UK--*/		
				ul#menu_uk li a:link, ul#menu_uk li a:active, ul#menu_uk li a:visited {
						color: #b6a46e;
						margin-right: 5px;
						margin-left: 5px;
						border-bottom: 0px;
				}

				ul#menu_uk li a:hover{
					color: #695f3f;
					}



.maison{border-bottom: 2px solid #f4a02f;}
		.maison_activ{border-bottom: 3px solid #f4a02f; color: #695f3f; margin-right: 5px; margin-left: 5px;}
		.maison_activuk{border-bottom: 3px solid #f4a02f; color: #695f3f; margin-right: 5px; margin-left: 5px;}
		
.chartreuse{border-bottom: 2px solid #f3af45;}
	.chartreuse_activ{border-bottom: 3px solid #f3af45; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.chartreuse_activuk{border-bottom: 3px solid #f3af45; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	
.caveau{border-bottom: 2px solid #f36608;}
	.caveau_activ{border-bottom: 3px solid #f36608; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.caveau_activuk{border-bottom: 3px solid #f36608; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	
.vins{border-bottom: 2px solid #b08651;}
	.vins_activ{border-bottom: 3px solid #b08651; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.vins_activuk{border-bottom: 3px solid #b08651; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	
.vallee{border-bottom: 2px solid #85653d;}
	.vallee_activ{border-bottom: 3px solid #85653d; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.vallee_activuk{border-bottom: 3px solid #85653d; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	
.actus{border-bottom: 2px solid #b70e28;}
	.actus_activ{border-bottom: 3px solid #b70e28; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.actus_activuk{border-bottom: 3px solid #b70e28; color: #695f3f; margin-right: 5px; margin-left: 5px;}

.recompenses{border-bottom: 2px solid #b70e28;}
	.recompenses_activ{border-bottom: 3px solid #b70e28; color: #695f3f; margin-right: 5px; margin-left: 5px;}
	.recompenses_activuk{border-bottom: 3px solid #b70e28; color: #695f3f; margin-right: 5px; margin-left: 5px;}



/*--- SOUS MENU ----------------------------------------------------*/
/*------------------------------------------------------------------*/

ul#s_menu{
	list-style-type: none;
	font: 14px Times, serif;
	line-height: 8px;
	color: #b6a46e;
	font-style: italic;
	font-weight: lighter;
	padding: 5px 0px 0px 0px;
	margin-bottom: 30px;
}

ul#s_menu li{
		margin-bottom: 10px;
		margin-top: 10px;
}

ul#s_menu li a,ul#s_menu li a:active,uls_#menu li a:visited {
		color: #b7b7b7;
		padding-left: 10px;
		border-left: 3px solid #fbd9ab;
		border-bottom: 0px;
		}

ul#s_menu li a:hover{color: #8e8e8e;border-left: 3px solid #f39619;}

		/*--- chartreuse ----------------------------------------------------*/
				ul#s_menu li a.sm_chartreuse,ul#s_menu li a.sm_chartreuse:active,uls_#menu li a.sm_chartreuse:visited{border-left: 3px solid #fbe2bc;}
				ul#s_menu li a.sm_chartreuse:hover{border-left: 3px solid #f3af45;}


		/*--- visite ----------------------------------------------------*/
				ul#s_menu li a.sm_visite,ul#s_menu li a.sm_visite:active,uls_#menu li a.sm_visite:visited{border-left: 3px solid #fbc8a6;}
				ul#s_menu li a.sm_visite:hover{border-left: 3px solid #f36608;}			
				

		/*--- vins ----------------------------------------------------------*/
				ul#s_menu li a.sm_vins,ul#s_menu li a.sm_vins:active,uls_#menu li a.sm_vins:visited{border-left: 3px solid #e7daca;}
				ul#s_menu li a.sm_vins:hover{border-left: 3px solid #b08651;}

				ul#s_menu li a.sm_vins2,ul#s_menu li a.sm_vins2:active,uls_#menu li a.sm_vins2:visited{padding-left:25px;border:0px}
				ul#s_menu li a.sm_vins2:hover{padding-left:25px;border:0px;}

		/*--- vallee du rhone------------------------------------------------*/
				ul#s_menu li a.sm_vallee,ul#s_menu li a.sm_vallee:active,uls_#menu li a.sm_vallee:visited{border-left: 3px solid #d3c7b9;}
				ul#s_menu li a.sm_vallee:hover{border-left: 3px solid #85653d;}

				ul#s_menu li a.sm_vallee2,ul#s_menu li a.sm_vallee2:active,uls_#menu li a.sm_vallee2:visited{padding-left:25px;border:0px}
				ul#s_menu li a.sm_vallee2:hover{padding-left:25px;border:0px;}

		/*--- recompenses------------------------------------------------*/
				ul#s_menu li a.sm_recompenses,ul#s_menu li a.sm_recompenses:active,uls_#menu li a.sm_recompenses:visited{border-left: 3px solid #db8693;}
				ul#s_menu li a.sm_recompenses:hover{border-left: 3px solid #b70e28;}

				ul#s_menu li a.sm_recompenses2,ul#s_menu li a.sm_recompenses2:active,uls_#menu li a.sm_recompenses2:visited{padding-left:25px;border:0px}
				ul#s_menu li a.sm_recompenses2:hover{padding-left:25px;border:0px;}



.sm_ref:active, .sm_ref:visited, .sm_ref:link{
	font: 14px Times, serif;
	line-height: 20px;
	color: #b7b7b7;
	font-style: italic;
}

.sm_ref:hover{
	color: #8e8e8e;

}


/*--- MENU FOOTER ---------------------------------------------------------*/
/*------------------------------------------------------------------*/

ul#menu_footer{
	list-style-type: none;
	font: 12px Times, serif;
	color: #FFFFFF;
	font-style: italic;
	font-weight: lighter;
	height: 25px;
	padding: 18px 0px 0px 40px;
}

	/*-- ie fix --*/
	* html #conteneur #menu_footer{
		padding: 18px 0px 0px 10px;
		}

		
ul#menu_footer li{
	display: inline;
}

ul#menu_footer li a,ul#menu_footer li a:active,ul#menu_footer li a:visited {
		color: #FFFFFF;
		margin-right: 20px;
		margin-left: 20px;
		border-bottom: 0px;
		
}

ul#menu_footer li a:hover{
		color: #FFFFFF;
		border-bottom: 1px dotted #FFFFFF;
}


.zoo{margin-left: 490px;}
.zoouk{margin-left: 540px;}
.lock{background: transparent url(../img/lock.gif)  2px center no-repeat;padding-left:10px;}
.lockuk{background: transparent url(../img/lock.gif)  2px center no-repeat;padding-left:10px;}

	/*-- ie fix --*/
	* html #conteneur #footer #menu_footer li.zoo{margin-left: 380px;}


/*--- CONTENU ---------------------------------------------------------*/
/*------------------------------------------------------------------*/

h2{
	font: 40px Times, serif;
	color: #c5c5c5;
	font-style: italic;
	font-weight: lighter;
	margin-bottom: 20px;
	line-height: 40px;
	}

h3{
	font: 30px Times, serif;
	color: #c5c5c5;
	font-style: italic;
	font-weight: lighter;
	margin-bottom: 20px;
	line-height: 30px;
	}

h4{
	font: 20px Times, serif;
	color: #c5c5c5;
	font-style: italic;
	font-weight: lighter;
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 20px;
	}
	.orange{
		color: #f36608;
		}

h5{
	font: 14px Times, serif;
	color: #4a4a4a;
	font-style: italic;
	font-weight: lighter;
	margin-bottom: 3px;
	line-height: 14px;
	}

p{
	font: 14px Times, serif;
	font-weight: 100;
	line-height: 23px;
	color: #4a4a4a;
	font-style: italic;
	}
	
span.anglais{
	color: #909090;
	}
	
a.general:link, a.general:active, a.general:visited{
	font: 14px Times, serif;
	font-weight: 100;
	line-height: 23px;
	font-style: normal;
	text-decoration:none;
	border-bottom: 1px dotted #757575;
	color: #757575;
	}

a.general:hover{
	text-decoration: none;
	border-bottom: 1px solid #f3af45;
	color: #f3af45;
	}



.preferences{
	font: 13px Times, serif;
	color: #757575;
	line-height: 15px;
	font-style: italic;
	margin-bottom: 8px;
	}

.pcolones{
	text-align: justify;
	font: 14px Times, serif;
	font-weight: 100;
	line-height: 17px;
	color: #4a4a4a;
	font-style: italic;
}

.linkfr:link, .linkfr:active, .linkfr:visited, .linkfrtips:link, .linkfrtips:active, .linkfrtips:visited {
	clear: both;
	margin-top: 2px;
	float: left;
	display: block;
	width: 13px;
	height: 10px;
	background: transparent url(../img/flag_fr_hover.gif) left top no-repeat;
	}
	.linkfr:hover, .linkfrtips:hover{
	background-image: url(../img/flag_fr.gif);
	}

.linkuk:link, .linkuk:active, .linkuk:visited, .linkuktips:link, .linkuktips:active, .linkuktips:visited{
	margin-top: 2px;
	margin-right: 3px;
	float: left;
	display: block;
	width: 16px;
	height: 10px;
	background: transparent url(../img/flag_uk_hover.gif) left top no-repeat;
	}
	.linkuk:hover, .linkuktips:hover{
	background-image: url(../img/flag_uk.gif);
	}



.pcentre{
	margin-bottom: 50px;
}

.clearboth{
		clear: both;
}

.prixright{

	text-align: left;
	width: 100%;
	display: block;
		font: 13px Times, serif;
	color: #757575;
	line-height: 15px;
	font-style: italic;
}

.prixleft{
	text-align: right;
	width: 100%;
	display: block;
		font: 13px Times, serif;
	color: #757575;
	line-height: 15px;
	font-style: italic;
}


.prixright a:link,.prixright a:active,.prixright a:visited, .prixleft a:link, .prixleft a:active, .prixleft a:visited{
	text-decoration: none;
	border-bottom: 1px dotted #757575;
	color: #757575;
	margin: 5px 5px 0px 0px;
}

.prixright a:hover,.prixleft a:hover{
	text-decoration: none;
	border-bottom: 1px solid #f3af45;
	color: #f3af45
}



img.noborder{
		border: 0px;
	padding: 0px 20px 0px 50px;
	background-color: transparent;
	float: right;
	}

img.map{
	border: 0px;
	padding-right: 60px;
	background-color: transparent;
}

.floatright{
	float: right;
	margin-left: 30px;
	margin-top: 5px;
	clear: both;
	border: 1px solid #d6d6d6;
	padding: 4px;
	background-color: #eeeeee;
	}

.floatleft{
	float: left;
	margin-right: 30px;
	margin-top: 5px;
	clear: both;
	border: 1px solid #d6d6d6;
	padding: 4px;
	background-color: #eeeeee;
	margin-bottom: 10px;
	}

.floatleftvins{
	float: left;
	margin-right: 30px;
	margin-top: 0px;
	clear: both;
	border: 1px solid #d6d6d6;
	padding: 4px;
	background-color: #eeeeee;
	margin-bottom: 10px;
	}


.pleft{text-align: left; margin-bottom:50px;height:auto; clear: both;}
.pright{text-align: right; margin-bottom:50px;height:auto; clear: both;}
.pleftref{text-align: left; margin-bottom:20px;height:auto; clear: both;}
.prightref{text-align: right; margin-bottom:20px;height:auto; clear: both;}
.pararight{padding-right: 307px;}
.paraleft{padding-left: 307px;}

.hrdot{
margin-top: 10px;
width:50%;
border-top: 1px dotted #d6d6d6;
}



/*--- references ---------------------------------------------------*/
/*------------------------------------------------------------------*/


#packshots{
	clear:both;
	text-align:right;
	padding-right:400px;
	padding-top:20px;
	height:180px;
	margin-bottom:20px;
	}


.tablereferences{
	vertical-align: top;
	}

.tablereferences2{
	vertical-align: top;
	padding-right: 40px;
	}



/*------TIPS */

		.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #f3af45;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}



.tabrecompenses{
	width: 100%;
	vertical-align: middle;
	font: 13px/15px Times, serif;
	color: #757575;
	font-style: italic;
	margin-bottom: 3px;
	}


.bggrey{
	background-color: #F8F8F8;
	}

.bggrey2{
	background-color: #F2F2F2;
	}


.sepgrey td{
	height: 10px;
	background-color: #F8F8F8;
	}
	
.sepgrey2 td{
	height: 10px;
	background-color: #F2F2F2;
	}
	
.sep td{
	height: 5px;
	background-color: #FFFFFF;
	}

.floatleftawards{
	float: left;
	margin-right: 10px;
	margin-left: 5px;


	border: 1px solid #d6d6d6;
	padding: 2px;
	background-color: #eeeeee;
	margin-bottom:5px;
	width: 40px;
	height: 40px;
	}

.medal_silver{
	background: url(../img/medal_silver.gif) top left no-repeat;
	padding: 2px 0px 2px 26px;;
}

.medal_bronze{
	background: url(../img/medal_bronze.gif) top left no-repeat;
	padding: 2px 0px 2px 26px;;
}

.medal_gold{
	background: url(../img/medal_gold.gif) top left no-repeat;
	padding: 2px 0px 2px 26px;;
}



.footer{
	text-align: center;
	padding-top: 10px;
	font: 12px Times, serif;
	color: #FFFFFF;
	font-style: italic;
	font-weight: lighter;
	text-transform: uppercase;
}