@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

*:focus {
	outline:none;
}
*::-moz-focus-inner {
	border:none;
}

body{
	background:#000000 url(../images/_interface/bg.jpg) top center no-repeat;
}

.clear{
	clear:both;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#454545;
	font-weight:normal;
}

#principale{
	position:absolute;
	width:995px;
	height:635px;
	top:0;
	left:50%;
	margin-left:-497px;
}

#header{
	position:relative;
	width:995px;
	height:92px;
}

#btn_newsletter{
	position:relative;
	float:left;
	width:177px;
	height:45px;
	background:url(../images/_interface/suivre-actu.gif) top left no-repeat;
}

#btn_newsletter:hover, #btn_partage:hover{
	background-position:0 -45px;
}

#logo_partenaire{
	position:relative;
	float:left;
	margin-left:176px;
}

#btn_partage{
	position:relative;
	float:left;
	width:133px;
	height:45px;
	margin-left:216px;
	background:url(../images/_interface/partager.gif) top left no-repeat;
}

#btn_interactivite{
	position:relative;
	float:left;
	width:133px;
	height:45px;
	margin-left:216px;
	background:url(../images/_interface/bouton-interactivite.gif) top left no-repeat;

}

#btn_facebook{
	position:relative;
	float:left;
	width:133px;
	height:36px;
	margin-left:216px;
	background:url(../images/_interface/btn-fqcebook-fqnpqge.jpg) top left no-repeat;

}

/*------------------------------------------ MENU --------------------------------------------------*/

#menu{
	width:994px;
	height:30px;
}

a{
	color:transparent;
}

#menu_alternatif{
	position:relative;
	width:829px;
	height:30px;
	left:50%;
	margin-left:-406px;
}

#menu ul{
	width:994px;
	height:30px;
	list-style-type:none;
}

#menu_alternatif ul{
	width:829px;
	height:30px;
	list-style-type:none;
}

#menu a{
	height:30px;
	float:left;
	display:block;
	background:url(../images/_interface/menu.jpg) top left no-repeat;
}

#menu_alternatif a{
	height:30px;
	float:left;
	display:block;
	background:url(../images/_interface/menu-alternatif.jpg) top left no-repeat;
}


#menu li, #menu_alternatif li{
	float:left;
} 

#menu #menu_edito a, #menu_alternatif #menu_edito a {
	width:76px;
}

#menu #menu_edito a.active, #menu #menu_edito a:hover, #menu_alternatif #menu_edito a.active, #menu_alternatif #menu_edito a:hover{
	background-position:0 -30px;
}

#menu #menu_actu a, #menu_alternatif #menu_actu a{
	width:155px;
	background-position:-76px 0;
}

#menu #menu_actu a.active, #menu #menu_actu a:hover, #menu_alternatif #menu_actu a.active, #menu_alternatif #menu_actu a:hover{
	background-position:-76px -30px;
}

#menu #menu_boutique a, #menu_alternatif #menu_boutique a{
	width:143px;
	background-position:-231px 0;
}

#menu #menu_boutique a.active, #menu #menu_boutique a:hover, #menu_alternatif #menu_boutique a.active, #menu_alternatif #menu_boutique a:hover{
	background-position:-231px -30px;
}

#menu #menu_collection a, #menu #menu_collection a, #menu_alternatif #menu_collection a, #menu_alternatif #menu_collection a{
	width:168px;
	background-position:-374px 0;
}

#menu #menu_collection a.active, #menu #menu_collection a:hover, #menu_alternatif #menu_collection a.active, #menu_alternatif #menu_collection a:hover{
	background-position:-374px -30px;
}

#menu #menu_catalogue a, #menu_alternatif #menu_catalogue a{
	width:158px;
	background-position:-542px 0;
}

#menu #menu_catalogue a.active, #menu #menu_catalogue a:hover, #menu_alternatif #menu_catalogue a.active, #menu_alternatif #menu_catalogue a:hover{
	background-position:-542px -30px;
}

#menu #menu_occasions a{
	width:169px;
	background-position:-700px 0;
}

#menu #menu_occasions a.active, #menu #menu_occasions a:hover{
	background-position:-700px -30px;
}

#menu #menu_contact a{
	width:125px;
	background-position:-869px 0;
}

#menu_alternatif #menu_contact a{
	width:125px;
	background-position:-703px 0;
}

#menu #menu_contact a.active, #menu #menu_contact a:hover{
	background-position:-869px -30px;
}

