body {
margin: 0 ;
padding:0;
font-family: verdana, Helvetica, sans-serif;
text-align: center ;
font-size: 12px;
color: #222222;
background-color: #ffffff;
}

div.preload {display:none;}
div.preload img {display:none;}

/********************************** Eléments génréraux de mise en page **************************************/

input[type=radio] {
	background-color: transparent !important;
	border:none !important;
	}


h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

p{
padding: 0;
margin: 0;
text-align:justify;
}

a {
outline: none;
}

img {
border: none;
}

form {
padding:0;
margin: 0;
}

.main {
	cursor:pointer;
	}

.clear {
clear: both;
}

.bold {
font-weight: bold;
}

.lineheight0{
line-height: 0px;
}

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

.color_bleu {
color : #5baaca;
}

.italic {
font-style:italic;
}

.floatleft {
float: left;
}
.floatright {
float: right;
}

.margintop5 {
margin-top: 5px;
}

.marginbottom5 {
margin-bottom: 5px;
}

.aligncenter {
	text-align:center;
	}

/********************************** Fin Eléments génréraux de mise en page **************************************/

.hr {
	height:1px;
	border-bottom:1px solid #9CB9D9;
	}

#main {
margin:0 auto;
width: 960px;
text-align: left ;
background-color: #ffffff;
}

#top {
width: 960px;
height: 270px;
background: url(images/gemmes.png) no-repeat 700px;
background-color: #ffffff;
}

h1#header {
height:51px;
float: left;
}

h1#header a.logo {
width: 321px ;
height: 149px ;
margin-top: 55px;
margin-left: 10px;
display: block ;
background: url(images/logo.png) no-repeat ;
text-indent: -5000px ;
}

.zone_recherche {
width: 280px;
margin-top: 200px;
font-size: 12px;
font-weight: bold;
color: #85c942;
float:right;
}

a.lien_logged {
	margin-top:10px;
	float:right;
	color: #9CB9D9;
	text-decoration: none ;
	font-weight:bold;
}

a.lien_logged:hover {
	color: #84a8c1;
	text-decoration: underline ;
}

.texte_recherche {
position: relative;
top: 4px;
width: 75px;
float:left
}

.input_newsletter{
width:140px;
height: 17px;
text-indent: 3px;
line-height: 18px;
margin-top: 1px;
color: #84a8c1;
font-size: 11px;
background-color: #ffffff;
border: 1px solid #42e1d2;
float:left;
}

.ok_newletter {
position: relative;
bottom: 5px;
right: 5px;
width: 32px;
height: 29px;
float:left;
}



#contenu {
width: 960px;
margin-left: 25px;
}


#zone_gauche {
width: 145px;
float: left;
}

#zone_menu {
min-height: 500px;
background: url(images/fond_menu.jpg) no-repeat;
}

h2.titre_boutique {
width: 145px;
height: 145px;
display:block;
text-indent: -5000px;
background: url(images/cadre_bijoux.png) no-repeat;
}

ul.liste_menu_gauche {
margin: 0 ;
padding: 0 ;
margin-top:10px;
list-style-type: none ;
}

ul.liste_menu_gauche li a {
width: 145px;
height: 14px;
display: block;
font-size: 14px;
font-weight: bold;
color:#9cb9d9;
padding-bottom: 8px;
line-height: 18px;
text-decoration: none;
background: url(images/fond_titre_menu.jpg) no-repeat;
}

ul.liste_menu_gauche li a:hover {
color:#89a2be;
}


ul.sousliste_menu_gauche{
margin: 0 ;
padding: 0 ;
margin-left: 1px;
margin-bottom: 5px;
list-style-type: none ;
}

ul.sousliste_menu_gauche li a {
font-size: 12px ;
display:inline;
font-weight: normal;
color: #a8bd44;
height: 18px;
line-height: 17px;
padding-left: 9px;
text-decoration: none ;
background: url(images/fleche.png) no-repeat 2px 5px;
}

ul.sousliste_menu_gauche li a:hover {
color: #90a23b;
text-decoration: none ;
}


ul.liste_entretien li {
font-size: 12px ;
font-weight: normal;
color: #009FC6;
padding-left: 9px;
margin-left:30px;
background: url(images/fleche.png) no-repeat 2px 5px;
}


#zone_centre {
margin: 0 9px 0 9px;
width: 452px;
float: left;
}

#zone_droite {
width: 145px;
float: left;
}

.zone_panier {
width: 143px;
height: 143px;
border: 1px solid #85c942;
}

