/* GLOBAL : */
*{
          margin:0;
          padding:0;
}
html{
          height: 100%;
          margin-bottom: 1px;
}
body{
          width:100%;
          top:0;
          left:0;
          position:absolute;
          font:normal 11px Verdana,sans-serif;
          color:#333;
          background:url(assets/tapis4.jpg) center top #FFFFFF no-repeat fixed;
}    
div#mainbody {
          margin-top: 223px;
}
div.wrapper {
          margin: 0 auto;
          width: 875px; /*DYN-WIDTH MAINBODY*/
}
table, tr, td{
          border-collapse: collapse;
}
table.mainbody {
          width: 100%;
          padding: 0;
}
img{
          border : 0;
}
a{
          font-family: Verdana, sans-serif;
          color: #000000;
}
a img, a:hover img{
          border: 0;
          text-decoration:none;
}
a.nounder, a:hover.nounder{
          text-decoration:none;
}
a:hover.nounder{
          text-decoration:underline;
}
ul, li{
	  list-style: none;
}
.input{
          padding:2px;
          padding-left:6px;
          font-size: 11px;
          border: solid 2px #848484;
          border-right-color: #fafafa;
          border-bottom-color: #fafafa;

}
select{
          font-size: 12px;
}

#info{
     position:absolute;
     visibility:hidden;
     z-index:999;
     left:0px;
     top:-1000px;
     width: auto;
     height: auto;
     background:#FFFFFF;
     border: solid 1px #000000;
}
#info span{
     float:left;
     color:#484848;
     font-size:11px;
     padding:6px;
     padding-left:8px;
     padding-right:8px;
     font-weight: bold;
     font-family: Verdana,sans-serif;
     /*text-align:justify;*/
     text-align: left;
}
#thumb{
          position:absolute;
          z-index:1000;
          visibility:hidden;
          left:0px;
          top:-1000px;
          width:350px;
          height: auto;
          background:#FFFFFF;
          border: solid 1px #000000;
          padding-bottom:10px;
          overflow:hidden;
}
#thumb #ttimg, #ithumb #ittimg{
          width:350px;
          height:350px;
          background: url(assets/icon_view.gif) center center no-repeat;
}

#thumb span{
          float:left;
          width: 320px;
          margin-left:10px;
          margin-right:10px;
          margin-bottom: 3px;
          margin-top: 3px;
          color:#000000;
          font-size:11px;
          background-color: #e0f9ff;
          padding:4px;
          padding-left:6px;
          font-weight: bold;
          font-family: Verdana,sans-serif;
          text-align:center;
}
#suggest{
          position: absolute;
          z-index:907;
          height: auto;
          left:0;
          background:#FFFFFF;
          width: 260px;
          border: solid 1px #000;
          display:none;
          height:auto;
          text-align: left;
          overflow: auto;
}
#suggest a{
          display: block;
          text-decoration: none;
          font-size:11px;
          line-height:18px;
          color:#181818;
          width: 254px;
          padding-left: 5px;
          height: auto;
          background: #FFFFFF;
}
#suggest a.activ, #suggest a.activ span{
          color:#FAFAFA;
          background: #1B8EBE;/*#558097;1D98CB*/
}
#suggest a span{
        color:#1592CC;
}
/* END GLOBAL; */

/* HEADER: */

#header{
        position: absolute;
        width:100%;
        left:0;
        top:0;
        height:217px;
}
#header-top{
        background: url(assets/bg-top.jpg) center top no-repeat;
	background-color: #ffffff;
	height: 130px;
} 
div.head-wrapper{
          margin: 0 auto;
          width: 899px; /*DYN-WIDTH HEADER*/
          background: url(assets/header_green.png) left top no-repeat;
}
#mister{
          position: absolute;
          margin-left: 22px;
          margin-top: 10px;
          width:113px;
          height:158px;
          background: url(assets/mister.png) left top no-repeat;
          cursor:pointer;
}
#header-panier{
        display: block;
        text-decoration:none;
        cursor: pointer;
        float: right;
        width: 405px;
        height:122px;   /*60*/
        padding:4px;
        font-size:12px;
        font-weight: bold;
        color: #1592CC;
}
#header-panier #dyncaddy{
        line-height:14px;
        margin-top:5px;
        text-align:center;
}
#header-panier #dyncaddy div{
        margin-left:6px;
        text-decoration:none;
        color:#DF0079;
        font-size: 11px;
        line-height:20px;
}
#logo-swf{
        height:130px;
        margin-right: 290px;
}
#logo-swf a{
        display:block;
        width:100%;
        height:100%;
        text-decoration: none;
}

/* HORIZONTAL MENU: */

