body {
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#767c88;	
	background-image:url(../styles_images/kessler/fond.gif);   /*si les infos dépasses de la poge actuelle*/
	background-repeat:repeat-y;	
	background-position:center;
}

h1, h2, h3, h4, h5, h6, p, ul, li, table, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}
p, ul, li, table, td, a {
	font-size:10pt;
}	
h1 {
	margin-top:0px;
	padding-top:0px;
}

#bloccalendrier {
	display:none;
}

#fleche_suivant_grise
{
	background-image:url(../vinsbaur/suivant_grise.gif);
	width:32px;
	height:32px;
	position:relative;
	left:32px;
	top:-64px;
}

#flash{
	position:absolute;
	left:-190px;
	top:-144px;
}

#fleche_precedent_grise
{
	background-image:url(../vinsbaur/precedent_grise.gif);
	width:32px;
	height:32px;
	position:relative;
	left:-52px;
	top:0px;
}

#bouton_liste
{
	background-image:url(../styles_images/kessler/liste.jpg);
	width:32px;
	height:32px;
	cursor:pointer;
	position:relative;
	left:-10px;
	top:-32px;
}

#bouton_caddie
{
	background-image:url(../vinsbaur/ajoute_panier.gif);
	width:24px;
	height:24px;
	cursor:pointer;	
}

#fleche_suivant
{
	background-image:url(../vinsbaur/suivant.gif);
	cursor:pointer;
	width:32px;
	height:32px;
	position:relative;
	left:32px;
	top:-64px;
}

#fleche_precedent
{
	background-image:url(../vinsbaur/precedent.gif);
	cursor:pointer;
	width:32px;
	height:32px;
	position:relative;
	left:-52px;
	top:0px;
}

#general {
	width:800px;
	top:0px;
	height: 100%;
	position:absolute;
	left:50%;
	margin-left:-400px;
	margin-top:0px;
	margin-right:0px;	
	
	padding:0px;
	background-image: url(../styles_images/kessler/interface_accueil.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}


#leftcontent {
	position: absolute;
	left:50px;
	
	margin:0px;
	z-index:6;
	top:111px;
	width:765px;	
}


#titrecontent {
	position: absolute;
	z-index:4;
	left:58px;
	top:42px;
	width:405px;
	height: 32px;
}

#centercontent {
	position: absolute; 
	
	
	z-index:15;
	left:190px; 
	top:143px;
	width:590px;
	
}
#subcenterleft {
	position: relative;
	z-index:1;
	left:0px;
	top:0px;
	width:590px;
	
	
}
#subcenterright {
	position: inherit;
	z-index:2;
	left:471px;
	top:-11px;
	width:184px;
}
#interfacehaut {
	position: absolute;
	z-index:0;
	left:86px;
	top:281px;
	height:188px;
	width:1024px;
}
#bandeau {
	position: absolute;
	display:none;
	z-index:5;
	left:0px;
	top:111px;
	height:16px;
	width:768px;
	}

#blocactu {
	display:none;
	position:absolute;
	z-index:14;
	left:590px; 
	top:39px;
	width:145px;
	height:200px;
	background-image: url(../axeforme/titre_bloc_actus.gif);
	background-repeat: no-repeat;
}
#sous_blocactu {
	position: relative;
	left:0px;
	top:40px;
	height:160px;
	width:145px;
}

.corps {
	FONT-SIZE: 10pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.minicorps {
	FONT-SIZE: 9pt;
	COLOR: #333333;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
SPAN.nomcategorie {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.titre {
	FONT-SIZE: 16pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.minititre {
	FONT-SIZE: 12pt;
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.soutitre {
	FONT-SIZE: 10pt;
	COLOR: #666666;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.element_menu_modules {
	text-align:right;
}
SPAN.description {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}
SPAN.titrepopup {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}
.phraseDefilante{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #222222;
}
.popup{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #222222;
}
.resultat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
}
.numeropage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
}
.numeropagecourante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #660000;
	text-decoration: none;
}
.autrepage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #2222FF;
}
a.autrepage:link {
	color: #2222FF;
}
a.autrepage:visited {
	color: #2222FF;
}
a.autrepage:hover, a.autrepage:visited:hover {
	color: #000088;
}
a.autrepage:active, a.autrepage:visited:active {
	color: #660000;
}
.erreur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FF0000;
	font-weight: bold;
}
.titrepage {
	font-family: Optima, Verdana, Arial;
	font-size: 24pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.titremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
	text-decoration: none;
}	

.soustitremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
}

div#blocrubrique ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
	white-space:nowrap;
}
div#blocrubrique li {
	list-style-type: none;
	display: inline;
}
div#blocrubrique a {
	text-decoration: none;
	padding: 10px;
	color: #003366;
}
div#blocrubrique a:link{
	color: #003366;
}
div#blocrubrique a :visited{
	color: #003366;
}
div#blocrubrique a :hover{
	color: #003366;
}

#blocarticle {
	margin-left: 0px;
	width:750px;
}


div#blocarticle ul{
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #003366;
	white-space:nowrap;
	line-height: 20px;
}
div#blocarticle ul li {
	list-style-type: none;
	display: inline;
}
div#blocarticle ul li a {
	text-decoration: none;
	color: #349acd;
	font-weight:bold;
	padding-left: 5px;
	padding-right: 5px;
}

div#blocarticle ul li a:link{
	color: #349acd;	/* la ou il y a accueil */
}
div#blocarticle ul li a:visited{
	/*color: #666666;*/
	color:#349acd;
}
div#blocarticle ul li a:hover{
	color: #767c88;
}


div#blocarticle ul li a#lienactif , a#lienactif:link , a#lienactif:hover , a#lienactif:active , a#lienactif:visited
{
	color: #349acd;
	background-color:transparent;
}

div#blocarticle ul li span#souspages {
	position:absolute;
	top:40px;
	left:-55px; /* articles du bloc des articles */
}

div#blocarticle ul li span#souspages ul{
	position:relative;
	margin: 0px;
	margin-left:10px;
	/*padding: 10px 13px;*/
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	white-space:normal;
}
	
div#blocarticle ul li span#souspages ul li {
	list-style-type: none;
	display:block;
	white-space:normal;
}
div#blocarticle ul li span#souspages ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*font-weight:bold;*/
	text-decoration: none;
	color: #349acd; /* modifié */
	display:table-cell;
	/*background-image:url(../styles_images/kessler/survol_bouton.gif);*/
	background-repeat:no-repeat;
	/*border: solid #810100 1px;*/
	line-height:20px;
	width:160px;
	height: 30px;	
}
div#blocarticle ul li span#souspages ul li a:link{  /* le menu dans le sous menu */
	color: #349acd; /* modifié */
}
div#blocarticle ul li span#souspages ul li a:visited{
	color: #349acd; /* modifié */
}
div#blocarticle ul li span#souspages ul li a:hover{
	color: #767c88;
	background-color: transparent;
	background-image:url(../styles_images/kessler/survol_bouton.gif);	
	/*	border: solid #000000 1px;*/
}

div#blocarticle ul li span#souspages ul li a#lienactif , a#lienactif:link , a#lienactif:hover , a#lienactif:active , a#lienactif:visited
{
	color: #767c88; /* dans le lien selectionné */
	background-color: transparent;
}


div#blocarticle ul li span#souspages ul li ul#souspages1  {
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li {
}

div#blocarticle ul li span#souspages ul li ul#souspages1 li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-image:url(../vinsbaur/bouton_clair_petit.png);
	font-weight:bold;
	text-decoration: none;
	color: #810100;
}


div#blocarticle ul li span#souspages ul li ul#souspages1 li a:link{
	color: #810100;
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li a:visited{
	color: #810100;
}
div#blocarticle ul li span#souspages ul li ul#souspages1 li a:hover{
	
	color: #000000;
	background-color: transparent;
	background-image:url(../vinsbaur/bouton_fonce_petit.png);
}



.soustitremodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003366;
	text-decoration: none;
		
}




#blocmodule {
	display:none;
	position: absolute;
	height: 132px;
	width: 143px;
	left: 2px;
	top: 330px;
}
	

div#blocmodule ul{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #003366;
/*	white-space:nowrap;*/
/*	line-height: 20px;*/
}
div#blocmodule li {
	list-style-type: none;
	display: block;
}
div#blocmodule a {
	text-decoration: none;
	color: #003366;
}
div#blocmodule a:link{
	color: #003366;
}
div#blocmodule a :visited{
	color: #003366;
}
div#blocmodule a :hover{
	color: #003366;
}