h2.titre_panier {
width: 126px;
height: 27px;
margin-top: 6px;
margin-left: 10px;
margin-bottom:2px;
text-indent: -5000px;
display:block;
background: url(images/titre_panier.png) no-repeat;
}

.gauche_panier {
width: 70px;
margin-top:14px;
font-size: 14px;
font-weight: bold;
color: #7f946b;
text-align:right;
float:left
}

.prix {
font-size: 12px;
font-weight: normal;
}

.droite_panier {
margin-top:10px;
margin-left: 7px;
width: 30px;
float:left
}

.phrase_panier {
margin-top: 15px;
margin-left: 5px;
text-align: center;
font-size: 11px;
color: #7f946b;
font-weight: normal;
}

.zone_flash2 {
width: 145px;
margin-top: 8px;
}

#footer{
width: 960px;
margin: 0 auto;
text-align:center;
font-size:11px;
color: #4b769d;
}


ul#basdepage {
height: 45px ;
margin: 0 ;
padding: 0 ;
margin-left: 170px;
list-style-type: none ;
text-indent:4px;
}

ul#basdepage li {
float: left ;
text-align: center ;
}

ul#basdepage li a {
line-height: 31px ;
font-size: 11px ;
color: #5b8fbf;
display: inline;
text-decoration: none ;
}

ul#basdepage li a:hover {
color: #4b769d;
}

.lienref {
font-size: 12px;
color: #484848;
text-decoration:none;
}

.lienref:hover {
text-decoration:underline;
}

/* ********************************************************** Zone droite accueil ********************************************************************* */

#zone_droite_accueil {
	margin-left:9px;
	width: 145px;
	float: left;
	}

.coup_de_coeur, .meilleures_ventes, .nouveaute, .block_nouveaute, 
	.block_coup_de_coeur, .block_meilleures_ventes {
	width:143px;
	height:143px;
	}

.meilleures_ventes, .nouveaute {
	margin-top:10px;
	}
	
.block_nouveaute, .block_coup_de_coeur, .block_meilleures_ventes {
	}



/* *************************************Qui sommes nous ?********************************** */


h2.titre_qsn {
width:249px;
height: 23px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_qsn.png) no-repeat;
}

h2.titre_entretien_bijoux {
width:390px;
height: 21px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_comment_entretenir.png) no-repeat;
}

h2.titre_fdp {
width:142px;
height: 17px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_frais.png) no-repeat;
}


.texte_qsn {
width: 595px;
margin-left: 20px;
color: #009fc6;
}

.image_qsn {
float: right;
padding-left: 10px;
padding-bottom: 3px;
margin-right: 25px;
}



	


/* ********************************************************** Interieure ********************************************************************* */


.bandeaux_poucet {
margin-top:10px;
text-decoration:none;
float:left;
}

.lien_poucet, .lien_poucet2  {
font-size: 12px;
color: #87c945;
text-decoration:none;
}

.lien_poucet2  {
text-decoration:none;
}

.lien_poucet:hover {
text-decoration:underline;
}

#contenu_produits {
width: 960px;
}

#zone_centre_produits {
width: 640px;
margin: 0 15px 0 15px;
float: left;
}

.cadre_produits {
width: 648px;
height: 620px;
}

.block_produits, .block_produits2 {
width: 165px;
text-align: center;
margin-left: 21px;
margin-right: 30px;
margin-bottom: 28px;
float: left;
height:200px;
}

.block_produits2 {
margin-right: 0px;
}

.image_produits {
width: 110px;
height: 110px;
margin: 0 auto;
border: 1px solid #87a9c2;
}

h3.titre_produits {
font-size: 12px;
font-weight: bold;
color: #a5d774;
margin-top: 5px;
}

.prix_produits {
font-size: 13px;
font-weight: bold;
color: #7e936a;
margin-top: 3px;
}

.lien_produits {
width: 164px;
height: 22px;
display:block;
text-indent: -5000px;
margin-top: 5px;
background: url(images/bouton_consulter.png) no-repeat;
}

.lien_produits:hover {
background: url(images/bouton_consulter_on.png) no-repeat;
}


.precedent {
width: 88px;
height: 17px;
position:relative;
top: 20px;
left: 20px;
display: block;
text-indent:-5000px;
background: url(images/bouton_precedent.png) no-repeat;
float:left
}

.precedent:hover {
background: url(images/bouton_precedent_on.png) no-repeat;
}


.block_numero {
width: 250px;
height: 17px;
position:relative;
top: 20px;
left:110px;
text-align:center;
float:left
}

.lien_numero {
font-size: 12px;
font-weight:bold;
color: #85a8be;
text-decoration:none;
}

