/***********************************************************
 *
 * Feuille de style principale pour le site asduvin.com
 * RC Conseil - 2007
 *
 **********************************************************/

html {height: 100%; }

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #982f59;
	color: #fff;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.8em;
}

small { font-size: 9px; }

/***********************************************************
 * Liens
 **********************************************************/

a:link { color: #fff; }
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }

a:link.lienBlancSans { color: #fff; text-decoration: none; }
a:visited.lienBlancSans { color: #fff; }
a:hover.lienBlancSans { text-decoration: underline; }
a:active.lienBlancSans { text-decoration: underline; }

img { border: 0; }

/***********************************************************
 * Positionnement des principaux blocs de mise en page
 **********************************************************/

#global
{
	min-height: 100%;
	text-align: left;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 970px;
	/* fond du menu gauche */
	background: #900 url(images/fd_menu.gif) 0 0 repeat-y;
}

#center
{
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
	/* pour éviter la superposition du pied de page et du contenu */
	overflow: auto;
}
 
#sidebar
{
	float: left;
	width: 190px;
}

#content
{
	float: left;
	width: 760px;
	padding: 0 5px;
	margin: 0;
}
 
#footer
{
	/*position: absolute;*/
	/*width: 100%;*/
	bottom: 0;
	margin: 0;
	padding: 10px 0;
}

.clear
{
	clear: both;
}

/***********************************************************
 * header
 **********************************************************/

#header
{
	margin: 0;
	padding: 0;
	width: 970px;
	height: 116px;
	border-bottom: 2px solid #fff;
}

#subHeader
{
	margin: 0;
	padding: 5px 0;
	height: 60px;
	background: #BC4C49;
	color: #fff;
	border-bottom: 2px solid #fff;
}

#subHeader h3
{
	margin: 0;
	padding: 0;
}

#menusubHeader
{
	float: left;
	width: 244px;
	font-size: 11px;
}

#menusubHeader ul
{
	margin: 25px 0 0 10px;
	padding: 0;
}

#menusubHeader li
{
	float: left;
	list-style: none;
	margin-right: 10px;
}

#menusubHeader a { color: #fff; }

#menusubHeader a:hover
{
	color: #fff;
	text-decoration: none;
}

#monCompte
{
	float: left;
	width: 400px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.formMonCompte
{
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}

.blocMonCompte
{
	float: left;
	padding: 0;
	margin: 0;
}

.champFormMonCompte
{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #760000;
	background-color: #fff;
	border: 1px solid #760000;
	overflow: hidden;
	zoom: 1;
}

.menuMonCompte
{
	float: left;
	color: #a9c9e9;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier
{
	float: left;
	width: 250px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}

.boutonMonCompteEntete
{
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link
{
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
}

a.LIEN_entete:visited
{
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
}

a.LIEN_entete:hover
{
	font-size: 0.8em;
	color: #fff;
	text-decoration: underline;
}

/***********************************************************
 * Chemin
 **********************************************************/

#chemin
{
	float: left;
	width: 960px;
	color: #fff;
	font-size: 0.8em;
	background-color: #982F59;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-bottom: 2px solid #fff;
}

a.LIEN_chemin:link
{
	color: #fff;
	text-decoration: none;
}

a.LIEN_chemin:visited
{
	color: #fff;
	text-decoration: none;
}

a.LIEN_chemin:hover
{
	color: #fff;
	text-decoration: underline;
}

/***********************************************************
 * Bandeau_choix (choix des vins par région)
 **********************************************************/

#bandeau_choix
{
	float: left;
	width: 970px;
	color: #fff;
	font-size: 0.8em;
	background: #903E7E;
	margin: 0;
	padding: 0;
	display: block;
	border-bottom: dotted 1px #fff;
}
#bandeau_choix ul { margin: 0; padding: 0; }
#bandeau_choix li
{
	float: left;
	list-style: none;
	margin: 25px 5px 25px 10px;
}

#bandeau_choix a { font-weight: bold; text-decoration: none; }
#bandeau_choix a:hover { text-decoration: underline; }

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

ul#menu
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
}

ul#menu li a
{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	margin: 1px 0;
	background: #903e7e;
	color: #fff;
	text-decoration: none;
}

ul#menu li a:hover { background: #a84894; }
ul#menu li a.rubrique1 { background: #ea5a00; }
ul#menu li a.rubrique1:hover, ul#menu li a.rubrique1select { background: #ff6200; }
ul#menu li a.rubrique2 { background: #88c065; }
ul#menu li a.rubrique2:hover, ul#menu li a.rubrique2select { background: #acf280; }
ul#menu li a.rubrique3 { background: #ea6476; }
ul#menu li a.rubrique3:hover, ul#menu li a.rubrique3select { background: #ff6e81; }
ul#menu li a.rubrique4 { background: #760000; }
ul#menu li a.rubrique4:hover, ul#menu li a.rubrique4select { background: #8f0000; }

.submenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.submenu li
{
	margin: 0;
	padding: 0 0 0 15px;
}

/***********************************************************
 * menu contenu gauche
 **********************************************************/

ul#menu_contenu
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
}

ul#menu_contenu li a
{
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	margin: 1px 0;
	background: #903e7e;
	color: #fff;
	text-decoration: none;
}

ul#menu_contenu li a:hover { background: #a84894; }

/***********************************************************
 * Recherche
 **********************************************************/

#recherche
{
	width: 180px;
	text-align: center;
	background-color: #760000;
	padding-top: 10px;
	padding-bottom: 10px;
}

#recherche form
{
	margin: 0;
	padding: 0;
}

/***********************************************************
 * Content
 **********************************************************/

.titrePage
{
	text-align: left;
	font-weight: bold;
	/*width: 750px;*/
	padding-top: 10px;
	padding-bottom: 5px;
	color: #fff;
}

.sousTitrePage
{
	color: #ea5a00;
	text-align: left;
	font-weight: bold;
	/*width: 750px;*/
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage
{
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

/***********************************************************
 * La sélection du moment
 **********************************************************/

#boxSelection
{
	float: left;
	width: 460px;
}

#boxSelection h3 { font-size: 14px; }

.boxSelectProd-1
{
	float: left;
	margin: 15px 10px 0 0;
	padding: 5px;
	width: 200px;
	min-height: 250px;
	border: 2px solid #fff;
	background-color: #EA5A00;
}
.boxSelectProd-2
{
	float: left;
	margin: 15px 10px 0 0;
	padding: 5px;
	width: 200px;
	min-height: 250px;
	border: 2px solid #fff;
	background-color: #88C065;
}
.boxSelectProd-3
{
	float: left;
	margin: 15px 10px 0 0;
	padding: 5px;
	width: 200px;
	min-height: 250px;
	border: 2px solid #fff;
	background-color: #EA6476;
}
.boxSelectProd-4
{
	float: left;
	margin: 15px 10px 0 0;
	padding: 5px;
	width: 200px;
	min-height: 250px;
	border: 2px solid #fff;
	background-color: #760000;
}

.boxSelectClear
{
	clear: both;
}

/***********************************************************
 * Le conseil du caviste
 **********************************************************/


#boxConseilCaviste
{
	margin: 0;
	padding: 5px;
	float: left;
	background-color: #903e7e;
	width: 170px;
}

/*
.boxConseil
{
	margin: 2px;
	padding: 5px;
	border: 2px solid #fff;
	background-color: #903e7e;
}
*/

/***********************************************************
 * Liste des produits
 **********************************************************/

.boxListeProduits-,
.boxListeProduits-38,
.boxListeProduits-39,
.boxListeProduits-40,
.boxListeProduits-29,
.boxListeProduits-5,
.boxListeProduits-21,
.boxListeProduits-22,
.boxListeProduits-23,
.boxListeProduits-8,
.boxListeProduits-30,
.boxListeProduits-31,
.boxListeProduits-35,
.boxListeProduits-41,
.boxListeProduits-9,
.boxListeProduits-32,
.boxListeProduits-33,
.boxListeProduits-34,
.boxListeProduits-37,
.boxListeProduits-6,
.boxListeProduits-24,
.boxListeProduits-25,
.boxListeProduits-36,
.boxListeProduits-7,
.boxListeProduits-26,
.boxListeProduits-27,
.boxListeProduits-28
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #903E7E;
}

.boxListeProduits-1,
.boxListeProduits-10,
.boxListeProduits-11,
.boxListeProduits-12
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #ea5a00;
}
.boxListeProduits-2,
.boxListeProduits-13,
.boxListeProduits-14,
.boxListeProduits-15
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #88c065;
}
.boxListeProduits-3,
.boxListeProduits-16,
.boxListeProduits-17
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #ea6476;
}
.boxListeProduits-4,
.boxListeProduits-19,
.boxListeProduits-20
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #760000;
}