#horiz-menu {
        border:0;
        height: 38px;
        background: url(assets/bg_nav.png) 0 0 repeat-x;
        width:100%;
}
#horiz-menu ul {
        padding-left: 122px;
}
#horiz-menu li {
	display: block;
	float: left;
	height: 35px;
        padding-left: 8px;
}
#horiz-menu li.active, #horiz-menu li:hover{
        background: url(assets/bullet_nav.png) 0 11px no-repeat;
}
#horiz-menu a, #horiz-menu a:hover{
        display: block;
	height: 33px;
	position:relative;
        float: left;
        padding: 0 2px;
        padding-top:4px;
	font-family: Helvetica, Arial, sans-serif;
        color: #f8fafa;
        font-size: 12px;
        line-height: 33px;
        font-weight: bold;
	text-decoration: none;
	background: center center no-repeat;
	/*margin-right: 6px;*/
}
#horiz-menu a span, #horiz-menu a:hover span{
        visibility: hidden;
        position:relative;
        top:-3px;
}
#horiz-menu li.l{
        height: 35px;
	width: 10px;
        background: url(assets/separator_nav.png) center center no-repeat;
}
#horiz-menu a:hover {
	text-decoration: none;
}
#horiz-menu li.active a{
	color: #f8fafa;
}
#horiz-menu a.accueil ,#horiz-menu a.accueil:hover{
        background-image: url(assets/accueil-nav.png);
}
#horiz-menu a.moncompte ,#horiz-menu a.moncompte:hover{
        background-image: url(assets/moncompte-nav.png);
}
#horiz-menu a.serviceclient ,#horiz-menu a.serviceclient:hover{
        background-image: url(assets/serviceclient-nav.png);
}
#horiz-menu a.suividecolis ,#horiz-menu a.suividecolis:hover{
        background-image: url(assets/suividecolis-nav.png);
}
#horiz-menu a.panier ,#horiz-menu a.panier:hover{
        background-image: url(assets/panier_nav.png);
        color: #ff6600;
}
#horiz-menu a.parrainage ,#horiz-menu a.parrainage:hover{
        background-image: url(assets/parrainage-nav.png);
}
/* END HORIZONTAL MENU; */

#header-bottom{
        border:0;
        width:100%;
        height: 54px;
}
#header-bottom .center{
        height:39px;
        width:780px;
        margin: 0 auto;
        padding-top: 15px;
        padding-left:12px;
}
#header-bottom li{
        display: block;
	float: left;
}
#header-bottom label{
        display:block;
        padding-left:3px;
	padding-right:2px;
        width: 20px;
        height: 24px;
        background: url(assets/icon-user_32.png) left center no-repeat;
}
.ulog label{
        display:block;
        height: 24px;
        background: url(assets/icon-user.png) left center no-repeat;
	padding-left:20px;
        line-height: 24px;
        font-size:12px;
}
.ulog label a{
        color:#333;
}
#header-bottom a, #header-bottom a:hover{
        position:relative;
        text-decoration: none;
}
#header-bottom a.blue, #header-bottom a.blue:hover{
        display: block;
        text-decoration: underline;
        padding: 0px 12px;
        border: 0;
        font-size:11px;
        font-weight: bold;
        line-height:25px;
        color:#1592CC;
}
#header-bottom .ablue{
        margin-right:20px;

        padding-left:12px;
        float:left;
        font-size:11px;
        font-weight: bold;
        color:#4a4a4a;
        line-height:24px;
        text-decoration: none;
}
#header-bottom .ablue span{
        color:#1592CC;
        text-decoration: underline;
}
#header-bottom a.logout{
        display: block;
        font-size:11px;
        line-height:25px;
        color:#888;
        background: url(assets/list_remove_btn.gif) 4px center no-repeat;
        padding-right:8px;
        padding-left: 24px;
        text-decoration: underline;

}
#header-bottom a.logout:hover{
        text-decoration: underline;
        color:#DD3300;
}
#header-bottom li.separator{
        display:block;
        margin-left:14px;
        margin-right:14px;
	width: 3px;
        height: 24px;
        background: url(assets/separator_32.png) center center no-repeat;
}
div.infogrey, div.infogrey:hover{
        cursor: pointer;
        width: 24px;
        height: 24px;
        background: url(assets/ico-infogrey_32.png) center center no-repeat;
}
#header-bottom .infogrey span{
        display:none;
}
.validbutton{
        display:block;
        margin-left:2px;
        width: 26px;
        height: 24px;
        border: 0;
        cursor:pointer;
        background: url(assets/icon-valid_32.png) center center no-repeat;
}
.subsearch{
        display:block;
        position:relative;
        top:-8px;
        left:16px;
        width: 32px;
        height: 32px;
        background: url(assets/ico-search_32.png) center center no-repeat;
}
.searchform .input{
        position:relative;
}
/* END HEADER; */

/* LEFT & RIGHT */
#main-left a, #main-left a:hover, #main-right a, #main-right a:hover{
          display: block;
          overflow: hidden; /*auto: force hasLayout in IE7 */
          color: #484848;
          text-decoration: underline;
          padding: 0px 10px;
          border: 0;
          font-size:12px;
          line-height:19px;
}
/* END  LEFT & RIGHT */

/* PANEL LEFT: */

td.side-left {
        width: 143px;
        padding-top:3px;
}
#main-left{
          position:relative;
          z-index:998;
          padding:3px;
          width: 143px;
          border: solid 1px #e9e9e9;
          background-color:#fafafa;
}

#main-left a.red, #main-left a:hover.red{
          color: #FF7920;
}
#main-left a.blue, #main-left a:hover.blue{
          color:#1592CC;
}

