*{margin:0;padding:0}
img{border:0}
header, footer, section, aside, nav, article, figure, figcaption, hgroup, time{display:block}
p{padding: 5px 0px 5px 0px;}
ul{list-style: none;list-style-image: none;list-style-position: inside;}
body, html  { font-size:11px; font-family:Arial, Sans-Serif; color:#333; text-align:left; background: #fff url(../i/fd.jpg) top center no-repeat;padding: 0px 0px 20px 0px;}


.clear {clear:both;}
.fLeft{float:left;}
.fRight{float:Right;}
.center{text-align:center;}

a{color:#000}
a:hover{color:#999;text-decoration:none;}
#content h1, #contentP h1
{
   color:#996633;
   font-size:19px;
   font-weight:bold;
   padding: 0px 0px 5px 0px;
}

header {position:relative;margin:0 auto;z-index:1000; width:980px; font-size:12px; font-family:'Open Sans', sans-serif; color:#999;margin-bottom:4px}
header div.bTel
{
    position:absolute;
	top:4px;left:0;
	color:#996633;
}
#jdb    {position:absolute;top:30px}
#jdb a  {width:272px; height:61px; display:block;text-decoration:none; background:url(../i/janedeboy.gif) 0 0 no-repeat;}
#jdb h1 a span {display:none}

ul#toolUser{
	float:right;
	padding: 0;	
}
ul#toolUser li{
	display:inline;
}


ul#toolUser li a {font-family:'Open Sans', Sans-Serif;padding:0px 8px; text-decoration:none; color:#666; font-size:12px;line-height:26px;}
ul#toolUser li a:hover { text-decoration:underline; color:#CC9900; }

ul#socialUser {
	float: right;
}
ul#socialUser li{display:inline;}
ul#socialUser li a {
	float: left;
	width:26px;
	height: 26px;
	text-decoration: none;
}
ul#socialUser li a.facebook{background:  0 0 no-repeat url(../i/bt-facebook.gif);}
ul#socialUser li a.myspace{background:  0 0 no-repeat url(../i/bt-mySpace.gif);}
ul#socialUser li a.twitter{background:  0 0 no-repeat url(../i/bt-twitter.gif);}
ul#socialUser li a.yahoo{background:  0 0 no-repeat url(../i/bt-yahoo.gif);}
ul#socialUser li a:hover {background-position: 0 -26px;}
ul#socialUser li a span {display:none;}

#blocUser{float:right; background:bottom left repeat-x url(../i/sepT.gif); padding: 0px 0px 6px 0px}

#blocUserInfos{float:left;}
#blocUserInfos span { color:#996600; font-weight:bold; }



#blocPanier  {padding:3px 0px 0px 0px;height:52px;float:right;font-size:12px;color:#666; text-align:right;}
#blocPanier span     { color:#996633; font-weight:bold; font-size:14px; }
#blocPanier a        { color:#666; font-weight:bold; text-decoration:none; margin: 0px  0px 0px 15px;}
#blocPanier a:hover  { color:#CC9900; font-weight:bold; text-decoration:underline;}

#blocAide    {padding: 4px 0px 0px 0px;font-size:13px;color:#996633; font-weight:normal; }
#blocAide a {color:#996633; font-weight:normal;}
#blocAide a:hover {color:#996633; font-weight:normal;text-decoration:underline;}


