/********************************************************************* Balise ****************************************************************/
*{margin:0; padding:0;}

h1 {
	font-size: 18px;
	font-weight: normal;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

ul {
	list-style-type: none;
}
.magnifier1 {
	font-size: 16px;
	font-weight: bold;
}


a:hover, a#over2 {
	color: #FFFFFF !important;
	background-color: #772534;
	text-decoration:none !important;

}

form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(gifs/690036-background_02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

/******************************************************************** Lien ******************************************************************/
/*a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}*/


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

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border-bottom:#bbbbbb 1px solid;
	border-top:#bbbbbb 1px solid;
	border-left:#bbbbbb 1px solid;
	border-right:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border-bottom:#585858 1px solid;
	border-top:#585858 1px solid;
	border-left:#585858 1px solid;
	border-right:#585858 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.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: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
	
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}#header {
	background-image: url(gifs/690036-tranches-1_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 182px;
	width: 960px;
	position: relative;
}
#flash-content {
	height: 182px;
	width: 960px;
	position: absolute;
	z-index: 0;
	left: 0px;
	top: 0px;
}

.nav-secondaire {
	position: absolute;
	right: 10px;
}
.nav-secondaire a {
	color: #333333;
	text-decoration: none;
}
.nav-secondaire img {
	position: relative;
	top: 7px;
	border:none;
}


#bloc-centre {
	background-image: url(gifs/690036-tranches-1_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	overflow: hidden;
	top: 0px;
}
#adresse {
	width: 960px;
	margin-top: 15px;
	height: 25px;
}
#adresse p {
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	height: 25px;
	width: 960px;
}
#colonne-gauche {
	display: inline;
	float: left;
	width: 220px;
	padding-left: 10px;
	margin-top: 15px;
}
#encart-bon-commande {
	background-image: url(gifs/690036-tranches-2_35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 191px;
	width: 219px;
	position: relative;
}

#eng-encart-bon-commande {
	background-image:url(english/gifs/eng_33.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 191px;
	width: 219px;
	position: relative;
}
#encart-bon-commande h4, #eng-encart-bon-commande h4 {
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #ecdb9e;
	height: 32px;
	text-transform: uppercase;
	padding-left: 15px;
}
#encart-bon-commande a, #eng-encart-bon-commande a {
	font-weight: bold;
	color: #515151;
	position: absolute;
	left: 10px;
	bottom: 7px;
}

#encart-bon-commande a:hover {
}

#encart-contact {
	background-image: url(gifs/690036-tranches-2_50.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 174px;
	width: 219px;
	margin-top: 15px;
	position:relative;
}

#eng-encart-contact {
	background-image:url(english/gifs/eng_46.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 174px;
	width: 219px;
	margin-top: 15px;
	position:relative;
}
#encart-contact p, #eng-encart-contact p {
	position: absolute;
	left: 10px;
	bottom: 7px;
}

#encart-contact p a, #eng-encart-contact p a {
	font-weight: bold;
	color: #515151;
}


#encart-contact h4, #eng-encart-contact h4 {
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #ecdb9e;
	height: 32px;
	text-transform: uppercase;
	padding-left: 15px;
}

#encart-actu {
	background-image: url(gifs/690036-tranches-2_52.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 159px;
	width: 219px;
	margin-top: 15px;
}
#encart-actu p {
	margin-top: 15px;
	padding-left: 10px;
}
#encart-actu p a{
	color: #515151;
	text-decoration: none;
}


#encart-actu h4 {
	font-size: 14px;
	line-height: 32px;
	font-weight: bold;
	color: #ecdb9e;
	height: 32px;
	text-transform: uppercase;
	padding-left: 15px;
}

#centre {
	width: 695px;
	margin-left: 25px;
	display: inline;
	float: left;
	margin-top: 15px;
	position: relative;
}

#content-back {
	background-color: #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
	border: 1px solid #CCCCCC;
	height:100%


}