.rubrique{
          padding-top: 9px;
          padding-bottom:7px;
          margin-left: 8px;
          margin-bottom:2px;
          border-bottom: solid 1px #d3d3d3;/*#e0e0e0;*/
          margin-right:11px;
}
.rubrique .categories-title{
          background: url(assets/bullet-cat.png) center left no-repeat;
          padding-left: 23px;
          font-size:13px;
          font-weight:bold;
          color:#484848;
          cursor: default;
}

/* VERTICAL MENU: */

.categories{
          margin-bottom:22px;
}
.categories ul{
          width: 145px;
          /*height:auto;*/
}
.categories li.separator{
          display: block;
          overflow: hidden;
          background: #9AD7F3;
          margin-left:4px;
          width:124px;
          height: 1px;
          margin-top: 6px;
          margin-bottom: 2px;

          border:0;
}

.categories ul li{
          position: relative;
}
.categories ul li ul{
          position: absolute;
          width: 168px; /*sub menu width*/
          left: 137px; /*160*/
          top: -8px;
          /*height:auto;*/
          background-color:#fafafa;
          border: solid 1px #e9e9e9;
          border-right:solid 2px #a7a7a7;
          border-bottom:solid 1px #a7a7a7;
          padding-bottom: 10px;
          padding-top:6px;
          padding-left:4px;
          visibility: hidden;
          display: block;
}
.categories .parent{
          background: url(assets/arrow-sub.png) 92% center no-repeat;
}
#main-left a.expandchild, #main-left a:hover.expandchild{
    padding-left:14px;
    color:#545454;
    line-height:16px;
    padding-bottom:2px;
     background: url(assets/arrow-sub.png) 7px 5px no-repeat;

}
#main-left a:hover.expandchild{
    background: url(assets/arrow-sub.png) 7px 5px no-repeat;
    /*color:#9AD7F3;*/
}

/* END VERTICAL MENU; */

.rubrique .avis-title{
          background: url(assets/ico-comment.png) center left no-repeat;
          padding-left: 23px;
          padding-top:2px;
          font-weight:bold;
          font-size:12px;
          color:#484848;
          cursor: default;
}
.avis{
      margin-top:9px;
}
.avis div{
          margin:0;
          margin-top:7px;
          padding:0;
          padding-left:6px;
}
div.star_5{
          background: url(assets/line-5stars.png) 0 0 no-repeat;
}
div.star_4{
          background: url(assets/line-4stars.png) 93% 0 no-repeat;
}
div.star_3{
          background: url(assets/line-3stars.png) 93% 0 no-repeat;
}
div.star_2{
          background: url(assets/line-2stars.png) 93% 0 no-repeat;
}
div.star_1{
          background: url(assets/line-1stars.png) 93% 0 no-repeat;
}
.avis div.star_5, .avis div.star_4, .avis div.star_3{
    background-position: 93% 0;
}
.avis div span{
          margin-top:23px;
          margin-right:8px;
          float:right;
}
#main-left .advert{
        margin-top:10px;
        width:145px;
}
#main-left .advert a, #main-left .advert a:hover{
          padding:0;
          overflow:hidden;
          text-decoration:none;
          text-align: center;
}
#main-left .advert a img, #main-left .advert a:hover img{
          margin-bottom:10px;
          margin-top:10px;
}
/* END PANEL LEFT; */

/* PANEL RIGHT: */

td.side-right {
          width: 176px;
          padding-top:3px;
}
#main-right{
          width: 176px;
          text-align: center;
}
#top-right, #bottom-right{
          width: 174px;
          border: solid 1px #e9e9e9;
          background-color:#F7F8F9;
}
#main-right .advert{
          width:174px;
}
#main-right .advert a, #main-right .advert a:hover{
          padding:0;
          overflow:hidden;
          text-decoration:none;
          text-align: center;
}
#main-right .info, #main-right .info_cart{
          margin:7px;
          border: solid 2px #FFF;
}
#main-right .info_cart{
          background:#FFFFFF;
}
#main-right .info .separator, #main-right .info_cart .separator{
          display: block;
          overflow: hidden;
          background-color: #d3d3d3;/*#EFF1F3;*/
          width: 80%;
          height: 1px;
          margin-bottom: 9px;
          margin-left:auto;
          margin-right:auto;
}
#main-right .info_cart .separator{
          /*background-color: #1592CC;*/
}
#main-right .info h4, #main-right .info_cart h4, #main-right .info div.mh4, #main-right .info_cart div.mh4{
          font-size:11px;
          font-weight:bold;
          color: #464646;
          cursor: default;
          padding-top: 2px;
          padding-bottom: 6px;
}
#main-right .info_cart h4, #main-right .info_cart div.mh4{
          background: url(assets/smll_caddy.png) 12px 6px no-repeat;
          margin-top:4px;
          padding-left: 38px;
}
#main-right .info_cart h4 a, #main-right .info_cart h4 a:hover, #main-right .info_cart div.mh4 a, #main-right .info_cart div.mh4 a:hover{
          display:block;
          width:108px;
          height:25px;
          background: url(assets/__cartr.png) 0 0 no-repeat #FFFFFF;
}
#main-right .info_cart h4 a:hover, #main-right .info_cart div.mh4 a:hover{
          background-position: 0 -25px;
}
#main-right .info p, #main-right .info_cart p{
          font-size:12px;
          color: #484848;
          padding-bottom:3px;
          margin-bottom:6px;
}
#main-right .info_cart p{
          padding:0;
          margin:0;
          margin-left:6px;
          font-size: 11px;
          color:#747474;
          padding-left:6px;
          text-align:left;
}
#main-right .info_cart .r{
          border: solid 1px #FF0000;
          text-align:right;
}
#main-right .info_cart .r span{
          float:left;
}

