
body {
	background-image:url(../../images/drinx/pixel.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0;
	margin:0;
}
h1{
	font-weight:normal;
}
h2{
	font-weight:normal;
	padding-bottom:5px;
}
h3{
	font-weight:bold;
	color:#02498c;
}
h4{
	font-weight:normal;
}
h5{
	font-weight:normal;
}
h6{
	font-weight:normal;
}
#conteneur{
	background-image:url(../../images/drinx/fondBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
}
.content {
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	width:959px;
	padding:0 0 0 0;
}
.content #header {
	margin:0;
	padding:0;
}
td, th {
	vertical-align:top;
	margin:0;
	padding:0;
}
.tableBord{
	border:1px solid #861818;
}
.tableBord th{
	background-color:#e2c9ca;
	padding:5px;
}
.tableBord td{
	border:1px solid #861818;
	padding:5px;
}
.content form{
	padding:0;
	margin:0;
}
table.tableau{
	border-left:1px solid #03437e;
	border-top:1px solid #03437e;
	border-bottom:1px solid #03437e;
}
.tableau th{
	background-color:#559ee0;
	color:#FFFFFF;
	padding:4px;
	text-align:center;
	border-right:1px solid #03437e;
border-bottom:1px solid #03437e;
}
.tableau td{
	border-right:1px solid #03437e;
	padding:4px;
	text-align:left!important;
}

/* ---------- boutons ---------- */

.bouton{
	background-color:#033769;
	color:#FFFFFF;
	padding:0px 15px 0 0;
	margin:20px 10px 0 0;
}
.boutonIdentifier{
	background-color:#033769;
	color:#FFFFFF;
	padding:0px 0px 0 5px;
	margin-left:5px;
}
.boutonFacturation{
	background-color:#931b1e;
	color:#FFFFFF;
	padding:0px 15px 0 0;
	margin:20px 10px 0 480px;
}

.boutonDroite{
	background-color:#033769;
	color:#FFFFFF;
	padding:0px 15px 0 0;
	margin:20px 10px 20px 0;
	float:right;
}
.bouton:hover{
	background-color:#3098f6;
}
.boutonIdentifier:hover{
	background-color:#3098f6;
}
.boutonDroite:hover{
	background-color:#3098f6;
}
.boutonFacturation:hover{
	background-color:#3098f6;
}
td.ajouter img{
margin-bottom:15px!important;
margin-left:4px;
}
/* ---------- recherche ---------- */

.content #recherche{
	background-image:url(../../images/drinx/recherche.jpg);
	background-repeat:no-repeat;
	height:38px;
	padding:4px 0px 0 10px;
	>padding:0 0px 0 10px;
	color:#fff;
	margin:0;
	background-color:green;
}
.content #recherche form{
	height:25px;
	margin-top:6px;
	margin-left:6px;
	float:left}
.content #texteRecherche{
	color:#FFF;
	font-weight:bold;
	padding-right:5px;
	padding-top:2PX.
	float:left;
}
.content .boutonRecherche{
	color:#fff;
	background-color:#3098f6;
	font-weight:bold;
	margin:0 0 0 7px;
	>margin:2px 0 0 7px;
	>height:21px;
	font-size:90%;
}
.content #recherche a{
	color:#fff;
	padding-left:5px;
}
.content #recherche .langue{
	font-weight:bold;
	text-decoration:none;
	float:right;
	margin:7px 0 0 0;
	padding: 0 15px 0 0;
}
.content #recherche .langue a{
	text-decoration:none;
	font-weight:normal;
}
.content #recherche .langue a:hover{
	text-decoration:underline;
}
.content #recherche .langueActive a{
	font-weight:bold;
	text-decoration:none;
}
table.listResults{
	border:1px solid #861818;
	margin-bottom:20px!important;
}
table.listResults th{
	background-color:#861818;
	padding:5px;
	color:#FFFFFF;
}
table.listResults td{
	padding:5px;
	border-bottom:1px solid #861818;
}

/* ---------- menu horizontal ---------- */

