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

/*** RESET CSS ***/
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, /*strong,*/ sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {
	background:url(images/body-background.jpg) #dfdfdf center top no-repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

input {
	border:0px solid #ccc;
	height:20px;
	vertical-align:top;
	font-size:10px;
	color:#848484;
	padding-left:3px;
	line-height:1.9em;
}

input[type=radio] {border: none;}

input.ok, input.rechercher {
	cursor:pointer;
	height:25px;
	width:27px;
	vertical-align:top;
	background:url(images/btn_input_ok.jpg) no-repeat;
	border:none;
}

input.small {
	width:40px;
	text-align:center;
	margin-top:-5px;
}

textarea {
	font-size:12px;
	color:#848484;
	font-family:Verdana, Geneva, sans-serif;
}

/*** Boutons INPUT ***/
input.commander, input.creation-cpte, input.envoyer {
	border: 0 none;
	cursor: pointer;
	float: right;
	height: 25px;
	width: 140px;
}
input.commander {background: url(images/btn_rose_commander.jpg) no-repeat scroll 0 0 transparent;}
input.creation-cpte {background: url(images/btn_gris_creer-cpte.jpg) no-repeat scroll 0 0 transparent;}
input.envoyer {background: url(images/btn_rose_envoyer.jpg) no-repeat scroll 0 0 transparent;}


/*** Div CONTENT ***/
#content {
	width:960px;
	margin:auto;
	baclground-color:#fff;
	color:#595858;
}

/*** Div HEADER ***/
#header {
	width:960px; height:130px;
	background:url(images/header-background.jpg) #fff no-repeat;
}

#header #logo {display:inline-block; float:left; width:566px; height:127px;}

/*** Module CONNEXION ***/
#connexion {
	float:left;
	vertical-align:middle;
	width:372px;
	height:49px;
	padding:10px 20px 0 0;
	text-align:right;
	font-size:10px;
}
#connexion input {width:135px;}
#connexion input.ok {width:26px;}
#connexion a {font-size:10px; color:#848484; text-decoration:none; line-height:1.6em;}
#connexion a:hover {color:#fd00a1; text-decoration:underline;}
#rechercher {
	float:left;
	vertical-align:middle;
	width:372px;
	height:40px;
	padding:20px 20px 0 0;
	text-align:right;
	font-size:10px;
}
#rechercher input {width:135px;}
#rechercher input.rechercher {width:26px; background:url(images/btn_input_rechercher.jpg) no-repeat;}

/*** Div MENU_HORIZONTAL ***/
#menu_horizontal {
	width:960px;
	background-color:#000;
	clear:both;
}
#menu_horizontal ul {
	width:960px;
	height:60px;
	background-color:#fd00a1;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	background:url(images/menu_horizontal-background.jpg) #fff center top no-repeat;
}
#menu_horizontal ul li {
	display:block;
	float:left;
	vertical-align:top;
}
#menu_horizontal ul li img {
	vertical-align:middle;
}
#menu_horizontal ul li a {
	text-decoration:none;
	color:#fff;
	width:192px;
	height:27px;
	display:inline-block;
	background-color:#fd00a1;
	text-align:center;
	padding:3px 0 0 0;
}
#menu_horizontal ul li a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#c2007c;
}
#menu_horizontal ul li ul {
	background:#fd00a1;
	font-size:12px;
	width:192px;
	position:absolute;
	display:none;
	z-index:200;
	height:0px;
	padding:0px;
}
#menu_horizontal ul li ul li a {
	width:187px;
	text-align:left;
	height:20px;
	padding:5px 0px 0px 5px;
}
#menu_horizontal ul li:hover ul {
	display:block;
}

/*** Div CENTRE ***/
#centre {
	background-color:#fff;
	width:960px;
}

/*** Div COL_GAUCHE ***/
#col_gauche {
	width:190px;
	float:left;
	background-color:#FFF;
}