#main-right .info_cart #rpanier p{
          margin:0;
          padding:0;
          width:100%;
}

#main-right .info_cart a span{
           color:#747474;
           padding-right:2px;
           padding-left:8px;

}
#main-right .info_cart a, #main-right .info_cart a:hover{
          height: 20px;
          line-height: 20px;
          overflow:hidden;
          letter-spacing:-1px;
          text-decoration:none;
          display:block;
          width:100%;
          padding:0px;
          font-size:11px;
}
#main-right .info_cart a:hover{
          background:#F4F4F4;

}
#main-right .info_cart #rtotal, #main-right .info_cart .r a, #main-right .info_cart .r a:hover{
          text-align:right;
          width:100px;
          display:block;
          color:#333;
          font-weight:bold;
          text-decoration: none;
}
.string-date{
          display: block;
          color: #FF6600;
          font-size:12px;

}
.string-date .day{
          padding-right:4px;
          padding-left:4px;
          color: #FF6600;
          font-weight:bold;
          font-size: 12px;
}
#top-right .info{
          background: url(assets/info-exped.jpg) center bottom no-repeat #FFFFFF;
          padding-bottom:88px;
}
a#cbvisa, a:hover#cbvisa{
          padding:0;
          width: 174px;
          height: 23px;
          background: url(assets/paiement-cartes.gif) center center no-repeat;
          margin-top: 14px;
          margin-bottom: 14px;
          cursor:pointer;
          text-decoration:none;
}
#bottom-right .info{
          background-color: #FFFFFF;
}
#bottom-right .info p{
          text-align: left;
}

#main-right a.share, #main-right a:hover.share{
          letter-spacing:-1px;
          text-decoration:none;
}
#main-right a:hover.share{
          background-color:#F4F4F4;
}
#main-right a.share img, #main-right a:hover.share img{
          float:left;
          position:relative;
          top:2px;
          margin-left:5px;
}

#zoneachat{
          display: block;
          width: 154px;
          height: 31px;
          background: url(assets/zoneachat.png) center center no-repeat;
          margin-top: 12px;
          margin-bottom: 14px;
}

/* END PANEL RIGHT; */


/* FOOTER: */

#footer{
    padding-top:8px;
}

#footer .blog{
          margin:0;
          border: solid 1px #e9e9e9;
          background: #fafafa;
          text-align: center;
          letter-spacing:0.04em;
}
#footer .blog a{
          display:block;
          height:36px;
          line-height:36px;
          color:#ff6600;
          font-size: 12px;
          text-decoration: none;
}
#footer .blog a span{
          font-weight: bold;
          color:#1592cc;
}

#footer table.content{
          border-top: solid 1px #e9e9e9;
          background: #ffffff;
          width:100%;
}
#footer table.content td{
          width:33%;
          padding:16px;
          padding-left:32px;
          padding-bottom:22px;
}
#footer h4, #footer div.fh4{
         font-size: 11px;
         color:#484848;
         font-weight:bold;
         padding-bottom:4px;
         padding-left:10px;
}
#footer ul{
          padding-left:30px;
}
#footer ul li a{
         font-size: 9px;
         line-height:10px;
         color:#484848;
}
.copyright{
          display:block;
          font-size: 10px;
          color:#000000;
          width: 100%;
          text-align: center;
          margin-top:10px;
}
.copyright a{
          text-decoration: none;
}
.copyright a:hover{
          text-decoration: underline;
}
/* END FOOTER */

/* MAIN PANEL: */
td.side-main {
          width: 100%;
          padding-top:4px;
          /*padding: 0 auto;*/
}
#main-middle{
          width:548px;
}

#main-middle .advert{
          padding-bottom:6px;
}

.pathway{
       padding-left:8px;
       padding-top:8px;
       font-size:11px;
       color:#484848;
}
#pathway a, #pathway a:hover{
       color:#484848;
       font-weight:normal;
}
#pathway a.activ, #pathway a.activ:hover{
       text-decoration: none;
}
#pathway span{
       font-weight:normal;
       color:#37a4d1;
}
table.panel{
          width: 513px;
          margin:0 auto;
          margin-bottom:9px;
}
table.panel tr{
          width:100%;

}

table.panel h3, h1.info{
          font-size:18px;
          color: #00ACE4;
          display:block;
          width:509px; 
          height:35px;
          line-height:35px;
          font-weight: normal;
          border-bottom: solid 2px #E9E9E9;
          margin-top:10px;
          margin-bottom:10px;
          padding-left:8px;
}
h2.info{
  font-size:15px;
  color:rgb(39,120,169);
  padding-left:8px;
  padding-bottom:4px;
}
table.panel h5{
          font-size: 13px;
          padding-left:10px;
}
table.panel .innerdiv h4, table.panel .innerdiv div.th4, h2.groupinfo, h2.groupinfo2{
          font-variant: small-caps;
          letter-spacing: -1px;
          font-size:12px;
          background:url(assets/_reduce.png) right center no-repeat;
          background-color: #e9e9e9;
          padding: 4px;
          padding-left:6px;
          margin-bottom:6px;
          font-weight: bold;
}

