/* www.wkmonaco.com */

/* @group Général */

html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, "Bitstream Vera Sans",  Helvetica, sans-serif;
	font-size: 0.8em;
	color: #fff;
	background: #3c3c3c url(/css/bg_orchids.jpg) no-repeat center top;
	/*background-color: #3c3c3c;*/
}

/* @group Redéfinitions */

.cacher, .zone_pas_css {
	display: none;
}

.centrer {
	text-align: center;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

label:hover {
	cursor: pointer;
}

hr.mef {
	margin: 0;
	padding: 0;
	font-size: 1px;
	height: 0;
	visibility: hidden;
	clear: left;
}

#menu_lateral hr.mef {
	clear: right;
}

/* @end */
/* @end */

/* @group Entête */

#entete, #fil_ariane, #contenu, #pied {
	margin: 0 auto;
	width: 924px;
	font-size: 12px;
}

#entete {
	margin: 10px auto;
	height: 75px;
	text-align: right;
}

#entete p {
	position: relative;
}

#entete #logo {
	float: left;
	margin-left: 47px;
}


/* @group Formulaire d'authentification Clients (inclus dans #entete) */

#clientForm {
	font-size: 10px;
}

#clientForm fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

#clientForm legend {
	display: none;
}

#clientForm p {
	margin-top: 0;
}

#clientForm label {
	text-transform: uppercase;
}

#clientForm p.liens a {
	color: #fff;
	font-weight: bold;
	/*text-decoration: underline;*/
	/*cursor: default;*/
}

#clientForm input[type=text],
#clientForm input[type=password] {
	border: #404040 1px solid;
	width: 113px;
	margin-right: 45px;
}

#clientForm input[type=image] {
	position: absolute;
	right: 0;
}

/* @end */

#menu_client h2 {
	margin: 0;
	padding-top: 23px;
	font-size: 14px;
	text-transform: uppercase;
}

#menu_client p {
	font-size: 12px;
}

#menu_client p a {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @group Menu */

/* ID Tableau_01 : Menu général */

#Tableau_01 {
	clear: both;
	margin: 0px auto;
	width: 921px;
	height: 35px;
	border: 0;
	background-color: #3c3c3c;
}

#Tableau_01 tr td:first-child a {
	margin-left: 1px;
}

#Tableau_01 a {
	display: block;
	width: 183px;
	height: 35px;
	background: no-repeat 0 0;
}

#Tableau_01 a:hover {
	background: no-repeat 0 -35px;
}

#Tableau_01 a:active {
	background: no-repeat 0 -35px;
}

#Tableau_01 a#menu_actif {
	background: no-repeat 0 -35px;
}

#Tableau_01 a#menu_actif:hover {
	background: no-repeat 0 -35px;
}

#Tableau_01 a span {
	visibility: hidden;
}


/* Fil_Ariane : Fil d'Ariane qui suit la navigation */

#fil_ariane {
	width: 920px;
	line-height: 20px;
	height: 20px;

}

#fil_ariane a {
	color: #fff;
}








/* Smenu : Sous-menu */

#menu_lateral {
	width: 170px;
	background-color: #fff;
	/*border-right: #bfbfbf 1px solid;*/
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
}

#menu_lateral dl {
	margin: 0 0 22px 0;
	padding: 0 0 10px 0;
}

#menu_lateral dl.dernier {
	margin-bottom: 0;
}

#menu_lateral dl#collection_active {
	/*background: url(/css/fd_collection_active.png) repeat-y right 0;*/
}

#menu_lateral dl#collection_active dt {
	border-bottom: none;
}

#menu_lateral dl dt {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: #d9d7d0 1px solid;
}

#menu_lateral dl dt a {
	display: block;
	width: 170px;
	height: 37px;
	background: no-repeat 0 0;
}

#menu_lateral dl dt a:hover {
	background: no-repeat -170px 0;
}

#menu_lateral dl dt a span {
	visibility: hidden;
}

#menu_lateral dl dd {
	padding:0;
	margin: 0 0 5px 0px;
}

#menu_lateral dl dd a {
	color: #3c3c3c;
	padding-left: 4px;
	font-size: 13px;
	/*background: transparent url(/css/fd_type.png) no-repeat 0 50%;*/
}

#menu_lateral dl dd a:hover {
	text-decoration: underline;
}

#menu_lateral dl dd a#type_actif {
	/*background: transparent url(/css/fd_type_actif.png) no-repeat 0 50%;*/
	color: #000;
	font-weight: bold;
	text-decoration: underline;
}

/* @end */