#menu_alternatif #menu_contact a.active, #menu_alternatif #menu_contact a:hover{
	background-position:-703px -30px;
}

/*---------------------------------------------- CONTENU CENTRAL----------------------------------------*/

#contenu{
	position:relative;
	width:995px;
	height:507px;
}

#flash_edito{
	margin-bottom:6px;
}

#flash_interactivite{
	margin-bottom:6px;
}

#flash_marques{
	position:relative;
	width:313px;
	height:158px;
	padding:5px;
	float:left;
}

#actu_boutique{
	position:relative;
	float:left;
	width:428px;
	height:181px;
	top:9px;
}

#nouvelle_collection{
	position:relative;
	float:left;
}

#footer{
	position:relative;
	width:336px !important;
	height:140px;
	left:338px;
	/*background:url(../images/_interface/logo-footer.jpg) bottom left no-repeat;*/
}

#footer_interactivite{
	position:relative;
	width:402px !important;
	height:140px;
	left:268px;
}

#footer ul{
	width:322px !important;
	list-style-type:none;
	height:20px;
	border-bottom:2px solid #3b3b3b;
}


#footer_interactivite ul{
	width:402px !important;
	list-style-type:none;
	height:20px;
	border-bottom:2px solid #3b3b3b;
}


#footer li, #footer_interactivite li{
	position:relative;
	float:left;
	color:#575757;
	font-size:10px;
	padding:0 2px 0 4px;
}

#footer a, #footer_interactivite a{
	color:#575757;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#footer a:hover, #footer_interactivite a:hover{
	text-decoration:underline;
}

#footer a.active, #footer_interactivite a.active{
	color:#f29400;
}

#flash_footer{
	background:none;
	text-align:center;
}

/*----------------------------------------- CONTENU GAUCHE ------------------------------------------------*/

#contenu_gauche{
	position:relative;
	float:left;
	width:332px;
	height:499px;
	padding:4px 3px 5px 0px;
}

#contenu_gauche_contact{
	position:relative;
	float:left;
	width:164px;
	height:499px;
}


#contenu_gauche_boutique{
	position:relative;
	float:left;
	width:164px;
	height:499px;
	background:url(../images/_interface/sepqrqtion-doite.png) top right no-repeat;
}

#contenu_gauche_collection{
	position:relative;
	float:left;
	width:268px;
	height:498px;
	background:url(../images/_interface/sepqrqtion-doite.png) top right no-repeat;
}


#titre_colonne_gauche{
	position:absolute;
	width:134px;
	height:45px;
	top:461px;
	bottom:0;
	padding-left:10px;
}

/*----------------------------------------- CONTENU GAUCHE ACTUS BOUTIQUE------------------------------------------------*/

#menu_gauche_actualites{
	position:relative;
	width:338px;
	height:499px;
	top:20px;
	background:url(../images/_interface/sepqrqtion-doite.png) top right no-repeat;
}

#menu_gauche_boutique{
	position:relative;
	width:164px;
	height:370px;
	top:100px;
}

#menu_gauche_actualites ul, #menu_gauche_boutique ul{
	color:#b3b2b2;
	list-style-type:none;
}

#menu_gauche_actualites ul{
	padding-top:10px;
}


#menu_gauche_boutique li{
	padding-bottom:20px;
}

#menu_gauche_boutique li.boutique_suite{
	padding-bottom:0px;
}

#menu_gauche_boutique li.no_style_list{
	list-style-type:none;
	padding-left:10px;
}

#menu_gauche_boutique li.no_style_list a{
	background:none;
	line-height:26px;
}

#menu_gauche_boutique li{
	padding-bottom:29px;
}

#menu_gauche_actualites ul li a:hover, #menu_gauche_actualites ul li a.active, #menu_gauche_boutique ul li a:hover, #menu_gauche_boutique ul li a.active{
	color:#f29400;
	background-position:0 0;
}

#menu_gauche_actualites ul li a, #menu_gauche_boutique a{
	color:#b3b2b2;
	text-decoration:none;
	padding-left:34px;
	background:url(../images/_interface/points.png) top left no-repeat;
	background-position:0 -16px;
}

#menu_gauche_actualites li.actu_suite{
	list-style-type:none;
	padding-bottom:15px;
}

#menu_gauche_actualites li.actu_suite a{
	color:#ffffff;
	font-size:10px;
	background:none;
}

li.actu_suite a:hover{
	color:#ffffff;
}