table.panel #content h3, table.panel .content h3, table.panel .innerdiv h3{
		  font-size:12px;
          color: #333333;
          line-height:24px;
          font-weight: bold;
          border: 0;
          margin:0;
          padding-left:0px;
          width: auto;
          height: auto;
}
table.panel .innerdiv h3{
          padding-left:8px;  
}
table.panel #content h4, table.panel .innerdiv h4{
          line-height:16px;
		  font-weight: normal;
		  font-size:12px;
		  font-variant: normal;
          letter-spacing: 0;
          background: none;
          margin:0;
          padding-left:0px;
}
table.panel .innerdiv h4{
          padding-left:8px; 
}

table.panel #content h5, table.panel .innerdiv h5{
  	      line-height:16px;
  		  font-size:12px;
  		  font-weight: normal;
  		  margin:0;
          padding-left:0px;
}
table.panel .innerdiv h5{
          padding-left:8px;
}  
table.panel .innerdiv{
          width:496px;/*502*/
          /*border: solid 1px #E9E9E9;*/
          padding:8px;
          margin-top:16px;
}





table.panel .innerdiv p{
          padding:5px;
          padding-left:8px;
          padding-right: 10px;
          font-size: 12px;
}
table.panel .innerdiv p i{
          font-size: 11px;
}


table.panel td.title{
          height:29px;
          background: url(assets/top-panel-green.png) 0 0 no-repeat;
}
table.panel td.title h4, table.panel td.title_green h4{
          margin-top:2px;
          padding: 0px 10px;
          color:#FFFFFF;
          font-size:12px;
          font-weight:700;
          letter-spacing:0.01em;
}
table.panel td.title a, table.panel td.title a:hover{
          float:right;
          position:relative;
          top:3px;
          text-decoration: none;
          padding: 0px 9px;
          color:#FFFFFF;
          font-size:11px;
          font-weight:bold;
          line-height:19px;
          letter-spacing:0.01em;

}
table.panel td.title a:hover{
          text-decoration: underline;
}
table.panel td.body .content{
          border: solid 1px #E9E9E9;
          border-top: 0;
          background: #F7F8F9;
          padding :8px;

}
table.panel td.body .content div.promo{
          /*height:173px;*/
          background: #FFFFFF;
          padding-left:0px;
}
.slider{
          width:490px;
          height:173px;
          position: relative;
}
.slider span{
         display: block;
         font-size:11px;
         color:#000000;
         font-weight: bold;
}
.icons_l0 a, .icons_l0 a:hover, .icons_l2 a, .icons_l2 a:hover{
         float: left;
         display: block;
         padding:3px;
         margin-right:1px;
         padding-left: 20px;
         padding-right:6px;
         height:16px;
         text-decoration: none;
         color: #484848;
         font-size:11px;
         font-weight: bold;
         line-height:16px;
}
.icons_l0 a.ico-comment, .icons_l0 a:hover.ico-comment{
         white-space:nowrap;
         padding-right:0;
         margin-right:0;
}
a.ico-thumb{
         height: 16px;
         line-height:16px;
         background: url(assets/smll_thumb.png) 4px center no-repeat;
}
a.ico-comment{
         height: 16px;
         line-height:16px;
         background: url(assets/smll_comment.png) left center no-repeat;
}
a.ico-info{
         height: 16px;
         line-height:16px;
         background: url(assets/smll_info.png) left center no-repeat;
}
a.ico-caddy{
         height: 16px;
         line-height:16px;
         background: url(assets/smll_caddy.png) left center no-repeat;
}
.slider .price{
         color: #ff6600;
         font-size:30px;
         line-height:27px;
         margin-bottom: 26px;
         cursor: default;
}
.slider a.name{
         display:block;
         width:266px;
         height:70px;
         text-decoration: none;
         color: #949494;
         font-size:11px;
         line-height:18px;
         font-weight: bold;
}
.slider a.name:hover{
         text-decoration: underline;
}
.slider a.name .title{
         display:inline;
         font-size:17px;
         line-height:20px;
         color: #484848;
         font-weight: normal;
         margin-top:3px;
         margin-bottom:2px;
}
.slider .text{
         cursor:default;
}

