body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
  background-image:url("http://www.degustation-de-vin.com/layout/bg_site_1.png"); background-repeat:repeat-x;
}

#conteneur {

border-left:20px solid #dddddd;
border-right:20px solid #dddddd;
display:block;
position: relative;
width: 1024px;
margin: 0 auto;
  min-height:990px;
background-color:white;}

#header {
/*background-image:url("http://www.degustation-de-vin.com/img/layout/bg.header.png"); */
background-image:url("http://www.degustation-de-vin.com/layout/top_header.png"); background-repeat:no-repeat; background-position:top;
background-color:#f5f5f5;
height: 151px;
border:1px solid #dddddd;
}

#centre {
padding:5px;
color:#808080;
margin-left: 187px;
/*margin-right: 187px;*/
position:relative;
  top:7px;
}
#gauche {
color:#808080;
position: absolute;
left:0;
width: 187px;
	height:auto;
  display:block;
	}
#droite {
color:#808080;
position: absolute;
right:0;
width: 0px;
	height:auto;
    display:block;
}
#pied {   position: relative;
width: 1024px;
margin: 0 auto;
height: auto;
}
.menugauche {
list-style-type: square;
margin: 0;
padding:0;

}
.menugauche li {
height:20px;
	background-color:#f8f8f8;
margin-bottom: 0px;
}
h1{
font-family:Arial;
font-size:26px;
color:#dc006e;
width:450px;
text-align:center;
}
h2{
font-family:Verdana;
font-size:18px;
color:#C0C0C0;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#DD016D;
font-weight:bold;}

.btnreserver{
font-family:Arial;
font-size:16px;
color:white;
font-weight:bold;
text-decoration:none;
background-color:#dc006e;
width:100%;
text-align:center;
padding-top:3px;
padding-bottom:3px;
display:block;
}
.btnreserver:hover{
font-family:Arial;
font-size:16px;
color:white;
font-weight:bold;
text-decoration:none;
background-color:#f70c81;
width:100%;
text-align:center;
padding-top:3px;
padding-bottom:3px;
display:block;
cursor:pointer;
}

.linkevenements{
font-family:verdana;
font-size:11px;
color:#808080;
text-decoration:none;
}
.linkvingris{
font-family:Verdana;
font-size:12px;
color:#808080;
text-decoration:none;
}


.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
#btncontact{
border:1px solid #ebebeb; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
#btncontact:hover{
border:1px solid #ebebeb; background-color:white; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
#btncpteclt{
border:1px solid #ebebeb; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
#btncpteclt:hover{
border:1px solid #ebebeb; background-color:white; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
#btngopanier{
border:1px solid #ebebeb; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
#btngopanier:hover{
border:1px solid #ebebeb; background-color:white; width:145px; height:25px; position:relative; margin:0 auto; padding-top:8px;
}
.menudroit li {
height:20px;
	background-color:#f8f8f8;
margin-bottom: 0px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}

/* GLIDER --> */
.glidecontentwrapper{
height:219px;
 width:829px; /* width:627px; */
position: relative; /* Do not change this value */
border: none;
overflow: hidden;
top:2px;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
margin-top:0px;
visibility: hidden;
 width:635px; /* width: 433px; */
  z-index:2;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 194px;
height:220px;
border:0;
    z-index:30;
    top:-1px;
    position:relative;
    left:637px;
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: none;
margin-right: 0px;
text-decoration: none;
       background-image:url('http://www.degustation-de-vin.com/utils/glider/bg.btn.png'); background-repeat:no-repeat;
       background-position:13px;   color:#808080;
}

.glidecontenttoggler a.selected{
    background-image:url('http://www.degustation-de-vin.com/utils/glider/fleche.selected.png');
          background-position:left;
   z-index:45;
    width:200px;
    display:block;
    position:relative;
     font-family:Verdana; font-size:12px; font-weight:bold; color:white;
border:0;
margin-left:10px;
}

.glidecontenttoggler a:hover{
    background-image:url('http://www.degustation-de-vin.com/utils/glider/fleche.selected.png');
    background-position:-0px;   z-index:45;
    width:220px;
    font-family:Verdana; font-size:12px; font-weight:bold; color:white;
}

.glidecontenttoggler a.toc{

top:0px;
position:relative;
margin:0px;
width:220px;
height:55px;
line-height:55px;
font-family:Verdana; font-size:12px; font-weight:bold;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{
top:-4px;
position:relative;
margin:0px;
width:17px;
height:12px;
line-height:12px;
padding:0px;}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: inherit;
color: white;
padding:0px;
}