#pagination{
	position:absolute;
	width:114px;
	height:20px;
	left:105px;
	top:430px;
	background:url(../images/_interface/bg-pagination.jpg) top left no-repeat;
	text-align:center;
}

#pagination span{
	display:block;
	width:20px;
	height:20px;
	float:left;
	background:none;
	margin-right:8px;
	padding-top:2px;
	text-align:center;
	padding-left:0 !important;
}

#pagination a{
	display:block;
	width:20px;
	height:20px;
	float:left;
	background:none;
	margin-right:8px;
	padding-top:2px;
	text-align:center;
	color:#919395;
	text-decoration:none;
	padding-left:0 !important;
	line-height:17px;
}

#pagination a:hover{
	color:#f29400;
	text-decoration:none;
}

/*----------------------------------------- CONTENU GAUCHE COLLECTION------------------------------------------------*/

#menu_gauche_collection{
	position:relative;
	width:264px;
	height:468px;
	left:-2px;
	background:none;
}

/*---------------------------------------- CONTENU DROIT ------------------------------------------------*/

#contenu_droit{
	position:relative;
	width:630px;
	height:507px;
	float:left;
	margin-left:20px;
}

#contenu_droit_conseils{
	position:relative;
	width:800px;
	height:507px;
	float:left;
	margin-left:20px;
}

#description{
	position:relative;
	width:797px;
	height:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#description p{
	padding:12px 12px 12px 14px;
	color:#e5e4e3;
}
#description span{
	color:#f29400;
}

#description_gauche, #description_droite{
	position:relative;
	width:380px;
	height:120px;
	float:left;
	text-align:justify;
}

#description_actualite #description_gauche p, #description_actualite #description_droite p{
	width:380px;
	height:130px;
	line-height:18px;
}

#description_gauche{
	margin-right:38px;
}

#flash_central{
	position:relative;
	width:783px;
	height:334px;
	top:6px;
	left:7px;
}

#flash_central_actu{
	position:relative;
	width:630px;
	height:330px;
	top:8px;
	left:9px;
}

#titre_colonne_droite{
	position:relative;
	width:590px;
	height:49px;
	float:left;
	padding-top:4px;
}

#titre_colonne_droite_boutique{
	position:relative;
	width:790px;
	height:39px;
	float:left;
	padding-top:4px;
}

#titre_colonne_droite_collection{
	position:relative;
	width:584px;
	height:39px;
	float:left;
	padding-top:4px;
}

#titre_colonne_droite_contact{
	position:relative;
	float:left;
	width:799px;
	height:40px;
	margin-top:10px;
	border-bottom:1px solid #4c4c4c;
}

.sous_titre{
	position:relative;
	height:30px;
	width:799px;
}

.sous_titre img, .sous_titre p{
	float:left;
}

.sous_titre p{
	color:#e5e4e3;
	padding-top:7px;
}


#titre_colonne_droite_deuxieme_cas{
	position:relative;
	float:left;
	width:400px;
	height:35px;
	top:80px;
	left:18px;
	padding-bottom:14px;
	border-bottom:1px solid #868686;
}

/*----------------------------------------- CONTENU DROIT ACTU / BOUTIQUE------------------------------------------------*/

#description_scroll{
	position:relative;
	display:block;
	overflow:hidden;
	width:626px;
	height:78px;
}

#description_scroll_boutique{
	position:relative;
	display:block;
	overflow:hidden;
	width:800px;
	height:107px;
}

#description_scroll_boutique_detail{
	position:relative;
	width:780px;
	display:block;
	line-height:18px;
}

#separation{
	position:relative;
	width:630px;
	height:14px;
	margin-top:6px;
	border-top:2px solid #3a3a3a;
}

#separation_boutique{
	position:relative;
	width:800px;
	height:14px;
	margin-top:6px;
	border-top:2px solid #3a3a3a;
}

#separation_collection{
	position:relative;
	width:710px;
	height:14px;
	margin-top:6px;
	border-top:2px solid #3a3a3a;
}


#contenu_scroll_boutique{
	position:relative;
	display:block;
	overflow:hidden;
	width:376px;
	height:204px;
}

#description_detail{
	position:relative;
	width:610px;
	display:block;
	line-height:18px;
}

#description_detail_boutique{
	position:relative;
	width:800px;
	display:block;
	line-height:18px;
}


#description_actualite{
	position:relative;
	top:10px;
	left:8px;
	width:auto;
	height:126px;
}

#description_collection{
	position:relative;
	top:10px;
	left:8px;
	width:710px;
	height:126px;
}