span.lien_numero {
font-size: 14px;
font-weight:bold;
color: #85C942;
text-decoration:none;
}

.lien_numero:hover {
color: #5f7787;
}


.suivant {
width: 88px;
height: 17px;
position:relative;
top: 20px;
right: 10px;
display: block;
text-indent:-5000px;
background: url(images/bouton_suivant.png) no-repeat;
float:right
}

.suivant:hover {
background: url(images/bouton_suivant_on.png) no-repeat;
}

.liens_suivant {
font-size: 12px;
font-weight: bold;
color: #6c3f21;
text-decoration: none;
}

.liens_suivant:hover {
color: #a86f49;
}


/* *************************************fiche********************************** */

.zone_gauche_fiche {
width: 288px;
float: left;
}

.image_fiche {
width: 214px;
height: 214px;
border: 1px solid #8fafc8;
}

.imageProduit {
	height:214px;
}

.petite_image_fiche {
width:40px;
height: 40px;
margin-top: 5px;
margin-right: 10px;
border: 1px solid #8fafc8;
float: left;

}

.zone_droite_fiche {
width: 325px;
margin-bottom: 10px;
margin-left: 15px;
float: left;
}

h4.titre_fiche {
font-size: 18px;
color: #85c942;
}

ul.liste_coup_de_coeur {
padding: 0;
margin: 0;
margin-top: 10px;
list-style-type: none;
}

ul.liste_coup_de_coeur li {
font-weight: bold;
font-size: 11px;
line-height: 15px;
color: #7390a5;
}

.texte_fiche {
padding:0;
margin:0;
color: #85a7c0;
margin-top:5px;
font-size: 12px;
text-align:justify;
min-height: 80px;
}

.texte_ref {
padding:0;
margin:0;
color: #85a7c0;
margin-top:5px;
font-size: 12px;
text-align:justify;
}

.prix_fiche {
font-size: 17px;
color: #85c942;
margin-left: 190px;
float: left;
}

.affichage_prix_fiche {
font-size: 17px;
color: #81936d;
float: right;
}

.panier_fiche {
width: 325px;
margin-top: 5px;
}


.liste_deroulante {
width: 325px;
padding-top: 5px;
margin-right: 10px;
background: url(images/traits.gif) no-repeat right 8px;

}

.bouton_panier_fiche {
width: 160px;
margin-top: 12px;
margin-left: 5px;
float:right;
}

form.fiche {
width: 135px;
color: #f400a1;
font-size: 11px;
float: right;
}


form.fiche label {
width: 90px;
display: inline-block;
font-weight: bold;
color: #7390a5;
}

form.fiche select {
height: 19px;
font-size: 11px;
border: 1px solid #84a6bf;
background-color: #ffffff;
}

form.fiche select:hover {
background-color: #fefefe;
}


form.fiche fieldset ul {
margin: 0;
padding: 0;
padding-left:10px;
}

form.fiche fieldset li {
margin: 0;
padding: 0;
list-style: none;
padding-top: 2px;
}

form.fiche em {
font-weight: bold;
font-style: normal;
color: #f00;
}

.retour {
width: 154px;
height: 18px;
display: block;
text-indent:-5000px;
background: url(images/bouton_retour.png) no-repeat;
float:right;
}

.retour:hover {
background: url(images/bouton_retour_on.png) no-repeat;
}

.toolTip {
	width:160px;
	padding :2px 3px 2px 3px ;
	opacity:0.9;
	color:black;
	position : absolute;
	z-index : 100;
	background-color : white;
	border:1px solid black;
	}

/* ******************************panier******************************* */


#entete_panier {
margin-left: 85px;
margin-top: 5px;
width:500px;
}

#listepanier {
padding: 0;
margin: 0;
float:left;
}

ul#etapes_panier {
padding: 0;
margin: 0;
list-style:none;
display:inline;
}

ul#etapes_panier li {
display:inline;
}

ul#etapes_panier li img {
margin-right: 15px;
}

.barreColonnesPanier {
width: 630px;
height: 18px;
margin-left: 7px;
background-color: #84a8c1;
color:#dce6ed;
}

.fontSize10 {
	font-size: 10px;
}

.titreProduit, .titreDescription, .titrePrixUnitaire, .titreQuantite, .titrePrix, .titreSupprimer {
font-size: 11px;
font-weight: bold;
margin-top: 3px;
padding-left: 5px;
padding-right: 5px;
float:left;
}