.vignetteListProd
{
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 150px;
	height: 150px;
	background: #fff;
	text-align: center;
	vertical-align: center;
}

.caracteristiquesListeProduits
{
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 370px;
}

.titreListProd
{
	font-size: 16px;
	font-weight: bold;
}

.caracTitreListProd
{
	font-size: 10px;
}

.caracValeurListProd
{
	font-size: 10px;
	font-weight: bold;
}

.refListProd { font-size: 10px; font-style: italic; }

.prixListeProduits
{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 190px;
	text-align: center;
}

.prixListProd
{
	font-size: 24px;
	font-weight: bold;
}

.commanderListeProduits
{
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 190px;
	text-align: center;
}

/***********************************************************
 * Fiche produit
 **********************************************************/

.ficheProduit-38,
.ficheProduit-39,
.ficheProduit-40,
.ficheProduit-29,
.ficheProduit-5,
.ficheProduit-21,
.ficheProduit-22,
.ficheProduit-23,
.ficheProduit-8,
.ficheProduit-30,
.ficheProduit-31,
.ficheProduit-35,
.ficheProduit-41,
.ficheProduit-9,
.ficheProduit-32,
.ficheProduit-33,
.ficheProduit-34,
.ficheProduit-37,
.ficheProduit-6,
.ficheProduit-24,
.ficheProduit-25,
.ficheProduit-36,
.ficheProduit-7,
.ficheProduit-26,
.ficheProduit-27,
.ficheProduit-28
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #903E7E;
}