/* @group Contenu */
#contenu {
	background-color: #fff;
	color: #000;
	border: #808080 1px solid;
	-moz-border-radius: 4px;
}

#contenu h1 {
	margin-left: 30px;
}

#contenu #actu_ligne {
	margin-top: 20px;
	text-align: left;
	background: url(/css/fd_accueil_actu.png) 0 0 no-repeat;
	line-height: 30px;
	height: 30px;
	position: relative;
}

#contenu #actu_lien {
	font-family: "Myriad Pro", "Bitstream Vera Sans",  Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	margin-left: 110px;
}

#contenu #actu_titre {
	display: none;
}

#contenu #actualites {
	margin: 0 50px;
}

#contenu #logos_liens {
	margin: 50px auto;
	width: 700px;
	padding: 0;
	text-align: center;
}

#contenu #logos_liens li {
	margin: 0 30px;
	padding: 0;
	display: inline;
}

#contenu #logos_liens li img {
	padding: 20px 0;
}

/* @group Affichage des bijoux */
#bijoux {
	margin: 10px 0 10px 170px;
	padding: 5px 0;
	border-left: #bfbfbf 1px solid;
}

#bijoux #produit, #bijoux #produit dd, #bijoux p {
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#bijoux #produit dt {
	font-size: 24px;
	font-weight: bolder;
	margin-bottom: 20px;
}

#bijoux #produit dd {
	padding: 0;
}

#bijoux #produit dd#prix_or_jaune,
#bijoux #produit dd#prix_or_blanc {
	font-size: 24px;
	font-weight: bolder;
}

#bijoux #produit dd#prix_or_jaune, span#prix_or_jaune {
	color: #847248;
}

#bijoux #produit dd#prix_or_blanc, span#prix_or_blanc {
	color: #666;
}

#bijoux #produit dd p.base_or {
	font-weight: bolder;
	font-size: 12px;
}

#bijoux #produit dd#apercu {
	float: left;
	width: 320px;
	text-align: center;
}

#bijoux #produit #caracteristiques {
	margin: 20px 0;
}

#bijoux #produit #caracteristiques_seules {
	margin: 141px 0 20px 0;
}
#bijoux #produit #caracteristiques dt, #bijoux #produit #caracteristiques_seules dt {
	font: normal 14px/20px Arial, "Bitstream Vera Sans",  Helvetica, sans-serif;
	float: left;
	width: 225px;
	margin: 0;
}

#bijoux #produit #caracteristiques dd,#bijoux #produit #caracteristiques_seules dd {
	font: bolder 14px/20px Arial, "Bitstream Vera Sans",  Helvetica, sans-serif;
}

#bijoux #ajout_panier, #bijoux #fermer_fiche {
	float: left;
	width: 188px;
	height: 29px;
	margin: 40px 27px 0 0;
}

#bijoux #ajout_panier { background: url(/css/bt_ajout_panier.png) no-repeat; }
#bijoux #fermer_fiche { background: url(/css/bt_fermer_fiche.png) no-repeat; }

#bijoux #ajout_panier:hover, #bijoux #fermer_fiche:hover {
	background-position: left -29px;
}

#bijoux #ajout_panier span, #bijoux #fermer_fiche span {
	display: none;
}

#bijoux #certificat_bijoux {
	float: left;
	margin-top: 60px;
	height: 100px;
	padding-top: 40px;
}
#bijoux #certificat_bijoux p {
	margin-left: 300px;
}

#bijoux div.eaudouce { background: #fff url(/css/fd_certificat_eaudouce.png) no-repeat; }
#bijoux div.tahiti { background: #fff url(/css/fd_certificat_tahiti.png) no-repeat; }
#bijoux div.akoya { background: #fff url(/css/fd_certificat_akoya.png) no-repeat; }
#bijoux div.wkmc { background: #fff url(/css/fd_certificat_wkmc.png) no-repeat; }
/* @end */

/* @group Menu Collections */
#collections { /* balise <ul> */
	margin: 0;
	padding: 0;
	width: 925px; /* On force plus large pour avoir un rendu correct du rollover */
	overflow: hidden;
	height: 400px;
	border-bottom: #999 1px solid;
}

#collections li {
	list-style-type: none;
	float: left;
}

#collections li a {
	display: block;
	width: 184px;
	height: 400px;
	margin-right: 1px; /* Pour palier au fait que 184x5 != 924px ! */
}

#collections li a span { visibility: hidden; }

#collections li a:hover { /* Commun à toutes les catégories */
	background: no-repeat -184px 0;
}

