/********************************************************************* Balise ****************************************************************/
html {
	width:100%;
}
form {
	padding: 0px;
	margin: 0px;
}
td {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #33211C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #34221d;
}
p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h1 {
	font-size: 21px;
	color: #55758a;
	font-weight: normal;
	background-image: url(gifs/titre-bg.jpg);
	background-repeat: no-repeat;
	text-indent: 44px;
	height: 59px;
	padding-top: 49px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: block;
	width: 668px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
h2 {
	font-size: 1.2em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #34221d;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}
h4 {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: bold;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	margin: 0px;
	padding: 0px;
}
.txt-couleur {
	color: #55758a;
	font-weight: bold;
}


/******************************************************************** Lien ******************************************************************/
a {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
a:link {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-size:11px;
	color:#e67032;
	background-color:#ffffff;
}

.bouton_news {
	font-size:12px;
	color:#ffffff;
	background-color:#721604;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/**********************************************************BDD AUTO **************************************/
/*.numpage {
	display: block;
	height: 22px;
	width: 22px;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_nombre2.jpg);
	background-repeat: no-repeat;
}
.numpage:hover {
	text-decoration: none;
	height: 22px;
	width: 22px;
	line-height: 20px;
	background-image: url(gifs/bt_nombre.jpg);
	background-repeat: no-repeat;
}
.numpage_selec {
	display: block;
	height: 22px;
	width: 22px;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_nombre.jpg);
	background-repeat: no-repeat;
}
.bt_suivant{
	height: 22px;
	width: 120px;
	display: block;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_suivant.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_suivant:hover {
	height: 22px;
	width: 120px;
	display: block;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_suivantover.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_precedent{
	height: 22px;
	width: 120px;
	display: block;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_suivant.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_precedent:hover {
	height: 22px;
	width: 120px;
	display: block;
	color: #FFFFFF;
	float: left;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	background-image: url(gifs/bt_suivantover.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
}
.bt_transparent {
	height: 20px;
	width: 120px;
	display: block;
	float: left;
	background-color: #780E10;
}
.liste_deroulante {
	width: 300px;
	margin-bottom: 20px;
	margin-left: 200px;
}
.news_auto_pagination {
	margin-right: auto;
	margin-left: auto;
}
.news_auto {
	width: 500px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
*/
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{border:none;}

#overlay{background-image:url('gifs/overlay.png');}

* html #overlay{background-color:transparent;background-image:url(blank.gif);}

/***************************************************** CONTENU ********************************************************/
#header-bg {
	width: 100%;
	background-image: url(gifs/header-bg.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#header {
	height: 415px;
	width: 996px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#langues {
	height: 52px;
	width: 112px;
	position: absolute;
	top: 10px;
	right: 5px;
	color: #f5f1e4;
	font-size: 11px;
}
#langues a {
	color: #f5f1e4;
	font-weight: normal;
	text-decoration: none;
}
#langues a:hover {
	text-decoration: underline;
}
.drapeau {
	float: left;
	margin-bottom: 8px;
}
ul.MenuHorizontal {
	width: 940px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
	left: 19px;
	top: 137px;
}
ul.MenuHorizontal li {
   float: left;
}
ul.MenuHorizontal li a {
   display: block;
   color: #34221d;         
   font-size: 13px;         
   font-weight: bold;
   padding-top: 0px;         
   height: 36px;
   line-height: 36px;       
   text-align: center;
   text-decoration: none;
}
li#menu0 {
   width: 85px;
}
li#menu1 {
   width: 105px;
}
li#menu2 {
	width: 112px;
	margin-right: 364px;
}
li#menu3 {
   width: 73px;
}
li#menu4 {
   width: 115px;
}
li#menu5 {
   width: 86px;
}
li#menu0 a {
   background-image: url('gifs/menu0.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu1 a {
   background-image: url('gifs/menu1.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu2 a {
   background-image: url('gifs/menu2.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu3 a {
   background-image: url('gifs/menu3.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu4 a {
   background-image: url('gifs/menu4.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu5 a {
   background-image: url('gifs/menu5.jpg');         /*Ici l'image de fond de la cellule*/
}
li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/menu0over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #f5f1e4;
}
li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu1over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #f5f1e4;
}
li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu2over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #f5f1e4;
}
li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu3over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #f5f1e4;
}
li#menu4 a:hover, a#selected-over4 {
  background-image: url('gifs/menu4over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
  color: #f5f1e4;
}
li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/menu5over.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color: #f5f1e4;
}
#logo {
	height: 175px;
	width: 355px;
	position: absolute;
	z-index: 30;
	left: 322px;
	top: 0px;
}
#diaporama {
	height: 240px;
	width: 996px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#menu {
	float: left;
	height: 227px;
	width: 266px;
}
#content-bg {
	width: 100%;
	background-image: url(gifs/content-bg.png);
	background-repeat: repeat-y;
	background-position: center 0px;
}
#content {
	width: 996px;
	background-color: #f5f1e4;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: 445px;
	_height:445px;
}
#colonne-gauche {
	float: left;
	width: 630px;
	padding-left: 38px;
	line-height: 1.3em;
	text-align: justify;
}
.photo-gauche {
	float: left;
	margin-right: 46px;
}
.photo-gauche2 {
	float: left;
	margin-right: 46px;
	height: 400px;
}
.photo-etiquette {
	float: left;
	margin-right: 10px;
}
.photo-etiquette2 {
	float: left;
}
.photo-droite {
	float: right;
	margin-left: 46px;
}
.question {
	display: block;
	background-image: url(gifs/question.jpg);
	background-repeat: no-repeat;
	height: 43px;
	padding-top: 15px;
	text-indent: 25px;
}
.cuvees-espace {
	width: 620px;
	position: relative;
}
.cuvees-nom1 {
	position: absolute;
	left: 75px;
	top: 165px;
}
.cuvees-nom2 {
	position: absolute;
	left: 280px;
	top: 165px;
}
.cuvees-nom3 {
	position: absolute;
	left: 50px;
	top: 377px;
}
.cuvees-nom4 {
	position: absolute;
	left: 295px;
	top: 377px;
}
.cuvees-nom5 {
	position: absolute;
	left: 455px;
	top: 377px;
}
.bt-cuvees{
	width: 147px;
	background-image: url(gifs/bt-cuvees.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	float: right;
	margin-top: 20px;
}
.bt-cuvees:hover{
	width: 147px;
	background-image: url(gifs/bt-cuveesover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}
.bt-accueil{
	width: 147px;
	background-image: url(gifs/bt-accueil.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	float: right;
	margin-top: 20px;
}
.bt-accueil:hover{
	width: 147px;
	background-image: url(gifs/bt-accueilover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}
.bt-haut{
	width: 147px;
	background-image: url(gifs/bt-haut.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	float: right;
	margin-top: 20px;
}
.bt-haut:hover{
	width: 147px;
	background-image: url(gifs/bt-hautover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}
.bt-plan{
	width: 147px;
	background-image: url(gifs/bt-plan.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	float: right;
	margin-top: 20px;
}
.bt-plan:hover{
	width: 147px;
	background-image: url(gifs/bt-planover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}
.bt-commander{
	width: 147px;
	background-image: url(gifs/bt-commander.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	float: right;
	margin-top: 20px;
}
.bt-commander:hover{
	width: 147px;
	background-image: url(gifs/bt-commanderover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}
.slogan {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	display: block;
	margin-bottom: 8px;
}
.bouteille-detail {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none!important;
}
.bouteille-detail:hover {
	text-decoration: underline!important;
}
.quantite {
	float: left;
}
.prix {
	float: right;
	font-size: 12px;
	font-weight: normal;
}
.prix-couleur {
	font-size: 14px;
	font-weight: bold;
	color: #55758A;
}
#sousmenu {
	background-image: url(gifs/filet.png);
	background-repeat: no-repeat;
	background-position: 0px 25px;
	float: right;
	width: 468px;
	margin-top: 30px;
}
#sousmenu a {
	text-decoration: none;
}
#sousmenu a:hover {
	color: #55758A;
	text-decoration: none;
}
.sousmenu1 {
	float: left;
	margin-right: 100px;
}
.sousmenu2 {
	float: left;
}
#selected-sousmenu {
	color: #55758A;
	text-decoration: none;
}


#colonne-centre {
	width: 286px;
	background-image: url(gifs/colonnedroite-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 54px;
	position: absolute;
	padding-top: 186px;
	top: 18px;
	right: 0px;
	z-index: 10;
}
#colonne-gauche ul {
	padding-left: 40px;
}
#colonne-gauche li {
	margin-bottom: 10px;
}

.bt-commande {
	height: 74px;
	width: 265px;
	position: absolute;
	z-index: 20;
	top: 0px;
	right: 10px;
}
.espace-coordonnees {
	width: 266px;
	padding-left: 20px;
	margin-bottom: 40px;
	position: relative;
}
.espace-coordonnees a {
	position: absolute;
	z-index: 30;
	left: 17px;
	top: 70px;
	text-align: center;
	color: #55758a;
}
.consulter {
	font-size: 10px;
}
.telephone {
	color: #55758a;
	font-weight: bold;
	font-size: 17px;
}
.espace-coordonnees p {
	float: left;
	line-height: 21px;
}
.espace-coordonnees object {
	float: left;
	margin-right: 26px;
}
.filet {
	background-image: url(gifs/filet.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 630px;
}
#footer-bg {
	width: 100%;
	background-image: url(gifs/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#footer {
	width: 996px;
	height: 115px;
	text-align: center;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 46px;
	line-height: 17px;
	font-size: 11px;
}
#footer a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#formulaire fieldset {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#formulaire legend {
	color: #55758a;
	font-size: 14px;
}
.bt-valider{
	width: 147px;
	background-image: url(gifs/bt-valider.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
	margin-top: 20px;
	background-color: #F5F1E4;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}
.bt-valider:hover{
	width: 147px;
	background-image: url(gifs/bt-validerover.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 59px;
}

.sousMenu {
	height:0; overflow:hidden;
}

.sousMenu li a{
display:block !important; color:#F5F1E4 !important;
	background:#33211C !important; background-image:none !important;
	height:30px !important;width:115px;opacity:0.9;filter:alpha(opacity=90);
}

#menu4 .sousMenu li a:hover {background:none !important;background-image:none !important;background:#33211C !important;
text-decoration:underline; color:#F5F1E4!important;}