#cross-links ul{
         list-style: none;
         background: url(assets/panel-separator.jpg) left center no-repeat;
         padding-left: 4px;
}
#cross-links ul li{
         padding: 1px;
}
#cross-links a{
         text-decoration: none;
         font-size:11px;
         color:#000;
         display:block;
         width: 26px;
         height: 22px;
         text-align: center;
         line-height:20px;
         margin:2px 5px;
}
a.cross-link{
         background: url(assets/but-slide.png) 0 0 no-repeat;
}
a.cross-link:hover, a.cross-link:focus, a.current-link, a.current-link:hover{
         background: url(assets/but-slide.png) 0 -22px no-repeat;
}
a.next{
         background: url(assets/nextslide-arrow.png) center center no-repeat;
}
a.prev{
         background: url(assets/prevslide-arrow.png) center center no-repeat;
}

 /* SLIDE */
          .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%;
			float:left;
	  }

          .stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden;
			width: 448px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 173px;
			clear: both;
			background: #fff;
          }
          .stripViewer .loading {margin: 100px 0 100px 0; text-align: center}

          .fl {
	    float: left; display: inline;
          }
          
          /* The width must be equal to .item ((width + margin-right) * 2).
          */
          .panelContainer{
            position: relative;
            height: 173px;
            overflow:hidden;
            top: 0;
            left: 0;
            width: 100%;
            display:none;
          }
          .sliderpanel { /* Each panel is arranged end-to-end */
	               background: #ffffff;
                       float:left;
                       position: relative;
		       width: 448px; /* Also specified in  .stripViewer  above */
		       height: 173px;
          }
          .sliderwrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			margin-top:4px;
			margin-left:10px;
          }
 /* END SLIDE */

.topvente, .nouveaute{
          background: #FFFFFF;
          padding-left:10px;
          padding-top:2px;
          height:100%;
}
.topvente .separator span, .nouveaute .separator span{
  display:block;
  margin-top:3px;
  height:180px;
  width: 25px;
  background: url(assets/panel-separator.jpg) center center no-repeat;
}
.icons_l1, .icons_l2{
  display:block;
  width:136px;
  height:16px;
  margin-left:6px;
  margin-top:1px;
}
.icons_l1 a, .icons_l1 a:hover{
  float: left;
  display: block;
  padding:8px;
  width:16px;
  height:16px;
  line-height:16px;
  text-decoration: none;
}
.icons_l2 a, .icons_l2 a:hover{
  margin-bottom:4px;
}
.icons_l1 a, .icons_l1 a:hover{
          background-position: center center;
}
.topvente .price, .nouveaute .price, .pdt .price, .listpdt .price{
  color: #ff0000;
  font-size:14px;
  line-height:14px;
  font-weight: bold;
  padding:1px;
  padding-bottom:2px;
}
.nouveaute .price{
  font-size:13px;
  line-height:13px;
  padding-bottom:1px;
}
.topvente .desc, .nouveaute .desc{
  text-align: center;
  vertical-align: top;
  height: auto;
}
.topvente .desc a, .topvente .desc a:hover, .nouveaute .desc a, .nouveaute .desc a:hover{
  display:block;
  padding-bottom:1px;
  padding-top:1px;
  width:100%;
  color: #484848;
  font-size:11px;
  font-weight: bold;
  line-height:11px;
  text-decoration:none;
}
.topvente .desc a:hover, .nouveaute .desc a:hover{
  text-decoration:underline;
}
.topvente .info{
  height:170px;  /*178*/
  text-align:center;
}
.nouveaute .info{
   height:170px;/*172*/
  text-align:center;
}




table.listkeys{
  width: 100%;
  padding-bottom: 6px;
}
table.listkeys th{
  text-align: left;
  padding-bottom: 6px;
}
table.listkeys td{
 width: 33%;
}




table.panel td.bottom .content{
          border: solid 1px #E9E9E9;
          background: #FFFFFF;
          margin:0;
          padding :8px;
}


#tagscloud{
  border-top:solid 1px #DEDEDE;
  text-align: justify;
  padding:10px;
  padding-right:5px;
  width:480px;
}
#tagscloud a, #tagscloud a:hover{
  color: #000000;
  font-size:11px;
  line-height:14px;
  padding:2px;
  padding-right:8px;
  line-height:24px;
  text-align: justify;
}
#tagscloud a:hover{
  color:#333;
  text-decoration: underline;
}
#tagscloud a.c1{
  color:#0091BC;
  text-decoration: none;
}
#tagscloud a.c2{
  color: #00C6FF;
  text-decoration: none;
}
#tagscloud a.c3{
  color:#78CDEF;
  text-decoration: none;
}
#tagscloud a span.m, #tagscloud a:hover span.m{
  font-size:11px;
}
#tagscloud a span.ms, #tagscloud a:hover span.ms{
  font-size:11px;
  font-weight: bold;
}
#tagscloud a span.s, #tagscloud a:hover span.s{
  font-size:12px;
}
#tagscloud a span.sl, #tagscloud a:hover span.sl{
  font-size:12px;
  font-weight: bold;
}
#tagscloud a span.l, #tagscloud a:hover span.l{
  font-size:14px;
}
#tagscloud a span.ll, #tagscloud a:hover span.ll{
  font-size:14px;
  font-weight: bold;
}
#tagscloud a span.xl, #tagscloud a:hover span.xl{
  font-size:16px;
}
#tagscloud a span.xxl, #tagscloud a:hover span.xxl{
  font-size:16px;
  font-weight: bold;
}
#tagscloud a:hover.c1, #tagscloud a:hover.c2, #tagscloud a:hover.c3{
  color:#333;
  text-decoration: underline;
}


