/* -------------------------------- */
/*        STYLES DES BALISES        */
/* -------------------------------- */
html {
/*	margin:0;
	padding:0;
	width:100%;*/
	height:100%;
	overflow:auto;
}
body {
	margin:0;
	padding:0;
/*	width:100%;*/
	height:100%;
/*	overflow:auto;*/
	
	font-family:Arial,Helvetica,sans-serif;
	font-size:12.5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	text-decoration:none;
	
	background-color:#f5f4ef;
}
#page-table {
	width:100%;
	height:100%;
	border-collapse:collapse;
	text-align:center;
}
#page-td {
/*	height:100%;*/
	height:auto;
	padding:0;
	vertical-align:middle;
}
#page-td-bas {
	height:30px;
	padding:0;
	text-align:right;
	vertical-align:middle;
}

img { border:0; }
/*table { border-collapse:collapse; }*/
table {
	empty-cells:show;
}

td {
/* NON car ceci empèche les attributs des balises <TD> de fonctionner et nous oblige donc à redéfinir encore les styles */
/*	text-align:left;
	vertical-align:top;*/
	empty-cells:show;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12.5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	text-decoration:none;
}
div, p {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12.5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	line-height:17px;
}

form,h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#010101;
}
/*input.text { => NE MARCHE PAS */
.input_text {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	
	border:none;
	margin:0;
	padding:0;
/*	background-color:#ffffff;*/
}
.input_qte {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3E280E;
	
	border:none;
	margin:0;
	padding:0;
	background-color:#f1ede5;
	width:24px;
	height:14px;
	text-align:center;
}
.panier_qte {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	
	border:none;
	margin:0;
	padding:0;
	background-color:#ffffff;
	width:24px;
	height:14px;
	text-align:center;
}
textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12.5px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color:#3e280e;
	line-height:15px;
	width:500px;
	border:1px #999999 solid;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
select {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	color:#3e280e;
/*	border:none;*/ /* NON COMPATIBLE IE */
/*	background:none;*/ /* NON COMPATIBLE IE */
	border:1px #999999 solid;
	background-color:#ffffff;
}

a, a:link, a:visited {
/*	color:#888888;*/
	text-decoration:none;
	outline:none;
}
a:hover, a:active {
/*	color:#3E3129;*/
	text-decoration:underline;
	outline:none;
}


/* -------------------------------- */
/*        STYLES DES LIENS          */
/* -------------------------------- */
.menu, a.menu, a.menu:link, a.menu:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12.5px;
	color:#958780;
	text-decoration:none;
}
a.menu:hover, a.menu:active {
	color:#3E3129;
}
.menuon, a.menuon, a.menuon:link, a.menuon:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12.5px;
	color:#3E3129;
	text-decoration:none;
}
a.menuon:hover, a.menuon:active {
	color:#F08D00;/*958780*/
}
.menucmd, a.menucmd, a.menucmd:link, a.menucmd:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12.5px;
	color:#F08D00;
	text-decoration:none;
}
a.menucmd:hover, a.menucmd:active {
	color:#3E3129;/*958780*/
}
.menucmdon, a.menucmdon, a.menucmdon:link, a.menucmdon:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12.5px;
	color:#3E3129;/*958780*/
	text-decoration:none;
}
a.menucmdon:hover, a.menucmdon:active {
	color:#F08D00;
}

.actulien, a.actulien, a.actulien:link, a.actulien:visited {
	color:#F08D00;
	text-decoration:none;
}
a.actulien:hover, a.actulien:active {
	color:#F08D00;
	text-decoration:underline;
}