.ficheProduit-1,
.ficheProduit-10,
.ficheProduit-11,
.ficheProduit-11,
.ficheProduit-12
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #ea5a00;
}
.ficheProduit-2,
.ficheProduit-13,
.ficheProduit-14,
.ficheProduit-15
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #88C065;
}
.ficheProduit-3,
.ficheProduit-16,
.ficheProduit-17
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #EA6476;
}
.ficheProduit-4,
.ficheProduit-19,
.ficheProduit-20
{
	position: relative;
	border: 2px solid #fff;
	padding: 5px;
	margin: 5px;
	width: 740px;
	overflow: auto;
	background: #760000;
}

.fichePhoto
{
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
}

.ficheDescription
{
	float: left;
	width: 450px;
	margin: 0 10px 0 10px;
	padding: 0 0 0 10px;
}

.chapoProduit
{
	font-size: 12px;
	text-align: justify;
}

.descriptionProduit
{
	font-size: 12px;
	text-align: justify;
	font-weight: bold;
}

.caracTitreFicheProd
{
	font-size: 10px;
}

.caracValeurFicheProd
{
	font-size: 10px;
	font-weight: bold;
}


/*
.prixFicheProduits
{
	float: left;
	margin: 10px 0;
	padding: 5px 0;
	width: 400px;
	text-align: center;
}
*/

.prixFicheProd
{
	font-size: 24px;
	font-weight: bold;
}

.panierFicheProd
{
	width: 400px;
	text-align: center;
}

.reappro
{
	font-size: 14px;
	font-weight: bold;
}

/***********************************************************
 * Navigation pages
 **********************************************************/

#pages {
	float: left;
	width: 744px;
	text-align: center;
	font-size: 11px;
	padding: 5px;
	margin: 5px;
	color: #903e7e;
	background: #fff;
}

a.LIEN_pages:link {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #760000;
	text-decoration: underline;
	font-weight: bold;
}

/***********************************************************
 * Navigation compte / panier
 **********************************************************/

#navCompte {
	float: left;
	width: 744px;
	text-align: center;
	font-size: 11px;
	padding: 5px;
	margin: 5px;
	color: #903e7e;
	background: #fff;
}

a.LIEN_navCompte:link {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_navCompte:visited {
	color: #900;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_navCompte:hover {
	color: #760000;
	text-decoration: underline;
	font-weight: bold;
}

/***********************************************************
 * Tableaux et autres
 **********************************************************/

.boxCompte
{
	/*position: relative;*/
	border: 2px solid #fff;
	padding: 0;
	margin: 5px;
	width: 750px;
	background: #BC4C49;
	overflow: auto;
}

.enteteTableau {
	color: #fff;
	font-weight: bold;
	background-color: #760000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	font-size: 11px;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
/*
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
*/
}

.boutonMonCompteContenu {
	font-weight: bold;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}

.separation {
	height: 1px;
	width: 750px;
	background-color: #fff;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	zoom:1;
}

/***********************************************************
 * footer
 **********************************************************/

#footer { background: #982f59; color: #fff; text-align: center; font-size: 0.8em; }
#footer a:link { color: #fff; text-decoration: underline; }
#footer a:visited { color: #fff; text-decoration: underline; }
#footer a:hover { color: #fff; text-decoration: none; }

#footer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li
{
	display: inline;
	margin-left: 10px;
}