#boxContainer{
          position:absolute;
          visibility:hidden;
          display: none;
          left: 0;
          top: 0;
          width: 460px;
          height: auto;
	  padding-right:3px;
          padding-bottom:4px;
          overflow:hidden;
          z-index:1017;
}
#boxAlpha{
         position:absolute;
         display: none;
         background: #333;
         visibility: hidden;
         filter:progid:DXImageTransform.Microsoft.alpha(opacity=40);
         opacity: 0.4;
         z-index: 1016;
}
#boxContainer div.cont{
	  padding:15px;
	  padding-right:13px;
	  padding-left:13px;
	  background:#fafafa;
}
#boxContainer .headerbar{ /*CSS for header bar of interstitial box*/
          height:29px;
          color: gray;
          padding: 5px 0;
}
#boxContainer .green{
          background: url(assets/top-box.png) 0 0 no-repeat;
}
#boxContainer .blue{
          background: url(assets/top-box_blue.png) 0 0 no-repeat;
}
.headerbar h4, .headerbar div.th4{
          cursor: default;
          margin-top:2px;
          padding: 0px 10px;
          color:#FFFFFF;
          font-size:13px;
          font-weight:700;
          letter-spacing:0.01em;
}
div.th5{
  font-weight: bold;
  font-size: 13px;
  padding-left:10px;
}
.headerbar #boxClose{
          float:right;
          position:relative;
          top:4px;
          padding: 0px 4px;
          cursor: pointer;
          background: url(assets/btn_window_close.gif) center center no-repeat;
          width:15px;
          height:15px;
}
#boxContent{ /*CSS for div that holds the content to show*/
          border: 1px solid gray;
          padding:1px;
          padding-bottom: 12px;
          padding-top: 6px;
          background-color: white;
}

#boxVeil{ /*CSS for background veil that covers entire page while interstitial box is visible*/
          position: absolute;
          display: none;
          background: #FFF url(assets/blackdot.gif);
          right: 0;
          width: 10px;
          top: 0;
          z-index: 1015;
          visibility: hidden;
          filter:progid:DXImageTransform.Microsoft.alpha(opacity=20);
          opacity: 0.2;
}


#comment-list .cmsg{
  display: none;
}
#comment-list .complete, #comment-list .complete ul{
  cursor:default;
}
#comment-list div{
  background:#FFFFFF;
  color:#484848;
  font-size: 12px;
  width: 100%;
}
#comment-list td{
  padding-top:12px;
}
#comment-list img{
  padding: 4px;
  margin:0;
  margin-left: 6px;
  margin-right: 10px;
}

#comment-list div a{
 color: #484848;
 font-size: 11px;
 font-weight: bold;
 line-height: 20px;
}
#comment-list div p{
  font-family: Verdana, sans-serif;
  color:#484848;
  font-size: 12px;
  width: 100%;
}
#item_comment ul{
  list-style: none;
  padding:0;
}
#item_comment li{
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  color:#1592cc;
  line-height: 16px;
  font-size: 12px;
  padding-right: 6px;
}
#item_comment li.star{
  padding-right: 0;
  height: 16px;
  width: 16px;
  background: url(assets/star.png) center center no-repeat; 
}

a.hsimple, a:hover.hsimple{
  background:url(assets/search_criteria.gif) 2px 6px no-repeat;
  text-decoration:underline;
  line-height:18px;
  margin-left:10px;
  padding:2px;
  padding-left:20px;
  font-size:11px;
  color:#484848;
}
.groupinfo, .groupinfo2{
  cursor:pointer;
  width:95%;
}
table.panel .innerdiv h3.groupinfo{
  color:#F00;
  font-size:12px;
  color: #333333;
  display:inline;
  width:auto;
  font-weight:normal;
  margin:0;
  padding:0;
  line-height:16px;
}
.softblue{
          display: block;
          padding:5px;
          padding-left: 22px;
          text-decoration: none;
          font-size: 12px;
          font-weight: bold;
}
.softblue{
          background: url(assets/link_blue.png) left bottom no-repeat #FFFFFF;
          color:#65B0E0;
}
.softblue:hover{
          color:#298ED1;
}
.itext{
           color: #0E0E0E;
           border-bottom:#EFE3E5 1px solid;
	   border-left:#B3A7A9 1px solid;
	   border-right:#EFE3E5 1px solid;
	   border-top:#B3A7A9 1px solid;
	   padding:1px 0px 0px 5px;
	   width: 240px;
           font-size:14px;
           line-height:18px;
           height:18px;
}
select.itext{
           height:20px;
           padding:0px;
           padding-left: 1px;
}

#popup_cart h3{
          font-size: 14px;
          height:40px;
          padding-left:54px;
          line-height:40px;
          background: url(assets/smallshop.png) 12px top no-repeat;
}
#popup_cart table{
          border-top:solid 1px #e9e9e9;
          width:100%;
          margin-top: 12px;
}
#popup_cart table td{
          /*padding:4px;*/
}
#popup_cart img{

}
#popup_cart .nounder{
            padding-left:0px;
            padding-right:4px;
}
#popup_cart span{
     font-size: 12px;
     font-weight: bold;
     color: #77C243;
     margin-left:3px;
}
#popup_cart .ppdt{
     color: #499AD1;
     margin-left:0px;
}
#popup_cart .cart_r span{
     color: #484848;
     font-weight: normal;
}
#popup_cart .tprice{
     line-height:30px;
     padding-bottom:6px;
}
#popup_cart .tprice span{
        float: right;
        margin-right: 18px;
        color: #484848;
        font-weight:normal;
}
#popup_cart .tprice b{
     font-size: 13px;
     color: #333;
}