.trans, a.trans, a.trans:link, a.trans:visited {
	font-family:Helvetica,Arial,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;/*7px*/
	color:#978982;
	text-decoration:none;
}
a.trans:hover, a.trans:active {
	color:#3E3129;
}
.transon, a.transon, a.transon:link, a.transon:visited {
	font-family:Helvetica,Arial,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;/*7px*/
	text-decoration:none;
	color:#3E3129;
}
a.transon:hover, a.transon:active {
	color:#978982;
}
.lienflech, a.lienflech, a.lienflech:link, a.lienflech:visited {
	background-image:url(../img/flech.gif);
	background-repeat:no-repeat;
	background-position:left center;/*0px 3px*/
	padding-left:18px;
	
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;/*12.5px*/
	color:#FFFFFF;
	text-decoration:none;
	line-height:23.5px;
}
a.lienflech:hover, a.lienflech:active {
	background-image:url(../img/flechon.gif);
	color:#F08D00;
}
.titre {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:16.5px;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:13px;
}
.texte {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;/*12.5px*/
	color:#FFFFFF;
	text-decoration:none;
	line-height:23.5px;
}
.texte_construction {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:23.5px;
}
.texte_contact, a.texte_contact, a.texte_contact:link, a.texte_contact:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;/*12.5px*/
	color:#FFFFFF;
	text-decoration:none;
	line-height:16.5px;
}
a.texte_contact:hover, a.texte_contact:active {
	color:#F08D00;
}
.notes {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	color:#978980;
	text-decoration:none;
}
.pdf, a.pdf, a.pdf:link, a.pdf:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#F08D00;
	text-decoration:none;
}
a.pdf:hover, a.pdf:active {
	color:#978982;
}

.menu_prod, a.menu_prod, a.menu_prod:link, a.menu_prod:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:15px;
}
a.menu_prod:hover, a.menu_prod:active {
	color:#ff9400;/*9b391c*/
}
.menu_prodon, a.menu_prodon, a.menu_prodon:link, a.menu_prodon:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#ff9400;/*9b391c*/
	text-decoration:none;
	line-height:15px;
}
a.menu_prodon:hover, a.menu_prodon:active {
	color:#9b391c;/*FFFFFF*/
}

.menu_panier, a.menu_panier, a.menu_panier:link, a.menu_panier:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	color:#635952;
	text-decoration:none;
}
a.menu_panier:hover, a.menu_panier:active {
	color:#FFFFFF;
}
.menu_panieron, a.menu_panieron, a.menu_panieron:link, a.menu_panieron:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
}
a.menu_panieron:hover, a.menu_panieron:active {
	color:#635952;
}

.bt_panier, a.bt_panier, a.bt_panier:link, a.bt_panier:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#f29400;
}
a.bt_panier:hover, a.bt_panier:active {
	text-decoration:underline;
}

.bt_login, a.bt_login, a.bt_login:link, a.bt_login:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#f29400;
}
a.bt_login:hover, a.bt_login:active {
	text-decoration:underline;
}
.bt_logout, a.bt_logout, a.bt_logout:link, a.bt_logout:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#656565;
}
a.bt_logout:hover, a.bt_logout:active {
	text-decoration:underline;
}

.bt_print, a.bt_print, a.bt_print:link, a.bt_print:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	color:#635952;
	text-decoration:none;
/*	background-color:#f29400;*/
}
a.bt_print:hover, a.bt_print:active {
	text-decoration:underline;
}

.bt_buy, a.bt_buy, a.bt_buy:link, a.bt_buy:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#f29400;
}
a.bt_buy:hover, a.bt_buy:active {
	text-decoration:underline;
}

.bt_modif, a.bt_modif, a.bt_modif:link, a.bt_modif:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:8px;
	color:#f29400;
	text-decoration:none;
}
a.bt_modif:hover, a.bt_modif:active {
	text-decoration:underline;
}

.bt_backaccueil, a.bt_backaccueil, a.bt_backaccueil:link, a.bt_backaccueil:visited {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#635952;
}
a.bt_backaccueil:hover, a.bt_backaccueil:active {
	text-decoration:underline;
}