nav#menu{
    clear:both;
    height:25px;
	padding: 5px 0px 0px 15px;
	margin: 6px 0px 0px 0px;
	background: #fff url(../i/sepT.gif) top left repeat-x;
	font-family:'Open Sans', Sans-Serif;
	font-size:11px;
	width:965px;
	z-index:999;
	color:#cfcfcf;
}
/* LEVEL ONE */
ul.dFb                         { position: relative;background:#fff;}
ul.dFb li                      { font-weight: bold; float: left; zoom: 1; background: top left url(../i/fdMenu.png) }
ul.dFb a:hover		            { color: #000; }
ul.dFb a:active                { color: #ffa500; }
ul.dFb li a                    { display: block; padding: 3px 11px 10px 11px; color: #666; font-family:'Open Sans', Sans-Serif; font-weight:normal; font-size:11px;text-transform:uppercase;text-decoration:none;}
ul.dFb li.hover, ul.dFb li:hover { background: bottom left url(../i/fdMenu.png); color: #fff; position: relative; }
ul.dFb li.level1:hover { background: #000;}
ul.dFb li.level1:hover a { padding: 3px 11px 5px 11px;}
ul.dFb li.hover a              { color: #fff; }
/* LEVEL TWO */
ul.dFb ul 						{ width: 300px; min-height:260px; visibility: hidden; position: absolute;border-left:1px solid #666; color:#666;top: 100%; left: 0; background:#fff; box-shadow: 3px 3px 3px #666 }

ul.dFb ul.last 						{ width: 300px; min-height:260px; visibility: hidden; position: absolute;border-left:1px solid #666; color:#666;top: 100%; left: 0; background:#fff; box-shadow: 3px 3px 3px #666; margin-left:-100px; }

ul.dFb ul li 					{ width: 170px;font-weight: normal; color: #666; background:#fff;margin: 0px 0px 0px 10px; float: none; }
									  
/* IE 6 & 7 Needs Inline Block */

ul.dFb ul li a, ul.dFb li.hover ul li a { background: inherit;border-right: none; width: 100%; color:#666; padding: 2px 3px 2px 3px;display: inline-block; text-transform:none; } 
ul.dFb li.hover ul li.hover a { color:#fff;} 
ul.dFb ul li a, ul.dFb li.hover ul li:hover{ background: #000;} 
ul.dFb li ul li.myImgMenu{position:absolute;top:0;right:0;width:120px;height:100%;}
ul.dFb li ul li.myImgMenu:hover{background:none;color:#000}
ul.dFb li ul li.myImgMenu:hover article{border:1px solid #000}
ul.dFb li ul li.myImgMenu:hover a{color:#000}
ul.dFb li ul li.preums{border-top: 1px solid #000;margin-top:12px;}


footer { position:relative; margin:0 auto; width:980px;}

div.sep
{
    clear:both;
    height:20px;
    background:top left repeat-x url(../i/sepT.gif);
}
#footMarques
{
    width:968px;
    text-align:justify;
    margin: 15px 0px 0px 0px;
    padding: 10px 6px 5px 6px;
    background:top left repeat-x url(../i/sepT.gif);
    
}
#footMarques a
{
    color:#999;
    text-decoration:none;
    padding: 0px 8px 0px 0px;
}
#footMarques a:hover
{
    color:#000;
    text-decoration:none;
}

ul#footerTools{
	margin: 0 auto;
	text-align:center;
	padding: 20px 5px 6px 0px;
	background:url(../i/infosHaut.jpg) center top no-repeat;
}
ul#footerTools li{
	display:inline;
}
ul#footerTools img{vertical-align:middle}
ul#footerTools li a {padding:0px 0px; text-decoration:none;}
ul#footerTools li a:hover { text-decoration:none;}

#footerJdb          { margin:0 auto; width:980px;font-family:'Open Sans', Sans-Serif;text-align:center;  padding: 0px 0px 0px 0px;}
#footerJdb div {float:left;width:170px;text-align:left;padding:0px 0px 0px 6px;}
#footerJdb h5       {font-size:12px; font-weight:bold; color:#666; padding:0px 0px 10px 0px; }
#footerJdb ul     {padding:0;}
#footerJdb ul li    {padding:0px 0px 5px 0px;}
#footerJdb a        { text-decoration:none; color:#666; font-size:11px;}
#footerJdb a:hover  { text-decoration:underline; color:#996600; }

#footerJdb div#blocFacebook {width:280px;margin: 0px 0px 0px -20px; border-left:1px solid #cfcfcf;}

#footerJdb div#footerNl { float:left;width:200px;padding:0;margin: 0px 40px 0px -60px}
#footerJdb div#footerNl div  {float:right;}
#footerJdb div#footerNl p {padding:0px 0px 5px 0px; color:#666;}
#footerJdb div#footerNl input{float:left; border : 1px solid #666; width:125px;height:19px;margin: 0px 10px 0px 0px}
#footerJdb div#footerNl a.btOk{float:left;}


#footLogo      {float:right;width:167px; height:56px; background: url(../i/footerJdbLogo.gif) center top no-repeat; }
#footCopy
{
    clear:both;text-align:center;
    margin: 0 auto;
}
#footCopy a
{
    color:#666;
}
#credits
{
    width: 350px;
	height: 150px;
	overflow: auto;
}

#footCopy div#credits
{
    display:none;
}

#contentAll{
	margin: 0 auto;
	width:920px;
	background-color: #fff;
	text-align:left;
	padding : 30px 30px 30px 30px;
}

/*-- LE FIL D ARIANNE  --*/

#blocArianne      {margin:0 auto; margin-top:-15px;width:980px; height:30px; background:url(../i/bg-arianne.png) 0 0 no-repeat;
                   padding: 11px 0px 0px 0px;
                   font-family:'Century Gothic', Arial, Helvetica, Sans-Serif;
                   font-size:12px;  color:#996633; font-weight:bold;
                   text-align:left;
                   }

#fil{float:left;padding:2px 0px 0px 0px; }
a.btAccueil       { float:left;width:105px; height:23px; display:block;background:url(../i/bt-accueil.gif) 0 0 no-repeat; text-decoration:none; }
a.btAccueil:hover { background-position:0 -23px; }
a.btAccueil span  { display:none; }
div.niveau2         {float:left;padding:7px 0px 0px 10px; font-size:13px; color:#996633; font-weight:bold; }
a.niveau1         { margin:110px 0px 0px 5px; line-height:25px;font-size:18px; color:#663300; text-decoration:none; font-weight:normal; }
a.niveau2         { padding:0 5px; font-size:12px; color:#996633; text-decoration:none; font-weight:bold; }
a.niveau2:hover, .niveau1:hover   { color:#999; }
div.niveau3         {padding:5px 0px 0px 10px; font-size:13px; color:#996633; font-weight:bold; }



/*
#hpFd {margin:0 auto;background:url(../i/bg-blanchp.jpg) center top no-repeat; }
#intFd {margin:0 auto;background:url(../i/bg-blanc.jpg) center top no-repeat; }
*/

#cu3er-container {padding: 10px 0px 0px 0px }

.blocHArts     {clear:both;overflow:hidden;width:920px;margin:0 auto; padding:0px 0px 19px 15px; background:url(../i/fdSelH.jpg) center bottom no-repeat;}
.blocHArts h2  {width:924px; height:27px;padding:0px 0px 5px 0px;}
.blocHArts h2.tSelection  {background:url(../i/tLaSelection.gif) left top no-repeat;}
.blocHArts h2.tVosTops  {background:url(../i/tvosTops.gif) left top no-repeat;}
.blocHArts h2.tTopsMarques  {background:url(../i/tTopsMarques.gif) left top no-repeat;}

.blocHArts h2  span { visibility:hidden; }
.blocHArtsFooter {float:left; width:924px; height:18px; background:url(../i/footer-924.png) center top no-repeat; }

#blocTopsMarques a img{float:left; padding: 0px 10px 0px 10px}
#blocTopsMarques {background:url(../i/sepT.gif) left bottom repeat-x; padding:0px 0px 10px 0px;}

.prefD       {float:left; width:223px; height:135px; border: 1px solid #ccc; margin:1px; padding:2px; color:#333; }
.prefD:hover { background:#ccc; color:#fff; }
.prefD img   {float:left;}
.prefNom    { float:left;width:80px; height:80px; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }
.prefNom span    { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:normal; }
.prefPrix   {float:left;width:80px;font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; font-weight:lighter; }
.prefPrix span   { font-size:14px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; text-decoration:line-through; }


#blocMeas {width:924px; margin:0 auto;}
#blocAime {width:595px; float:left;}
#blocAime h2  {width:595px; height:62px; background:url(../i/header-chouchous-droit.png) center top no-repeat;}
#blocAime h2  span { visibility:hidden; }

.aimeD      {float:left; height:280px; border: 1px solid #ccc; margin:2px; padding:3px; color:#333; }
.aimeD:hover { background:#ccc; color:#fff; }
.aimeD img   {}
.aimeNom    {font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }
.aimeNom span    { font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:normal; }
.aimePrix   {font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; font-weight:lighter; }
.aimePrix span   { font-size:14px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; text-decoration:line-through; }

#blocAimeFooter {clear:both; width:595px; height:21px; background:url(../i/footer-chouchous.png) center top no-repeat; }

#blocMeaD     {width:325px;float:left; }
.mea1      { float:left; overflow:hidden; width:329px; height:204px; padding:0 0px; background:url(../i/MEDIA/MARKETHP/market1.jpg) 0 0 no-repeat; text-decoration:none; }
.mea1:hover { background-position:0 -204px; }
.mea1 span  { visibility:hidden; }
.mea2      { float:left; overflow:hidden; width:329px; height:170px; padding:0 0px; background:url(../i/MEDIA/MARKETHP/market2.jpg) 0 0 no-repeat; text-decoration:none; }
.mea2:hover { background-position:0 -170px; }
.mea2 span  { visibility:hidden; }


#conteneur {width:1001px; margin:0 auto; margin-top: -10px; }

/*
#blocCat {float:left; width:222px; overflow:hidden; min-height:600px; background:url(../i/colonnegauche.png) 0 0 no-repeat; font-family:'Century Gothic';}
#blocCat img.affin  {float:right;margin-right:-6px; }
#blocCat ul{list-style: none;list-style-image: none;list-style-position: outside;padding:0; margin:0;}
#blocCat ul li         {font-size:13px; font-weight:bold;  color:#996633; padding:5px 15px 5px 30px;text-transform:uppercase; }
#blocCat ul li a       {font-size:13px; font-weight:bold; color:#666;display:block; text-decoration:none;text-transform:uppercase; }
#blocCat ul li a:hover { color:#996633; }
#blocCat ul ul         {text-align:left;padding:0; margin:0;}
#blocCat ul ul li          {width:160px;padding:0px 0px 5px 5px; margin:0;}
#blocCat ul ul li a        { text-decoration:none; padding:0; margin:0;color:#666; font-size:12px;display:block; font-weight:normal;text-transform:none;}
#blocCat ul ul li a:hover  { text-decoration:underline; color:#996600; }
*/

#blocCat {font-family:Arial, Helvetica, sans-serif; float:left; width:222px; overflow:hidden; min-height:600px; background:url(../i/colonnegauche.png) 0 0 no-repeat;}
#blocCat img.affin  {float:left;margin:-1px 0px 0px 24px;}
#blocCat ul{list-style: none;list-style-image: none;list-style-position: outside;padding:0; margin:0;}
#blocCat ul li         {font-size:12px; font-weight:bold;  color:#996633; padding:3px 15px 0px 30px;text-transform:uppercase; }
#blocCat ul li a       {font-size:12px; font-weight:bold; color:#666;display:block; text-decoration:none;text-transform:uppercase; }
#blocCat ul li a:hover { color:#996633; }
#blocCat ul ul         {text-align:left;padding:0; margin:0;}
#blocCat ul ul li          {width:160px;padding:0px 0px 1px 5px; margin:0;}
#blocCat ul ul li a        { text-decoration:none; padding:0; margin:0;color:#666; font-size:12px;display:block; font-weight:normal;text-transform:none;}
#blocCat ul ul li a:hover  { text-decoration:underline; color:#996600; }
#blocCat ul li a.mSel, #blocCat ul ul li a.mSel
{
    color:#996600;
    font-weight:bold;
}

#content 
{
    z-index:1;
    position:relative;
    float:left;
    width:742px;
    font-size:12px;
    background: #fff;  /*url(../i/colonnedroite.gif) right 0 0 repeat-y;  */
    padding: 5px 5px 5px 5px;
    margin : 0px 0px 0px 17px;
}

#contentP 
{
    position:relative;
    float:left;
    width:940px;
    background: #fff;  /*url(../i/colonnedroite.gif) right 0 0 repeat-y;  */
    padding: 5px 15px 5px 15px;
    margin : 0px 0px 0px 17px;
}


.maj
{
    display:none;
    position:absolute;
    width:742px;
    height:100%;
    background: #000;
    filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
    }

.dropdown{
	    display:none;
	    width:100%;
}

#artNbr
{
    text-align:center;
    font-size:17px;
    color:#666;
    font-weight:bold;
    padding:  5px 0px 5px 0px;
}

.artL a{color:inherit;text-decoration:none;}
.artL      {position:relative;float:left;width:172px; height:330px; background:#fff; border: 1px solid #fff; margin:2px; padding:3px; color:#333; }
.artL:hover,.artLHover {border: 1px solid #fff; cursor:pointer; }
.artL .photo   {margin:0 auto;text-align:center;width:150px; height:220px; overflow:hidden; margin-bottom:5px;}
.artLNom    {padding: 0px 10px 0px 0px;text-transform:uppercase;font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:bold; }
.artLNom span    {text-transform:lowercase; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-align:right; font-weight:normal; }
.artLPrix   {padding: 0px 10px 0px 0px;vertical-align:bottom;font-size:18px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; font-weight:lighter; }
.artLPrix span   {font-size:14px; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right; text-decoration:line-through; }


.artLMini {position:relative;border: 1px solid #fff; margin:2px; width:108px;height:248px;padding:3px; color:#333;font-size:11px; }
.artLMini .photo   {margin:0 auto;text-align:center;width:80px;overflow:hidden;padding:0}

#blocAime div.artL{width:179px; height:300px;}

.alphabet
{
    float:left;
    width:230px;
    margin: 10px 10px 0px 0px;
}
.alphabet h3
{
    color:#996633;
    font-size:23px;
    text-transform:uppercase;
}
.alphabet ul li
{
}
.alphabet ul li a
{
    display:block;
    text-transform:uppercase;
    text-decoration:none;
}
.alphabet ul li a:hover
{
    text-decoration:underline;
}

.artInfosContainer
{
    float:right;
    width:400px;
}
.artInfos
{
    background:#333;
    text-align:right;
    margin: 0px 0px 2px 0px;
    padding: 2px 2px 2px 2px;
    color:#fff;
}
#contentArt
{
    float:left;
    width:750px;
    background: #fff;  /*url(../i/colonnedroite.gif) right 0 0 repeat-y;  */
    padding: 5px 5px 5px 5px;
    margin : 0px 0px 0px 8px;
}

.fraisOffert
{
    float:left;
    text-align:left;
    font-size:14px;
    padding: 25px 0px 0px 5px;
}
.fraisOffert span
{
    font-size:11px;
}

#contentArt .artInfos h1
{
    font-weight:normal;
    font-size:14px;
    color:#fff;
}
.artInfos h2
{
    font-weight:bold;
    font-size:24px;
    text-transform:uppercase;
}
.artInfos h2 a
{
    color:#fff;
    text-decoration:none;
}
.artInfos h2 a:hover
{
    color:#fff;
    text-decoration:underline;
}
.artInfos h3
{
    clear:both;
    font-weight:normal;
    font-size:30px;
    font-family: 'Century Gothic', Arial, Helvetica, Sans-Serif;
}

#tabs
{
    border: 1px solid #ccc;
}
#tabs li a
{
    width:103px;
}
#blocPhotos{
	float:left;
	width:350px;
}

#artPhotos
{
    position:relative;
    float:left;
    width:340px;
    height:510px;
    overflow:hidden;
    vertical-align:middle;
    border: 1px solid #ccc;
    background:#fff;
}
#artPhotos .zoom
{
    position:absolute;
    bottom:0px;
    left:0px;
}

.artPhotosPlus
{
    float:left;
    margin: 4px 0px 0px 0px;
    font-size:13px;
}
.artPhotosPlus strong
{
    font-size:14px;
}

.artPhotosPlus a
{
    position:relative;
    float:left; 
    width:82px;
    height:123px;
    overflow:hidden;
    border: 1px solid #fff;
    margin: 0px 2px 2px 0px;
    background: #fff;
}


#artPhotosBis
{
    position:relative;
    float:left;
    width:340px;
    height:510px;
    border: 1px solid #fff;
    background:#fff;
    margin: 0px 0px 0px 0px;
}
.bArtZoom a{border:1px solid #fff}

.artPhotosPlus div div.zoom
{
    position:absolute;
    bottom:0px;
    left:0px;
    border:none;
    width:25px;
    height: 25px;
    margin:0;
    padding:0;
}
.suggest
{
    width:345px;
    overflow:hidden;
    clear:both;
    padding:10px 0px 0px 0px;
}

.suggest img
{
    float:left;
    overflow:hidden;
    border: 1px solid #ccc;
    width:auto;
    margin: 0px 8px 0px 0px;
}

.suggest img.titre
{
    border: none;
}

.taillesL
{
    padding:5px 0px 0px 25px;
}
.taillesL div
{
    float:left;
    background:#888;
    border: 1px solid #cfcfcf;
}
.taillesL div a
{
    padding:4px 3px 4px 3px;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
}
.taillesL div a:hover, .taillesL div a.tSel
{
    color:#fff;
    background:#000;
    padding:4px 3px 4px 3px;
}

.taillesGuide
{
    float:right;
    background: left top url(../i/pctTailles.jpg) no-repeat;
    height:24px;
    margin: 5px 0px 0px 0px;
}
.taillesGuide a
{
    display:block;
    padding: 3px 0px 0px 25px;
}

.couleursL
{
    width:250px;
    padding:5px 0px 0px 25px;
}
.couleursL div
{
    float:left;
    margin: 3px 3px 3px 3px;
}
.couleursL div a
{
    display:block;
    border: 1px solid #fff;
}
.couleursL div a.cSel
{
    border: 1px solid #cfcfcf;
}

.couleursL div a { outline: none; }


#tabs h5
{
    font-size:13px;
    font-weight:normal;
    padding: 10px 0px 10px 10px;
}

#cltChoice
{
   padding:0px 0px 0px 25px;
   color:#333;     
}
#cltChoice span
{
    color:#000;
}
.cltTC
{
    font-weight: bold;
}
.cltQte
{
    clear:both;
    font-weight: bold;
    vertical-align:top;
    text-transform:uppercase;
    margin: 3px 0px 0px 0px;
}


.livraisonInfos
{
    text-align:right;
    margin:0px 4px 0px 0px;
}
.stockInfos
{
    display:none;
    font-weight:bold;
    padding: 3px 0px 0px 3px;
}
#stockOk, #stockLimite
{
       color:#99cc33;
       font-size:13px;
}

#stockRupture
{
       color:#ff0000;
}

#toSel
{
    display:none;
    color:#ff0000;
    font-weight:bold;
}

table.tabPanier
{
    margin: 0 auto;
    width:100%;
    font-size:12px;
	margin : 0px 0px 5px 0px;
}

table.tabPanier tr
{
    background-color:#ccc;
    border-bottom: 4px solid #fff;
}
table.tabPanier tr.mea
{
    background-color:#FFD732;
    border-bottom: 4px solid #fff;
}


table.tabPanier, table.tabPanier td
{
    border-collapse:collapse;
    padding : 2px 6px 2px 6px;
    border: none;
}
table.tabPanier td.aR, table.tabPanier th.aR
{
    text-align:right;
}
table.tabPanier tr.inter
{
    background-color:#fff;
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff;
}

table.tabPanier th
{
	padding : 5px 6px 5px 6px;
	text-align:left;
	color:#000;
	background-color:#fff;
	border: none;
}
.panierTotalHF
{
    float:right;
    font-weight:bold;
    vertical-align:middle;
}
.panierFPInfos
{
    float:left;
    color:#ff0000;
    font-size:11px;
}
.panierRemiseInfos
{
    float:left;
    color:#000;
    font-size:12px;
}
.panierT
{
    text-align:right;
    font-weight:bold;
    color:#993400;
    background:#fff;
    font-size:19px;
}

.blocCouleurs{display:none;padding: 5px 0px 5px 0px}

.blocClient
{
    float:left;
    text-align:left;
    width:380px;
    color:#000;
    font-size:11px;
    background: #f3f3f3;
    border: 1px solid #838383;
    padding: 6px 6px 6px 6px;
    margin: 0px 10px 0px 60px;
    border-radius:7px;
}



.blocClient h2, .blocInfo h2
{
font-size:15px;
font-weight: bold;
color:#996633;
}
.blocClient p
{
padding: 10px 0px 0px 0px;
}
.blocClient label
{

}
.blocClient input
{
	width:180px;
	border: 1px solid #483625;
	margin: 0px 0px 0px 0px;
}
.blocClient input.bt{
	width:auto;
	padding: 3px;
    font-size:13px;
    background:#000;
    color:#fff;
    font-weight:bold;
    border-radius: 4px;
    cursor:pointer;
    border:0;
}
.blocClient input.bt:hover{
    background:#996633;
    color:#fff;
}

.lLost{
	float: right;
	font-size:11px;
}
.lRetour{
	float:left;
}

.btContinuer
{       /*
            float:right;
            color:#999;
            text-transform:uppercase;
            font-weight:bold;
            font-size:13px; */
    float:right;
    text-transform:uppercase;
    font-size:13px;
    background:#000;
    color:#fff;
    font-weight:bold;
    border-radius: 4px;
    padding: 6px;
    text-decoration:none;
}
.btContinuer:hover
{       
    background:#999;
    color:#000;
    text-decoration:none;
}



#blocCdF
{
    margin:0 auto; margin-top:-15px;width:980px; height:30px; background:url(../i/bg-arianne.png) 0 0 no-repeat;
    padding: 13px 0px 0px 0px;
    font-family:'Century Gothic', Arial, Helvetica, Sans-Serif;
    font-size:13px;  color:#996633; font-weight:bold;
    text-align:center;
}
#blocCdF a
{
    font-size:13px;  color:#996633; font-weight:bold;
}

#blocCdF span
{
    padding: 0px 10px 0px 10px;
}
#blocCdF span.selected
{
    color:#000;
}

.btPanier
{
    float:right;
    margin:0px 0px 0px 0px;
}

#btPanier
{
    width:171px;
    height:87px;
    background:url(../i/btPanier.gif) 0 0 no-repeat;
    display:block;
}
#btPanier span
{
    display:none;
}
.artTool
{
    margin: 15px 0px 0px 30px;
}
.artP
{
    border-bottom: 1px solid #cfcfcf;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.artP h3
{
    color:#996633;
    margin: 0px 0px 10px 0px;
}
.artP h3 span
{
    color:#666;
}
.art
{
    float:left;
    padding: 0px 5px 0px 5px;
}


#blocRecherche  {float:right; width:340px; height:24px;margin:6px 0px 0px 0px;padding:0}
#blocRecherche input.iSearch {float:left;margin:0px 10px 0px 10px;padding:0px 5px 0px 10px; font-size:14px; width:155px; height:20px; color:#666; border:1px solid #ccc;}
#blocRecherche img{float:left;margin:-2px 0px 0px 0px;}
#blocRecherche a{margin:2px 0px 0px 0px}

input.btSearch{float:left;cursor:pointer;width:20px; height:20px; border:0;margin: 1px 0px 0px 0px;}
input.btSearch:hover{text-decoration:none; }
a.btOk {float:left;width:33px; height:20px; border:0;background:url(../i/bt-ok.gif) 0 0 no-repeat;}
a.btOk:hover     {text-decoration:none; }
a.btOk span{display:none}

div.suggest div.artSuggest
{
    position:relative;
    float:left;
    width:82px;
    height:123px;
    overflow:hidden;
    margin: 0px 2px 3px 0px;
    border:1px solid #ccc;
    background:#fff;
    z-index:1;
}
div.suggest div.artSuggest img
{
    border:0;
}
div.suggest div.Son
{
    text-align:right;
    position:absolute;
    width:82px;
    height:123px;
    display:none;
}
div.suggest div.Son a
{
    background: transparent;
    display:block;
    width:82px;
    height:100px;
    padding: 3px 2px 2px 0px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

div.Son  span   {text-decoration:line-through; }

#blocAnim    {position:relative;margin:0 auto; width:980px; height:423px;background:url(../i/animFdV4.jpg) center bottom no-repeat; }
#slider 
{
    z-index:1;
    width:924px;
    height:362px;
    margin: 0px 0px 0px 30px;
}
#slider img{
    border:none;
}
#slider ul, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider li { 
    width:924px;
    overflow:hidden; 
}

ol {position:absolute;left:0px;top:365px;height:20px;padding: 2px 0px 0px 50px}
ol li{margin:0 10px 0 0; padding:0;float:left;list-style:none;height:20px;line-height:20px;}
ol li a{text-align:center;float:left;width:10px;height:20px;line-height:20px;border:2px solid #666;background:#efefef;color:#666;border-radius:10px;padding:0 5px;text-decoration:none;}
ol li.current a{background:#878787;color:#fff;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

#codeProduit{display:none;font-size:12px;}

.articleTools
{
    margin: 15px 0px 0px 0px;
    float:right;
    text-align:right;
    font-size:12px;
}

div#pI a
{
    background:#996633;
    color:#fff;
    font-weight:bold;
    border-radius: 4px;
    padding: 3px;
}
div#pI a:hover
{
    background:#000;
    color:#fff;
    text-decoration:none;
}

.blocInfosR
{
    padding: 5px 5px 5px 5px;
    margin : 0px 10px 10px 150px;
    float:left;
    width:400px;
    text-align:left;
    border: 1px solid #999;
    background:#C8FAF9;
    color:#000;
    font-size:11px;
    font-weight:normal;
}
.msgAlert
{
    color:#ff0000;
    font-weight:bold;
}
.bas
{
    padding: 5px 0px 0px 0px;
}

.fReponseA
{
    border: 1px solid #999;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    background:#C8FAF9;
    font-weight:bold;
    text-align:left;
    width:auto;
}

#pI2
{
    text-transform:lowercase
}

ul#mListe li a.marqueSel
{
    color:#996600;
    font-weight:bold;
}
#livraisonTools
{
    padding: 0px 0px 10px 0px;
    font-size:13px;
}

.blocRemise
{
    float:right;
    background:#fff;
    color:#000;
    padding: 4px 4px 4px 4px;
    margin: 6px 6px 6px 6px;
    width:85px;
    font-weight:bold;
    font-size:30px;
    font-family: 'Century Gothic', Arial, Helvetica, Sans-Serif;
}

.artL div.blocRemise
{
    position:absolute;
    top:-3px;left:8px;
    background:#666;
    color:#fff;
    padding: 4px 4px 4px 4px;
    margin: 6px 6px 6px 6px;
    width:40px;
    font-weight:bold;
    font-size:15px;
    font-family: 'Century Gothic', Arial, Helvetica, Sans-Serif;
}

.blocPages
{
    clear:both;
    padding: 5px 5px 5px 5px;
    text-align:right;
}
.blocPages div
{
    float:right;
    width:25px;
    padding: 5px 5px 5px 5px;
}
ol {margin:0px 0px 0px 390px;height:20px;}
.blocPages div.pInfos {margin:5px 0px 0px 0px;float:right;width:70px; border-radius: 4px; background:#cfcfcf;color:#000;font-weight:bold;font-size:13px;text-align:center;}
.pNext, .pPrevious{margin:0; padding:0;float:left;list-style:none;}
.pNext a , .pPrevious a
{
    float:left;
    background:#000;
    color:#fff;
    font-weight:bold;
    border-radius: 4px;
    padding: 6px;
    text-decoration:none;                        
}
.pNext a:hover, .pPrevious a:hover{background:#996633;color:#fff;}


table.tabDatas
{
    margin: 0 auto;
    font-size:12px;
	margin : 0px 0px 0px 150px;
}

table.tabDatas tr
{
    background-color:#F5F5F5;
    border-bottom: 1px solid #fff;
}

table.tabDatas, table.tabDatas td
{
    border-collapse:collapse;
    padding : 2px 6px 2px 6px;
    border: 1px solid #fff;
}
table.tabDatas td.aR, table.tabDatas th.aR
{
    text-align:right;
}


table.tabDatas th
{
	padding : 5px 6px 5px 6px;
	text-align:left;
	color:#fff;
	background-color:#996633;
	border: 1px solid #fff;
}

.blocInfos
{
    margin: 10px 0px 10px 200px;
    padding: 5px 5px 5px 5px;
    background: #f5f5f5;
    border: 1px solid #838383;
}
.blocAdresses
{
    margin: 10px 0px 10px 200px;
}
.blocA
{
    float:left;
    width:275px;
    margin: 10px 0px 10px 10px;
    padding: 5px 5px 5px 5px;
    background: #f5f5f5;
    border: 1px solid #838383;
}
.lAdr, .lAdrCourt{float:right;}
.btNews
{
   width:auto;
   margin: 10px 0px 10px 200px;
   background:#000;
   color:#fff;
   border: 1px solid #cfcfcf;
   padding:10px;
   font-weight:bold;
   text-decoration:none;
}
.fReponse
{
    margin: 10px 0px 10px 200px;
    font-weight:bold;
    padding: 10px 0px 0px 0px
}
.menuClient
{
    border-bottom: 2px solid #996633;
    text-align:center;
    margin: 20px 0px 0px 0px;
}
.menuClient a
{
    font-size:13px;
    font-weight:bold;
    margin: 0px 10px 0px 10px;
    padding: 5px 10px 5px 10px;
    border-radius: 7px;
    border: 1px solid #996633;
    background: #F5F5F5;
    text-decoration:none;
}
.menuClient a:hover, .menuClient a.lActive
{
    background:  #996633;
    color:#fff;
}
.txtEdito
{
    font-size:13px;
    text-align:justify;
    padding: 0px 20px 0px 10px;
}

.blocMAdresse
{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom : 1px solid #cfcfcf;
}
.blocMAdresse h2
{
    font-size:13px;
    color:#996633;
}
.blocMAdresse h3
{
    font-size:12px;
}

#blocCat ul li ul.lMarques li a{text-transform:uppercase}
.fError
{
    color:#ff0000;
    font-weight:bold;
}
#fb-root
{
    width:400px;
    display:none;
}

div.blocFb
{
    float:left;
    text-align:left;
    padding: 0px 30px 0px 0px;
}

div.blocTwitt
{
    float:left;
    text-align:left;
}
.infosLivr{font-weight:bold;font-size:12px}

span.taxe{font-size:17px;font-weight:normal}

#toolBarWrap
{
    background: #333;
    position:absolute ;
    width:100%;
    height:25px;
    bottom:0;
    left:0;
	margin: 0 auto;
	padding: 8px 0px 0px 0px;
	z-index:3000;
}
@media screen{
  body>div#toolBarWrap{
   position: fixed;
  }
 }
#toolBar
{
    position:relative;
    width:960px;
    margin:0 auto;
    color:#fff;
	font-size:13px;
	font-weight:bold;
}
#toolBar a
{
    color:#fff;
}
#toolBar a:hover
{
    text-decoration:none
}

#toolBar .tEmphase
{
    font-size:15px;
	color:#FFD732;
	text-align:center;
}
#toolBar .tLeft
{
    position:absolute;
    left:10px;
}
#toolBar .tRight
{
    position:absolute;
    right:10px;
}
#blocCdeA
{
    width:400px;
    font-size:14px;
    padding: 0px 0px 3px 0px;
}
#bTc
{
    width:180px;
    float:left;
    margin: 0px 20px 0px 0px;
}
#bSel
{
    width:161px;
    float:right;
    background: #f0f0f0;
    border-radius:4px;
    padding: 5px 5px 5px 5px;
    margin: 3px 0px 3px 3px;
}
#fbTab{overflow:hidden;}
#fb-toggle{float:right}

.lLogout
{
    float:right;
}
.lLogout img
{
    vertical-align:middle;
    padding: 0px 0px 0px 2px;
}

#bToolsAlways
{
    position:absolute;
    right:0;
    top:300px;
    z-index:500;
    position: fixed;
}

#bNewsInsc
{
    position:absolute;
    z-index:1;
    color:#fff;
    top:133px;
    right:0px;
    width:240px;
    height:138px;
    padding: 15px;
    display:none;
    background:#2B2B2B;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}
#bNewsInsc input, .btSubs{float:left}

#bNewsInsc ul
{
    list-style-type:disc;
    list-style-position:inside;
    padding: 10px 0px 0px 0px;
}
#bNewsInsc ul li
{
   padding: 0px 0px 7px 0px;
}
 

#blocLanding
{
    margin: 0 auto;
    width:894px;
    height:579px;
    background: url(../i/fdLanding.jpg);
    padding: 34px 0px 0px 34px;
}
#bPromo
{
    width:406px;
    height:455px;
    background:#000;
    color:#fff;
    padding: 10px 0px 0px 10px;
}
#bPromo h1
{
    font-size:14px;
    font-weight:normal;
}


#bPromo input
{
    width:205px;
    height:25px;
    padding: 0px 0px 0px 2px;
    margin: 20px 3px 30px 0px;
    font-size:15px;
}
#bPromo input.bt
{
    width:387px;
    height:32px;
    padding:0;
    margin: 0px 0px 25px 0px;
}
.fError
{
    font-size:12px;
}
#blocReassurance
{
    width:310px;
    clear:both;
    margin: 0 auto;
    text-align:center;
    padding: 10px 0px 0px 0px;
}
#blocReassurance a, div.tp_-_category-badge
{
    float:left;
    margin: 0px 5px 0px 5px;
}
#blocReassurance a
{
    margin: 15px 5px 0px 5px;
}

#bTrustPilot
{
    clear:both;
    margin: 0 auto;
    text-align:right;
    padding: 4px 4px 4px 4px;
    background:#F0F0F0;
    border-radius:5px;
    color:#666;
}
#bTrustPilot a
{
text-decoration:none;
display:block;
}
#bTrustPilot h2
{

    font-size:13px;
    color:#000;
    font-weight:normal;
    padding:0;
    margin:0 auto;
}
#bTrustPilot h2 img
{
    vertical-align:middle;
    margin: 0px 0px 0px 8px;
}

a.lSelAdd
{
    float:right;
    color:#fff;
    background:#000;
    margin: 6px 0px 0px 0px;
    padding: 3px 9px 3px 9px;
    border-radius:5px;
    text-decoration:none;
    display:block;
}
#blocEmp
{
    background:#333;
    padding: 5px 5px 5px 5px;
    color:#FFD732;
    font-size:19px;
    text-align:center;
}
#blocEmp span
{
    font-size:23px;
}

#blocAboNewsletter
{
display:none;
background:#fff;
font-size:13px;
position:absolute;
left:50%;
bottom:30px;
width:640px;
height:200px;
border-radius:5px;
box-shadow: 1px 1px 7px #555;
border: 1px solid #555;
padding: 5px 5px 15px 5px;
margin-left:-320px;
z-index:2999;
}
@media screen{
  body>div#blocAboNewsletter{
   position: fixed;
  }
 }
 .trustPilotBadge{position:absolute;top:290px;left:0px;}
 
 .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #953b39;
}
ul#blocSocial
{
    position:absolute;
    right:0;
    top:365px;
    margin:0px 0px 0px 0px;
}
ul#blocSocial li
{
    float:left;
    margin: 0px 0px 0px 2px
}
ul#blocSocial li a
{
    width:25px;
    height:25px;
    display:block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

}
ul#blocSocial li a.lFacebook{background:0px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lTwitter{background:-25px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lGoogle{background:-50px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lVimeo{background:-75px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lPinterest{background:-100px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lTrumblr{background:-125px 0px url(../i/iReseauxSociaux.gif)}
ul#blocSocial li a.lFacebook:hover{background-position:0px -25px}
ul#blocSocial li a.lTwitter:hover{background-position:-25px -25px}
ul#blocSocial li a.lGoogle:hover{background-position:-50px -25px}
ul#blocSocial li a.lVimeo:hover{background-position:-75px -25px}
ul#blocSocial li a.lPinterest:hover{background-position:-100px -25px}
ul#blocSocial li a.lTrumblr:hover{background-position:-125px -25px}