/* 
 * 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: "Lucida Grande", Arial, sans-serif;
	text-align: center;
	background-color: #000000;
	font-size: 0.8em;
	color: #626164;
}

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

h1{	
	display:none;
	font-size: 1.8 em;
}

h2{
	font-size: 1.4 em;
	padding: 0 0 0 15px;
	color: #b7b8ba;
	background-image: url(_gfx/puceH2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}

h3{
	font-size: 1.2em;
	color: #b7b8ba;
	padding: 0 0 0 15px;
	background-image: url(_gfx/puceH3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

h4{
	font-size: 1em;
	color: #b7b8ba;
	padding: 0;
	margin:10px 0 5px 0;
}


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

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

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

img {
	border: 0
}

.bold {
	color: #b7b8ba;
	font-weight: bold;
}


.rouge {
	color: #FF0000;
}



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

#wrapper {
	width: 1000px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	margin:0;
	width: 1000px;
	background-image: url(_gfx/fondContenu.png);
	background-repeat: repeat-y;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
}

/* Contenu accueil
-------------------------------------------------------- */

#contenuAccueil {
	float: left;
	width:1000px;
	padding: 0;
	margin: 50px 0 0 0;
}

#contenuAccueil .blocImageLegende {
	float:center;
	margin: 0;
	width: 835px;
	padding: 0 82px 0 83px;	
}

#contenuAccueil .image {
	float:center;
	padding: 0;
	width: 835px;
	height: 176px;
	margin: 0;
	overflow: hidden;
}
#contenuAccueil .legende {
	float:center;
	padding: 80px 0 0 0;
}
#contenuAccueil .legendeRub {
	float:center;
	padding: 20px 0 0 0;
}
#contenuAccueil h2 {
	float:right;
}
#contenuAccueil h3 {
	float:left;
}
#contenuAccueil h4 {
	float:left;
	color: #4a4a4c;
	background-image: url(_gfx/puceH4.gif);
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	background-position: left 6px;
	font-weight: normal;
}
#contenuAccueil .bouton {
	float:left;
	padding:0 0 0 0;
	margin: 0 10px 0 10px;
}

/* Contenu produit
-------------------------------------------------------- */

#contenuProduit {
	float: left;
	width:677px;
	padding: 0;
	margin: 50px 0 0 0;
	overflow:hidden; zoom:1;
}

#contenuProduit .image {
	float:left;
	padding: 0;
	width: 677px;
	margin: 0;
}

#contenuProduit .bouton {
	float:right;
	padding: 0;
	margin: 0 0 0 10px;
}

#contenuProduit .description {
	float:left;
	padding: 0;
	width: 677px;
	margin: 40px 0 0 0;
}

#contenuProduit .description2 {
	float:left;
	padding: 0;
	width: 500px;
}

#contenuProduit .descriptionvign {
	float:left;
	padding: 0;
	width: 177px;
}

#contenuProduit .legende {
	float:left;
	padding: 0;
	width: 677px;
	margin: 40px 82px 0 0;
}

#contenuProduit .titre {
	float:left;
	width:600px;
	padding: 0;
	margin: 5px 0 0 0;
}
#contenuProduit .chapo {
	float:left;
	width:450px;
	padding: 0;
	margin: 5px 0 0 0;
}

#contenuProduit h2{
	float:left;
}

#contenuProduit .prix {
	color: #FFFFFF;
}

#contenuProduit .normal {
	font-weight: normal;
}

/* Contenu formulaire
-------------------------------------------------------- */

#contenuForm {
	float: left;
	width:1000px;
	padding: 0;
	margin: 20px 0 0 0;
}

#contenuForm h2{
	margin: 0 0 10px 0;
}

#contenuForm h3{
	margin: 20px 0 10px 0;
	padding: 0 0 0 15px;
	background-image: url(_gfx/puceH3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contenuForm .chapo {
	font-size: 1em;
	line-height: 1.6em;
	width:1000px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-style: italic;
}

#contenuForm .formulaire {
	width:1000px;
	margin: 0 0 10px 0;
}

