/*Général*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
text-align:justify;
margin: 0;
padding: 0;
}
#conteneur {
width: 1044px;
margin: 0 auto; 
background:url(images/fond.jpg) repeat-y;
}
#header {
margin-left:22px;
margin-right:22px;
height: 128px;
}
#haut {
margin-left:22px;
margin-right:22px;
height: 68px;
background:url(images/fond_haut.jpg) 0 0 no-repeat;
}
#chemin{
font-size: 11px;
margin-left:75px;
margin-top:10px;
margin-bottom:10px;
color:#A8A8A8;
}
#bandeauaccueil{
margin-left:22px;
margin-right:22px;
height:82px;
background:url(images/bandeau_accueil.gif) center 0 no-repeat;
}
#centre {
margin-left:22px;
margin-right:22px;
}
#centrecontenu {
line-height:17px;
margin-top:20px;
margin-bottom:40px;
margin-left:75px;
margin-right:75px;
}
#centrecontenucontact {
background:url(images/fond_contact.jpg) 0 0 no-repeat;
height:562px;
width:934px;
line-height:17px;
margin-top:20px;
margin-bottom:40px;
margin-left:60px;
margin-right:75px;
border:1px solid #FFFFFF;
}
div#textecontact{
text-align:center;
margin-left:80px;
margin-top:80px;
width:470px;

}
/*Général*/
a {
font-family:Arial, Helvetica, sans-serif;
color:#BEA876;
font-weight:bold;
text-decoration:none
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#504E4F;
font-weight:bold;
}

#pied {
clear:both;
margin-left:22px;
margin-right:22px;
height: 129px;
background:url(images/fond_pied.jpg) repeat-x;
border-bottom:1px solid #CCCCCC;
}
p {margin: 0 0 10px 0;}
/*Menu haut*/
div#haut ul.menuhaut {
padding-top:0px;
margin-left:50px;
}
.menuhaut {
font-size:11px;
list-style-type: none;
margin: 0;
padding:0;
color:#CCCCCC;
}
.menuhaut li {
display: inline;
padding: 0 3px;
text-align:center;
}

.menuhaut a {
color:#D7D7D7;
font-weight:bold;
text-decoration: none;
}
.menuhaut a:hover {
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
.menuhaut a#active {
font-weight:bold;
color: #FFFFFF;
text-decoration: none;
}
/*Menu outils*/
div#haut ul.outils {

}
ul.outils {
font-size:11px;
list-style-type: none;
margin: 0;
padding:0;
height:21px;
}
ul.outils li {
float:right;
padding:5px;
}
li#panier {
padding-right:35px;
background:url(images/fond_panier.jpg) 100% 0 no-repeat;
}
li#compte {
background-color:#990000;
background:url(images/fond_compte.jpg) repeat;
}
ul.outils a {
color:#333333;
text-decoration: none;
}
ul.outils a:hover {

}
ul.outils a#active {
font-weight:bold;
text-decoration: none;
}
/*Menu catégories*/
div#haut ul.categories {
font-size:11px;
margin-left:0px;
margin-top:14px;
width: 641px;
}
ul.categories {
list-style-type: none;
margin: 0;
padding:0;
}
ul.categories li {
display: inline;
}

ul.categories a {
float:left;
margin: 0 4px;
color:#999999;
text-decoration: none;
height:23px;
}
ul.categories a:hover {
color: #605F64;
text-decoration: none;
background:url(images/fond_categories.jpg) center 14px no-repeat;
}
ul.categories a#active {
color: #605F64;
text-decoration: none;
background:url(images/fond_categories.jpg) center 14px no-repeat;
}
/*chemin*/
#chemin a {
color: #A8A8A8;
font-size:11px;
text-decoration:none;
}
#chemin a:hover {
font-size:11px;
color: #605F64;
}
/*pied*/
div#motscles{
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
padding:13px 20px 10px 20px;
text-align:justify;
line-height:16px;
}
div#motscles a{
text-decoration:underline;
color:#FFFFFF;
font-weight:normal;
}


div#lienspied {
margin-top:16px;
text-align:center;
}

div#lienspied a {
color:#999999;
text-decoration: none;
font-size:11px;
}
div#lienspied a:hover {
color: #605F64;
text-decoration: none;
}
div#lienspied a#active {
font-weight:bold;
text-decoration: none;
}
/*affichage catégorie*/
div.categorie{
float:left;
margin-right:31px;
margin-left:35px;
margin-bottom:20px;
height:253px;
width:262px;
background:url(images/fond_categorie.jpg) 0 0 no-repeat;
}