.content #menuHorizontal{
	height:34px;
	margin:0 0 0 1px;
	padding:0;
	width:958px;
	background-color:#0000FF;
}
.content #menuHorizontal table{
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	height:34px;
	font-size:110%;
	background-color:#000;
	margin:0;
	padding:0;
}
.content #menuHorizontal table td{
background-image:url(../../images/drinx/pixel.gif);
	background-repeat:repeat-x;
	border-right:1px solid #fff;
	text-align:center;
	padding:5px 22px 0 22px;
}
.content #menuHorizontal table td:hover{
background-image:url(../../images/drinx/pixel.-roll.gif);
}
.content #menuHorizontal table td a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.content #menuHorizontal table td a:hover{
	text-decoration:underline;
}
.content #menuHorizontal #ouvert{
	background-image:url(../../images/drinx/pixel.-roll.gif);
	background-repeat:repeat-x;
}
.content #menuHorizontal #ouvert a{
	text-decoration:underline;
} 
/* ---------- panier ---------- */

.content #menuHorizontal #panier{
	background-color:#033769;
	background-image:none;
	color:#FFFFFF;
	border-right:1px solid #FFFFFF;
}
.content #menuHorizontal #panier img{
	margin:0;
	padding:0 0 0 20px;
	float:left;
}
.content #menuHorizontal #panier a{
	text-decoration:underline;
	font-weight:normal;
}
.content #menuHorizontal #panier a:hover{
	color:#c6d3e4;
}

/* ---------- Contenant ---------- */
.content #contenant table{
	margin:0;
	padding:0;
	}

/* ------------------------------------------------------------ colonneGauche --------------------------------------------------------- */

.content #colonneGauche{
	background-color:#03294c;
	color:#FFFFFF;
	width:210px;
	padding:15px 8px 0 8px;
	margin:0;
}
.content #colonneGauche table{
	margin:0 0 12px 0;
}

/* ---------- s'identifier ---------- */

.content #identifier{
	border:1px solid #fff;
	background-color:#FFFFFF;
	font-weight:normal;
}
.content #identifier th {
	background-color:#033769;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
}
.content #identifier td {
	color:#000000;
	padding: 3px 10px 0 5px;
	>padding:0 0px 0 5px;
}
.content #identifier td input{
	border: 1px solid #000;
}

/* ---------- menuGauche ---------- */


.content #menuGauche{
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
.content #menuGauche td a{
display:block;
}
.content #menuGauche td{
	background-image:url(../../images/drinx/pixel2.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #fff;
	height:25px
}
.content #menuGauche td:hover{
	background-image:url(../../images/drinx/pixel2_roll.gif);
}
.content #menuGauche #menuGaucheOuvert {
	background-image:url(../../images/drinx/pixel2_roll.gif);
	background-repeat:repeat-x;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	height:25px;
}
.content #menuGauche #menuGaucheOuvert a {
	text-decoration:underline;
}
.content #menuGauche td a{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
}
.content #menuGauche td a:hover{
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}
.content #menuGauche #ouvert2{
	background-image:url(../../images/drinx/pixel2_roll.gif);
	background-repeat:repeat-x;
}
.content #menuGauche #ouvert a{
	text-decoration:underline;
} 
#menuGauche #menuFond,
#menuGauche td.menuFond{
	background-image:url(../../images/drinx/fondMenu.gif);
	background-repeat:no-repeat;
}
#menuGauche #menuFond:hover,
#menuGauche td.menuFond:hover {
	background-image:url(../../images/drinx/fondMenu_roll.gif);
}
#menuGauche #menuFondOuvert,
#menuGauche td.menuFondOuvert {
	background-image:url(../../images/drinx/fondMenu_roll.gif);
}
#menuGauche #sousmenu,
#menuGauche td.sousmenu{
	background-image:none;
	border-left:0;
}
#menuGauche #sousmenu ul,
#menuGauche td.sousmenu ul{
	margin:5px 0 5px 2px;
	padding:0;
}
#menuGauche #sousmenu ul li,
#menuGauche td.sousmenu ul li{
	list-style-type:none;
}
#menuGauche #sousmenu ul li a,
#menuGauche td.sousmenu ul li a{
	font-size:95%;
	color:#FFFFFF;
}
#menuGauche #sousmenu ul li li a,
#menuGauche td.sousmenu ul li li a{
	font-size:90%;
	color:#FFFFFF;
	margin-left:15px;
}
#menuGauche #sousmenu ul li a:hover,
#menuGauche td.sousmenu ul li a:hover{
	color:#62b2fb;
	font-weight:normal;
}
#menuGauche #sousmenu ul li a.sousMenuOuvert,
#menuGauche td.sousmenu ul li a.sousMenuOuvert{
	color:#62b2fb;
	font-weight:normal;
	text-decoration:underline;
}