#collections #bt_eaudouce { background-image: url(/css/bt_eaudouce.png); }
#collections #bt_tahiti { background-image: url(/css/bt_tahiti.png); }
#collections #bt_akoya { background-image: url(/css/bt_akoya.png); }
#collections #bt_mersdusud { background-image: url(/css/bt_mersdusud.png); }
#collections #bt_wkmc { background-image: url(/css/bt_wkmc.png); }
/* @end */

/* @group Liste des bijoux */
#liste_bijoux {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
}

#liste_bijoux li {
	float: left;
	margin: 5px 12px 15px 12px;
	text-align: center;
	width: 100px;
}

#liste_bijoux li a {
	display: block;
	width: 100px;
	font-weight: bolder;
	color: #fff;
}

#liste_bijoux li a.ref {
	line-height: 19px;
	background: transparent url(/css/bt_lien_bijoux.png) left top no-repeat;
}

#liste_bijoux li a.ref:hover {
	background-position: 0 -38px;
}
/* @end */

/* @group Actualités */
.actualites {
	margin: 40px 50px 10px 50px;
}

#actu_ligne h2 {
	display: inline;
}

#actu_ligne div.addthis_toolbox {
	position: absolute;
	top: 6px;
	right: 2px;
	line-height: 20px;
}
/* @end */

/* @group Formulaire de recherche */
div#recherche {
	height: 69px;
}

#forms_recherche form fieldset {
	border: 0;
	margin: 0;
	padding: 5px 0 0 0;
}

#forms_recherche form fieldset#par_reference {
	border-bottom: #BFBFBF 1px solid;
	padding-bottom: 20px;
}

#forms_recherche form fieldset#avancee fieldset {
	margin: 10px;
}

#forms_recherche form fieldset#avancee legend {
	font-size: 20px;
}

#forms_recherche form fieldset#avancee h3 {
	clear: both;
	margin-bottom: 5px;
}

#forms_recherche form h2, div#recherche p {
	background: url(/css/fd_recherche.png) 10px 50% no-repeat;
	margin: 0;
	padding-left: 45px;
	line-height: 30px;
	font-family: "Myriad Pro", "Bitstream Vera Sans",  Helvetica, sans-serif;
	font-size: 17px;
	text-transform: uppercase;
}

#forms_recherche form fieldset#par_reference h2 {
	float: left;
	margin-right: 5px;
}

#forms_recherche p.explication {
	font-size: 12px;
}

#recherche_ref input[type=text] {
	/*border: #404040 1px solid;*/
	width: 116px;
	position: relative;
	bottom: 1px;
	right: 2px;
}

#forms_recherche form fieldset p {
	line-height: 30px;
	padding-left: 45px;
}

#forms_recherche form fieldset ul {
	padding: 0;
	margin: 0 0 0 5px;
	list-style-type: none;
}

#forms_recherche form fieldset li {
	float: left;
	margin-right: 20px;
	width: 18.5em;
}

#forms_recherche form fieldset ul label {
	/*display: block;*/
	margin-bottom: 18px;
	font-size: 11px;
	font-weight: bolder;
}

#forms_recherche form fieldset li.en2lignes label {
	margin-bottom: 5px;
}

#forms_recherche form fieldset li.en2lignes span.mef {
	display: block;
}

#forms_recherche form fieldset input[type=text],
#forms_recherche form fieldset select {
	/*border: #404040 1px solid;*/
	width: 116px;
}

#forms_recherche form fieldset input#coef,
#forms_recherche form fieldset input#tranche-min,
#forms_recherche form fieldset input#tranche-max {
	width: 30px;
}

div#recherche #recherche_ref, div#recherche #recherche_avancee {
	float: left;
	margin: 0;
	width: 446px;
}
/* Du fait du padding de 50px, le width est différent */
div#recherche #recherche_avancee { width: 396px; }

div#recherche p  {
	line-height: 69px;
}

div#recherche p a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #f00;
	text-transform: none;
}

div#recherche_ref input[type=text] {
	border: #404040 1px solid;
	width: 116px;
	position: relative;
	bottom: 1px;
	right: 2px;
}

#recherche_ref input[type=image], #par_reference input[type=image] {
	position: relative;
	top: 5px;
	left: 2px;
}

#avancee input[type=image] {
	position: relative;
	top: 19px;
}

#recherche_nulle p {
	padding-left: 45px;
	line-height: 27px;
	font-size: 13px;
}

#recherche_nulle p a {
	text-decoration: underline;
	color: #000;
}

#recherche_nulle p a:hover {
	font-weight: bolder;
}