/*---------------------------------- Menu tab haut */

#nav {margin-top:1px; left:0px; width:1021px; height:82px; position:relative; display:block;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;}

#nav .select a,
#nav .current a {display:block;
				 width:187px;
				 height:30px;
				 float:left;
				 background: url("http://www.degustation-de-vin.com/img/layout/tab1.png") no-repeat left top; z-index:2;
				 padding:0 0 0 0px;
				 border-bottom:1px solid #dddddd;
				 text-decoration:none;
				 font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: lighter;
				 line-height:30px;
				 	text-align:center;
				 white-space:nowrap;
				 margin-left:2px;}
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b,
#nav .current a b {height:30px; display:block; padding:0 6px 0 3px; color:#808080;}

#nav .select a:hover,
#nav .select li:hover a {background-position:0 -37px; border-color:#c0c0c0; cursor:pointer;}

#nav .select a:hover b,
#nav .select li:hover a b {background-position:100% -75px; border-color:#046; color:#e8e7e7;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

#nav .current a {background-position:0 -37px; border-color:#c0c0c0;}



/*
#nav .current a b {background-position:100% -75px; color:#808080;}
*/



/**/
#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {background:#c0c0c0 url(http://www.degustation-de-vin.com/img/layout/background-submenu-haut.png) top right no-repeat; color:#808080; text-decoration:none;}

#nav .sub_active .current_sub a,
#nav .sub_active a:hover {background:#c0c0c0 url(http://www.degustation-de-vin.com/img/layout/background-submenu-haut.png) top right no-repeat; color:#e8e7e7; text-decoration:none;}



#nav .select li a:hover .sub,
#nav .select li:hover .sub {display:block; position:absolute; width:1021px; top:37px; left:0; background:#c0c0c0; margin-top:1px; padding:0; z-index:100; border-bottom:0px solid #fff;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:1022px; top:30px; left:0; background:#c0c0c0; margin-top:1px; margin-left:0px; padding:0; z-index:10; color:#808080; border-bottom:0px solid #fff;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-top:1px;}

#nav .sub_active a {height:30px; float:left; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a,
#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {display:inline; background:#c0c0c0 url(http://www.degustation-de-vin.com/img/layout/background-submenu-haut.png) top right no-repeat; padding:0 10px; margin-right:1px; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#808080; height:30px; line-height:30px;
}

/* css divers */

.linksubsubmenuselected{
font-family:verdana;
font-size:11px;
color:#808080;
font-weight:bold;
text-decoration:none;}

.linksubsubmenuselected:visited{
font-family:verdana;
font-size:11px;
color:#808080;
font-weight:bold;
text-decoration:none;}

.linksubsubmenu{
font-family:verdana;
font-size:11px;
color:#808080;
text-decoration:none;}

.txterror1{
font-family:Arial;
font-size:11px;
color:red;
font-style:italic;
}