#page_panier .block_produit, .blocEspacePerso .block_produit {
width: 630px;
height: 35px;
margin-top: 5px;
margin-left: 7px;
border-bottom: 1px solid #dce6ed;
}

.blockProduit, .blockDescription, .blockPrix, .blockQuantite, .blockPrixTotal, .blockSupprimer {
	height: 35px;
	color: #7F946B;
	padding-left: 5px;
	padding-right: 5px;
	background: url(images/pointilles_produit.jpg) no-repeat right top;
	float: left;
	}

.titreProduit, .blockProduit {
	text-align : center;
	width : 250px;
	}

.titreDescription, .blockDescription {
	width:250px;
	}

.titrePrixUnitaire, .blockPrix {
	text-align : center;
	width:90px;
	}
    
.titreQuantite, .blockQuantite {
	text-align : center;
	width:70px;
	}      
	  
.titrePrix, .blockPrixTotal {
	text-align : center;
	width:80px;
	}

.titreSupprimer, .blockSupprimer {
	width:50px;
	text-align : center;
	background:none;
	}

.lienProduitPanier {
color: #7F946B;
font-weight: bold;
text-decoration: none;
padding-right: 10px;
padding-left : 5px;
}

.lienProduitPanier:hover {
font-weight: bold;
text-decoration: underline;
}

.barrePrixTotalHT, .barreTaxes, .barrePrixTotalTTC {
	color: #7F946B;
	width:256px;
	height:20px;
	margin-top: 5px;
	margin-left: 345px;
	border-bottom: 1px solid #dce6ed;
	font-weight:bold;
	}

.titrePrixSomme {
	float: left;
	width : 100px;
}

.contentPrix {
	text-align:right;
	float: left;
	width:73px;
}

/* **************************************************************** Livraison**************************************************************** */

h5.titreVerifierVosInformations {
	width: 296px;
	height:39px;
	margin-left: 2px;
	margin-top: 2px;
	text-indent: -5000px;
	display: block;
	background: url(images/titres/titre_verifier_informations.png) no-repeat;
	}

h5.titreCoordonneLivraison {
	width: 380px;
	height:39px;
	margin-left: 2px;
	margin-top: 2px;
	text-indent: -5000px;
	display: block;
	background: url(images/titres/titre_coordonnees_livraison.png) no-repeat;
	}



.tooltipErreurAdresse {
	padding :2px 3px 2px 3px ;
	border:none;
	opacity:0.9;
	color:black;
	position : absolute;
	z-index : 100;
	background-color : white;
	border:1px solid black;
	width:200px;
}

.colonne_adr{
	float:left;
	color: #7F946B;
	width:260px;
	margin-left:80px;
	font-size: 12px;
	border-right: 1px solid #dce6ed;
}

.colonne_adr2{
	float:left;
	color: #7F946B;
	width:225px;
	margin-left:30px;
	font-size: 12px;
}

h5.descriptif {
padding:0;
margin:0;
padding-left:17px;
margin-top: 5px;
font-size: 12px;
color: #7F946B;
font-weight: bold;
text-align:left;
background: transparent url(images/fleche.png) no-repeat scroll 2px 5px;
}

/************************** Inscription *********************************/

.form_inscription {
	width:500px;
	margin:auto;
	}
	
	.form_inscription fieldset {
		border: 1px solid #dce6ed;
	}
	
	.form_inscription ul {
		padding: 0;
		margin: 0;
		list-style:none;
	}
	
		.form_inscription ul li {
			margin-bottom:5px;
		}
	
		.form_inscription ul li input[type=text], .form_inscription ul li input[type=password] {
			width:255px;	
		}
		
		.form_inscription ul li select {
			width:250px;	
		}
		
		.form_inscription ul li textarea {
			margin-top:5px;
			width:470px;
		}
		
		.form_inscription ul li label {
			display:inline-block;
			width:200px;
			text-align:right;
			margin-right:10px;
			color:#7F946B;
		}
		
		.form_inscription ul li label.auto {
			width:auto;
		}
		
		.form_inscription ul li label.left {
			text-align:left;
		}
		
		

/* **************************************************************** Espace Perso **************************************************************** */

h6.titre {
padding:0;
margin:0;
padding-left:17px;
margin-top: 5px;
font-size: 12px;
color: #7F946B;
font-weight: bold;
text-align:left;
background: transparent url(images/fleche.png) no-repeat scroll 2px 5px;
}

h3.titreEspacePerso {
	width: 380px;
	height:39px;
	margin-left: 2px;
	margin-top: 2px;
	text-indent: -5000px;
	display: block;
	background: url(images/titre_espace_perso.png) no-repeat;
	}