/* ---------- cadeaux ---------- */

.content #cadeaux{
	border:1px solid #fff;
	background-color:#fff;
	line-height:1.2em;
	height:200px;
}
.content #cadeaux th {
	background-color:#033769;
	padding: 4px 10px 0 10px;
	>padding: 5px 10px 0 10px;
	font-size:110%;
	height:26px;
	>height:22px;
	margin:0;
}
.content #cadeaux td p {
	color:#000;
	padding:10px 2px 0px 5px;
}
.content #cadeaux td table img {
	padding:10px 10px 5px 5px;
	margin-bottom:0;
}
.content #cadeaux td table{
	margin-bottom:0;
}
.content .prix {
	font-size:160%;
}
.content .prixGrand {
	font-size:130%;
	font-weight:bold
}
.content .textePetit {
	font-size:90%;
	font-weight:normal;
}
.tous {
	background-color:#fff;
	border-top:1px solid #033769;
	padding: 3px 10px 3px 10px;
	>padding: 5px 10px 5px 10px;
/*	height:23px;
	>height:14px;*/
}


/* ---------- autre sites ---------- */

.content #visitez{
	background-image:url(/images/sites.jpg);
	background-repeat:no-repeat;
	width:209px;
	height:116px;
}

.content #visitez table{

	width:209px;
	height:116px;
	margin-top:30px;
}
.content #visitez a{
	color:#000000;
	font-size:120%;
	padding:0px 0 0 8px;
}

/* ----------------------------------------------------------- colonne centre --------------------------------------------------------------------- */
.content #colonneCentre{
	padding:0 15px 15px 15px;
	margin:0;
}
.content #colonneCentre .produitsimg{
	padding:0;
	margin:0;
}
.content #aide{
	padding:15px 0 0 0px;
}
.moderation{
	font-style:italic;
	color:#995f60;
	padding-left:5px;
}
.moderation img{ 
	padding-right:5px;
	padding-top:5px;
}

/* ----------------------------Centre Accueil -------------------------- */

/* ---------- news ---------- */
.content .news{
	margin:30px 0px 10px 0;
	padding:0 10px 10px 10px;
	background-image:url(../../images/drinx/pixel_news.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.content .news img{
	padding:0px 10px 5px 0px;
	float:left;
}
.content .news img p{
	padding:0 0 10px 0;
	float:left;
}
.plusInfos{
	clear:both;
}
.content .chemin{
	font-size:95%;
	color:#000000;
	padding-top:10px;
}
.content .chemin a{
	text-decoration:underline;
	color:#000000;
}
/* ----------------------------liste ET PANIER DE COMMANDE -------------------------- */

table#liste{
	border:1px solid #03437e;
}
#liste th{
	background-color:#559ee0;
	color:#FFFFFF;
	padding-left:5px;
	text-align:center;
	border:1px solid #03437e;
}
#liste td{
	border-right:1px solid #03437e;
	border-bottom:1px solid #03437e;
	padding:2px 2px 2px 4px;
	text-align:center;
}
#liste td.titreTd{
	background-color:#d0e5f8!important;
	font-size:1.1em;
	text-align:left;
}
.formQuantité{
	border:1px solid #043f77;
	width:40px;
}
.totalFacturation{
	background-color:#e6bdbe;
	font-size:140%;
	height:30px;
	text-align:left;
}
.totalPanier{
	background-color:#b8d5f0;
	font-size:110%;
	height:30px;
	text-align:center;
}
td.sansFilet{
	border:0;
}
#liste td.FiletBlancDroite{
	border-right:0!important;
}
.prixBarre{
	text-decoration:line-through;
}
.prixRouge{
	font-weight:bold;
	color:#FF0000
}
.titreListe{
	text-align:left;
	font-weight:bold;
	border-right:0!important;
}