#description_actualite span{
	color:#FFFFFF;
}

#description_actualite a{
	color:#999999;
}
#description_actualite a:hover{
	text-decoration:none;
}

#description_actualite p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#description_produit{
	position:relative;
	float:left;
	display:block;
	width:549px;
	height:33px;
	margin-top:3px;
	overflow:hidden;
}

#video{
	position:relative;
	width:700px;
	height:83px;
	margin-top:6px;
}

#description_produit span{
	float:left;
}

#description_produit p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	color:#e5e4e3;
	height:auto;
	float:left;
	padding-right:10px;
}

#link_precedent{
	display:block;
	width:17px;
	height:42px;
	background:url(../images/_interface/precedent.jpg) top left no-repeat;
	background-position:0 0;
	float:left;
}

#link_precedent:hover{
	background-position:0 -42px;
}

#link_suivant{
	display:block;
	width:17px;
	height:42px;
	background:url(../images/_interface/suivant.jpg) top left no-repeat;
	background-position:0 0;
	float:right;
	margin-right:0px;
}

#link_suivant:hover{
	background-position:0 -40px;
}

#illustration_nos_conseils{
	position:relative;
	width:370px;
	height:493px;
	padding:7px 10px 0 7px;
	float:left;
}

#description_nos_conseils{
	position:relative;
	float:left;
	top:100px;
	left:18px;
	width:400px;
	height:340px;
	line-height:18px;
	text-align:justify;
}

#description_nos_conseils h3{
	line-height:18px;
	color:#f29400;
	font-weight:normal;
}

#description_nos_conseils p{
	color:#ffffff;
	margin-bottom:16px;
}

#description_nos_conseils li.titre_liste{
	color:#ffffff;
}

/*----------------------------------------- CONTENU DROIT COLLEC------------------------------------------------*/


#contenu_droit_collection{
	position:relative;
	width:650px;
	height:410px;
	float:left;
}

#illus_produit{
	position:relative;
	width:710px;
	height:278px;
	top:8px;
	left:12px;
	background:#101010;
	text-align:center;
}

#illus_boutique{
	position:relative;
	width:800px;
	height:295px;
	top:7px;
	left:8px;
	text-align:center;
}

#illus_produit .background_color{
	background:#FFFFFF;
}

#illus_produit_marques{
	position:relative;
	width:700px;
	height:460px;
	left:5px;
	text-align:center;
}


#plus_dinfo{
	position:relative;
	width:121px;
	height:22px;
	float:left;
	z-index:4;
}

#plus_dinfo a{
	display:block;
	width:121px;
	height:22px;
	background:url(../images/_interface/plus_dinfo.jpg) top left no-repeat;
}

#plus_dinfo a.active{
	background:url(../images/_interface/plus_dinfo_noir.jpg) top left no-repeat;
}

#partage_facebook{
	float:left;
	margin-left:16px;
}

#flash_marques{
	position:relative;
	width:786px;
	height:356px;
}

#flash_marques_edito{
	position:relative;
	float:left;
	width:300px;
	height:181px;
}

#description_marques p{
	position:relative;
	top:5px;
	left:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8c8c8c;
	overflow:auto;
	height:48px;
	width:600px;
	line-height:24px;
	text-align:justify;
}

#description_marques span{
	color:#f29400;
	font-size:14px;
}

/*----------------------------------------- CONTENU DROIT CONTACT------------------------------------------------*/

#contact_nos_coordonnees{
	width:782px;
	height:66px;
	padding:4px 0 15px 15px;
}

#contact_nos_coordonnees img, #contact_nos_coordonnees h1{
	float:left;
}

#contact_nos_coordonnees h1{
	font-size:12px;
	color:#f29400;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	font-weight:normal;
}

#adresse_tel{
	position:relative;
	float:left;
	width:310px;
	height:44px;
	left:10px;
}

#adresse_tel h2{
	color:#e5e4e3;
}

#mail_site{
	position:relative;
	float:left;
	width:310px;
	height:44px;
	left:10px;
}

#mail_site h2, #mail_site h2 a{
	color:#e5e4e3;
}

#email_envoi{
	position:relative;
	height:85px;
	width:740px;
}

#email_envoi #form_itineraire{
	position:relative;
	left:58px;
	top:12px;
}

#email_envoi #form_itineraire input, #email_envoi #form_itineraire p{
	float:left;
}

#email_envoi #form_itineraire p{
	position:absolute;
	line-height:26px;
	color:#e5e4e3;
	left:0;
}