#content {
	background:transparent;
	padding: 15px;
}
#content ul {
	margin-left: 30px;
	margin-bottom: 15px;
}
#content li a {
	font-weight: bold;
	color: #772534;
	text-decoration: underline;
}

#content strong {
	color: #772534;
}
#content h1 {
	color: #772534;
	margin-bottom: 15px;
}
.p1 {
	margin-bottom: 15px;
}
.p2 {
	margin-bottom: 15px;
}

.p2 a{
	color:#772534;
	text-decoration:underline;
	font-weight:bold;
}

.p3 {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 60px;
}

.p3 a{
	color:#772534;
	text-decoration:underline;
	font-weight:bold;
}

#content h2 {
	margin-bottom: 15px;
	color: #772534;
}
#content h3 {
	margin-bottom: 15px;
	margin-left: 30px;
}


#test {
	width:200px;
	height:200px;
	background-color: #FFFFFF;
	opacity : 0.7;
	filter: Alpha(Opacity=40);
	border: 1px solid #CCCCCC;
}

#yo {
	position:relative;
	width:200px;
}

#yo strong {
	position:absolute;
	top:10px;
	left:20px;
	background:#FF0000;
}

#presentation {
	background-image: url(gifs/690036-presentation_35.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 184px;
	width: 582px;
	padding-left: 110px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 4px;
}
#presentation h1 {
	color: #772534;
	margin-top: 10px;
	margin-bottom: 15px;
}
#presentation p {
	width: 455px;
}
#presentation p a {
	font-weight: bold;
	color: #772534;
	text-decoration: underline;
}
#encart-bouteille {
	background-image: url(gifs/690036-tranches-2_45.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 351px;
	width: 153px;
	position: absolute;
	top: 189px;
	left: 27px;
	padding-right: 10px;
	padding-left: 100px;
	padding-top: 30px;
}
#encart-bouteille p {
	margin-top: 20px;
	padding-left:20px;
}
#encart-bouteille p a {
	font-weight: bold;
	color: #772534;
	text-decoration: underline;
}
#encart-bouteille h2 {
	color: #772534;
}


#encart-verre {
	background-image: url(gifs/690036-tranches-2_47.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 351px;
	width: 161px;
	position: absolute;
	top: 189px;
	right: 77px;
	padding-right: 10px;
	padding-left: 95px;
	padding-top: 30px;
}
#encart-verre p {
	margin-top: 20px;
}

#encart-verre p a {
	font-weight: bold;
	color: #772534;
	text-decoration: underline;
}
#encart-verre h2 {
	color: #772534;
}
#footer-wrap {
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #772534;
	position: relative;
}
#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:20px;
	padding-bottom: 20px;
}
#footer img {
	float: left;
}

#footer a{
color:#000000;
text-decoration:none;
}


.menu-footer {
	display: inline;
	float: left;
	padding-right: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left: 20px;
	height: 90px;
}

.menu-footer2 {
	display: inline;
	float: left;
	padding-right: 20px;

	padding-left: 20px;
	height: 90px;
}

#foot-coordonnees {
	display: inline;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 20px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	height: 90px;
}
.purple {
	color: #772534;
	padding-top: 5px;
	display: block;
}
.lien-news {
	font-weight: bold;
	color: #515151;
	text-decoration: underline;
	margin-top: 10px;
	padding-left: 10px;
}
.img1 {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	padding: 3px;
	border: 1px solid #772534;
}

.img2 {
	margin-left: 1em;
	margin-bottom: 1em;
	float: right;
	padding: 3px;
	border: 1px solid #772534;
}

.img3 {
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	padding: 3px;
	border: 1px solid #772534;
}

.img4 {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	
}