h5.titreQueSouhaitez {
	width: 380px;
	height:39px;
	margin-left: 2px;
	margin-top: 2px;
	text-indent: -5000px;
	display: block;
	background: url(images/titres/titre_que-souhaitez-vous-faire.png) no-repeat;
	}
	
h5.titreChoisissezCommande {
	width: 380px;
	height:39px;
	margin-left: 2px;
	margin-top: 2px;
	text-indent: -5000px;
	display: block;
	background: url(images/titres/titre_choisissez_commande.png) no-repeat;
	}
	
h6.titreBonjourPerso {
	font-size: 14px;
	font-weight: bold;
	color:#545555;
	margin-left:46px;
	}

.blocEspacePerso {
	margin-left:7px;	
	}

.blocEspacePerso h5.descriptif {
	margin-bottom:5px;
	}

ul.liste_esperso {
	list-style-type:none;
	color:#7F946B;
}

ul.liste_esperso li a {
	background: transparent url(images/fleche.png) no-repeat scroll 2px 5px;
	display:inline;
	height:22px;
	line-height:18px;
	padding-left:13px;
	color: #9CB9D9;
	text-decoration: none ;
	font-weight:bold;
	text-indent:0;
}
ul.liste_esperso li a:hover {
	color: #84a8c1;
	text-decoration: underline ;
}
.width_span {
	width:315px;
	}




/* ******************************Contact******************************* */

h3.titre_contact{
width: 134px;
height:35px;
margin-left: 2px;
margin-top: 2px;
text-indent: -5000px;
display: block;
background: url(images/titres/titre_contact.gif) no-repeat;
}

h6.titre_contactez-nous {
width: 203px;
height: 36px;
margin-top: 20px;
margin-bottom: 10px;
text-indent: -5000px;
display: block;
background: url(images/titres/titre_contactez-nous.gif) no-repeat;
}


.zone_droite_contact {
width: 200px;
margin-right:50px;
float: left;
}

h6.titre_coordonnees{
width: 177px;
height: 36px;
margin-top: 20px;
margin-bottom: 10px;
text-indent: -5000px;
display: block;
background: url(images/titres/titre_coordonnees.gif) no-repeat;
}

.placement_bouton_valider {
margin-top: 2px;
margin-left: 350px;
}

/***********************SITEMAP*************************/
.col{
	float: left;
	width: 240px;
	margin-left:50px;
}

.col1 {
	border-right:1px solid #9CB9D9;
	}

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

h5.soustitre_services {
	font-size:14px;
	font-weight:bold;
	color:#7F946B
}
ul.liste_sitemap li a, ul.liste_sitemap li span {
width: 158px;
height: 23px;
display: block;
font-size: 12px;
font-weight: bold;
color:#7F946B;
padding-left: 20px;
line-height: 27px;
text-decoration: none;
}

ul.liste_sitemap li a:hover {
text-decoration:underline;
}


ul.sousliste_sitemap{
margin: 0 ;
padding: 0 ;
margin-left: 1px;
list-style-type: none ;
}

ul.sousliste_sitemap li a {
font-size: 12px ;
font-weight: normal;
display:inline;
color: #7F946B;
height: 18px;
line-height: 17px;
padding-left: 40px;
text-decoration: none ;
background: none;
}

ul.sousliste_sitemap li a:hover {
text-decoration:underline;
}

.border_none, .border_none:hover{
border: none !important;
}

.bloc_livraison{
margin-left:30px;
}

.form_gauche{
padding:0;margin:0;
width: 159px;
height:28px;
padding-left:3px;
padding-bottom:5px;
background-color:#181619 !important;
}

/******************************** Newsletter ********************************/

h2.titre_nl {
width:140px;
height: 19px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_nl.png) no-repeat;
}

label.label_news {
	display:block;
	margin-right:10px;
	margin-top:4px;
	float:left;
	color:#85C942;
	font-size:12px;
	font-weight:bold;
	}

/******************************** ML ********************************/

h2.titre_ml {
width:215px;
height: 24px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_ml.png) no-repeat;
}


/******************************** CGV ********************************/

h2.titre_cgv {
width:417px;
height: 24px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_cgv.png) no-repeat;
}


/******************************** Contact ********************************/

h2.titre_contact {
width:98px;
height: 18px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_contact.png) no-repeat;
}

/******************************** Site map ********************************/

h2.titre_sitemap {
width:149px;
height: 19px;
display:block;
text-indent:-5000px;
margin-bottom: 10px;
margin-left: 20px;
background: url(images/titre_plan_du_site.png) no-repeat;
}