/* CSS Document */

/******************************//* menu principal *//***********************************/

body {
  behavior: url(/lib/csshover.htc);
  font-family: Arial, sans-serif;
}

ul.menu { 
  margin: 0;
  padding: 4 0 0 22px;
  width: 591px;
}

ul.menu li {
  	list-style: none;
  	position: relative;
  	float: left;
  	font-size: 11px;
  	font-weight: bold;
  	height: 20px;
  	width:80px;
 	z-index: 1000;
}

ul.menu a {
  	color: #FFFFFF;
  	text-decoration: none;
}

ul.menu a:hover {
  	color: #FAEA20;
  	text-decoration: none;
}

ul.menu li:hover ul, ul.menu ul:hover {
  	display: block;
}

ul.menu ul {
  	margin: 20 0 0 0;
  	padding: 0 0 12 0;
  	position: absolute;
  	top: -1px;
  	left: 0px;
  	width: 140px;
  	display: none;
  	background-image: url(/images/menu03_bot.jpg);
  	background-repeat: no-repeat;
	background-position: bottom;
}
ul.menu ul li {
  	width: 140px;
  	height: 23px;
  	background-image: url(/images/menu03_fond.jpg);
  	background-repeat: no-repeat;
  	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 4px;
	line-height: 23px;
}

ul.menu ul li.double {
 	padding: 0px 0 0 4px;
 	line-height: 10px;
}

ul.menu ul li:hover {
  	background-image: url(/images/menu03_fond-o.jpg);
}

ul.menu ul li a {
  	color: #89AAD4;
  	display: block;
  	width: 130px;
  	height: 23px;
}

ul.menu ul li a:hover {
  	color: #00519A;

}

/******************************//* textes *//***********************************/

body {   margin:0px;
	 	 background-color:#89AAD4;
}

p { font-family: Arial, sans-serif;
	font-size: 11px;
	color: #58626F;
	padding-left:5px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:5px;
}

.menu_der { font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	text-transform: uppercase;
	color: #89AAD4;
	padding-left:2px;
}

.menu_int {
	height:23px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #89AAD4;
	padding-right:2px;
	line-height:23px;
}

.box_hp_txt {  /* style pour les box de la home */
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #58626F;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:10px;
	border-left:1px solid #89AAD4;
	border-right:1px solid #89AAD4;
}

.box_hp_border { /* border pour les box de la home */
	border-left:1px solid #89AAD4;
	border-right:1px solid #89AAD4;
}

.box_hp_infos {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #58626F;
	/*padding-left:8px;*/
	padding-right:8px;
	/*padding-top:5px;
	padding-bottom:10px;*/
}

.box_int_left {
    background-color:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #003A86;
	padding-right:8px;
	padding-top:15px;
	padding-bottom:15px;
	border-left:1px solid #89AAD4;
	border-right:1px solid #89AAD4;
}

.txt_in_table {font-family: Arial, sans-serif; /* textes dans des cellules de tableau, sans padding */
	font-size: 11px;
	color: #58626F;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:px;
}

.evidence_dark_blue {font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-size: 11px;
	font-weight:bold;
	color: #003884;
}
.evidence_dark_blue a {font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-size: 11px;
	font-weight:bold;
	color: #003884;
	text-decoration:none;
}
.evidence_dark_blue a:hover{
	font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-size: 11px;
	font-weight:bold;
	color: #003884;
	text-decoration:underline;
}
.evidence_dark_blue a:hover {
	text-decoration:underline;
	font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-size: 11px;
	font-weight:bold;
	color: #003884;
}

.big_evidence_dark_blue { /* textes en bold bleu foncé MAJUSCULES pour mettre en évidence */
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #003884;
	text-transform: uppercase;
}

.page_int {
    background-color:#FFFFFF;
	border-left:1px solid #89AAD4;  
	border-right:1px solid #89AAD4;
}

.titre_page_int {font-family: Arial, sans-serif;   /* titres des pages intérieures */
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	width:590px;
	padding-left:20px;
}

.titre_box_pages_int {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform: uppercase;
	color: #00519A;
	padding-right:7px;
}

.adresse_bas {
	font-family: Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.delete {
	color:#003884;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

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

.accueil_admin ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 200px;
	font-weight:bold;
}

/******************************//* liens *//***********************************/
a {	
	text-decoration:none;
}

a:hover { 
	text-decoration:underline;
}

/******************************/
a.menu { 
	color: #FFFFFF;
  	text-decoration:none;
}

a.menu:hover {	
	color: #FDEB25;
}

/******************************/
a.menu_der:link {	
	color: #89AAD4;
	text-decoration:none;
}

a.menu_der:hover {	
	color: #00519A;
	text-decoration:none;
}

/******************************/
a.adresse_bas:link { 
	color: #FFFFFF;
	text-decoration:none;
}

a.adresse_bas:hover { 
	color: #FFFFFF;
	text-decoration:underline;
}

/******************************/
a.menu_int:link { 
	color: #89AAD4;
	text-decoration:none;
}

a.menu_int:hover { 
	color: #00519A;
	text-decoration:none;
}

/******************************//* images *//***********************************/
.bg_norepeat {
	background-repeat: no-repeat;
}

/******************************//* Articles Déroulants *//***********************************/

#img_left {
	vertical-align:text-top;
	text-align:left;
	float:left;
}