.linkaccueilvin{
font-family:Verdana;
font-size:13px;
font-weight:bold;
color:#5f5f5f;}

.linktype2{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
color:#DD016D;}

.linktype3{
font-family:Verdana;
font-size:11px;
color:#5f5f5f;}

.linktype4{
font-family:Arial, Helvetica, sans serif;
font-size:16px;
color:#8F8F8F;
text-decoration:none;}

.linktype5{
font-family:Verdana;
font-size:12px;
color:#e62273;
text-decoration:none;}

.linktype6{
font-family:Verdana;
font-size:12px;
color:#e62273;
font-weight:bold;}


/*------------------------------------------------------*/
.headertitre{
background-color:silver;
font-family:Arial, Helvetica, sans serif;
font-size:13px; font-weight:bold;
color:#808080;
}

.titletable{
background-color:silver;
font-family:Aria, Helvetica, sans serif;
font-size:12px;
background-image:url('img/layout/bg-titlebar-grise.png');
height:21px;
font-weight:bold;
padding-left:10px;}

/*   The Usuals ---------------------------------------------*/
.txtsuccess1{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
color:blue;
}
.txt2{
font-family:Arial, Helvetica, sans serif;
font-size:10px;
color:#191919;
}
.txt3{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
color:#191919;
}
.th2{
font-family:Arial, Helvetica, sans serif;
font-size:12px;
color:#191919;
background-color:silver;
}

.field1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:white;
border:1px solid silver;}

.field1:focus{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:white;
border:1px solid #808080;}

.btn1{
border:1px solid silver; font-weight:bold; font-style:italic; color:#808080;
}
.btn1:hover{
border:1px solid #808080; background-color:#F0F0F0; font-weight:bold; color:black; font-style:italic; cursor:pointer;
}
.title1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#DD016D;
font-weight:bold;
}

/*-------------------------- Menu Navbar --------------------------*/

.zoomachat {color:#FFFFFF;
font-size: 13px;
	font-weight: bold;
font-family:Verdana;
	width: 130px;
	height: 20px;
	background-image: url(http://www.degustation-de-vin.com/img_layout/bouton.achat.png);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.zoomachat p, .zoomachat a { vertical-align: middle;
height: 20px; font-size: 13px;
	font-weight: bold;
font-family:Verdana;
color:#FFFFFF;
display: block;
margin:0;}

.zoomachat :hover {	font-size: 13px;
	font-weight: bold;
font-family:Verdana;
color:#000000;
	background-image: url(http://www.degustation-de-vin.com/img_layout/bouton.achat.png);
	background-position: 0 -20px;
	background-repeat: no-repeat;
	cursor: pointer;
		text-decoration: none;
}

.subsubmenu{
color:#808080;
font-size: 12px;
	font-weight: bold;
font-family:Arial;
	width: 130px;
	height: 28px;

	margin: 0 auto;

}
.subsubmenu p, .subsubmenu a { vertical-align: middle;
text-decoration:none;
color:#808080;
font-size: 10px;
	font-weight: bold;
font-family:Arial;
display: block;
margin:0 auto;
	height: 28px;

text-align:center;}

.subsubmenu :hover {
font-size: 10px;
font-weight: bold;
font-family:Arial;
color:#606060;
	background-image: url(http://www.degustation-de-vin.com/img/layout/btn.subsubmenu.png);

	cursor: pointer;
		text-decoration: none;
}

.subsubmenuselected{
	margin: 0 auto;
	display: block;
text-align:center;

	height: 28px;
	vertical-align:middle;
font-size: 10px;
font-weight: bold;
font-family:Arial;
color:#606060;
	background-image: url(http://www.degustation-de-vin.com/img/layout/btn.subsubmenu.png);
		text-decoration: none;
}

/*********************** DIVERS 2 *********************************/
.A:visited {text-decoration:none;
color:#ff6600;}


.Cellule {
text-decoration:none;
	display: block;
	width: 100%;}

.Cellule2 {
	text-decoration: none;
	display: block;
	width: 100%;
	height: 25px;}

.mylink {
 text-decoration:none;}

a:hover {
	text-decoration: underline;}

.bouton {
background-color: #d07b2b;
}
.bouton:hover {
	background-color: #ff6600;

}
.txtdesirnavbar{
	vertical-align: middle;
	text-decoration: none;
	font-family: Eurostile, "MS Sans Serif";
	font-size: 12px;
	color: black;
	background-color: inherit;
}
.txterreur{
	vertical-align: middle;
	text-decoration: none;
	font-family: Verdana, "MS Sans Serif";
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: inherit;
}

.txtbodynavbar{
	vertical-align: middle;
	text-decoration: none;
	font-family: Eurostile, Garamond;
	font-size: 15px;
	font-weight: bold;
	color: black;
	background-color: inherit;
}
.txtbodyvins{
	vertical-align: middle;
	text-decoration: none;
	font-family: Eurostile, "MS Sans Serif";
	font-size: 14px;
	color: black;
	background-color: inherit;

}
.txtprix{
	vertical-align: middle;
	text-decoration: none;
	font-family: Eurostile, "MS Sans Serif";
	font-size: 12px;
	color: black;
	background-color: inherit;
}

/* Div Info supp -------------------------------------------------------------- */
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}

a.info:hover{
z-index:25;
background-color:#FFF
}

a.info span{
display: none
}

a.info:hover span{
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid #000;
background-color:#EFEFEF;
color:#000;
font-family:Arial, Helvetica, sans serif;
font-size:10px;
text-align: center;
font-weight:none;
padding:5px;
}
/* -------- */
/************************************************ subModal CSS ****************/
/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .6;
	filter: alpha(opacity=50);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility
	 * than the PNG solution.
	 */
	background-color:transparent;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
		background-image: url("http://www.degustation-de-vin.com/utils/popupmodal/maskBG.png") !important; /* For browsers Moz, Opera, etc. */
	background-image: url("http://www.degustation-de-vin.com/utils/popupmodal/maskBG.png");
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
/*	border: 2px solid #000000; */
/*	background-color: #ffffff; */
background-image: url("http://www.degustation-de-vin.com/utils/popupmodal/bg.popupTitleBar.png");
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {

background-image: url("http://www.degustation-de-vin.com/utils/popupmodal/bg.popupTitleBar.png");
	color: #909090;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;

	position: relative;
	z-index: 203;
}
#popupTitle {

	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;

}

/***************************************************  CALENDAR *****************/


/* Style de la table principale contenant le calendrier */
/* Style de la table principale contenant le calendrier */
table.calendar_main {
	font-family: Arial, Times, serif;
	font-size: 12px;
	color:#808080;
}

/* Style for the calendar header (<< month year >>) */
/* Style du titre du calendrier (<< mois annee >>)  */
.calendar_title {
	color: #808080;
	text-align: center;
}

/* Style of the cell "month year" of the header */
/* Style de la cellule "mois annee" du titre    */
.calendar_title_month {
}

/* Style of the link "month year" of the header */
/* Style du lien "mois annee" du titre          */
.calendar_title_month_clickable {
	color: #808080;
	text-decoration: none;

}

/* Style of the cell that contains the link "<<" in the header */
/* Style de la cellule contenant le lien "<<" du titre         */
.calendar_title_left_arrow {
	text-align: left;
}

/* Style of the cell that contains the link ">>" in the header */
/* Style de la cellule contenant le lien ">>" du titre         */
.calendar_title_right_arrow {
	text-align: right;
}

/* Style of the link "<<" of the header */
/* Style du lien "<<" du titre          */
.calendar_title_left_arrow_clickable {
	color: #808080;
	text-decoration: none;
}

/* Style of the link ">>" of the header */
/* Style du lien ">>" du titre          */
.calendar_title_right_arrow_clickable {
	color: #808080;
	text-decoration: none;
}

/* Global style of the main calendar table */
/* Style global de la table du calendrier  */
.calendar_table {
	border: none;
	border-collapse: collapse;
	font-size: 11px;
}

/* Generic style of the calendar table cells              */
/* Style generique des cellules de la table du calendrier */
.calendar_table td {
	border: 0;
	text-align: center;
	width: 23px;  	font-family: Arial, Times, serif;	font-size: 11px; color:#808080;
}

/* Style of the table header cells that contains the days                   */
/* Style des cellules d'en-tete la table du calendrier, contenant les jours */
.calendar_table th {
	border: 0;
/*	background-color: #EFEFEF; */
	font-weight: normal;
	text-align: center;
}

/* Style of the calendar cells the contains the week-end days (saturday and */
/* sunday)                                                                  */
/* Style des cellules de la table contenant les jours du week-end (samedi et*/
/* dimanche)                                                                */
.calendar_weekend {
/*	background-color: #cccccc; */
}

/* Style of the table cells that contains the days that are not part of the */
/* monthly currently displayed                                              */
/* Style des cellules contenant des jours ne faisant pas partie du mois en  */
/* cours d'affichage                                                        */
.calendar_other_month {
	color: #808080;
}

/* Style for the links of days not part of the month currently displayed */
/* Style des liens des jours ne faisant pas partie du mois en cours      */
/* d'affichage                                                           */
.calendar_other_month_clickable {
	color: #808080;
	text-decoration: none;
}

/* Style for today's day (non-clickable)                  */
/* Style du jour (non cliquable) representant aujourd'hui */
.calendar_today {
	color: #FFFFFF;
    	font-weight:bold;  text-decoration:none;
}

/* Style of today's link                              */
/* Style du lien sur le jour representant aujourd'hui */
.calendar_today_clickable {
	color: #ffffff;
	font-weight:bold;

	text-decoration: none;	background-color:silver; display:block;
}

/* Style for the links of days part of the month currently displayed     */
/* Style des liens des jours faisant partie du mois en cours d'affichage */
.calendar_day_clickable {
	color: #808080;
	text-decoration: none;
}
.calendar_day_clickable:hover {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none; 	background-color:silver; display:block;
}


/* FOOTER CSS */

.btn_footer_2{
background-color:#DC006E;
color:white;
display:block; text-decoration:none;
text-align:center; font-family:Arial, Helvetica, sans serif; font-size:14px; font-weight:bold;
}
.btn_footer_2:hover{
background-color:white;
color:#DC006E;
display:block;
text-align:center; font-family:Arial, Helvetica, sans serif; font-size:14px; font-weight:bold;
}