/* General */
  BODY      { font-family: Helvetica, Arial; font-size: 13px; color: #4b4848 }


form, dl, ul, ol	{
margin-top: 0px;
margin-bottom: 0px;
}


.sep-horiz	{
background: url("bg_menu_bas.png") left top repeat-x;
height: 10px;
margin-left: 5px;
margin-right: 10px;

}


/* DIV */

#header {
height: 110px;
}

#header table {
color: #006600;
background: url("bg_header.png") repeat-x;
}

#conteneur {
width:950px;
margin:0 auto;
}
#centre {
margin-left: 145px;
margin-top: 10px;
}
#gauche {
float:left;
width: 145px;
margin-top: 10px;
}

#gauche .contenu-lien	{
margin-left: 0px;
margin-right: 9px;
padding-right: 5px;
padding-left: 5px;
background: url("bg_menu.png") right top repeat-y;
}


#gauche .contenu	{
margin-left: 0px;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px; color: #ffffff;
text-align: center;
width:135px;
height: 36px;
background: url("barre-menu5.png") left top repeat-y;
}
#gauche .contenu1	{
margin-left: 0px;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px; color: #FDFC65;
text-align: center;
width:135px;
height: 36px;
background: url("barre-menu4.png") left top repeat-y;
}

#pied {
clear:both;
height: 150px;
}

#popupBox { position:absolute; z-index:3000; background: url("td_vis7b.png"); background-color: #FFF7BD; background-repeat:repeat-x; padding:4px; margin-left:0px; border:1px solid #a1141c; margin-top:0px;}
#popupContent{color:#000;}


DIV .zone {
BORDER-TOP:#000000 1px solid;
BORDER-LEFT:#000000 1px solid;
BORDER-RIGHT:#000000 1px solid;
BORDER-BOTTOM:#000000 1px solid;
}

DIV .zonetexte2 {}

DIV .zonetitre {
border: 2px outset #990033;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
background-color: #990033 ;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px; color: #FDFC65; font-weight: bold;
text-align: center; padding:2px;
}
DIV .zonetitre1 {
border: 2px outset #cccccc;
BORDER-LEFT: 0px;
BORDER-RIGHT: 0px;
background-color: #cccccc ;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 13px; color: #990033; font-weight: bold;
text-align: left; padding:0px; padding-left:10px;
}

DIV .zonetexte {
padding:5px;
}

DIV .zonetexte1 {
padding:0px;
margin:0;
}

DIV .vignetteurl {
  width:130px;
  height:100px;
  background: url("vignetteurl.gif") left top no-repeat;
  
}

.img-float-right {
    float: right;
	margin:6px;
    padding:0;
	border: 1px solid #000;
}

.img-float-left {
    float: left;
	margin:6px;
	padding:0;
	border: 1px solid #000;
}
IMG.cadregris{
	border: 1px solid #FFF;
	}