#recherche_nulle p#message {
	background: url(/css/fd_attention.png) 10px 50% no-repeat;
	color: #e2001a;
	text-transform: uppercase;
	font-weight: bolder;
}

#forms_recherche label.error {
	color: red;
	margin: 0 10px;
}

#forms_recherche input.error {
	border: red 1px solid;
}
/* @end */

/* @group Formulaire contact / devenir membre */
/*#contactForm {
	width: 460px;
	margin: 20px auto;
}*/

/*#contactForm p {
	text-align: justify;
	margin: 12px 0 0 0;
}*/

/*#contactForm fieldset {
	border: 0;
}*/

/*#contactForm label {
	float: left;
	width: 22%;
	padding-right: 5px;
	text-align: right;
	line-height: 20px;
}*/

/*#contactForm legend {
	display: none;
}*/

/*#contactForm input[type=text],
#contactForm textarea {
	border: #A5ACB2 1px solid;
	background-color: #fefefe;
}*/

/*#contactForm input[type=text] {
	width: 70%;
}*/

/*#contactForm textarea {
	display: block;
	width: 100%;
}*/

/*#contactForm .aide_saisie {
	color: #bf0000;
	font-size: 11px;
	margin: 0;
}*/

/*#contactForm .btn_envoyer {
	text-align: right;
}*/

.contactFormErreur, .devenirmembreFormErreur {
	width: 460px;
	margin: 20px auto;
	color: #bf0000;
}

#contactFormOk, #contenu #simple_message {
	margin: 180px auto;
	text-align: center;
	font-size: 14px;
	font-style: italic;
}

#contactFormOk a, #simple_message a {
	color: #000;
}

#contactFormOk span {
	display: block;
}

#contactFormOk a strong, #simple_message a {
	text-decoration: underline;
}

#contactForm, #devenirMembre {
	width: 800px;
	margin: 20px auto;
}

#contactForm p, #devenirMembre p {
	text-align: justify;
	margin: 12px 0 0 0;
}

#devenirMembre p.explication {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
}

#contactForm fieldset, #devenirMembre fieldset {
	border: 0;
}

#contactForm label, #devenirMembre label {
	float: left;
	width: 28%;
	padding-right: 5px;
	text-align: right;
	line-height: 20px;
}

#contactForm legend, #devenirMembre legend {
	display: none;
}

#contactForm input[type=text],
#contactForm textarea,
#devenirMembre input[type=text],
#devenirMembre textarea {
	border: #A5ACB2 1px solid;
	background-color: #fefefe;
}

#contactForm input[type=text],
#devenirMembre input[type=text] {
	width: 38%;
}

#contactForm textarea, #devenirMembre textarea {
	display: block;
	width: 63%;
}

#contactForm .aide_saisie, #devenirMembre .aide_saisie {
	color: #bf0000;
	margin: 0;
}

#contactForm p.aide_saisie, #devenirMembre p.aide_saisie {
	font-size: 11px;
	margin-left: 100px;
}

#devenirMembre span.aide_saisie_idwk {
	color: silver;
	font-style: italic;
}

#contactForm .btn_envoyer, #devenirMembre .btn_envoyer {
	text-align: center;
}

#devenirMembreOk, #contenu #simple_message {
	margin: 180px auto;
	text-align: center;
	font-size: 14px;
	font-style: italic;
}

#devenirMembreOk a, #simple_message a {
	color: #000;
}

#devenirMembreOk span {
	display: block;
}

#devenirMembreOk a strong, #simple_message a {
	text-decoration: underline;
}

#contactForm input[type=text].error,
#contactForm textarea.error {
	border: #bf0000 2px solid;
	background-color: #feeded;
}

#contactForm label.error, #contactForm p.txt-message label.error {
	color: #bf0000;
	float: none;
	margin-left: 10px;
}

#contactForm p.txt-message label.error {
	display: block;
	margin: 0 0 10px 225px;
	text-align: left;
}
/* @end */

#adresses_postales {
	margin: 0;
	padding: 0;
}

#adresses_postales li {
	float: left;
	width: 342px;
	padding-left: 120px;
	list-style-type: none;
	/*background-color: #ffe5ed;*/
}

#adresses_postales li dt {
	font-weight: bold;
}

#adresses_postales li dt, #adresses_postales li dd {
	margin: 0;
}

#adresses_postales li p span {
	display: block;
}

#adresses_postales li p span.horaires {
	font-weight: bold;
}

/* @end */

/* @group Pied de page */
#pied {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 10px;
}

#pied a {
	color: #fff;
	text-decoration: underline;
}
/* @end */