.panier_col {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:11px;
	color:#3e3129;
	text-align:center;
	line-height:14px;
}
.panier_col_recap {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:10px;
	color:#ffffff;
}
.panier_big {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:12px;
	color:#3e3129;
}
.panier_txt {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	color:#3e3129;
/*	text-align:center;*/
	line-height:19px;
}
.panier_txt_10 {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:10px;
	color:#3e3129;
}
.panier_cel {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:10px;
	color:#3e3129;
	text-align:center;
/*	line-height:14px;*/
	border-bottom:#beb9b5 solid 1px;
}
.panier_cel_px {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:10px;
	color:#f29400;
	text-align:center;
/*	line-height:14px;*/
	border-bottom:#beb9b5 solid 1px;
}
.panier_ttc {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:11px;
	color:#3e3129;
	text-align:right;
}
.panier_tva {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	color:#3e3129;
	text-align:right;
}
.panier_ttc_val {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	font-size:17px;
	color:#f29400;
	text-align:center;
}
.panier_tva_val {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:9px;
	color:#3e3129;
	text-align:center;
}

.vin_titre {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:13px;
	color:#3E3129;
	margin-top:76px;
	line-height:19px;
}
.vin_notes {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:10px;
	color:#3E3129;
	margin-top:8px;
	line-height:15px;
}
.vin_par_prix {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	color:#F29400;
	margin-top:24px;
}
.vin_qte {
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:10px;
	color:#3E3129;
	position:relative;
	top:-2px;
}


/* -------------------------------- */
/*        CLASSES-RACCOURCIS        */
/* -------------------------------- */
.nowrap		{ white-space:nowrap; }  /* Affiche le texte sur une seule ligne */

.noborder	{ border:none; }

.normal		{ font-weight:normal; }
.bold		{ font-weight:bold; }
.italic		{ font-style:italic; }
.underline	{ text-decoration:underline; }

.left		{ text-align:left; margin-left:0px; margin-right:auto; }
.center		{ text-align:center; margin-left:auto; margin-right:auto; }
.right		{ text-align:right; margin-left:auto; margin-right:0px; }
.top		{ vertical-align:top; }
.middle		{ vertical-align:middle; }
.bottom		{ vertical-align:bottom; }
.pointer	{ cursor:pointer; }

.ff0		{ font-family:Arial,Helvetica,sans-serif; }
.ff1		{ font-family:Arial,Helvetica,sans-serif; }
.ff2		{ font-family:Helvetica,Arial,sans-serif; }

.s2			{ font-size:2px; }
.s4			{ font-size:4px; }
.s6			{ font-size:6px; }
.s8			{ font-size:8px; }
.s9			{ font-size:9px; }
.s10		{ font-size:10px; }
.s11		{ font-size:11px; }
.s12		{ font-size:12px; }
.s13		{ font-size:13px; }
.s14		{ font-size:14px; }
.s15		{ font-size:15px; }
.s16		{ font-size:16px; }
.s17		{ font-size:17px; }
.s18		{ font-size:18px; }
.s19		{ font-size:19px; }
.s20		{ font-size:20px; }
.s22		{ font-size:22px; }
.s24		{ font-size:24px; }

.lhn		{ line-height:normal; }
.l12		{ line-height:12px; }
.l13		{ line-height:13px; }
.l14		{ line-height:14px; }
.l15		{ line-height:15px; }
.l16		{ line-height:16px; }
.l17		{ line-height:17px; }
.l18		{ line-height:18px; }
.l19		{ line-height:19px; }
.l20		{ line-height:20px; }

.c0			{ color:#000000; } /* noir */
.c1			{ color:#FFFFFF; } /* blanc */
.c2			{ color:#666666; } /* gris du fond */
.c3			{ color:#9b391c; } /* couleur du survol des liens */
.c4			{ color:#cccccc; } /* gris clair */
.c5			{ color:#f29400; } /* orange lien */

.bg0		{ background-color:#000000; }
.bg1		{ background-color:#FFFFFF; }
.bg2		{ background-color:#f5f4ef; } /* couleur de fond du site */
.bg3		{ background-color:#3f3129; } /* couleur de fond du contenu du site */
.bg4		{ background-color:#b2ada9; } /* couleur de la bande grise */
.bg5		{ background-color:#3e3129; } /* couleur de fond du menu du panier */
.bg6		{ background-color:#e8e5e3; } /* couleur de fond grisâtre dans le panier */
.bg7		{ background-color:#c5bdb8; } /* couleur d'entête du récap. de commande */
.bg8		{ background-color:#635952; } /* couleur d'entête du récap. de commande */