SPAN.cache {font-size: 10px; color: #AAAAAA;}
SPAN.petitrouge {font-size: 10px; color: #990033;}
SPAN.petitvertit {font-size: 10px; color: #006600; font-style: italic; }
SPAN.moyenrougegras {font-size: 13px; color: #990033; font-style: italic; font-weight: bold;}


P {
	margin:0px;
	padding:5px;
}


  A.erreur  { font-family: Helvetica, Arial; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #ED1015 }
  A.erreur:hover  { font-family: Helvetica, Arial; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #ED1015 }
  A.ok      { font-family: Helvetica, Arial; font-size: 13px; color: #FFFFFF; font-weight: bold; background: #27C26D }
  TD        { font-family: Helvetica, Arial; font-size: 13px; color: #006600 }
  I         { font-family: Helvetica, Arial; font-size: 13px; color: #006600 }
  A         { font-family: Helvetica, Arial; font-size: 13px; color: #990033; font-weight: normal }
  A:link    { font-family: Helvetica, Arial; font-size: 13px; color: #990033; font-weight: normal; text-decoration: none }
  A:visited { font-family: Helvetica, Arial; font-size: 13px; color: #990033; font-weight: normal; text-decoration: none }
  A:hover   { font-family: Helvetica, Arial; font-size: 13px; color: #990033; font-weight: normal; text-decoration: underline }


/* Lien */
  A.lien         { color: #FDFC65; font-weight: bold; text-decoration: none }
  A.lien:link    { color: #FDFC65; font-weight: bold; text-decoration: none }
  A.lien:visited { color: #FDFC65; font-weight: bold; text-decoration: none }
  A.lien:hover   { color: #FDFC65; font-weight: bold; text-decoration: underline }
  A.petit         { color: #FDFC65; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petit:link    { color: #FDFC65; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petit:visited { color: #FDFC65; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petit:hover   { color: #FDFC65; font-size: 9px; font-weight: bold; text-decoration: underline }
  A.petitrouge         { color: #990033; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petitrouge:link    { color: #990033; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petitrouge:visited { color: #990033; font-size: 9px; font-weight: bold; text-decoration: none }
  A.petitrouge:hover   { color: #990033; font-size: 9px; font-weight: bold; text-decoration: underline }
  A.editer       { font-family: Helvetica, Arial; font-size: 11px; font-weight: normal;  }
  A.editer:link    { font-family: Helvetica, Arial; font-size: 11px;  font-weight: normal;  }
  A.editer:visited { font-family: Helvetica, Arial; font-size: 11px; font-weight: normal;  }
  A.editer:hover   { font-family: Helvetica, Arial; font-size: 11px; color: #AAA; font-weight: normal; text-decoration: underline }


/* Lien Menu */
  TD.menu        { font-family: Helvetica, Arial; font-size: 13px; color: #354785 }
  A.menu         { color: #006600; font-size: 12px; font-weight: normal; text-decoration: none; }
  A.menu:link    { color: #006600; font-size: 12px; font-weight: normal; text-decoration: none; }
  A.menu:visited { color: #006600; font-size: 12px; font-weight: normal; text-decoration: none; }
  A.menu:hover   { color: #990033; font-size: 12px; font-weight: bold;   text-decoration: none; }





/* Titres tableaux */
  A.tableau  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #FDFC65 }
  A.tableau:hover  { font-family: Helvetica, Arial; font-size: 13px; font-weight: bold; color: #FDFC65 }


/* Tableaux */
  TH.vis  { font-family: Helvetica, Arial; font-size: 13px; background: #FDFC65; color: #1C2D67 }  /* Champs    */

  TD.lien { font-family: Helvetica, Arial; font-size: 13px; background: #495B98; color: #FFFFFF }
  TD.vis  { font-family: Helvetica, Arial; font-size: 15px; font-weight: bold; background-color: #cc0033; color: #FFFFFF; background-image: url("td_vis.png"); background-repeat:repeat-x;}  
  TD.vis1 { font-family: Helvetica, Arial; font-size: 11px; background: #cc6666; color: white; background: url("td_vis1.png") repeat-x; } 
  TD.vis2 { font-family: Helvetica, Arial; font-size: 11px; background: #006600; color: white } 
  TD.vis3 { font-family: Helvetica, Arial; font-size: 11px; color: #666 ;  border-bottom: 1px solid #903;} 
  TD.vis4 { font-family: Helvetica, Arial; font-size: 13px; background: #495B98; color: #FFFFFF }  
  TD.vis5 { font-family: Helvetica, Arial; font-size: 13px; background: #cc6666; color: #FFFFFF }  
  TD.vis6 { font-family: Helvetica, Arial; font-size: 11px; color: black; border-bottom: 1px solid #903; } 
  TD.vis7 { font-family: Helvetica, Arial; font-size: 13px;  color: black; background: url("td_vis7b.png"); background-color: #FFF7BD; background-repeat:repeat-x;} 
  TD.vis8 { font-family: Helvetica, Arial; font-size: 13px; color: black;   } 
  TD.vis9 { font-family: Helvetica, Arial; font-size: 13px; color: black; background-color: #cc0033;  }   
  TR.vis2 { font-family: Helvetica, Arial; font-size: 11px; background: #fff7bd; color: black ; 	} 
  TR.vis2:hover { font-family: Helvetica, Arial; font-size: 11px; background: #ffde7b; color: black } 
  TR.vis1 { font-family: Helvetica, Arial; font-size: 11px; background: #FFF; } 
  TR.vis1:hover { font-family: Helvetica, Arial; font-size: 11px; background: #DDD;  } 
  
/* Lien Référant + Mots clés*/
  A.ref         { font-family: Helvetica, Arial; font-size: 9px; text-decoration: none      }
  A.ref:link    { font-family: Helvetica, Arial; font-size: 9px; text-decoration: none      }
  A.ref:visited { font-family: Helvetica, Arial; font-size: 9px; text-decoration: none      }
  A.ref:hover   { font-family: Helvetica, Arial; font-size: 9px; text-decoration: underline }

  A.cles  { font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; color: #B3FD82 }


/* Divers */
  A.host  { font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; color: #FFCC00 }
  A.srv   { font-family: Helvetica, Arial; font-size: 13px; font-weight: normal; color: #A9C6FA }
  A.liens { font-family: Helvetica, Arial; font-size: 13px; font-weight:   bold; color: #A9C6FA }
  A.titre        { font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre:hover  { font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 18pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre1       { font-family: Helvetica, Arial; font-size: 10pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre1:hover { font-family: Helvetica, Arial; font-size: 10pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre2       { font-family: Helvetica, Arial; font-size: 18pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre2:hover { font-family: Helvetica, Arial; font-size: 18pt; font-weight:   bold; color: #990033; text-decoration: none}
  A.titre0       { font-family: Helvetica, Arial; font-size: 9px; font-weight:   normal; color: #990033; text-decoration: none}
  A.titre0:link { font-family: Helvetica, Arial; font-size: 9px; font-weight:   normal; color: #990033; text-decoration: none}
  A.titre0:visited { font-family: Helvetica, Arial; font-size: 9px; font-weight:   normal; color: #990033; text-decoration: none}
  A.titre0:hover { font-family: Helvetica, Arial; font-size: 9px; font-weight:   normal; color: #990033; text-decoration: none}



H1 {
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 18pt;
	font-weight: bold;
	color: #990033;
	margin: 0; 
	padding-bottom: 10px;
	padding-left: 10px;
}

H2 {
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990033;
	margin: 0; 
	padding-top: 10px;
}
H3 {
	font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990033;
	z-index:1;
	margin: 0px 0px 0px 0px; 
    padding:5px 0px 0px 60px;	
	background-position:  30px 5px;
	background-repeat: no-repeat;
	background-image: url("puce3.gif");
}

#centre P.message {
   background: url("bg_header.png") no-repeat;
   padding-left :10px;	
   margin-left :5px;	
   
}


#centre H2 {
	z-index:1;
	margin: 0px 0px 10px 0px; 
    padding:20px 0px 5px 45px;	
	background-position:  0px 15px;
	background-repeat: no-repeat;
	background-image: url("h2_icon1.jpg");
	border-bottom: 1px solid #903;
}

#centre H2.gris {
	color: #060;
	padding-top:10px;
	padding-left:80px;
	background-position:0px 0px;
	background-image: url("h2_icon3.gif");
	border-bottom: 1px solid #060;
	background-color: #DDD;
}
#centre H3.popup {
	color: #060;
	font-size: 13px;
	font-weight: bold;
    padding:5px 0px 0px 25px;
	background-position:  5px 8px;
    background-image: url("puce1_bg.gif");
}

#centre DIV.grisdegrade {
	background-image: url("fonddegrade.gif");
	background-repeat: repeat-y;
	padding-left:10px;
	padding-right:10px;
	background-color: #DDD;
}

#macaveavins_2col {width:790px;background-color: #FFFFFF;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

#macaveavins_2col DIV.cadredroite{width:390px;padding:0px 0px 0px 0px;float:right;background-color: #FFFFFF;}
#macaveavins_2col DIV.cadregauche{width:390px;padding:0px 0px 0px 0px;background-color: #FFFFFF;}

#macaveavins_2col UL {
	background-position:  0px 0px;
	background-repeat: no-repeat;
	padding-left: 100px;
    margin-left: 0px;
}

#macaveavins_2col UL.producteur {background-image: url("bouton_producteur.jpg");height:48px;}
#macaveavins_2col UL.bouteille {	background-image: url("bouton_bouteille.jpg");height:48px;}
#macaveavins_2col UL.conso {background-image: url("bouton_conso.jpg");}
#macaveavins_2col UL.caveavins {background-image: url("bouton_caveavins.jpg");}
#macaveavins_2col UL.stat {background-image: url("bouton_stat.jpg");height:48px;}
#macaveavins_2col UL.fav {background-image: url("bouton_fav.jpg");height:48px;}
#macaveavins_2col UL.casier {background-image: url("bouton_casier.jpg");height:48px;}
#macaveavins_2col UL.famplat1 {background-image: url("bouton_fav.jpg");}

#centre OL.decalage {
	padding-left: 120px;
    margin-left: 0px;
}


#macaveavins_2col UL.grisdegrade {padding-left: 0px;margin-left: 0px;}
#macaveavins_2col LI.grisdegrade {padding-left: 20px;margin-left: 0px;background:url('puce2.gif') no-repeat 0px 2px;}


#macaveavins_2col LI {list-style: none;padding-left: 15px;background:url('puce1.gif') no-repeat 0px 2px;}
#macaveavins_2col LI.caveavins {list-style: none;padding-left: 15px;background:url('puce1.gif') no-repeat 0px 2px;}

#gauche UL {padding-left: 0px;margin-left: 0px;padding-bottom:2px;}
#gauche LI {list-style: none;padding-left: 15px;background:url('puce1.gif') no-repeat 0px 2px;}
#gauche LI.caveavins {background-image:url('puce4.gif');}


#centre IMG.img-float-left-bouton {
    float: left;
	margin:0px;
	margin-right:10px;
    padding:0px;
	border: 1px solid #000;
}
#centre LI.liste {list-style: none;padding-left: 15px;background:url('puce1.gif') no-repeat 0px 2px;}

.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid #990033;
	padding: 8px;
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #cc6666;
	opacity: 0.9;
}

 fieldset {
	color:#666;
	z-index: 100;
	border: none;
	margin:0px;
	padding:10px 0 10px 0;
	background-image: url("fonddegrade.gif");
	background-repeat: repeat-y;
	background-color: #DDD;
}

legend {
	color: #FFF;
	margin: 0 0 10px 10px ;
	padding:0px 10px 0px 10px;
	font-weight: bold;
	background-color: #877;
}

#centre LABEL { DISPLAY: inline ; FLOAT: left ; WIDTH: 140px ;  margin-right: 15px ;  margin-top: 5px ;  text-align:right; }
#centre P.form {  padding:2px 0px 2px 0px ;margin:0px 0px 0px 0px ;}

fieldset ol {
    margin: 0;
    padding: 0;
}
	
fieldset li {
	padding: 5px 10px 7px 0px; 
	margin: 0px 10px 0px 10px;
	list-style: none;
	background: url(sephori.gif) left bottom repeat-x;
}

SELECT.petit {
     font-size:10px;
     font-family:arial;
}

/* overlib class */
 .fontClass {font-family:Arial,sans-serif; font-size: 12px;}
 .fontClass  A {color: #AAAAAA;font-family:Arial,sans-serif; font-size: 12px;}
 .capfontClass {font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; color:  #ffffff;}
 .capfontClass A {color: #FFFFFF; font-size: 9px;}
 .fgClass {background-color: #DDDDDD;}
 .bgClass {margin:0px;padding:0px;background-color: #FF5500;border:1px solid #FF5500;}
 
 /* suggest box */
			.suggest_link {
				background-color: #FFFFFF;
				padding: 2px 6px 2px 6px;
			}
			.suggest_link_over {
				background-color: #ffde7b;
				padding: 2px 6px 2px 6px;
			}
			#search_suggest {
			    z-index:10;
				position: absolute; 
				background-color: #FFFFFF; 
				text-align: left; 
				border: 1px solid #DDDDDD;			
				font-family: Helvetica, Arial; font-size: 11px; color: #006600
			}