#txt_barre {
	padding-top:5px;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003884;
}

td.display_title, #barre, .display_title {
	background-image:url(../images/barre_inactive.gif);
	background-repeat:no-repeat;
	/*display:block;*/
	height:26px;
	padding-left:40px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003884;
	cursor:pointer;
}

td.display_title{
	width:590px;
}

td.display_title:hover {
 	background-image:url(../images/barre_active.gif);
	/*display:block;*/
}

.display_content {
  	display: none;
  	text-align:justify;
}

.display_title_on {
  	font-weight: bold;
 	font-size: 12px;
 	background-image:url(../images/barre_active.gif);
 	background-repeat: no-repeat;
  	padding-left:40px;
 	/*  display:block;*/
 	height:26px;
  	color:#003884;
  	cursor:pointer;
}
  
.display_content_on {
	display:inline;
}

.display_bg {
  	background-repeat: no-repeat;
  	background-position: left bottom;
}

/*********************************/

#plus_lechai {
	padding-left:5px;
	padding-top:5px;
	padding-right:2px;
	vertical-align:top;
	height:160px;
	width:533px;
	display:block;
	background-image:url(../images/box_drinx.jpg);
	background-repeat:no-repeat;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #58626F;
	background-attachment: scroll;
}

#list_horeca {
	font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-size: 11px;
	font-weight:bold;
	color: #003884;
}

#plus_drinx { /*Cadre et texte // Le Chai */
	padding-left:10px;
	padding-top:10px;
	padding-right:2px;
	vertical-align:top;
	height:160px;
	width:545px;
	display:block;
	background-image:url(../images/box_drinx.jpg);
	background-repeat:no-repeat;
	font-family: Arial, sans-serif; 
	font-size: 11px;
	color: #58626F;
}

#plus_drinx ul  {
	margin-top:10px;}
	
#list_chiffres ul li {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:#58626F;
}

#all_produits a {
	text-decoration:underline;
	font-size: 11px;
	font-weight:bold;
	color: #003884;
	z-index:1;
}
	
.retrait_produits {
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

#formulaire_contact {
	z-index:1;
}


/*////////////////////// POPUP DRINX //////////////////////*/
.drinx_plan {
	font-family: Arial, sans-serif; /* textes en bold bleu foncé pour mettre en évidence */
	font-style:italic;
	font-size: 10px;
	font-weight:bold;
	color: #58626F;
}

#popup {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 300px;
     height: 410px;
     margin-top: -205px; /* moitié de la hauteur */
     margin-left: -150px; /* moitié de la largeur */
     border: 0px;
}

/*///////////////// PLAN /////////////////////*/

#plan_title a{
	color: #003884;
}

.liste_plan {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #003884;
	line-height:23px;
	/*letter-spacing:1px;*/
}

.liste_plan2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #003884;
	line-height:23px;
	/*letter-spacing:0px;*/
}

table#plan_title td.liste_plan3 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #003884;
	line-height:10px;
	letter-spacing:1px;
}

/*/////////// PRODUITS & MARQUES ////////////////*/
#sortes {
	width:100%;
	font-size:12px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color: #003884;
	font-weight:bold;
	text-transform:uppercase;
}

#produits_sortes li, #produits_sans_sorte li, #sortes li {
	padding-right:5px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #003884;
	vertical-align:middle;
}

#produits_sortes {
	padding-top:5px;
}

#produits_sortes li, #produits_sans_sorte li,  #sortes li {
	display:inline;
}

#produits_sans_sorte{
	position:relative;
	margin-top:-25px;
	margin-left:5px;
	display:block;
}

#sortes li img{
	vertical-align:middle;
}

#sortes2  {
	background-image:url(../images/top_page_fond_produits.gif);
	font-family: Arial, sans-serif;   /* titres des pages intérieures */
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	color: #FFFFFF;
	width:590px;
	height:15px;
	padding-left:20px;
	padding-top:1px;
	list-style-type:none;
}
	
td.title, .title {
	font-size:16px;
	color: #003884;
	background-image:url(../images/barre_backend.gif);
	font-weight:bold;
	padding-left:40px;
}

.products a, .products{
	list-style: none;
	padding-top:10px;
	padding-bottom:10px;
	color:003884;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.Style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 25px;
	padding-right: 5px;
}

td.title a {
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	font-size:12px;
	color: #003884;
}

.txt_tva {font-family: Arial, sans-serif; /* textes dans des cellules de tableau, sans padding */
	font-size: 10px;
	color: ##003884;
}