#newsletter {
	padding: 5px;
	width: 650px;
	border: 1px solid #772534;
	margin-bottom: 15px;
}
.lightbox1 {
	padding: 3px;
	border: 1px solid #772534;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}



/**************************************************************MENU*************************************************/

ul.MenuHorizontal {
	width: 960px;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: -1px;
	z-index: 10;
}

ul.MenuHorizontal li {
   float: left;
}

ul.MenuHorizontal li a {
   display: block;
   color: #ecdb9e;         /*Ici, changer la couleur de la police*/
   font-family:Arial;         /*Ici, changer la police du menu*/
   font-size: 11px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   line-height: 28px;
   height: 28px;         /*Ici, on augmente la hauteur du menu*/ 
   text-align: center;
   text-decoration: none;
}

li.menu0 {
   width: 102px;
   margin-right:3px;
}

li.menu1 {
   width: 121px;
   margin-right:3px;
}

li.menu2 {
   width: 123px;
   margin-right:3px;
}

li.menu3 {
   width: 113px;
   margin-right:3px;
}

li.menu4 {
   width: 113px;
   margin-right:3px;
}

li.menu5 {
   width: 81px;
   margin-right:3px;
}

li.menu6 {
   width: 115px;
   margin-right:3px;
}

li.menu7 {
   width: 113px;
   margin-right:3px;
}

li.menu8 {
   width: 50px;
   margin-right:3px;

}

li.menu0 a {
   background-image: url('gifs/690036-menu_13.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu1 a {
   background-image: url('gifs/690036-menu_15.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu2 a {
   background-image: url('gifs/690036-menu_17.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu3 a {
   background-image: url('gifs/690036-menu_19.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu4 a {
   background-image: url('gifs/690036-menu_21.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu5 a {
   background-image: url('gifs/690036-menu_23.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu6 a {
   background-image: url('gifs/690036-menu_25.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu7 a {
   background-image: url('gifs/690036-menu_27.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu8 a {
   background-image: url('gifs/690036-menu_29.jpg');         /*Ici l'image de fond de la cellule*/
}

li.menu0 a:hover, a.selected-over0 {
   background-image: url('gifs/690036-menu-hover_13.jpg')!important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu1 a:hover, a.selected-over1 {
   background-image: url('gifs/690036-menu-hover_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu2 a:hover, a.selected-over2 {
   background-image: url('gifs/690036-menu-hover_17.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu3 a:hover, a.selected-over3 {
   background-image: url('gifs/690036-menu-hover_19.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu4 a:hover, a.selected-over4 {
   background-image: url('gifs/690036-menu-hover_21.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu5 a:hover, a.selected-over5 {
   background-image: url('gifs/690036-menu-hover_23.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu6 a:hover, a.selected-over6 {
   background-image: url('gifs/690036-menu-hover_25.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu7 a:hover, a.selected-over7 {
   background-image: url('gifs/690036-menu-hover_27.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
}

li.menu8 a:hover, a.selected-over8 {
   background-image: url('gifs/690036-menu-hover_29.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#772534 !important;
} 

/***********************************************************CONTACT FORMULAIRE*********************************/

.ligne-contact1 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	display: inline;
}

.ligne-contact2 p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	display: inline;
}

.bloc-message p {
	font-size: 11px;
	color: #515151;
	float: left;
	margin-right: 30px;
	margin-bottom: 10px;
	display: inline;
}

.input_form {
	background-color: #FFFFFF;
	border:1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 230px;
}
.champs-obligatoires {
	font-size: 11px;
	color: #333333;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.area_form {
	background-color: #FFFFFF;
	border: 1px solid #772534;
	font-family: Arial;
	color: #333333;
	margin-top: 5px;
	width: 500px;
	overflow: auto;
}
.bouton_form {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #FFFFFF;
	display: block;
	margin-left: 170px;
	cursor: pointer;
	background-image: url(gifs/btn-contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bouton_form:hover {
	height: 30px;
	width: 150px;
	border: 1px none #fff;
	color: #772534;
	display: block;
	margin-left: 170px;
	cursor: pointer;
	background-image: url(gifs/btn-contact-hover.jpg) !important;
	background-repeat: no-repeat;
	background-position: left top;
}


#form-contact {
	margin-bottom: 15px;
	width: 590px;
	padding-left: 50px;

}

.liens{
	font-weight:bold;
	color:#333;
}
#id1 {
 display:none;
}