/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: New Century Schoolbook Roman,Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	background-color: #590402;
}


#titre {
	height:16px;
	width:100%;
	min-width:576px;
	margin:20px 0 20px 0;
	padding:0;
	background-color: #580201;
	z-index:0;
}
#pad-titre {
	float:right;
	background-color: #F7DABA;
}

h1 {
	float:left;
	font-size: 18px;
	font-weight:bold;
	line-height:18px;
	color:#590402;
	font-variant:small-caps;
	padding: 0 30px 0 10px;
	margin:0;
	background-color: #F7DABA;
	vertical-align: sub;
	z-index:10;
}
h2{
	font-size: 1.5em;
}
h3{
	font-size: 1.1em;
}

a {
	color: #C73634;
	text-decoration: none;
}

a:visited {
	color: #C73634;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #C73634;
}

img {
	border: 0
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 95%;
	min-width: 900px;
	overflow: visible;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#subwrapper {
	width: 100%;
	min-height: 600px;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin:0;
	background-color: #F7DABA;
}

#content {
	padding: 0;
	clear: both;
	margin: -20px 0 0 0;
	width: 100%;
	min-height: 400px;
}
#contenu {
	float:right;
	width: 64%;
	min-width:576px;
	min-height:600px;
	padding: 0;
	margin: 0 0 30px 0;
}
#contenu h2 {
	display:block;
	color: #590402;
	text-align: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 24px;
}
#contenu h3 {
	display:block;
	color: #590402;
	text-align: left;
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	font-size: 18px;
}
#contenu p, li {
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 12px;
}


/* Menu Droit
-------------------------------------------------------- */

#menu-droit {
	float:right;
	min-width: 119px;
	width:13%;
	padding:0;
	margin:71px 0 0 0;
}
.bloc-droit {
	width: 119px;
	padding: 0px;
	margin: 0 auto;
	background-color:#DFAE73;
}
.bloc-droit p {
	height:20px;
	text-align: center;
	background-color: #590402;
	margin:0;
	padding:5px;
	color:#FFFFFF;
}
.bloc-droit a img {
	display:block;
	width : 99px;
	border: none;
	margin: 10px auto;
	padding: 5px;
}
.bloc-droit ul {
	margin:10px 5px;
	padding:5px;
}
.bloc-droit li {
	list-style:none;
	margin:0;
	padding:0;
}
.bloc-droit a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
	font-size:10px;
}
bloc-droit a:link {
	font-weight: bold; 
	}
bloc-droit a:visited { 
	font-weight: bold; 
	}
bloc-droit a:hover, bloc-droit a:active {
	font-weight: bold; 
	}


/* Entête
-------------------------------------------------------- */

#entete {
	width: 100%;
	height: 129px;
	margin: 0;
	padding: 0;
	background: transparent url(/images/fleur-de-lys-fond.gif) top left repeat-x;
}

#entete img {
	float:right;
}

#entete img.titre {
	margin: 104px -30px 0 0;
}

#entete a {
	position:absolute;
	top:0;
	left:0;
	width:275px;
	height:125px;
	background:url(/images/transparent.gif);
}
#entete img.logo {
	position:absolute;
	top:0;
	left:0;
	margin: 0;
	padding: 0;
}

/* Menu Gauche
-------------------------------------------------------- */

#menu-compte {
	float:left;
	width: 190px;
	padding:0;
	margin:71px auto 0 auto;
	background-color:#DFAE73;
}
#monCompte {
	width: 190px;
	margin: 0;
	padding: 0;
}
#menu-compte h3, #menu-droit h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-variant:small-caps;
	background-color: #590402;
}
.formMonCompte {
	padding: 0;
	margin: 0;
}

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

.champFormMonCompte {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #590402;
	background-color: #FFFFFF;
	border: 1px solid #12335B;
	overflow: hidden;
}

.menuMonCompte {
	color: #590402;
	margin: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	width: 190px;
	margin: 10px 0;
	padding: 0;
	text-align: center; 
	color: #590402;
	font-weight: bold;
}

#monPanier p {
	font-size:12px;
}
.boutonMonCompteEntete {	
	margin: 0;
	padding: 0;
}

a.LIEN_entete:link {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	text-decoration: underline;
	font-weight: bold;
}


#monadresse {
	width: 190px;
	margin: 20px 0;
	padding: 0;
	text-align: center; 
	color: #590402;
	font-weight: bold;
	font-variant:small-caps;
}

/* Chemin
-------------------------------------------------------- */

#socle-chemin {
	clear:both;
	width:100%;
	height: 97px;
	padding: 0;
	background: url(/images/fraise-distillerie-reflet.jpg) top right no-repeat;
}
#chemin {
	position:absolute;
	right:200px;
	top:142px;
	width:450px;
	height: 20px;
	color: #590402;
	margin: 0;
	padding: 0;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight: bold;
}
#chemin a {
	margin: 0;
	padding: 0;
}
#chemin p {
	margin: 0;
	padding: 0;
}
a.LIEN_chemin:link {
	text-decoration: none;
}

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

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


/* Pied
/-------------------------------------------------------- */

#footer{
	clear:both;
	width: 100%;
	height: 19px;
	text-align: right;
	margin: 0;
	padding: 20px 0;
}
#footer ul {
	height:19px;
	padding:0 5px;
	margin:0;
	background-color: #590402;
}
#footer li {
	display:inline;
	list-style: none; 
	float: right; 
	margin: 0;
	padding: 0;
	font-size: 10px; 
	}
#footer li.thelia {
	float:left;
}
#footer li>img {
	margin:0 10px;
	padding: 0;
}
#footer a {
	display:inline;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 19px;
}
#footer a:link, a:visited {
	font-weight: bold; 
}
#footer a:hover, a:active {
	font-weight: bold; 
}


/* Menu général
-------------------------------------------------------- */
.menu {
	position:relative;
	z-index:100;
	padding: 0;
	margin: -45px auto 0 auto;
	min-width:576px;
	width:100%;
	height: 60px;
}
.menu ul {
	padding:0;
	margin:0;
	list-style: none;
}
.menu ul li {
	float:right;
	position:relative;
	margin:0 auto;
	width:24%;
	min-width:142px;
	padding:0;
	text-align:left;
	background:transparent url(/images/transparent.gif);
	border: 1px solid transparent;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	width:141px;
	height:24px;
	text-align:center;
	color:#fff;
	line-height:24px;
	overflow:hidden;
	font-size:11px;
}
.menu ul li.titre a {
	height: 60px;
	line-height:60px;
}
.menu ul li.normal a {
	height: 24px;
	line-height:24px;
}
.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#fff;
	background-color:transparent;
}
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:60px;
	left:2px;
	width:141px;
}
.menu ul li:hover ul li a.hide {
	background-color:#590402;
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	color:#590402;
	background-color:#DF8011;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	background-color:#590402;
	color:#fff;
}
.menu ul li:hover ul li a:hover {
	color:#590402;
	background-color:#DF8011;
}
.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:145px;
	top:0;
}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}