a.but, a:hover.but, input.but{
          display: block;
          font-variant: small-caps;
          letter-spacing: -1px;
          text-decoration: none;
          font-size: 12px;
          font-weight: bold;
          line-height: 23px;
          height:25px;
          color:#ffffff;
}
a:hover.but{
          text-decoration: underline;
}

.lgreen{
          background: url(assets/but_lgreen.png) left center no-repeat #FFFFFF;
          width:143px;
          padding-left:9px;
}
.sgreen{
          background: url(assets/but_sgreen.png) left center no-repeat #FFFFFF;
          width:101px;
          padding-left:7px;
}
.lblue{
          text-align:center;
          width:164px;
          background:url(assets/but_blue.png) left center no-repeat;
}

.fdiv{
  margin:auto 0;
  padding-top:6px;
  padding-bottom:12px;
  width:488px;
}
.fentry th{
        font-size:10px;
	font-weight:700;
	padding-top:6px;
	text-align:right;
	padding-right:12px;
	vertical-align:top;
	/*width:180px;*//*222*/
	color:#4C4c4c;
}
.fentry td{
	padding:2px;
        color: #333;
        width:280px;
}
a.sub_blue{
        text-decoration : none;
        margin-top: 12px;
        margin-bottom: 3px;
        display: block;
        width: 86px;
        height: 25px;
        background: url(assets/sub-blue.png) center center no-repeat #FFFFFF;
}
a.sub_blue span{
        padding-left: 10px;
        line-height: 24px;
        color:#FFFFFF;
        font-size: 11px;
        font-weight: bold;
}

td.messageStackError, td.messageStackSuccess, td.messageStackWarning{
 color:#123745;
 line-height:16px;
 padding-left:22px;
 padding-bottom:5px;
}
td.messageStackError, td.messageStackWarning{
  background: url(assets/warning.gif) 0 0 no-repeat;
}
td.messageStackSuccess{
  background: url(assets/success.gif) 0 0 no-repeat;
}
.msgStack{
  margin-left: 4px;
  display:none;
}
#loginBox{
  position:absolute;
  top:-1000px;
  left:-1000;
  visibility:hidden;
  display:block;
}
input.sub_green, input.sub_blue{
         display:block;
         padding:0;
         font-size: 12px;
         font-weight: bold;
         color:#FFFFFF;
         height:25px;
         padding-bottom:3px;
         border:0;
         cursor: pointer;
         margin-top: 5px;
}
input.sub_green{
         width: 108px;
         background: url(assets/but_sgreen.png) left center no-repeat #FFFFFF;
}
input.sub_blue{
         width: 92px;
         font-size:11px;
         background: url(assets/sub-blue.png) 4px center no-repeat #FFFFFF;
}
.radio{
 float:left;
 padding-left:18px;
 height:15px;
 background: url(assets/radio.png) 0 0 no-repeat;
 cursor:pointer;
}
.radiocheck{
 float:left;
 padding-left:18px;
 height:15px;
 background: url(assets/radio.png) 0 -15px no-repeat;
 cursor:default;
}
.checkbox{
 float:left;
 width:12px;
 height:13px;
 background: url(assets/check.png) 0 0 no-repeat;
 cursor:pointer;
}
.checkedbox{
 float:left;
 width:12px;
 height:13px;
 background: url(assets/check.png) 0 -13px no-repeat;
 cursor:pointer;
}
.delbox{
 float:left;
 width:16px;
 margin-right:3px;
 height:16px;
 background: url(assets/cross.png) 0 0 no-repeat;
}
.trashbox{
 background: url(assets/edittrash.png) 0 0 no-repeat;
 padding-left: 20px;
 line-height:16px;
 font-size:12px;
 padding-top:2px;
 color:#aaa;
}
a:hover.trashbox{
 color:#f40;
}
.checkin{
  width:16px;
  height:18px;
  background: url(assets/icon-16-checkin.png) 0 2px no-repeat;
}
.error{
  width:16px;
  height:18px;
  background: url(assets/warning.gif) 0 2px no-repeat;
}
.errortxt{
 width: 240px;
 font-family: Arial, sans-serif;
 font-size:11px;
 padding:2px;
 padding-left:4px;
 color:#c30;
 border:solid 1px #DADADA;
 background: #FAFAFA;
 cursor: pointer;
}

select option.outofstock,
select optgroup.outofstock{
	/*font-weight:bold;*/
	color:#ccc;
	font-size:11px;
	font-style:italic;
}

#main-right .htmlbanner{
  width:174px;
  overflow:hidden;
  padding:0;
}
#main-right .htmlbanner a{
  padding:0;
}
#main-left .htmlbanner{
  width:145px;
  overflow:hidden;
  padding:0;
}
#main-left .htmlbanner a{
  padding:0;
}