a.titremodule:link {
	color: #004A91;
}
a.titremodule:visited {
	color: #004A91;
}
a.titremodule:hover, a.titremodule:visited:hover {
	color: #004A91;
}
a.titremodule:active, a.titremodule:visited:active {
	color: #004A91;
}
.datemodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	text-decoration: none;
	font-style: italic;
}
.descriptionmodule {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	text-decoration: none;
}
.lienbandeau {
	font-family: Optima, Verdana, Arial;
	font-size: 14pt;
	font-style: normal;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
.mois {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #003366;
	text-decoration: none;
	text-transform: uppercase;
}
.moiscourant {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12pt;
	font-style: normal;
	color: #660000;
	text-decoration: none;
	text-transform: uppercase;
}
.titreinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}
.dateinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #555555;
	text-decoration: none;
	font-style: italic;
}
.descriptioninfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #555555;
	text-decoration: none;
}
.liensouligne {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #555555;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
a:hover, a:visited:hover {
	color: #333333;
}
a:active, a:visited:active {
	color: #660000;
}
a.lienbandeau:link {
	color: #555555;
}
a.lienbandeau:visited {
	color: #555555;
}
a.lienbandeau:hover, a.lienbandeau:visited:hover {
	color: #333333;
}
a.lienbandeau:active, a.lienbandeau:visited:active {
	color: #660000;
}
a.moiscourant:link {
	color: #660000;
}
a.mois:link {
	color: #003366;
}
a.mois:visited {
	color: #003366;
}
a.mois:hover, a.mois:visited:hover {
	color: #003366;
}
a.mois:active, a.mois:visited:active {
	color: #003366;
}
a.moiscourant:visited {
	color: #660000;
}
a.moiscourant:hover, a.moiscourant:visited:hover {
	color: #660000;
}
a.moiscourant:active, a.moiscourant:visited:active {
	color: #660000;
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
}
.nomscolonnes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.refarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.nomarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color:#333333;
}
.prixarticle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.evenement_jour {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #DDDDDD;
	width: 100px;
	font-size: 14pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.evenement_evenements {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	width: 220px;
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
.evenement_separateur1 {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #DDDDDD;
	width: 4px;
}
.evenement_separateur2 {
	border-top: 1px solid #000000;
	width: 4px;
}
.evenement_fintableau {
	border-top: 1px solid #000000;
}
.evenement_categories {
	vertical-align:top;
}
.evenement_liste {
	vertical-align:top;
	text-align:left;
}
.articlestl {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #DDDDDD;
}
.articlest {border-top: 1px solid #000000; background-color: #DDDDDD;}
.articlestr {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #DDDDDD;
}
.articlescl {
	border-left: 1px solid #000000;
	border-top: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}
.articlesc {border-top: 1px solid #BBBBBB; background-color: #EEEEEE;}
.articlescr {
	border-right: 1px solid #000000;
	border-top: 1px solid #BBBBBB;
	background-color: #EEEEEE;
}
.articlesbl {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: #EEEEEE;
}
.articlesb {border-bottom: 1px solid #000000; background-color: #EEEEEE;}
.articlesbr {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #EEEEEE;
}
.totalcommande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.calendarNav1 	{ font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-style: normal; background-color: #940014}
.calendarTop1 	{ font-family: Verdana, Arial, Helvetica; font-size: 11pt; font-style: normal; color: #FFFFFF; font-weight: bold;  background-color: #940014}
.calendarToday1 { font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-weight: bold; color: #940014; background-color: #FFF9AD;}
.calendarDays1 	{ width:20px; height:20px; font-family: Verdana, Arial, Helvetica; font-size: 9pt; font-style: normal; color: #999999; background-color: #FFFFFF; text-align: center}
.calendarHL1 	{ width:20px; height:20px;font-family: Verdana, Arial, Helvetica; font-size: 10pt; font-style: normal; color: #FF0000; background-color: #00FF00; text-align: center}
.calendarHeader1{ font-family: Verdana, Arial, Helvetica; font-size: 9pt; background-color: #D0D0D0; color: #555555;}
.calendarTable1 { background-color: #940014; border: 1px #940014 solid}

.Entete_cmd {
	font-size: 18px;
	font-weight: bold;	
}

.entourepanier{
border-bottom:2px solid #810100;
border-top:2px solid #810100;
border-left:2px solid #810100;
border-right:2px solid #810100;

width:220px;
}

.entetePanier{
font-weight:bold;
}

.detailPanier{
}

.lignePanier{
}