/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* 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: #590402;
}

h1, h2, h3{
	font-family: New Century Schoolbook Roman,Arial, Helvetica, sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

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

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

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

img {
	border: 0
}

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

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

#subwrapper {
	width: 100%;
	min-height: 600px;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin:0;
	background: #9E430C url(/images/fond-complet-degrade.jpg) top left repeat-x;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
	width: 100%;
	min-height: 400px;
}

#menu-compte {
	float:left;
	width: 199px;
	padding:0;
	margin:100px auto 0 auto;
}
#menu-droit {
	float:right;
	min-width: 119px;
	width:13%;
	padding:0;
	margin:0;
}
#menu-droit p {
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-variant:small-caps;
}
#contenu {
	float:right;
	width: 64%;
	min-width:576px;
	min-height:600px;
	padding: 0;
	margin: 0 0 30px 0;
}
#contenu h2 {
	display:block;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #590402;
	text-align: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 24px;
}


/* 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 img {
	position:absolute;
	top: 0;
	margin: 0;
	padding: 0;
}

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

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

.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;
}

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

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

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

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


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

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

#socle-chemin {
	clear:both;
	width:100%;
	height: 51px;
	margin: 0;
	padding: 0;
	background: url(/images/fraise-distillerie-reflet.jpg) top right no-repeat;
}
#chemin {
	position:absolute;
	right:200px;
	top:150px;
	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 {
	color: #C73634;
	margin: 0;
	padding: 0;
}
#chemin p {
	margin: 0;
	padding: 0;
}
a.LIEN_chemin:link {
	color: #C73634;
	text-decoration: none;
}

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

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


#footer{
	clear:both;
	width: 100%;
	height: 19px;
	text-align: right;
	margin: 0;
	padding: 0;
	background: url(/images/barre-bas.gif) top left repeat-x;
}


#footer ul {
	height:19px;
	padding:0;
	margin:0;
}
#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
-------------------------------------------------------- */

#titre {
	height:16px;
	width:80%;
	min-width:576px;
	margin:30px auto;
	padding:0;
	background: transparent url(/images/aplat-titre-deco.jpg) bottom right repeat-x;
}
#titre h1 {
	float:left;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight:bold;
	line-height:16px;
	color:#590402;
	background: url(/images/aplat-titre.jpg) top left;	
	font-variant:small-caps;
	padding: 0 30px 0 10px;
	margin:0;
}

#menu-general {
	display:block;
	padding: 0;
	margin: 0 auto;
	min-width:576px;
	width:100%;
	height: 60px;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
}

#menu-general ul.menu {
	display:block;
	list-style-type:none;
	padding:0;
	margin:0 auto;
	width:100%;
}
#bloc-menu {
	clear:both;
	display:block;
	padding:0;
	margin:0 auto;
	width:100%;
}
#bloc-menu .img-menu {
	float:right;
	padding:0;
	margin:0 auto;
	background:transparent;
	width:24%;
	min-width:144px;
	height:304px;
}
#menu-general ul.menu li.titre {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	background:transparent;
	width:24%;
	min-width:144px;
	padding:0;
}
.menu li {
	float:right;
	background:#590402;
	margin:3px 0 0 1px;
	list-style-type:none;
	padding:0;
	position:relative;
	z-index:300;
}
.menu li.titre ul li.sub ul.produit {
	list-style-type:none;
	padding:0;
	margin:2px 0 0 0;
	background:transparent;
	z-index:300;
}
.menu li.titre ul li.sub ul.produit li {
	margin:0 0 0 1px;
	padding:0;
	border: 1px solid transparent;
}
.menu li.sub {
	background:#590402;
}
.menu li.titre table, .menu li.sub table {
	border-collapse:collapse;
	position:absolute;
	left:0;
	z-index:80;
	font-size:1em;
	top:0;
}
.menu li.sub table {
	top:0px;
}
.menu li a {
	display:block;
	color:#FFFFFF;
	font-family:New Century Schoolbook Roman, sans-serif;
	font-size:11px;
	line-height:24px;
	width:141px;
	text-decoration:none;
	text-align:center;
	margin:0;
	padding:0;
}
.menu li.titre ul li.sub > :hover {
	color:#590402;
	background-color:#DF8011;
}
.menu li.titre ul li.sub li :hover {
	color:#590402;
	background-color:#DF8011;
}
.menu li.titre ul {
	display:block;
	background-color:transparent;
	margin:35px 0 0 0;
	padding:0;
}
.menu li.sub :hover > a {
	color:#590402;
	background-color:#DF8011;
}
.menu ul, .menu :hover ul ul {
	position:absolute;
	left:-9999px;
	width:141px;
}
.menu :hover ul{
	left:0px;
	top:24px;
}
.menu :hover ul :hover ul {
	padding:0 3px;
	left:141px;
	top:-3px;
}