#contenuForm .zoneDeSaisie {
	float:left;
	padding: 5px 5px 0 10px;
	margin: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #d8d9da;
	font-family: "Lucida Grande", Arial, sans-serif;
	background-color: transparent;
	font-size: 1em;
}

#contenuForm .zoneDeSaisieFond {
	float:left;
	padding: 0;
	margin: 0 5px 0 0;
	height: 24px;
	background-image: url(_gfx/formFondZoneDeSaisie.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contenuForm .zoneDeSaisieFin {
	float:left;
	height: 24px;
	width: 10px;
	margin:0;
	padding:0;
	background-image: url(_gfx/formFinZoneDeSaisie.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Contenu
-------------------------------------------------------- */

#contenu {
	float: left;
	width:1000px;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: justify;
}

#contenu h2{
	margin: 0 0 10px 0;
}

#contenu h3{
	margin: 20px 0 20px 0;
	padding: 0 0 0 15px;
	background-image: url(_gfx/puceH3.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#contenu .chapo {
	font-size: 1em;
	line-height: 1.6em;
	width:1000px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-style: italic;
}
#contenu .blocImageLegende {
	float:center;
	margin: 0;
	width: 835px;
	padding: 0 82px 0 83px;
	overflow:hidden;
}

#contenu .imageADroite {
	float:right;
	margin: 0 0 10px 10px;
	border: 1px solid #f4f4f5;
	overflow:hidden; zoom:1;
}

#contenu .imageAGauche {
	float:left;
	margin: 0 10px 0 10px;
	border: 1px solid #f4f4f5;
}


#contenu .texte {
	font-size: 0.9em;
	
	font-weight: normal;
	line-height: 1.6em;
	overflow:hidden; zoom:1;
}


/* Revendeurs
-------------------------------------------------------- */

.choixPaysRevendeurs {
	float: left;
	width: 980px;
	padding: 10px;
	margin: 20px 0;
	background-color:#626164;
}

.revendeurs {
	float: left;
	width: 1000px;
	color: #FFFFFF;
	padding: 0;
	margin: 0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}

.revendeurs ul, .revendeurs ul li {
	margin:0;
	padding: 0;
	list-style:none;
	color:#88888b;
}

.revendeurs .logoRevendeur {
	float: left;
	width: 100px;
	overflow:hidden;
	zoom:1;
	padding: 0;
	margin: 0 20px 0 0;
	border:solid 1px #a9abad;
	background-color:#FFFFFF;
}

.revendeurs .adresseRevendeur {
	float: left;
	width: 840px;
	padding: 0;
	margin: 0;
}

.revendeurs .adresseRevendeur h4 {
	color:#FFFFFF;
	font-size:16px;
	padding: 0;
	margin: 0 0 10px 0;
}


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

#entete {
	float: left;
	width: 1000px;
	color: #FFFFFF;
	background-image: url(_gfx/fondEntete.gif);
	background-repeat: no-repeat;
	height: 110px;
	padding: 0;
	margin: 0;
}

#espacePerso {
	float: right;
	padding:0;
	margin:30px 0 0 0;
	font-size: 0.8em;
	color: #b7b8ba;
	font-weight: bold;
}

#espacePerso .monCompte {
	float: left;
	width: 450px;
	margin: 0 5px 0 0;
	padding: 10px 0 10px 0;
}

#espacePerso .monCompte .titre {
	float: left;
	margin: 5px 5px 5px 0;
	height: 20px;
}

#espacePerso .zoneDeSaisie {
	float:left;
	padding: 5px 5px 5px 10px;
	margin: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #d8d9da;
	font-family: "Lucida Grande", Arial, sans-serif;
	background-color: transparent;
	font-size: 1em;
}