/* Menu NIVEAU 01 */
#col_gauche  ul.menu_niveau-01 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 0 0 10px;
}
#col_gauche ul.menu_niveau-01 li a {
	width:165px;
	height:25px;
	padding:0 0 0 15px;
	display:block;
	color:#595858;
	text-decoration:none;
	line-height:1.8em;
	background:	url(images/col_gauche-picto-lien.jpg) left top no-repeat;
}
#col_gauche ul.menu_niveau-01 li a:hover {
	color:#fd00a1;
	font-weight:bold;
	/*background:	url(images/col_gauche-picto-lien-hover.jpg) center top no-repeat;*/
}
/* Menu NIVEAU 02 */
#col_gauche ul.menu_niveau-02 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#col_gauche ul.menu_niveau-02 li a {
	width:165px;
	height:16px;
	color:#848484;
	line-height:1.2em;
	background:none;
}
#col_gauche ul.menu_niveau-02 li a:hover {
	background:none;
}

.menu_g_clicked {
	color:#fd00a1;
	font-weight:bold;
}

/* Menu INFORMATIONS */
#menu_informations_images {
	width:35px;
	float:left;
	text-align:center;
	margin-left:10px;
}
#menu_informations_images li {height:35px; width:35px;}
#menu_informations_images img {display:inline-block; vertical-align:middle;}

#menu_informations a {
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#848484;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
	width:135px;
	height:40px;
}
#menu_informations a:hover {
	text-decoration:none;
	color:#fd00a1;
}
#menu_informations a span {
	width:125px;
	height:25px;
	padding:5px;
	vertical-align:middle;
	display:inline-block;
	line-height:2.2;
}

/* Module SERVICE CLIENT */
#service_client {
	width:160px; height:60px;
	float:left;
	margin:20px 0 0 10px;
	background:url(images/module_service-client_bckgr.jpg) left top #fff no-repeat;
	padding:40px 0 10px 0;
	text-align:center;
	font-size:18px; font-weight:bold;
	letter-spacing:-1px;
}
#service_client span {margin:0 2px; /*border:1px solid green;*/}
#service_client span span {font-size:11px; font-weight:bold; color:#848484;}

/* Module RESEAUX SOCIAUX */
#reseaux_sociaux {
	text-align:center;}

/*** Div CORPS ***/
#corps {
	float:left;
	width:760px;
	padding:0 10px 0 0;
	background-color:#fff;
}

#slider {
	width:760px; height:210px;
	margin-bottom:10px;
}

/* Titre */
#corps #contenu #picto_titre {
	width:50px; height:28px;
	padding-top:2px;
	background-color:#848484;
	text-align:center;
	float:left;
}
#corps #contenu h1 {
	width:710px; height:30px;
	display:inline-block;
	background-color:#848484;
	line-height:30px;
	color:#fff;
	font-size:18px;
	margin-bottom:10px;
}
#corps #contenu h1 span {font-weight:bold;}
#corps #contenu h1 span span {font-size:14px;}


ul#pagination {clear:both; height:25px; width:758px; text-align:right;}
ul#pagination li {display:inline; color:#848484;}
ul#pagination li a {
	text-decoration:none;
	display:inline-block;
	color:#848484;
	font-size:10px;
}
ul#pagination li a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#fd00a1;
}

#catalogue {width:760px; float:left;}

.mosaic-backdrop .image {
	width:178px;
	height:178px;
	text-align:center;
	border:1px solid #dfdfdf;
}
.mosaic-backdrop .image img {
	margin-top:4px;
}

.reference {font-size:12px; font-weight:bold; float:left; width:120px; color:#595858; text-align:left;}
.reference span {font-size:10px; font-style:italic; color:#848484; font-weight:normal;}
.prix {float:right; font-weight:bold; color:#fd00a1; width:50px; font-size:18px;margin-right:5px;}
.prix sup {font-size:10px;}

/*** Div Module NOUVEAUX PRODUITS ***/
#module_catalogue {
	width:760px;
	height:280px;
	clear:both;
	background:url(images/module_new-prod_bckgr.jpg) center top no-repeat #fff;
	margin:10px 0 0px 0;
}
#corps #contenu #module_catalogue h1, #corps #contenu #module_catalogue #picto_titre {
	background:none;
}

/*** Div page DETAIL ***/
#detail {}
/* */
#detail_image {width:190px; float:left; }

/* Div TEXTE */
#corps #contenu #detail #texte {width:570px; float:left; margin-top:5px;  /*border:1px solid red;*/}
#corps #contenu #detail #texte h1 {width:475px; float:left; font-size:14px; padding-left:5px; font-weight:bold;}

#detail_reference {
	float:right; margin-bottom:10px;
	width:90px;	height:22px;
	text-align:center;
	padding:8px 0 0 0;
	background-color:#848484;
	font-size:10px; font-style:italic; color:#fff;
}