/* 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;
}



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

.bloc-droit {
	float:left;
	width: 119px;
	height: 150px;
	padding: 0px;
	margin: 0 auto;
}
.bloc-droit p {
	height:20px;
	text-align: center;
	background: transparent url(/images/aplat-meilleures-ventes.gif) top left repeat-x;
	margin:0;
	padding:0;
	color:#FFFFFF;
}
.bloc-droit a img {
	display:block;
	border: none;
	margin: 0 auto;
	padding: 0;
}
.bloc-droit a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-weight: bold;
}
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; 
	}

/*******************************/
/*****  Rubrique  **********/
/*******************************/


.famille {
	width:550px;
	height:201px;
	margin: 10px auto;
	padding: 0;
	background: url(/images/aplatproduit.jpg) top left;
}
.famille img {
	float:left;
	padding:0;
}
.famille img.decal {
	margin: 0 10px 0 0;
}
.famille h3 {
	display:block;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #590402;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 14px;
}
.famille p {
	display:block;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	font-size: 12px;
}

/*******************************/
/*****  Rubrique  **********/
/*******************************/

#produits {
	width:100%;
	min-width:576px;
	height:100%;
	position:relative;
	z-index:0;
}
#produits ul {
    padding:0;   
    margin:0;   
    list-style-type:none;   
}
#produits a.gallery {   
    display:block;
    color:#000;   
	width:100%;
	height: 100%;
    text-decoration:none;  
    margin:0;   
    text-align:center;   
    cursor:default;   
	z-index:200;
}   
#produits a.gallery p {
	width:78%;
	margin:0 auto;
	padding:0;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size:10px;
}
#produits a.gallery p.titre {
	width:100%;
	color:#590402;
	font-weight:bold;
	margin:0;
	padding:0;
	font-variant: small-caps; 
	font-size:10px;
}
#produits a.panier {
	display:block;
	text-align:center;
	color:#590402;
	margin:-35px auto 0 auto;
	font-weight:bold;
	font-size:10px;
	padding:0;
}
#produits a.gallery img.petit {
	display:block;
	width:70px;
	height:149px;
	z-index:300;
	margin:5px auto;
}
#produits a.gallery img.petite, #produits a.gallery img.marc, #produits a.gallery img.poire {
	display:block;
	width:69px;
	height:200px;
	margin:5px auto;
}
#produits a.gallery img.marc {
	width:71px;
	height:86px;
}
#produits a.gallery img.poire {
	width:71px;
	height:112px;
}
#produits a.gallery span { 
	display:none;  
    overflow:hidden;   
}   
#produits a.gallery span img { 
	margin: 0px auto;  
}
#produits a.gallery:hover span {
	display:block;   
    color:#000;   
	z-index:100;
}   
#produits a.gallery span p, #produits a.gallery:hover span p, #produits a.gallery:active span p, #produits a.gallery:focus span p {
    color:#000;   
	z-index:150;
	background-color:#9E430C;
	width:100%;
	line-height:20px;
	margin:0;
	padding:0;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size:16px;
}   
#produits a.gallery:active, #produits a.gallery:focus {
}
#produits a.gallery:focus {
	outline:0;
}
#produits a.gallery span, #produits a.gallery:hover span, #produits a.gallery:active span, #produits a.gallery:focus span {
	position:absolute;   
	width: 34%;
	height:488px;
    top:0px;   
    right:0px; 
}
#produits a.gallery:active span, #produits a.gallery:focus span {
	display:block;   
    color:#000;   
	z-index:50;
}
#produits a.gallery:focus span {
	outline:0;
}