#espacePerso .zoneDeSaisieFond {
	float:left;
	padding: 0;
	margin: 0 5px 0 0;
	height: 24px;
	background-image: url(_gfx/formFondZoneDeSaisie.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#espacePerso .zoneDeSaisieFin {
	float:left;
	height: 24px;
	width: 10px;
	margin:0;
	padding:0;
	background-image: url(_gfx/formFinZoneDeSaisie.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#espacePerso .mesAchats {
	float: left;
	padding:15px 0 15px 50px;
	margin:0;
	background-image: url(_gfx/fondMesAchats.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#drapeaux{
	float: right;
	width: 1000px;
	margin: 0;
	padding: 0;
	text-align: right;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
	float: left;
	width: 1000px;
	color: #2d2e2e;
	font-size: 0.8em;
	text-align: center;
	padding: 0 0 0 20px 0;
	margin: 50px 0 20px 0;
}

#footer a {
	margin : 0 5px 0 5px;
	color: #2d2e2e;
	text-decoration: none;
	font-weight: normal;
}

#footer a:visited {
	margin : 0 5px 0 5px;
	color: #2d2e2e;
	text-decoration: none;
	font-weight: normal;
}

#footer a:hover {
	color: #2d2e2e;
	text-decoration: underline;
	font-weight: normal;
}

/* Menu général
-------------------------------------------------------- */

#menuHaut {
	display:block;
	float:left;
	width: 980px;
	padding: 0 0 0 20px;
	margin: 0;
	text-align: center;
	background-image: url(_gfx/fondMenuHaut.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
div#menuHaut ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
div#menuHaut li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
} 

div#menuHaut a, div#menuHaut a:visited {
	cursor: pointer;
	float: left;
	display: block;
	text-align: center;
	color: #CCCCCC;
	padding: 10px;
	margin: 0;
	font-weight: normal;
	background-image: url(_gfx/fondMenuHaut_DN.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

div#menuHaut a:hover {
	cursor: pointer;
	text-decoration:none;
	color: #FFFFFF;
	background-image: url(_gfx/fondMenuHaut_UP.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


/* Menu de droite
-------------------------------------------------------- */

#menuDeDroite {
	float:right;
	width: 170px;
	padding: 0;
	margin: 50px 0 0 0 ;
	text-align: center;
}

#menuDeDroite .photo {
	padding: 0;
	margin: 0 0 5px 0;
	text-align: center;
}

#menuDeDroite .titre {
	width: 170px;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
	font-weight: bold;
}


div#menuDeDroite ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
div#menuDeDroite li {
	float: left;
	margin: 0;
	padding: 10px 0;
	font-size: 0.9em;
} 

div#menuDeDroite a, div#menuDeDroite a:visited {
	cursor: pointer;
	text-align:center;
	text-align: center;
	color: #626164;
	font-weight: normal;
	padding:0;
	margin:0;
	
}

div#menuDeDroite a:hover {
	cursor: pointer;
	text-decoration:none;
	color: #FFFFFF;
}
/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #b7b8ba;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b7b8ba;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2f2f31;
	font-size: 0.9em;
}

.footerTableau {
	color: #b7b8ba;
	font-weight: bold;
	background-color: #151516;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2f2f31;
}

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

.obligatoire {
	color: #FF0000;
}

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

.lienTableau {
	display:block;
	float:left;
	padding: 0;
	margin: 0;
}
div.lienTableau ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
div.lienTableau li {
	float: left;
	margin: 0;
	padding: 0;
} 

div.lienTableau a, div#lienTableau a:visited {
	cursor: pointer;
	float: left;
	display: block;
	color: #CCCCCC;
	padding: 0;
	margin: 0;
	font-weight: normal;
	background-color: #151516;
}

div.lienTableau a:hover {
	cursor: pointer;
	text-decoration:none;
	color: #FFFFFF;
	background-color: #2f2f31;
}


#photozoom {
	float:left;
	overflow:hidden;
	display:block;
	
}

/* Menu deroulant page accueil - joel
-------------------------------------------------------- */
#newsTexte {
	width: 876px;
	margin-top: 14px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(_gfx/fondNewsIndex.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 20px;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 124px;
	font-size: 1em;
	color: #FFFFFF;
}

.deroulant {
	width: 850px;
	margin: 0;
	padding-top: 0;
}