@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
img{border:0}
body{
	font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #aeabb4;
	color:#706278;
	margin: 0;
    padding: 0;
	overflow:auto;
    overflow-x : hidden;
}
iframe{border:0px;}
form{margin:0px; padding:0px}
a{color:#fff;}
a:hover{text-decoration:underline}
#halo{
	position:absolute;
	width:1200px;
	height:785px;
	margin-left: -600px;
	left:50%;
	background:url(../images/bg.jpg) top left no-repeat;
}
#page{
	position: absolute;
	width:980px;
	margin-left: -490px;
	left:50%;
	margin-top:10px;
}
#header{
	float:left;
}
#header #logo{
	float:left;
	width:183px;
	height:88px;
	background:url(../images/logo.png) top left no-repeat;
	text-indent:-5000px;
}
#header #logo a{width:183px;height:88px;display:block;}
#header #bandeau{
	background:url(../images/fond_header.png) top left no-repeat;
	width:797px;
	height:88px;
	float:left;
}
#contenthome{
	clear:both;
	margin-left:15px;
	float:left;
	width:965px;
}
#menu{
	float:left;
	margin-left:20px;
	margin-top:60px;
	width:610px;
}

#menu li{
	float:left;
	display:inline;
	margin:0px 15px;
	font-size:14px;
}
#menu li a{
	display:block;
	color:#FFFFFF;
	height:28px;
	text-decoration:none;
	
}

#menu li a:hover{
	
}
#menu .on{
	
}
/* rubriques menu JS */
#ssmenu_rub ul{
	background-color:#534861;
	/*width:200px;*/
	position:absolute;
	z-index:15;
	display: none;
}
#ssmenu_rub ul li{
	border-bottom:1px solid #FFFFFF;
	list-style:none;
	list-style-type:none;
	font-size:12px;
}
#ssmenu_rub ul li a{
	color:#FFFFFF;
	display:block;
	padding:5px 7px 5px 14px;
	height:15px;
	background:url(../images/fleche_ssmenu.gif) top left no-repeat;
	text-decoration:none;
}
#ssmenu_rub ul li a:hover{
	text-decoration:underline;
}
.sousmenufemme, .sousmenuado, .sousmenuenfant, .sousmenuqui{ background-color:#f9b200; }
#ssmenu_rub ul li.sousmenufemme a, #ssmenu_rub ul li.sousmenuado a, #ssmenu_rub ul li.sousmenuenfant a, #ssmenu_rub ul li.sousmenuqui a{background:none;font-size:11px;height:11px;padding:1px 7px 5px 14px; text-decoration:none;display:block;}
#ombretop{clear:both; width:978px; height:10px; font-size:0px; line-height:0px;background:url(../images/ombretop.png) top left no-repeat;}
/* menu gauche */
#menug{
	clear:both;
	width:164px; 
	margin:0px 0px 0px 15px;
	min-height:685px;
	float:left;
}
#menug ul{
	list-style-type:none;
	color:#fff;
}
#menug #nivun{font-size:14px; font-weight:bold;padding:20px 0px 0px 6px;}
#menug #nivun li{padding:0px 0px 6px 16px;width:134px}
#menug #nivun li.on{color:#fab923; background:url(../images/fleche_h2_jaune.png) top left no-repeat; padding-left:16px}
#menug #nivun li.on a, #menug .nivdeux li.on a{color:#fab923; }
#menug #nivun li .nivdeux li{font-size:12px; padding:0px 0px 0px 10px;width:124px}
#menug #nivun li .nivdeux li a{color:#FFF;}
#menug #nivun li .nivdeux li.on{background:none;}
#menug #nivun li .nivdeux li.on a{color:#fab923;}
#menug ul a, #menug li a{
	color: #FFFFFF;
	text-decoration: none;
}
/* fin menu gauche */
#header #connexion{
	float:left;
	width:152px;
	height:83px;
	padding:5px 0px 0px 15px;
}
#header #connexion h4{font-size:11px; color:#f9b200; margin:0px; padding:0px}
#header #connexion p{font-size:10px;margin:0px;padding:0px}
#header #connexion #pass,#header #connexion #btn_conn{float:left;}
#header #connexion #btn_conn{margin:0px 0px 0px 5px;}
#header #connexion input{font-size:9px; background-color:#8f8398; border:none; color:#f6c35e}
#header #connexion #user, #header #connexion #pass{padding:0px 3px}
#header #connexion #pass{clear:left}
#header #connexion a{color:#fff; text-decoration:none}