#produits ul {
	width:64%;
	min-width: 292px;
	margin: 5px;
	float:left;
	margin:0 0 20px 0;
	padding:0;
}   
#produits li {
	float: left;
	width:24%;
	min-width: 73px;
	height: 243px;
	margin:0;
	padding:0;
}  
#description {
	position:absolute;
	width:50%;
	min-width: 73px;
	height: 230px;
	margin:0;
	padding:0;
	top:500px;
	right:0;
} 
#description p {
	display:block;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	font-size: 16px;
	text-align:justify;
} 
#finproduit {
	clear:both;
}

/*******************************/
/*****     Panier     **********/
/*******************************/

#contenu > table {
	width:95%;
	min-width:576px;
}
#contenu table tr td {
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #590402;
	font-weight: bold;
	padding: 0;
	margin: 10px;
	font-size: 12px;
	text-align:left;
}
#contenu table tr td.lignetableau {
	text-align:center;
	font-size: 16px;
}
#contenu table.entetetableau tr td {
	margin:20px 10px;
	border-bottom:1px solid #590402;
}
#contenu table tr td a {
	color:#FFFFFF;
}
#contenu table.fintableau tr td {
	margin:20px 10px;
	border-top:1px solid #590402;
}
#contenu table tr td form select {
	margin: 10px 0 5px 0;
	padding:0;
}
#contenu .valider {
	clear:both;
	margin:10px;
	padding:0;
}
#contenu .valider a {
	float:right;
	color:#FFFFFF;
}

/*******************************/
/***** Pages contenues *********/
/*******************************/

#historique {
	max-width:800px;
	min-width:576px;
	min-height:1200px;
	margin: 0 auto;
	padding:0;
	background:url(/images/historique/historiquefusionne.gif) top center repeat-y;
}
#premier {
	width:320px;
	height:180px;
	margin: 0 auto;
	padding:0;
}
#premier p, #deuxieme p, #troisieme p {
	margin:0;
	padding:20px;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	text-align:justify;
}
#deuxieme {
	width:320px;
	height:350px;
	margin: 120px auto 100px auto;
	padding: 0 0 0 20px;
}
#troisieme {
	width:340px;
	height:630px;
	margin: 0 auto;
}

#contenu #dejaclient {
	float:right;
	width:49%;
	min-width:287px;
	height:100%;
	margin:0;
	padding:0;
}
#contenu #dejaclient h3, #contenu #nouveauclient h3 {
	margin: 10px auto;
	text-align:center;
	font-family: New Century Schoolbook Roman, "Times New Roman", Times, serif;
	color: #590402;
	font-weight: bold;
	padding: 0;
	font-size: 16px;
}
#contenu #dejaclient form {
	width:100%;
} 
#contenu #dejaclient form table {
	float:right;
	width:95%;
	margin:0 20px 0 0;
	padding:0
} 
#contenu #dejaclient form table tr td {
	width:45%;
	margin: 0;
	text-align:right;
	padding:5px 5px 5px 0;
} 
#contenu #nouveauclient form table tr td {
	margin: 0;
	text-align:right;
	padding:5px 5px 5px 0;
}
#contenu #nouveauclient {
	height:100%;
	margin:0;
	padding:0;
}
#contenu #dejaclient .bouton {
	float:right;
	margin:10px;
}
#contenu #nouveauclient .bouton {
	margin:10px 0 0 200px;
}