body{margin:0;padding:0;background:url(images/fond-page.gif) repeat-x top #900032;color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;}
body.themeorange{background:url(images/fond-page-orange.gif) repeat-x top #cd7500;}
body *{/*margin:0;*/ padding:0;}
p{margin:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#707070;}
p font{color:#cba674;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
u{display: block; text-decoration:none; font-size:1px; clear:both;}

h1{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 2px 0;  font-weight:normal; color:#9f3445; line-height:26px;padding:0;}
/* modi 19/05 /////////////////////////// */
h1.bar{background:#900032; color:#FFFFFF; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; padding:4px 0 0 20px; margin:0; height:26px; line-height:18px;}
/*   /////////////////////////// */
h1.line{font-family: Arial, Helvetica, sans-serif; font-weight:bold; background:url(images/fond-ligne.gif) repeat-x 0 22px; padding:8px 0 0 15px; line-height:19px;}
h1.arrow{font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; color:#900032; background:url(images/arrow-down.gif) no-repeat 20px 6px; padding:6px 0 0 50px;}
h1 a{color:#9f3445;}
h1 a:hover{color:#c54e62; text-decoration:none;}

h2{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#673b15;margin: 0 0 6px 0; padding:0; font-weight:normal}
h3{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#888888;margin: 0 0 6px 0; padding:0; font-weight:normal}
h4{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#673b15;margin: 0 0 6px 0; padding:0;}

h5{color:#686868; font-weight:normal; font-size:15px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}
h6{color:#673b15; font-weight:normal; font-size:12px; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;}
h6 *{color:#900032; font-weight:normal;}

strong{color:#512d02;}
b{color:#d49c17;}

h1 b{text-decoration:line-through;color:#d49c17;font-weight:normal;color:#900032;}
b b{text-decoration:line-through;font-weight:normal; color:#900032;}
em{font-size:12px;}
a{color:#9f9f9f;}
a:hover{color:#bfbfbf;}
a img{border:0;}

.mt20 {margin-top:20px}

.lienrouge{color:#9f3445;}
.lienrouge:hover{color:#ed0052;}
.lienbrun{color:#ccac6c; text-decoration:none;}
.lienbrun:hover{color:#dfc99c;}

ul.grispuce li{padding: 0 0 0 15px; background:url(images/ico-close.gif) no-repeat 0 3px; cursor:pointer;}
ul.grispuce li a{color:#bfbfbf; color:#9f9f9f; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}
ul.grispuce li a:hover{color:#bfbfbf;}

ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;color:#707070;}
li{background: url(images/puce.gif) no-repeat 0 .4em; padding:0 0 0 14px; margin:0 0 5px 10px; border:0;}
ul ul li{background-image: url(images/puce2.gif);}
ul ul ul li{background-image: url(images/puce3.gif); background-position:0 .4em;}

.sitemapp ul{margin-top:2px;}
.sitemapp li{margin:0 0 2px 0;background: url(images/puce-plansite-1.gif) no-repeat 0 1px; padding:0 0 0 8px;}
.sitemapp ul{margin-left:14px;}
.sitemapp ul li{background-image: url(images/puce-plansite-2.gif); padding:0 0 0 6px;}
.sitemapp ul ul li{background-image: url(images/puce-plansite-3.gif);padding:0 0 0 4px;}
.sitemapp a{display:block; border:1px solid #efefef; text-decoration:none; padding:1px 2px; text-transform:capitalize; font-variant:small-caps; color:#707070; font-family:Century Gothic, Apple Gothic, sans-serif;}
.sitemapp a:hover{border:1px solid #dddddd; color:#444444;}
.sitemapp a, .sitemapp ul a{font-size:13px}
.sitemapp ul ul a{font-size:11px; font-variant:normal;}

/* flash Home marketing */
div#flashHome {width:740px; height:238px; background-color:#fff}

/*######## FORMULAIRES #########*/
input{font-size:9px; background-color:#ffffff; color:#9f9f9f; border:0; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

label{text-align: right; font-size:11px; display:block; margin:0 0 8px 0;}
.champcontact{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#9f9f9f; border:1px solid #e7e7e7; background:#FFFFFF;padding:2px; margin: 0 0 2px 0;}
.champcontacterreur{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#990000; border:1px solid #990000; background:#FFFFFF; padding:2px; margin: 0 0 2px 0;}
.send{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#FFFFFF; border:1px solid #f1d594; background:#9f3445; padding:2px; margin: 0 0 2px 0; cursor:pointer;}
a.bouton{height:20px; width:140px;  padding:0; margin:0; color:#cbac6b; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; font-weight:normal; text-decoration:none; text-align:center; display:block; background:url(images/onglet-lettre.gif) no-repeat left top; clear:both; cursor:pointer}
a.bouton:hover{color:#ffffff;}
select.champcontact{ min-width:60px;}
.valideform{cursor:pointer;}
.messagErreur{ text-align:right; color:Red; }
.messagErreurCentre{ text-align:center; color:Red; }
.champSelect{ width:327px;font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#9f9f9f; border:1px solid #e7e7e7; background:#FFFFFF;padding:2px; margin: 0 0 2px 0;}
/* #################### CLASSES COURANTES  ########################*/
div.curvyblanc{background: url(images/curvyblanc-hg.gif) no-repeat top left;}
div.curvyblanc div{background: url(images/curvyblanc-hd.gif) no-repeat top right; }
div.curvyblanc div div{background:url(images/curvyblanc-bd.gif) no-repeat bottom right;}
div.curvyblanc div div div{background:url(images/curvyblanc-bg.gif) no-repeat bottom left; padding:15px;}
div.curvyblanc div div div div{background:none;}
div.curvyblanc u{height:1px;}

table.colonnes table.table, table.table{border-collapse:collapse; margin:0; padding:0; width:100%;}
table.colonnes table.table th, table.table th{vertical-align:middle;margin:0; padding:5px 8px; background:#c6a465; color:#ffffff; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align:center;}
table.colonnes table.table td, table.table td{vertical-align:middle;margin:0; padding:5px 8px; border-bottom:1px solid #e1e1e1; text-align:center;}
table.colonnes table.table td.gauche, table.colonnes table.table th.gauche{text-align:left; }

.modale{width:600px; height:450px; background:#ffffff;}
.modalePanier{width:500px; height:200px; background:#ffffff;}

.modaleNewsletter{width:500px;/* height:370px; */background:#ffffff;}
.modaleNewsletter label{ text-align:left; margin:0px 20px; display:inline; width:100px; }
.modaleNewsletter input{ width:176px; border:1px solid #AAAAAA; }
.modaleNewsletter table{ width:350px; text-align:left;}
.modaleNewsletter .day{ width:40px;}
.modaleNewsletter .mois{ width:90px;}
.modaleNewsletter .buttonNewsletter{ margin:auto;}
.modaleNewsletter select{ border:1px solid #AAAAAA; }
.modaleNewsletter .checkbox{ width:10px; border:1px solid #AAAAAA; margin-left:40px; }
.modaleNewsletter p{  margin:0px 30px; text-align:left; }
/*
.modaleNewsletterActivate {width:300px; height:200px; background:#ffffff;}
*/


.just{text-align:justify;}
.gris{color:#a5a5a5;}
.petit{font-size:9px;}
.note{font-size:9px;color:#a5a5a5;}
.smallit{font-size:9px; font-style:italic;}
.cadre img{/*border:1px solid #efefef;*/padding:1px;background-color:#ffffff;}
/*.cadre:hover img{border:1px solid #e1e1e1;}*/
.marg10{margin:15px;}
.marg1030{ margin:10px 30px}
.pad10{padding:10px;}
.padL15{padding-left:15px;}
.fleft{float:left;}
div.fright{float:right;}
.col{width:46%; float:left;}
.colb{width:460px; float:left;}
.colb label{ text-align:left;}
.col700{ width:700px; float:left}
.coltiers{width:31%; float:left; margin-right:10px;}
.marg{margin:0 15px; float:left;}
.margd{margin-right:15px; float:left;}
.margg{margin-left:15px; float:right;}
.padg{padding-left:15px;}
.padd{padding-right:15px;}
.clear{clear: both;}
.center{text-align:center;}
.ligne{border-bottom: 1px solid #333333; height:18px; margin-bottom: 18px;}
.droite, .d{text-align:right;}
.centre, .c{text-align:center;}
.gauche, .g{text-align:left;}
div.h60, .h60{height:60px;}
div.h80, .h80{height:80px;}
div.h100, .h100{height:100px;}
div.h120, .h120{height:120px;}
.w50{width:50px}
.w70{width:70px}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
.w180{width:180px}
.w190{width:190px}
.w200{width:200px}
.w300{width:300px}
.w350{width:350px}
.w400{width:400px}
.w500{width:500px}
.fcenter{margin:0 auto;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
/* ############################################*/

/* ################### FAQ ###################*/
.faq h2{ cursor:pointer;margin:0px;}
/* ############################################*/



/* ####################   INTERFACE  ########################*/
.global{text-align:left;}
.ombre{width:1080px; text-align:center; background:url(images/ombre-fond.gif) repeat-y center; margin:0 auto;}
.themeorange .ombre{width:1080px; text-align:center; background:url(images/ombre-fond-orange.gif) repeat-y center; margin:0 auto;}

.haut{background: url(images/bandeau-haut.jpg) no-repeat top center; height:147px; text-align:left;}
.haut div{margin: 0 50px;}
.haut a{color: #512d02;}
.haut a:hover{color: #FFFFFF;}

.principal{width:1080px; margin:0 auto;border:0; text-align:left; text-align:center; background:url(images/ombre-fond-haut.gif) no-repeat top center;}
.principal center{width:1080px; margin:0 auto;border:0; text-align:left; text-align:center; background:url(images/ombre-fond-bas.gif) no-repeat bottom center;}
.themeorange .principal{background:url(images/ombre-fond-haut-orange.gif) no-repeat top center;}
.themeorange .principal center{background:url(images/ombre-fond-bas-orange.gif) no-repeat bottom center;}

/*.principal div div{width:auto; height:auto; background:none; padding:auto; text-align:left;}*/
.principal center div.interne{margin: 0 auto; width:980px;/* 52px*/padding: 0 0 10px 0; text-align:left;}

.bandeau{background: url(images/bandeau-bas.jpg) no-repeat top center; height:292px;}

#divanim{position:relative;top:20px; height:272px}


/* ################ FIL D'ARIANNE HAUT ############################*/
/* ################ PLAN DU SITE TALON ############################*/
.sitemappath{margin:0; padding:3px 0 0 20px; background:#673b15; color:#ccac6c; height:20px; line-height:16px;}
.sitemappath a{color:#ccac6c;}
.sitemappath a:hover{color:#f3dcaf}

/* ################ PLAN DU SITE TALON ############################*/
.sitemap{width:1080px; margin:10px auto; padding:0; height:120px;}
/* 1 */
.sitemap div{width:980px; margin:0 auto; padding:0; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#505051;
background:url(images/arrondiblanc-hg.gif) no-repeat top left #ffffff; height:120px;}
/* 2 */
.sitemap div div{background:url(images/arrondiblanc-hd.gif) no-repeat top right; margin:0; padding:0;}
/* 3 */
.sitemap div div div{background:url(images/arrondiblanc-bd.gif) no-repeat bottom right; margin:0; padding:0}
/* 4 */
.sitemap div div div div{background:url(images/arrondiblanc-bg.gif) no-repeat bottom left; margin:0; padding:0; position:relative; width:100%;}
.sitemap li{background:url(images/puce-talon.gif) no-repeat 0 5px;}

/*version orange*/
.themeorange .sitemap div{background:url(images/arrondiblanc-hg-orange.gif) no-repeat top left #ffffff;}
.themeorange .sitemap div div{background:url(images/arrondiblanc-hd-orange.gif) no-repeat top right;}
.themeorange .sitemap div div div{background:url(images/arrondiblanc-bd-orange.gif) no-repeat bottom right;}
.themeorange .sitemap div div div div{background:url(images/arrondiblanc-bg-orange.gif) no-repeat bottom left;}
.themeorange .sitemap div div div div div{background:none;}

.sitemap div div div div div{display:block; float:left; width:19%; padding:0; margin:24px 0 0 20px;background:none; border-right:1px solid #7d7d7d; height:auto;}
.sitemap div div div div div.end{border:0;}
.sitemap div div div div div ul{margin:0; padding:0;}
.sitemap div div div div div li{margin:0 0 4px 0; padding:0 0 0 18px;}
.sitemap div div div div div a{font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#7d7d7d; text-decoration:none;}
.sitemap div div div div div a:hover{color:#aaaaaa;}

.sitemap a.FooterShare					{display:block;position:absolute; width:160px; height:52px; right:20px; top:24px; border-left:1px solid #7d7d7d; padding-left:20px;padding-top:20px;
													font:normal 12px/1.2em "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#999; text-decoration:none;text-align:left; vertical-align:middle; white-space:nowrap;}
.sitemap a:hover.FooterShare							{color:#869fdf;}													 
.sitemap a.FooterShare	 span.logoFacebook							{display:-moz-inline-box; display:-webkit-inline-box;display:inline-block; float:left;vertical-align:middle; width:32px; height:32px;margin-right:8px; margin-top:-2px;
																							background:url(images/logo-facebook.gif) no-repeat 0 0;}
.sitemap a.FooterShare	 span.logoFacebook							{-moz-opacity:.85; filter:alpha(opacity=85); opacity:.85;}
.sitemap a:hover.FooterShare span.logoFacebook						{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

/* ################ LIENS HAUT OUTILS ############################*/
.lienshaut{float:right; width:270px; height: 84px; margin:0 20px 0 0; padding:0; color: #512d02; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.lienshaut li{text-align:right; margin:0; padding:0 0 8px 0; background:none; float:left;}
.lienshaut li img{margin-right:10px;}
.lienshaut li a {padding:0; margin:0;font-size:10px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-align:right;}
.lienshaut li a.main{text-decoration: none; font-weight:bold; display:block; margin:15px 0 2px 0; text-align:right;}
.lienshaut li a:hover{color:#ffffff;}

.version{margin: 8px 0 0 30px; padding:0; width:120px;}
.version a{display:block; text-decoration:none;}
.nouscontacter{margin: 8px 30px 0 0; padding:0; width:120px; float:right;}
.nouscontacter a{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; display:block; text-decoration:underline; background:url(images/ico-contact.gif) no-repeat 0 2px; padding:0 0 0 18px; font-weight:bold; text-transform:uppercase;}

/* ################ FIL D'ARIANNE HAUT ############################*/
.mainmenu{height:33px; clear:both; padding:0; margin:0 3px 0 0; clear:both; float:right; width:730px;}
.mainmenu li{padding:0; margin:0 0 0 2px; float:left; background:none;}
.mainmenu li a{color:#cbac6b; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-decoration:none; text-align:center; display:block; float:left; padding:10px 0 0 0; background:url(images/onglet.gif) no-repeat center top; height:23px; width:116px;}
.themeorange .mainmenu li a{background:url(images/onglet-orange.gif) no-repeat center top; color:#fff1b3;}
.mainmenu li a:hover{color:#ffffff;}


.mainmenu li.onglethome{margin-right:10px;}
.mainmenu li.ba a{color:#512d02;background:url(images/onglet-bonnes-affaires.gif) no-repeat center top; font-weight:bold;}
.themeorange .mainmenu li.ba a{color:#CCA674;background:url(images/onglet-ba-orange.gif) no-repeat center top;}
.mainmenu li.ba a:hover{color:#ffffff;}

.mainmenu li a.selected{background:url(images/onglet-over.gif) no-repeat center top; font-weight:bold; color:#f7f3ea;}
.mainmenu li a.selected:hover{color:#ffffff;}

/* ################ INTERFACES ############################*/
/*colonne gauche*/
.colg{text-align:left; width:245px; padding:0; border-right:1px solid #aaaaaa; padding-bottom:30px; margin:0;}
/*colonne droite*/
.cold{text-align:left; width:239px; padding:0; border-left:1px solid #aaaaaa;padding-bottom:30px;margin:0;}

table.colonnes{border-collapse:collapse; margin:0; padding:0; width:980px;}
table.colonnes td{vertical-align:top;margin:0; padding:0 0 30px 0;}


/* ################ PAGE ACCUEIL ############################*/

div.encartShare		{position:relative;  width:100%; height:80px; border-bottom:1px solid #aaa;}
div.encartShare a.FooterShare			{display:block;position:absolute; left:10px; top:15px; width:217px;
													font:normal 12px/1.8em "Century Gothic", "Apple Gothic", Arial, sans-serif; color:#5e6b8b;text-decoration:none;text-align:left; vertical-align:middle; white-space:nowrap;}
div.encartShare a:hover.FooterShare							{color:#869fdf;}													 
div.encartShare a.FooterShare	 span.logoFacebook	{display:-moz-inline-box; display:-webkit-inline-box;display:inline-block; float:left;vertical-align:middle; width:32px; height:32px;margin-right:5px; margin-top:-2px;
																			background:url(images/logo-facebook.gif) no-repeat 0 0;}
div.encartShare a.FooterShare	 span.logoFacebook,
div.encartShare a.FooterShare	 span.btJaime				{-moz-opacity:.60; filter:alpha(opacity=60); opacity:.60;}
div.encartShare a:hover.FooterShare span.logoFacebook,
div.encartShare a:hover.FooterShare span.btJaime		{-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

div.encartShare a.FooterShare	 span.FacebookInvit			{display:block; font:normal 11px/1em "Century Gothic", "Apple Gothic", Arial, sans-serif; letter-spacing:0; color:#999; clear:both; padding-top:5px;}
div.encartShare a.FooterShare	 span.btJaime						{display:-moz-inline-box; display:-webkit-inline-box;display:inline-block; float:right;vertical-align:middle; width:72px; height:24px;margin-left:8px;
																					background: url(images/bouton-j-aime.gif) no-repeat 0 0;}
																			
																			
div.newsletter{text-align:left; border-bottom:1px solid #aaaaaa; padding:16px 0 10px 22px;}
div.newsletter label{text-align:left; clear:both;}
div.newsletter img{display:block; float:left; margin: 0 10px 4px 0;}
div.newsletter h1,div.newsletter h2{color:#512d02; font-weight:normal; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0 0 2px 0; /*float:left;*/ line-height:15px;}
div.newsletter h2{color:#cba674;}

div.recherchegenre{text-align:left; border-bottom:1px solid #aaa; padding:20px 0 20px 22px;}
div.recherchegenre select{width:180px;}

div.listemarque{padding:10px 20px 0 20px;}
div.listemarque li{margin: 0 0 5px 0; padding:0; background:none;}
div.listemarque li a{text-decoration: none; color:#9f9f9f;}
div.listemarque li a:hover{color:#c2c2c2;}

div.galerienouveautes {/*margin-left:20px;*/margin-top:10px; float:left; margin-bottom:20px}
div.galerienouveautes div{width:170px;float:left;height:160px;margin-left:12px;_margin-left:10px;}
div.galerienouveautes div p{font-size:10px;color:#512d02;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;margin:0 0 0 10px;}
div.galerienouveautes p.slideImg{height:110px;margin:0;text-align:center;}
div.animationsdroite{margin-top:8px;border-bottom:1px solid #aaa;padding:0 0 10px 0;}

div.animationsdroite img {margin: 2px 0 }

p.reinit {padding: 0 0 0 15px; background:url(images/ico-close.gif) no-repeat 0 3px; cursor:pointer; margin: 4px 0 0 0}

/* ################ PAGE FAMILLE ############################*/
/*
div.galeriebestof{margin:0 0 30px 30px;}
div.galeriebestof div{width:145px; float:left; height:120px;}
div.galeriebestof p{margin: 0 30px 0 0;}
div.galeriebestof div p{font-size:10px; color:#512d02; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 10px;}
*/
div.galeriebestof {}
div.galeriebestof div{width:145px;float:left;height:120px;margin:15px 0 15px 15px;_margin:15px 0 15px 10px;}
div.galeriebestof p{margin:0 30px 0 0;_margin:0;}
div.galeriebestof p.slideImg{height:67px;text-align:center;margin:0;}
div.galeriebestof div p{font-size:10px;color:#512d02;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;margin:0 0 0 10px;}
div.galeriebestof a{text-decoration:none;}
div.galeriebestof div dd{margin-left:10px;}

div.galeriebestofPage div.button{margin:10px 0 0 10px;}
div.galeriebestofPage div span{border:1px solid #C0C0C0;margin:2px;cursor:pointer;width:12px;height:14px;display:block;float:left;}
div.galeriebestofPage div span.selected{border:1px solid #000;margin:2px;cursor:pointer;float:left;}
div.galeriebestofPage div div{width:145px;float:left;height:120px;margin:15px 0 15px 15px;_margin:15px 0 15px 10px;}
div.galeriebestofPage p{margin:0 30px 0 0;_margin:0;}
div.galeriebestofPage p.slideImg{height:67px;text-align:center;margin:0;}
div.galeriebestofPage div div p{font-size:10px;color:#512d02;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;margin:0 0 0 10px;}
div.galeriebestofPage a{text-decoration:none;}

.headerhomme{height:79px; background:url(images/header-chaussures-homme.gif) no-repeat top left;}
.headerfemme{height:79px; background:url(images/header-chaussures-femme.gif) no-repeat top left;}
.headerenfant{height:79px; background:url(images/header-chaussures-enfant.gif) no-repeat top left;}

.headercompte h1{background:#900032; color:#ccac6d; font-size:20px; font-weight:normal;padding:20px 10px 5px 10px; margin:0;}
.headercompte h1 font{color:#ffffff;}
.headercompte h2{background:#673b15; color:#ccac6d; font-size:14px; font-weight:normal; padding:4px 10px;margin:0;}
.headercompte h2 font{color:#ffffff;}

.colrecherche{margin:20px 10px 20px 20px;}
.colrechercheb{margin:10px 10px 20px 20px;}

.listbox{height:140px; border:1px solid #c0c0c0; overflow:auto; padding:6px 0; position:relative; z-index:1;}
.listbox ul li{cursor:pointer;background: url(images/checkbox-unchecked.gif) no-repeat 0 5px; padding:0 0 0 18px; margin:0 0 5px 10px;color:#9f9f9f; text-decoration:none;}
.listbox ul li.true{background-image: url(images/checkbox-checked.gif);}

.listboxInactif{cursor:wait;height:140px; border:1px solid #c0c0c0; overflow:auto; padding:6px 0;}
.listboxInactif ul li{cursor:wait;background: url(images/checkbox-unchecked.gif) no-repeat 0 5px; padding:0 0 0 18px; margin:0 0 5px 10px;color:#9f9f9f; text-decoration:none;}
.listboxInactif ul li.true{background-image: url(images/checkbox-checked.gif);}



/* ################ PAGE RESULTAT ############################*/
div.galerieresultat{margin:10px 0 30px 30px;}
div.galerieresultat div{width:145px; float:left; height:120px;}
div.galerieresultat p{margin: 0 30px 0 0;}
div.galerieresultat p.slideImg{height:67px;}
div.galerieresultat div p{font-size:10px; color:#512d02; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 10px;}

.navpages{background:#900032; height:24px; padding:0 16px 0 16px; line-height:20px; float:right;}
.navpages p{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF; height:14px; padding:2px 0 0 0; margin:0}
.navpages .page{cursor:pointer;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ebd8d8; text-decoration:none;display:block;float:left;height:16px;line-height:16px;margin:3px 0 0;padding:0 6px;text-align:center; }
.navpages .page.current{border:1px solid #d8b1b1;}
.navpages .pag{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ebd8d8; text-decoration:none;display:block;float:left;height:16px;line-height:16px;margin:3px 0 0;padding:0 6px;text-align:center; }

.navpages .page:hover{color:#FFFFFF;}

.navpages div{width:180px; float:right; text-align:right; color:#ffffff;}
.navpages div a,.navpages div span{border:1px solid #900032; display:block; float: left; padding:0 6px; height:16px; line-height:16px; margin:3px 0 0 0; text-align:center;}
.navpages div a.current{border:1px solid #d8b1b1;}

.navpages div a.suivante{border:1px solid #d8b1b1; margin-left:6px;}
.navpages div a.suivante:hover{border:1px solid #FFFFFF;}

a.hautpage{background:url(images/arrow-haut-page.gif) no-repeat center right; padding-right:16px;color:#ebd8d8; line-height:22px;}
a.hautpage:hover{color:#FFFFFF;}


/* ################ PAGE MARQUE ############################*/
.ensavoirplus{background:#4a4a4a; margin:0; padding:0;}
.ensavoirplus a{color:#dddddd; padding:5px; text-align:center; display:block; text-decoration:none; font-size:12px;}
.ensavoirplus a font{color:#00b1f8;}
.ensavoirplus a:hover{color:#FFFFFF; background:#5a5a5a;}


.marque{/*background:#000000;*/}
.marque div.detailmarque{padding:30px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #414141; border-left:0; border-right:0;}
/*=======
.marque{background:#000000; width:494px}
.marque div.detailmarque{padding:30px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; border:1px solid #414141; border-left:0; border-right:0; }
.marque h1 {margin: 0 0 12px 0}
>>>>>>> 1.48*/
.marque h2{color:#06abee; font-size:15px; font-weight:normal;}
.marque h3{color:#999999; font-size:13px; font-weight:normal;}
.marque p{color:#eeeeee; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}


.accesgenremarque{margin:20px 0 0 0; padding:0;clear: both;}
.accesgenremarque li{ width:140px; height:110px; background:url(images/arrow-d-grise.gif) no-repeat 15px 4px;margin:0; padding:0; float:left;}
.accesgenremarque li a{color:#c9c9c9; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; width:100px; height:100%;margin:0; padding:0 0 0 50px; line-height: 20px;}
/*=======
.accesgenremarque{margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #414141}
.accesgenremarque li{ width:130px; height:auto; background:url(images/arrow-d-grise.gif) no-repeat 15px 4px;margin:0; padding:0; float:left;}
.accesgenremarque li a{color:#c9c9c9; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; display:block; width:100%; height:100%;margin:0; padding:0 0 0 50px; line-height: 20px;}
>>>>>>> 1.48*/
.accesgenremarque li a:hover{color:#FFFFFF; }
.accesgenremarque li a font{color:#06abee; font-size:16px;}

/* ################ PAGE DETAIL ############################*/
/* objDiapo */
table.diapoTable { height:40px; width:100%; }
table.diapoTable td{ margin:1px; vertical-align:middle; text-align:center;border:1px solid #efefef;background-color:#ffffff; width:48px; padding:1px}
table.diapoTable td:hover {border:1px solid #a1a1a1;}
table.diapoTable td.selected {border:1px solid #a1a1a1;}
table.diapoTable td img{cursor:pointer;}

.slideproduit {overflow:hidden; width:675px;/* height:133px;*/padding-bottom:10px;position:relative;}
.slideproduit b b{ text-decoration:line-through;}
/* ajout 13/10 
.slideproduit h4{ font-size:14px;}
.slideproduit a{ color:#5F5F5F;}
.slideproduit a:hover{ color:#9F9F9F;}
*/

.slideproduit p span{display:block; clear:both; padding-left:10px; width:86px;}/*pour le texte*/
/*boutons de navigatoin */
.slideproduit span.gauche{cursor:pointer; display:block; float:left; clear:none; width:16px; height:98px; margin:0 10px 0 0;background: url(images/nav-gauche.gif) no-repeat 0 30px;}
.slideproduit span.droite{cursor:pointer; display:block; clear:none; width:16px; height:98px;float:right; margin:0 0 0 10px; background: url(images/nav-droite.gif) no-repeat 0 30px;}
/*.slideproduit span.droite a,.slideproduit span.gauche a{height:96px; width:16px; display:block;}*/

/*.slideproduit p{width:98px; height:98px; float:left; }bloc produit*/
/*.slideproduit p a{display:block; border:1px solid #FFFFFF;width:96px; height:96px;}pour le contour*/
/*.slideproduit p a:hover{border:1px solid #dfdfdf;}contour au survol*/
/*.slideproduit div.photo{float:left;width:96px; height:64px; overflow:hidden;padding:0; margin:0;background:none; }*/

.slidecontenu{display:block;float:left;width:auto;overflow:hidden;padding:0px; background:none;width:600px;position:relative;}
.slidecontenuinner{left:0px; position: relative; top: 0px;padding:0px;overflow:hidden;}


.slideproduit dl {width:118px;/* height:116px;*/ float:left; cursor:pointer;border:1px solid #fff;}
.slideproduit dl:hover {border:1px solid #dfdfdf;}

.slideproduit dl dt{float:left;width:116px; height:64px; display: table-cell; vertical-align:middle; text-align:center; }
.slideproduit dl dd.marque{width:106px;/* height:17px;*/clear:both;background:none; padding-left:10px; font-weight:bold;color:#673b15;   }
.slideproduit dl dd.prix{width:106px; height:17px;clear:both;background:none; padding-left:10px; color:#d49c17; font-weight:bold }
.slideproduit dl dd{margin:0px;}
.slideproduit *{text-decoration:none;}/*supprimer le soulignement des textes*/

.prEnt {width:675px;/* height:133px;*/padding-bottom:10px;position:relative; float:left;}
.prEnt a{cursor:pointer;float:left; margin:5px 15px;}
.prEnt dl{width:118px;border:1px solid #FFFFFF;}
.prEnt dl:hover {border:1px solid #dfdfdf;}
.prEnt dl dt{float:left;width:116px; height:64px; display: table-cell; vertical-align:middle; text-align:center; }
.prEnt dl dd.marque{width:106px;/* height:17px;*/clear:both;background:none; padding-left:10px; font-weight:bold;color:#673b15;   }
.prEnt dl dd.prix{width:106px; height:17px;clear:both;background:none; padding-left:10px; color:#d49c17; font-weight:bold }
.prEnt dl dd{margin:0px;}



.selectTri {  margin-top:10px; text-align:right;}
.selectTri select{   width:150px;}
.radioFilter { margin-top:10px}
.radioFilter label{ padding:2px 0 0 5px; text-align:left; float:left;}
.radioFilter input{  margin-left:20px; float:left;}


.fiche{margin:10px;}
.fiche div.visuel{float:left; width:354px;}
/* modif */
.fiche td.photo{height:280px;width:352px;text-align:center; vertical-align:middle;border:1px solid #efefef;padding:0px;}
.fiche div.detail{float:left; width:320px;  /*height:350px;*/}
.fiche div.detail p{font-size:11px; font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
.fiche div.detail h6{display:inline; color:#900032;}
/* ///////////////////////////////////////////////////////*/
/*
.fiche td.photo{height:276px;text-align:center; vertical-align:middle;border:1px solid #efefef;padding:1px;}
.fiche div.detail{float:left; width:320px; /*height:350px;/}
.fiche div.detail p{font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.fiche div.detail h6{display:inline;}*/
.fiche div.detail h1{clear:both;}

.menudescriptif{margin:25px 0 0 0; padding:0 0 0 18px; height:34px;}
.menudescriptif *{ text-align:center;}
.menudescriptif li{background:url(images/curvyblanc-hg.gif) no-repeat top left; margin:0 4px 0 0; padding:0; list-style:none;height:34px; float:left;}
ul.menudescriptif li a{background:url(images/curvyblanc-hd.gif) no-repeat top right; margin:0; padding:6px 24px 0 24px;height:28px; text-align:center; text-decoration:none; color:#673b15; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; display:block; float:left; vertical-align:middle; line-height:12px;}
.menudescriptif li a:hover{color:#9e724c;}
.menudescriptif li.selected{background:url(images/curvybrun-hg.gif) no-repeat top left;}
.menudescriptif li.selected a{background:url(images/curvybrun-hd.gif) no-repeat top right;}
.menudescriptif li.selected a:hover{color:#FFFFFF;}

h1.titre{font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#673b15; font-size:16px;}
h1.prix{ font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;color:#900032;}
h1.prix font{text-decoration: line-through;font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#686868;}

.group-select-box{
position:relative;
width:343px;
float:right;
}
span.btn-pointure-contact{
position:absolute;
right:5px;
top:10px;
width:147px!important;
height:32px;
display:block;
overflow:hidden;
}
span.btn-pointure-contact a{
background:url(images/btn-pointures-contact.gif) no-repeat 0 0;
width:147px!important;
height:100%;
display:block;
text-indent:-3000em;
}
span.btn-pointure{
position:absolute;
right:5px;
top:50px;
width:147px!important;
height:29px;
display:block;
overflow:hidden;
}
span.btn-pointure a{
background:url(images/btn-pointures.gif) no-repeat 0 0;
width:147px!important;
height:29px;
display:block;
text-indent:-3000em;
}
div.share{
/*float:left; 
width:320px;*/
clear:both;
margin-top:10px;
height:45px;
}
h3.share{
font-size:14px;
text-transform:uppercase;
color:#900033;
margin-bottom:10px;
}
.new-btn{
display:block;
float:left;
overflow:hidden;
width:192px;
height:44px;
cursor:pointer;
}
a.facebook{
display:block;
float:left;
margin-left:7px;
background:url(images/btn-facebook.gif) no-repeat;
width:142px;
height:45px;
text-indent:-3000em;
overflow:hidden;
}
a.facebook *{background:none;text-indent:-3000em;overflow:hidden;}
/*.new-btn{
display:block;
clear:both;
overflow:hidden;
width:192px;
}
a.facebook{
float:left;
background:url(images/btn-facebook.gif) no-repeat;
display:block;
width:142px;
height:45px;
margin-left:7px;
text-indent:-3000em;
overflow:hidden;
}*/
span.fb_share_size_Small {display:none !important;}


/* ################ PAGE NEWSLETTER ############################*/

.newsletterDesinscription { margin:10px; }
.newsletterDesinscription input{ width:20px; }
.newsletterDesinscription .yesno{ border:1px solid #CCCCCC; width:60px;  margin:25px; text-align:center; float:left; cursor:pointer; }

.newsletterDesinscription .choix{  margin:0px 50px; }
.newsletterDesinscription .button{  width:150px;background-color:#cda968;color:#FFFFFF; }
.newsletterDesinscription textarea{ margin-left:5px;  border:1px solid #AAAAAA;  }
.newsletterDesinscription label{ display:inline; margin:0px;}




/* ################ PAGE PANIER ############################*/
table.panier{border-collapse:collapse; margin:0; padding:0; width:100%;}
table.panier th{vertical-align:middle;margin:0; padding:3px 8px; background:#c6a465; color:#ffffff; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align:center;}
table.panier td{vertical-align:middle;margin:0; padding:0; border-bottom:1px solid #e1e1e1; text-align:center;}
table.panier td.gauche,table.panier th.gauche{text-align:left; padding:0;}
/*add */
table.panier td select{min-width:60px;font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal;color:#9f9f9f; border:1px solid #e7e7e7; background:#FFFFFF;padding:2px; margin: 0 0 2px 0;}
/* */
div.total{background:#900032; color:#ffffff; width:220px; padding: 4px; float:right; text-align:right; margin-left:200px;}
div.total font{width:100px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

div.etapes{background: url(images/etape-fond.gif) repeat-x center; text-align:center; height:45px; margin:0 0 30px 0; padding:0 0 0 6px;}
div.etapes div {margin:0 3px; display:block; float:left; background:#ffffff; height:45px;}
div.etapes div img{ filter:alpha(opacity=60); -moz-opacity:0.60; opacity: 0.60;}
div.etapes div img.current{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1;}

/* ################ PAGE IDENTIFICATION ############################*/
.pertePwdModale{ height:150px;background:#FFFFFF none repeat scroll 0 0;width:300px;}
.contentPertPwd{ margin:10px 20px; padding:14px; height:72px;}
.identificationModaleLabel{ width:190px; text-align:left;}
.identificationModaleLabel input{ margin-left:10px;}
/*PAGE PAIEMENT*/
.recapadresses{ padding: 10px 0; border:1px solid #d49c17; border-right:0;border-left:0;}
.recapadresses div{width:28%; float:left; margin:0 0 0 30px;}

/*PAGE FAMILLE*/
div.listemembre div{background: url(images/curvyblanc-hg.gif) no-repeat top left; margin:0 0 4px 0; padding:0;}
div.listemembre div div{background: url(images/curvyblanc-hd.gif) no-repeat top right; margin:0; padding:0; }
div.listemembre div div div{background:url(images/curvyblanc-bd.gif) no-repeat bottom right;margin:0; padding:0;}
div.listemembre div div div div{background:url(images/curvyblanc-bg.gif) no-repeat bottom left;margin:0; padding:7px 0 2px 10px;}
div.listemembre div div div div div{background:none;}
div.listemembre u{height:1px; text-decoration:none;}
div.listemembre img{float:right;margin:4px 4px 0 0; cursor:pointer;}

.ajoutmembre{margin: 20% auto 0 auto; width:70%;}

/* ################ PAGES COMMANDES ############################*/
table.commandes{border-collapse:collapse; margin:0; padding:0; width:100%;}
table.commandes th{vertical-align:middle;margin:0; padding:3px 8px; background:#c6a465; color:#ffffff; font-weight:bold; font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align:center;}
table.commandes td{vertical-align:middle;margin:0; padding:5px 3px; border-bottom:1px solid #e1e1e1; text-align:center;}
table.commandes td.gauche,table.panier th.gauche{text-align:left;}


/* ################ SLIDER PRIX ET POINTURES ############################*/
div.slider {height:20px; width:215px; margin:10px 0; background-color:#ccc; height:25px; position: relative; background:url(images/fond-ligne.gif) repeat-x bottom; }
div.slider div.handle { height:18px; cursor:e-resize; position: absolute; text-align:center;width:30px;}
div.slider div.handle p {font-size:12px;margin:0px;}

/* ################ MODALES MARQUES ############################*/
.modaleListemarques{width:710px; /*background:url(images/header-marques.jpg) center top no-repeat #fff */ background-color:#fff}
.modaleListemarques img {display:block; margin: 0 auto 15px auto}
.modaleListemarques div.centre {width:690px; margin: 0 auto}
.modaleListemarques ul{ float:left;/* border:1px solid #c77f98;border-top:1px solid #8f0032;*/ width:148px; margin: 0 12px 0 12px;}
.modaleListemarques ul li{display:block; float:left; margin:0; padding:0; width:148px; text-align:left;  background:none; height:auto;}
.modaleListemarques a{text-decoration:none; display:block; color:#7C7C7C; text-transform:uppercase; font-size:12px; padding:2px 0; height:auto; }
.modaleListemarques a:hover{color:#88002f; /*background:url(images/halo.gif) no-repeat bottom center;*/}
.modaleListemarques li.letter{height:20px; width:140px;  padding:0 0 2px 0; margin:20px 0 10px 0; color:#B90D41; border-bottom: 1px solid #aaa; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight:normal; text-decoration:none; text-align:left; display:block; /*background:url(images/onglet-lettre.gif) no-repeat left top;*/ clear:both;}

/* ################ PAGE MARQUES ############################*/
.listemarques{}
.listemarques ul{ float:left; border:1px solid #c77f98;border-top:1px solid #8f0032; width:100%;/* width:140px*/}
.listemarques ul li{display:block; float:left; margin:0 0 4px 0; padding:0; width:140px; text-align:center;  background:none; }
.listemarques a{text-decoration:none; display:block; color:#c77f98; font-size:11px; padding:2px 0;/* height:18px;*/ }
.listemarques a:hover{color:#88002f; background:url(images/halo.gif) no-repeat bottom center;}
.listemarques h1{height:20px; width:140px; clear:both; padding:0; margin:15px 0 0 0; color:#cbac6b; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:normal; text-decoration:none; text-align:center; display:block;
 background:url(images/onglet-lettre.gif) no-repeat left top;}
 
 
 /* ################ PAGE CONTACT ############################*/

.avisUserModale{background:#FFFFFF none repeat scroll 0 0;height:200px;width:400px;}
.avisUserModale h1{ padding-left:20px;}
.avisUserModaleTab{ margin:10px;}
.avisUserModaleLabel{ text-align:left; width:190px;}
.avisUserModaleLabelB{text-align:left; width:380px;}
.avisUserInput{ width:360px;}

div.galerieBonnesAffaires{margin:0 35px;}
div.galerieBonnesAffaires div{width:145px;float:left;height:120px;margin:15px 0 15px 15px;}
div.galerieBonnesAffaires p{margin:0 30px 0 0;}
div.galerieBonnesAffaires p.slideImg{height:67px;}
div.galerieBonnesAffaires div p{font-size:10px;color:#512d02;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;margin:0 0 0 10px;}
div.galerieBonnesAffaires a{text-decoration:none;}
div.galerieBonnesAffaires div dd{margin-left:10px;}

div.galerieBonnesAffairesPage div.button{margin:10px 0 0 10px;}
div.galerieBonnesAffairesPage div{margin:0 35px;}
div.galerieBonnesAffairesPage div span{border:1px solid #C0C0C0;margin:2px;cursor:pointer;width:12px;height:14px;display:block;float:left;}
div.galerieBonnesAffairesPage div span.selected{border:1px solid #000;margin:2px;cursor:pointer;float:left;}
div.galerieBonnesAffairesPage div div{width:145px;float:left;height:120px;margin:15px 0 15px 15px;_margin:15px 0 15px 10px;}}
div.galerieBonnesAffairesPage p{margin:0 30px 0 0;_margin:0;}
div.galerieBonnesAffairesPage p.slideImg{height:67px;text-align:center;margin:0;}
div.galerieBonnesAffairesPage div div p{font-size:10px;color:#512d02;font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;margin:0 0 0 10px;}
div.galerieBonnesAffairesPage a{text-decoration:none;}



.tablePartenaire{ margin:25px 25px 0px; width:100%}
.tablePartenaire td{ width:20%;}
.tablePartenaire b{ font-size:13px;}
.tablePartenaire a{ font-size:13px;}

div.fildariane{display:none;}