/***** HOME *****/
#contenthome #encarts{
	margin-top:2px;
	float:left;
	color:#fff;
}
#contenthome #encarts #col1, #contenthome #encarts #col2, #contenthome #encarts #col3{float:left;}
/* zoom sur */
#contenthome #encarts #col1 #bloc1{display:block;height:104px; background:url(../images/bg_zoomsur.jpg) top left no-repeat; float:left; width:318px; margin-bottom:3px}
#contenthome #encarts #col1 #bloc1 .texte{float:left; width:185px; padding:4px 5px 5px 10px; height:95px;}
#contenthome #encarts #col1 #bloc1 .image{float:left; width:118px; text-align:center; height:104px;line-height:0px}
#contenthome #encarts #col1 #bloc1 h2{color:#f9b200; font-size:16px;background:url(../images/fleche_jaune.png) top left no-repeat;padding-left:16px; width:169px}
/* tendance mode */
#contenthome #encarts #col1 #bloc2{clear:both;width:318px; height:112px; background:url(../images/bg_tendance_mode.jpg) top left no-repeat}
#contenthome #encarts #col1 #bloc2 .texte{clear:both;float:left; width:173px; padding:4px 5px 5px 10px; height:103px;}
#contenthome #encarts #col1 #bloc2 .image{float:left; width:130px; text-align:center; height:112px;line-height:0px}
#contenthome #encarts #col1 #bloc2 h2{color:#f9b200; font-size:16px;background:url(../images/fleche_jaune.png) top left no-repeat;padding-left:16px; width:157px}
/* trouvez un magasin */
#contenthome #encarts #col2{margin-left:4px;line-height:0px;width:319px; height:219px}
/* inscription newsletter */
#contenthome #encarts #col3{margin-left:5px;width:289px; height:189px; background:url(../images/bg_encart_nl2.png) top left no-repeat; color:#534861; padding:15px}
#contenthome #encarts #col3 h2{font-size:18px; background:url(../images/fleche_violette.png) top left no-repeat;padding-left:16px;}
#contenthome #encarts #col3 p{padding-left:16px;font-size:13px;}
#contenthome #encarts #col3 div{margin:15px 0px 0px 16px;}
#contenthome #encarts #col3 div #inscrnews{font-size:11px; border:none;background-color:#8f8398; color:#f6c35e; padding:2px 3px}
#contenthome #encarts #col3 div #inscrnews{font-size:11px; border:none;background-color:#8f8398; color:#f6c35e; padding:2px 3px}
#contenthome #flashdefil{clear:both;float:left;margin-top:4px;}
/***** FIN HOME *****/
/***** PAGES INTERIEURES *****/
#main{float:left; background:url(../images/bg_global.png) top left repeat-y}
#content{width:760px; margin:0px 0px 0px 4px; min-height:665px; float:left; padding:0px 25px 20px 10px}
#content a{color:#736586}
.fixe{height:665px;}
#ariane{color:#736586; font-size:10px; margin-top:5px; border-bottom:1px dashed #736586; padding-bottom:2px; list-style:none;}
#ariane a{color:#736586;text-decoration:none;}
#ariane li {display:inline;}
#content h2.titre{color:#706278; font-size:15px; font-weight:bold; margin:3px 0px 10px 0px; background:url(../images/fleche_h2.png) top left no-repeat;padding-left:16px; clear:both}
#content #texte{clear:both}
#content #encarts_opt{margin-top:30px}
#content #encarts_opt #bloc1, #content #encarts_opt #bloc2{float:left;}
#content #encarts_opt #bloc1{color:#FFF;background:url(../images/encart_opt1.png) top left no-repeat; width:396px; height:145px}
#content #encarts_opt #bloc2{background:url(../images/encart_opt2.png) top left no-repeat; width:364px; height:146px}
#content #encarts_opt #bloc1 .texte{float:left; width:180px; padding:4px 5px 5px 0px; margin-left:65px;height:50px;}
#content #encarts_opt #bloc1 .image{float:left; width:135px; text-align:center; height:135px;line-height:0px; margin-top:5px}
#content #encarts_opt #bloc1 h3{font-size:18px;margin-top:20px}
#content #encarts_opt #bloc1 h3 a{text-decoration:none}
#content #encarts_opt #bloc1 p{height:50px}
#content #encarts_opt #bloc1 .btnimg{height:45px; text-align:center}
#content #encarts_opt #bloc2 .texte{float:left; width:200px; padding:4px 5px 5px 15px; height:50px;}
#content #encarts_opt #bloc2 .image{float:left; width:135px; text-align:center; height:135px;line-height:0px; margin-top:5px}
#content #encarts_opt #bloc2 h3{font-size:18px;margin-top:20px}
#content #encarts_opt #bloc2 h3 a{text-decoration:none}
#content #encarts_opt #bloc2 p{height:50px}
#content #encarts_opt #bloc2 .btnimg{height:45px; text-align:center}
/* dispo 1 pour gabarit 3 */
#content .dispo1{clear:both; float:left}
#content .dispo1 .big{float:left; background:url(../images/haut_big.gif) top left no-repeat; background-color:#bab6c7; width:266px; margin-left:20px; color:#594d69}
#content .dispo1 h3{font-size:22px; margin-top:15px}
#content .dispo1 .big h3, #content .dispo1 .big p, #content .dispo1 .big img{margin-left:15px; padding-right:15px}
#content .dispo1 .big .bas{background:url(../images/bas_big.gif) top left no-repeat; width:266px; height:23px; font-size:0px; line-height:0px;}
#content .dispo1 .big img{margin-top:10px}
#content .dispo1 .petits{float:left; margin-left:60px;}
#content .dispo1 .silhouette{margin-bottom:20px}
#content .dispo1 .haut{background:url(../images/haut_silhouette.gif) top left no-repeat; width:376px; height:21px; font-size:0px; line-height:0px;}
#content .dispo1 .milieu{clear:both;background:url(../images/milieu_silhouette.gif) top left repeat-y; width:376px; float:left; color:#594d69;height:140px}
#content .dispo1 .txtgauche{float:left; width:170px; margin-left:20px}
#content .dispo1 .txtdroite{float:left; width:170px; padding-left:190px}
#content .dispo1 h3{font-size:18px}
#content .dispo1 .imgdroite{width:170px; position:absolute; padding-left:190px; margin-top:-20px}
#content .dispo1 .imggauche{width:170px; position:absolute; margin-top:-20px}
#content .dispo1 .bas{clear:both;background:url(../images/bas_silhouette.gif) top left no-repeat; width:376px; height:21px; font-size:0px; line-height:0px;}
#content .dispo1 #fonctions{clear:both;float:left; width:720px}
#content .dispo1 #selection{float:left; background:url(../images/bg_select.gif) top left no-repeat; width:205px; height:26px; margin:8px 0px 0px 40px; padding:5px 0px 0px 5px}
#content .dispo1 select{width:200px}
#content .dispo1 #encarts_opt{float:right; margin-top:0px}
/* dispo 2 pour gabarit 3 */
#content .dispo2{clear:both; float:left}
#content .dispo2 .big{float:left; background:url(../images/haut_big2.gif) top left no-repeat; background-color:#bab6c7; width:752px; color:#594d69}
#content .dispo2 h3{font-size:22px; margin-top:15px; width:220px}
#content .dispo2 .big div{float:left; width:235px}
#content .dispo2 .big p{width:220px}
#content .dispo2 .big .image{float:left; width:475px;}
#content .dispo2 .big h3, #content .dispo2 .big p, #content .dispo2 .big img, #content .dispo2 .big select{margin-left:15px}
#content .dispo2 .big .bas{clear:both; background:url(../images/bas_big2.gif) top left no-repeat; width:752px; height:9px; font-size:0px; line-height:0px;}
#content .dispo2 .big img{margin-top:10px}
/* pour gabarit 7 */
#content .dispo2 .bigtxt{float:left; background:url(../images/haut_big2.gif) top left no-repeat; background-color:#bab6c7; width:752px; color:#594d69}
#content .dispo2 .bigtxt div{float:left; width:410px}
#content .dispo2 .bigtxt p{width:395px}
#content .dispo2 .bigtxt .image{float:left; width:300px;}
#content .dispo2 .bigtxt h3, #content .dispo2 .bigtxt p, #content .dispo2 .bigtxt img, #content .dispo2 .bigtxt select{margin-left:15px}
#content .dispo2 .bigtxt .bas{clear:both; background:url(../images/bas_big2.gif) top left no-repeat; width:752px; height:9px; font-size:0px; line-height:0px;}
#content .dispo2 .bigtxt img{margin-top:10px}
/* */
#content .dispo2 .petits{float:left; margin-top:20px}
#content .dispo2 .silhouette{margin-bottom:65px; float:left}
#content .dispo2 .haut{background:url(../images/haut_silhouette.gif) top left no-repeat; width:376px; height:21px; font-size:0px; line-height:0px;}
#content .dispo2 .milieu{clear:both;background:url(../images/milieu_silhouette.gif) top left repeat-y; width:376px; float:left; color:#594d69;height:140px}
#content .dispo2 .txtgauche{float:left; width:150px; margin-left:20px}
#content .dispo2 .txtdroite{float:left; width:150px; padding-left:210px;}
#content .dispo2 .txtdroite h3, #content .dispo2 .txtgauche h3{margin:0px;padding:0px}
#content .dispo2 h3{font-size:18px;}
#content .dispo2 .imgdroite{width:204px; position:absolute; padding-left:170px ;margin-top:-20px}
#content .dispo2 .imggauche{width:204px; position:absolute; margin-top:-20px}
#content .dispo2 .bas{clear:both;background:url(../images/bas_silhouette.gif) top left no-repeat; width:376px; height:21px; font-size:0px; line-height:0px;}
#content .dispo2 #fonctions{float:left;text-align:center;display:table;margin:0px auto; width:360px}
#content .dispo2 #selection{background:url(../images/bg_select.gif) top left no-repeat; height:26px; width:205px; margin:20px 0px 0px 75px; padding:5px 0px 0px 5px;}
#content .dispo2 select{width:200px}
#content .dispo2 #encarts_opt{margin-top:20px}
#content .dispo2 #encarts_opt div{width:360px; display:table;margin:0px auto;}
#content #gauche{float:left; width:430px}
#content #gauche .haut{background:url(../images/haut_gauche.gif) top left no-repeat; width:430px; height:27px; font-size:0px; line-height:0px}
#content #gauche .milieu{color:#594d69;background:url(../images/milieu_gauche.gif) top left repeat-y; width:380px; padding:0px 25px 0px 25px}
#content #gauche .bas{background:url(../images/bas_gauche.gif) top left no-repeat; width:430px; height:41px; font-size:0px; line-height:0px}
#gauche h3{font-size:22px;padding:16px 0px 20px 50px; background:url(../images/rond_h3.gif) top left no-repeat; width:330px; min-height:18px;}
#gauche .flechej{list-style:none}
#gauche li{margin:0px 0px 0px 16px}
#gauche .flechej li{background:url(../images/fleche_h2_gauche.gif) top left no-repeat;padding:0px 0px 5px 16px;margin:0px 0px 0px 0px}
#droite{float:left; width:275px; margin-left:40px; text-align:center}
#droite .image{display:block; margin-bottom:20px; background:url(../images/bg_imgplus.png) top left no-repeat; width:275px; height:204px;padding-top:0px}
#droite .encarts_opt{clear:left; display:table;margin-left:12px;text-align:center}
#droite .ptit{float:left;background:url(../images/bg_petitencart.gif) top left no-repeat; width:245px; height:110px; text-align:center; display:inline}
#droite .ptit h3{color:#f7b534; font-size:15px; margin-top:17px; width:185px; padding:0px 10px 0px 50px; text-align:left}
#droite .ptit p{margin-top:5px; text-align:left;height:34px; width:185px; padding:0px 10px 0px 50px; color:#fff}
#droite .ptit a{display:block;width:185px; padding:0px 10px 0px 40px; text-align:center}
/* produits */
#soustitre{margin:10px 0px 30px 25px;color:#fff; width:350px}
#soustitre h3{font-size:20px;margin-bottom:5px}
#soustitre p{width:300px;font-size:11px}
#bgproduits{display:none}
#silhouettes{float:left; margin-left:15px}
#silhouettes .silhouette{margin-bottom:50px}
#silhouettes  .haut{background:url(../images/haut_produit.png) top left no-repeat; width:425px; height:15px; font-size:0px; line-height:0px;}
#silhouettes  .milieu{clear:both;background:url(../images/milieu_produit.png) top left repeat-y; width:425px; float:left; color:#FFF}
#silhouettes .txtgauche{float:left; width:200px; margin-left:20px}
#silhouettes .txtdroite{float:left; width:200px; padding-left:205px}
#silhouettes h3{color:#706278; font-size:15px; font-weight:bold;}
#silhouettes .imgdroite{width:200px; position:absolute; padding-left:220px}
#silhouettes .imggauche{width:200px; position:absolute;}
#silhouettes .bas{clear:both;background:url(../images/bas_produit.png) top left no-repeat; width:425px; height:17px; font-size:0px; line-height:0px;}
#silhouettes #encarts_opt{position:absolute;top:100px; left:800px; width:150px;}
#silhouettes #encarts_opt img{margin-bottom:20px}
#encart_bas{position:absolute;top:650px; left:670px; width:280px}
.dispo2 .texte{clear:both;float:left; color:#4b4058; width:750px; margin:30px 0px 20px 10px}
.dispo2 #petitsencarts{clear:both;text-align : center;display:table;margin:0px auto;color:#fff;}
.dispo2 #petitsencarts .ptit{float:left;background:url(../images/bg_petitencart.gif) top left no-repeat; width:245px; height:110px; text-align:center; display:inline}
#petitsencarts .ptit h3{color:#f7b534; font-size:15px; margin-top:15px; height:23px; width:185px; padding:0px 10px 0px 50px; text-align:left}
#petitsencarts .ptit p{height:32px; width:210px; padding:5px 10px 0px 15px; text-align:left}

/***** FIN PAGES INTERIEURES *****/
#ref{clear:both;color:#6f6d91; font-size:9px; padding:3px 0px; text-align:center; width:968px; margin-left:12px}
/***** FOOTER *****/
#footer{
	clear:both;
	float:left;
	background:url(../images/fond_footer.png) top left no-repeat;
	width:980px;
	height:26px;
	font-size:9px;
	text-transform:uppercase;
	padding-top:2px;
}
#footer a{color:#fff; text-decoration:none}
#footer #recommander, #footer #rezosocio, #footer #piedpage{float:left}
#footer #recommander{width:120px; padding-left:25px; height:28px;}
#footer #recommander a{color:#45436c;}
#footer #rezosocio{width:30px; height:28px;float:left}
#footer #rezosocio a{display:block; margin-left:8px; float:left}
#footer #piedpage{width:598px; height:28px; float:left; padding-left:2px;}
#footer #piedpage ul{list-style:none;float:left}
#footer #piedpage li{list-style-type:none; float:left}
#footer #piedpage li a{display:block; background:url(../images/sep.gif) top left no-repeat; padding:0px 5px 0px 15px}
#footer #enseigne{width:180px; float:right; text-align:right; color:#fff;}
#footer #enseigne div{float:right;padding-right:5px}
/* plan du site */
.dsc-sitemap ul{list-style:none}
.dsc-sitemap li{list-style-type:disc; margin-left:20px}
.dsc-sitemap li a{color:#45436c; text-decoration:none}
/* couleur jaune */
.highlight{color:#f9b200}
.blancgras{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size : 11pt; color:#ffffff}
.violetgras{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size : 11pt; color:#706278}
.cgv{font-size:10px;}
.floatLeft{float:left}
.bodytext{margin:0px; padding:0px;}
.ref{}

#jesuislogge{color:#fff}
/* tableau de bord */
#gaucheespace{float:left; width:430px}
#gaucheespace .haut{background:url(../images/haut_gauche.gif) top left no-repeat; width:430px; height:27px; font-size:0px; line-height:0px}
#gaucheespace .milieu{color:#594d69;background:url(../images/milieu_gauche.gif) top left repeat-y; width:380px; padding:0px 25px 0px 25px}
#gaucheespace .bas{background:url(../images/bas_gauche.gif) top left no-repeat; width:430px; height:41px; font-size:0px; line-height:0px}
#gaucheespace h4, #gauche h4{font-size:22px;padding:16px 0px 20px 50px; background:url(../images/rond_h3.gif) top left no-repeat; width:330px; min-height:18px;}
#gaucheespace .flechej{list-style:none}
#gaucheespace li{margin:0px 0px 0px 16px}
#gaucheespace .flechej li{background:url(../images/fleche_h2_gauche.gif) top left no-repeat;padding:0px 0px 5px 16px;margin:0px 0px 0px 0px}
#gauche p{margin:0px;padding:0px}
#droiteespace{float:right;width:320px;}
#droiteespace .encartjaune .haut{background:url(../images/haut_jaune.gif) top left no-repeat; width:320px;height:21px;}
#droiteespace .encartjaune .milieu{background:url(../images/milieu_jaune.gif) top left repeat-y; width:320px;}
#droiteespace .encartjaune .bas{background:url(../images/bas_jaune.gif) top left no-repeat; width:320px;height:21px}
#droiteespace .encartviolet .haut{background:url(../images/haut_violet.gif) top left no-repeat; width:320px;height:27px}
#droiteespace .encartviolet .milieu{background:url(../images/milieu_violet.gif) top left repeat-y; width:320px;}
#droiteespace .encartviolet .bas{background:url(../images/bas_violet.gif) top left no-repeat; width:320px;height:41px}
#droiteespace h4{font-size:15px; width:280px; padding:0px 20px; text-align:left}
#droiteespace p{text-align:left; width:280px; padding:0px 20px; margin:0px; color:#fff}
#droiteespace .flechej, #droiteespace .flechev{list-style:none;padding:0px 20px;margin:5px 0px 0px 0px}
#droiteespace .flechej li{background:url(../images/fleche_h2_gauche.gif) top left no-repeat;padding:0px 0px 5px 16px;margin:0px}
#droiteespace .flechev li{background:url(../images/fleche_h2_violet.gif) top left no-repeat;padding:0px 0px 5px 16px;margin:0px}
#droiteespace a, #gaucheespace a, #gauche li a{text-decoration:none; font-weight:bold}
/* FAQ */
.reponse{padding:5px; margin:10px; border:2px solid #706278; background-color:#bab6c7; list-style:none}
.question{margin-bottom:15px; font-weight:bold; font-size:12px;list-style:none}

/* special IE7 */
*+html #content .dispo2 #selection{margin:20px 0px 0px 0px;}
*+html .dispo2 #petitsencarts .ptit{float:left;background:url(../images/bg_petitencart.gif) top left no-repeat; width:245px; height:110px; text-align:center;}

#jeuconcours{width:765px;height:500px; background:url(../images/bg_jeuconcours.jpg) top left no-repeat}
#form600 legend{font-size:14px; font-weight:bold;color:#a81c68; border-bottom:dashed 1px white;width:360px;display:block}
#form600{padding-left:385px; height:500px;width:380px;color:#fff; background:url(../images/bg_jeuconcours.jpg) top left no-repeat}
#form600 fieldset{width:380px}
#form600 .dec-advforms-input-field{width:100px;background-color:#a99794; border:none; float:left}
#form600 .dec-advforms-label{width:70px}