#form_itineraire #votre_mail{
	position:absolute;
	width:145px;
	top:1px;
	left:45px;
	border:1px solid #707070;
}


#form_itineraire #submit_mail{
	position:absolute;
	left:205px;
	background:#101010;
	border:1px solid #4c4c4c;
	width:68px;
	height:19px;
	color:#e5e4e3;
	cursor:pointer;
	padding-bottom:3px;
}

#form_itineraire #check_box{
	position:absolute;
	width:600px;
	top:30px;
	left:44px;
}

#form_itineraire #check_box p{
	position:absolute;
	left:18px!important;
	left:24px;
	top:0px !important;
	top:4px;
	line-height:normal;
}

/*----------------------------------------- CONTENU CATALOGUE ------------------------------------*/

#flash_catalogue{
	position:relative;
	width:995px;
	height:475px;
	left:2px;
	top:2px;
}

#telecharger_catalogue{
	width:985px;
	height:auto;
	text-align:center;
	color:#575757;
}

#telecharger_catalogue p{
	color:#7c7a7a;
	float:left;
}

#telecharger_catalogue a{
	color:#ffffff;
	text-decoration:none;
}

#telecharger_catalogue a:hover{
	text-decoration:underline;
}

#telecharger_catalogue #demande_catalogue_voie_postale{
	color:#7c7a7a;
	float:right;
	margin-right:31px;
}

#telecharger_catalogue #demande_catalogue_voie_postale:hover{
	text-decoration:none;
}


/*----------------------------------------- CONTENU PLAN SITE ------------------------------------*/

#plan_site{
	position:relative;
	width:917px;
	height:300px;
	padding:26px 0 0 2px;
}

.rubrique_plan_site{
	width:910px;
	height:36px;
}

#plan_site h1, #plan_site h2{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:13px;
	color:#ffffff;
	padding-right:10px;
}

#plan_site .link_titre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}

#plan_site p{
	position:relative;
	float:left;
	font-weight:normal;
	color:#ffffff;
	line-height:22px;
}

#plan_site a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

#plan_site a:hover{
	color:#f29400;
}

/*--------------------------------------------- form contact -----------------------------------------*/


#formulaire_contact{
	position:relative;
	top:5px;
	width:797px;
	height:244px;
	color:#666666;
}

#formulaire_contact p, span{
	color:#e5e4e3;
}

#form_left, #form_right{
	position:relative;
	float:left;
	width:350px;
	height:auto;
}

#form_left{
	margin-left:20px;
}

#form_right{
	margin-left:70px!important;
	margin-left:40px;
}

#formulaire_contact label {
	display:block;
	line-height:20px;
	width:100px; height:31px;
	text-align:left; float:left;
	color:#e5e4e3;
}

#formulaire_contact span{
	margin-right:20px;
}

#formulaire_contact input, textarea{
	border:1px solid #707070;
	background:#ffffff;
	font-size:12px; 
	width:200px;
}
#formulaire_contact .errorInput, #formulaire_contact .errorArea {
	background:#8F1A1A;
	color:white;
	border:none;
}

#formulaire_contact .star{
	color:#f29400;
}

#formulaire_contact .form_radio{
	width:15px;
	border:none;
	background:#101010;
}

#form_news_ok #news_accept{
	position:relative;
	margin-top:10px;
	width:auto;
	margin-right:5px;
	background:#101010;
	border:none;
}

#formulaire_contact #form_message{
	height:64px;
}

#formulaire_contact #submit_mail, #formulaire_contact #submit_mail_catalogue{
	position:relative;
	top:10px;
	left:0;
	background:#101010;
	border:1px solid #4c4c4c;
	width:68px;
	height:19px;
	color:#e5e4e3;
	cursor:pointer;
	padding-bottom:2px;
}

#formulaire_contact #champs_obligatoires{
	float:right;
	margin-top:-10px;
	margin-right:45px;
}

#description_bijou{
	position:relative;
	height:65px;
	width:740px;
	margin:10px;
}

#description_bijou #img_description_bijou{
	position:relative;
	height:65px;
	width:65px;
	float:left;
	margin-right:10px;
}

#description_bijou h3{
	color:#FFFFFF;
	font-weight:normal;
	padding-top:38px;
}

#description_bijou p{
	color:#e5e4e3;
	font-weight:normal;
}

.blanc{
	color:#fff;
}

.gris_sombre{
	color:#686868;
}