.titrePrix{
	text-align:right!important;
	font-weight:bold;
	float:right;
}

/* ----------------------------bloc produits -------------------------- */
#produits,
.produits{
float:left;
background-color:#074f92;
width:212px;
margin-right:22px!important;
margin-bottom:12px!important;
height:220px;
background-image:url(../../images/drinx/pixel-produit.jpg);
background-repeat:repeat-x;
background-position:top;
color:#FFFFFF;
line-height:1.2em;
}
#produits th,
.produits th{
color:#03294c;
padding:4px;
font-weight:bold;
font-size:90%;
text-align:center;
}
#produits td,
.produits td{
padding:3px 7px 3px 7px;
}
#produits td a,
.produits td a{
color:#FFFFFF;
}

/* ----------------------------mon panier -------------------------- */

/*.monPanier th{
	background-color:#931b1e;
	color:#FFFFFF;
	font-weight:normal;
	padding-left:3px;
}
.monPanier td{
	padding: 10px 5px 10px 3px;
	border-bottom:1px solid #666666;
}
.formQuantité{
	border:1px solid #990000;
	width:40px;
}
.totalPanier{
	background-color:#e6bdbe;
	font-size:110%;
	height:30px;
	text-align:center;
}
.totalFacturation{
	background-color:#e6bdbe;
	font-size:140%;
	height:30px;
	text-align:left;
}*/

/* ----------------------------Centre fiche produit -------------------------- */

.content #fiche{
	border:1px solid #999999;
}
.content #fiche td{
	padding:3px 0px 2px 6px;
}
.content #fiche .bord{
	border:1px solid #999999;
}
.content #fiche td.bordZoom{
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}
.content #fiche .bordBas{
	border-bottom:1px solid #999999;
}
.content #fiche .colonneRouge{
	background-color:#931b1e;
	width:1px;
}
.content #fiche .GRbouteille{
	width:202px;
	height:300px;
	border:1px solid #999999;
}
.content .zoom{
	color:#999999;
	text-decoration:none;
	margin: 0 0 0 15px;
}
.content .zoom:hover{
	text-decoration:underline;
}
.content .titreFiche{
	color:#000000;
	font-weight:bold;
	font-size:110%;
	border-bottom:1px solid #999999;
}
.content .filetBas{
	border-bottom:1px solid #999999;
}
.grasRougeGrand {
	font-weight:bold !important;
	color:#931b1e;
	padding:6 0 6 0;
	font-size:150%;
}
.content .filetDroit{
	border-right:1px solid #999999;
}
.bnfield {
   	 width:30px; 
   	 border:Solid 1px #999999; 
   	 text-align:center;
	 font-size:130%;
	 display:block;
	 height:34px;
	 margin:0;
	 padding:0;
}
.egalement{
	border:1px solid #999999;
	float:left;
	padding:10px 0 5px 0px;
	margin:0 3px 10px 2px;
	width:228px;
}
.egalement img{
	float:left;
	padding:0 10px 0 10px;
}

/* ---------- sous rubriques et articles ---------- */

#visuPrint img{
	margin:0;
	padding:0;
	display:none;
}
.sousRubrique{
	margin:0 0 0 20px;
	padding:0 0 0 20px;
}
.sousRubrique li{
	list-style-type:disc;
	list-style-image:url(/images/drinx/bullet.gif);
	margin-right:30px;

}
.sousRubrique li a{
	color:#74abdd;
	text-decoration:none;
	font-size:140%;
	font-weight:bold;

}
.sousRubrique li ul li a{
color:#75a4ce;
text-decoration:underline;
}

.sousRubrique li a:hover{
	text-decoration:underline;
}
.article ul{
	margin:0;
	padding:0 0 0 20px;
}
.article li{
	list-style-type:disc;
/*	list-style-image:url(/images/bullet2.gif);*/
/*	>padding-left:3px;*/
}
.article a{
	color:#000;
	text-decoration:underline;
	font-size:110%;
}
.article a:hover{
	color:#034787;
}
#login{
	border:1px solid #861818;
	padding:5px;
	margin:0;
}
#login th{
	background-color:#931b1e;
	color:#FFFFFF;
	padding-left:5px;
}
#login td{
	padding:5px;
}
.etapes{
	font-size:90%;
}
.etapes img{
	padding-right:35px;
}