/* Div ECHANTILLON */
#echantillon {
	float:right;
	padding-top:38px;
	margin:20px 0 10px 10px;
	width:160px; height:92px;
	font-size:11px; font-style:italic; text-align:center;
	background:url(images/module_echantillon_bckgr.jpg) center top #FFF no-repeat;
}

/* Div DETAIL PANIER */
#detail_panier {
	width:564px; height:168px;
	float:right;
	background:url(images/module_ajout-panier_bckgr.jpg) center top no-repeat;
	text-align:center;
	margin:20px 0;
}
#detail_panier p {
	float:center; color:#595858; margin:85px 0 20px 0;
	font-size:12px; font-weight:bold;
}

/*** Div page PERSONNALISATION ***/
#personnalisation {}
#corps #contenu #detail #personnalisation {width:570px; float:left; margin-top:5px; }
#corps #contenu #detail #personnalisation h1 {width:99%;}

.personnalisation_etape {margin:0 0 20px 0; width:100%; float:left;}
.personnalisation_etape .couleur {margin:0 9px;}

.fond_btn {
	border: 1px solid #c6c6c6; background-color:#efefef; float:left; height:45px; width:100%; margin-bottom:20px;
}
.fond_btn input[type=submit] {margin:10px 10px 0 0; text-align:right;}

/*** Div page RECAPITULATIF ***/
#recapitulatif {width:760px;}
#corps #contenu #detail #recapitulatif .personnalisation_etape h1 {width:755px;}
#recapitulatif p {font-weight:bold;}
#connexion_creation_cpte {text-align:center;}
#connexion_creation_cpte input[type=text] {width:135px;}

/*** Div Page PERSONNALISATION & RECAPITULATIF ***/
#corps #contenu #detail #personnalisation h1,
#corps #contenu #detail #recapitulatif h1 {font-size:14px; padding-left:5px; font-weight:bold; }

/*** Div CONTACT ***/
#contact p {
	line-height:1.8em;
}

/*** Div FOOTER ***/
#footer {width:960px; float:left; background-color:#dfdfdf;}
.logo_footer {display:block; width:440px; height:78px; float:left;}
#footer ul {width:130px; float:left; font-size:12px; font-weight:bold; margin:30px 0;}
#footer ul li a {
	text-decoration:none;
	color:#848484;
	font-size:12px;
	font-weight:normal;
}
#footer ul li a:hover {
	text-decoration:underline;
	color:#000;
}

/*************************************/
.clearfix {clear:both;}

.txt_rose {color:#fd00a1;}
.txt_gris-clair {color:#848484; font-style:italic; font-size:10px;}

.float-left {float:left;}

#note-bleue {
	clear : both;
	margin: 0 auto;
	text-align : center;
	font-size : 10px;
	font-family: verdana, arial;
	color : #595858;
	padding : 0px 0 10px 0;
}
#note-bleue a {
	color : #595858;
}

/* slider bannière */
#ft-next-sliderPanel {
	display:none;
}
#ft-prev-sliderPanel {
	display:none;
}
#ft-buttons-sliderPanel {
	margin-top:-25px;
	position:absolute;
}
.ft-button-sliderPanel {
	background-color: #333;
	padding: 0px 1px;
	margin-right: 6px;
	color:#ddd;
	font-size:8px;
	text-decoration:none;
}
.ft-button-sliderPanel-active {
	background-color: #ddd;
	color:#333;
}

#detail-mention {    /* Affichage du picto "déstockage" ou "Nouveau" sur l'image */
	position:absolute;
	float: left;
	z-index:999;
}