div.photo{
width:240px;
margin-left:10px;
margin-top:2px;
margin-bottom:0px;

}
div.photo img{
border:0px;
margin:0px;
padding:0px;

}

div.categorie span.legende{
float:right;
text-align:right;
margin-right:16px;
margin-top:22px;
}
div.categorie span.titre{
color:#525051;
}
div.categorie span.chapeau{
font-size:9px;
color:#8A7363;
}
/*affichage catégorie liste*/
div.categorie_liste{
float:left;
margin-right:31px;
margin-left:43px;
margin-bottom:20px;
height:266px;
width:251px;
background:url(images/fond_categorie_liste_produit.jpg) 0 0 no-repeat;

}

div.categorie_liste span.legende{
float:right;
text-align:right;
margin-right:12px;
margin-top:22px;
}
div.categorie_liste span.titre{
color:#525051;
}
div.categorie_liste span.chapeau{
font-size:9px;
color:#8A7363;
}
div.categorie_liste span.prix{
float:left;
text-align:center;
line-height:10px;
width:38px;
font-size:11px;
color:#666666;
margin-top:30px;
margin-left:5px;
}
/*Fiche produit*/
div#ficheproduit{
padding-right:40px;
padding-left:30px;
height:auto;
width:940px;
}
div#description{
float:left;
width:292px;
/*height:630px;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
padding-bottom:30px;

}
div#description h1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#717075;
}
div#description h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#C8B08C;
margin-bottom:0px;
}
div#description h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
}
div.cellule{
font-size:11px;
margin-top:5px;
padding:5px;
background-color:#DEDFE1;
}
div.cellule span{
font-size:12px;
}
div#photo{
float:right;
width:594px;
text-align:center;
margin-bottom:10px;

}
img#zoom{
border:1px solid #CCCCCC;
}
div#vignettes{
text-align:center;
margin-top:10px;

}
div#vignettes span{
text-align:center;
display:block;
padding:5px;

}
div#liste{
margin-top:5px;
width:600px;
}
div#vignettes img{
margin-top:5px;
margin-right:10px;
border:1px solid #CCCCCC;
}
div#acheter{
height:32px;
width:197px;
background:url(images/b_acheter.jpg) 0 0 no-repeat;
margin-top:10px;
margin-left:40px;
}
#prixPomo{
color:#FF0000;}
/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */
h2 {
font-size:16px;
}
h3{
font-size:14px;
}
.enteteTableau {
	color: #504E4F;
	font-weight: bold;
	background-color: #D9D9D9;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
}

.footerTableau {
	color: #504E4F;
	font-weight: bold;
	background-color:#F2F2F2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	text-align: right;
	margin: 10px;
	padding-right:48px;
}
.boutonMonCompteContenu input{
background-color:#CCCCCC;
border:0px;
cursor:pointer;
}

.zoneDeSaisie {
	color: #504E4F;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #504E4F;
}
/* Eléments contenus
-------------------------------------------------------- */
.texteDescription{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:14px;
color:#C8B08C;
margin-bottom:0px;
}
.texteLegende{
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:10px;
}
.titrePageGris{
color:#666666;
font-size:18px;
font-weight: bold;
}
.titrePageMarron{
color:#907A6D;
font-size:18px;
font-weight: bold;
}
.textegris{
color:#666666;
font-size:14px;
}
.texterouge{
color:#FB747B;
font-size:14px;
}
.textebleu{
color:#5278A7;
font-size:14px;
}
.textefuchia{
color:#EE1F74;
font-size:14px;
}
.textebordeau{
color:#B41D15;
font-size:14px;
}

a.textegris{
color:#666666;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
a.texterouge{
color:#FB747B;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
a.textebleu{
color:#5278A7;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
a.textefuchia{
color:#EE1F74;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
a.textebordeau{
color:#B41D15;
font-size:14px;
text-decoration:none;
font-weight:bold;
}
hr{
height:1px;
}
/*Zone accueil*/
#zoneaccueil{
clear:both;

margin: 20px auto;

padding:10px;
width:890px;
border:1px #CCCCCC solid;
text-align:center;
}
a#retouraccueil{
float:left;
width:330px;
height:20px;
}