/* ----------------------------formulaire contact -------------------------- */
#formulaire{
	padding:10px;
	line-height:2em;
	margin:0;
	border-collapse:separate;
}
#formulaire img{
	padding:5px;
}
#formulaire td{
	padding-left:5px;
	padding-bottom:3px;
	padding-right:3px;
	padding-top:3px;
	background-color:#fff;
}
#formulaire th{
	background-color:#c0dbf4;
	padding-right:5px;
	padding-left:5px;
}
#formGenerique td{
	padding-left:5px;
	background-color:#b4dafd;
}
#formGenerique th{
	background-color:#62b2fb;
	padding-right:5px;
	padding-left:5px;
}
#colonneContact{
border:1px solid #0457a5;
margin-right:5px!important;
}
#colonneContact th{
background-color:#0457a5;
color:#FFFFFF;
padding: 3px 3px 3px 5px;
}
#colonneContact td{
padding:4px;
}


/* ----------------------------------------------------------- colonne droite --------------------------------------------------------------------- */
.content #colonneDroite{
	width:218px;
	padding:15px 0 0 0px;
	margin:0;
}
.content #colonneDroite table{
	margin:0 0 12px 0;
}

/* ---------- nouveautés ---------- */

.content #nouveautes{
	border:1px solid #033769;
	line-height:1.4em;
	width:204px;
}
.content #nouveautes th {
	background-color:#033769;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
	color:#FFFFFF;
	>height:22px;
}
.content #nouveautes td table{
	margin-bottom:0;
}
.content #nouveautes th img{
	text-align:right;
}
.content #nouveautes td{
	color:#000;
	padding:5px 5px 0 7px;
}
.content #bas{
	border:1px solid #707f93;
	padding:3px 0 3px 5px;
}
.content .espace{
	padding-bottom:8px;
}
.content #nouveautes td.tous{
	background-color:#fff;
	border-top:1px solid #033769;
	padding: 3px 10px 3px 10px;
	>padding: 5px 10px 5px 10px;
	}
/* ---------- promotions ---------- */

.content #promotion{
	border:1px solid #033769;
	line-height:1.4em;
	width:204px;
}
.content #promotion th {
	background-color:#033769;
	padding: 3px 10px 0 10px;
	font-size:110%;
	height:25px;
	>padding: 3px 10px 0 10px;
	color:#FFFFFF;
	>height:22px;
}
.content #promotion td{
	color:#000;
	padding:5px 5px 0 7px;
}
.content #promotion td table{
	margin-bottom:0;
}
.content #promotion th img{
	text-align:right;
}
.content #promotion td.tous{
	background-color:#fff;
	border-top:1px solid #033769;
	padding: 3px 10px 3px 10px;
	>padding: 5px 10px 5px 10px;
	}
/* ----------------------- filtre --------------------------- */

.content #filtre, .content #acces{
	border:1px solid #707f93;
	padding:0;
	margin:0;
}
.content #filtre th, .content #acces th {
	background-color:#707f93;
	padding: 5px 0px 0 10px;
	font-size:110%;
	height:25px;
	>height:20px;
	>padding: 10px 0px 0 10px;
	color:#FFFFFF;
}
.content #filtre td{
	padding: 10px 10px 10px 10px;
}
.content #acces td {
	padding: 10px 10px 10px 10px;
}
.content #filtre img{
	padding: 5px 0px 0px 7px;
}
.content #acces img {
	padding: 5px 0px 0px 0px;
}
.content #filtre .txt{
	padding-left:24px;
}
.content #filtre .txt2{
	padding-left:16px;
}
.content #filtre .txt3{
	padding-left:11px;
}

/* ----------------------------------------------------------- pied --------------------------------------------------------------------- */

.content #pied{
	background-color:#042f58;
	color:#FFFFFF;
	padding: 7px 0px 7px 0px;
	margin:0;
	height:30px;
}
.content #pied a{
	color:#FFFFFF;
	text-decoration:none;
}
.content #pied a:hover{
	text-decoration:underline;
}
.atoms{
	float:right;
	font-size:90%;
}
.menuPied{
	float:left;
}
.cbbox{
	width:200px;
}
