/**************************** Reset **************************************/
h1, h2, h3, h4, h5, h6 { display: inline; font-weight: inherit; margin: 0; padding: 0; font-size: inherit; font-family: inherit; *font-size: 1em;}
body.PBPW {    font-family: Open Sans, sans-serif;    font-size: 12px;    color:#000;    background-color:#fff;    margin: 20px;	}
#topbanner {    display: none; }
img { border: none; }
input {    font-size: 12px;    padding: 2px;    margin: 5px; font-family: Open Sans; border: 1px solid #ccc; vertical-align:middle;}
select {font-family: Open Sans; }
select.PB {    font-size: 12px;    padding: 4px;    margin: 2px; font-family: Open Sans; border: 1px solid #ccc;}
textarea.PB {    font-size: 12px;    padding: 4px;    margin: 2px; font-family: Open Sans; border: 1px solid #ccc;}
#bodycolumn3 { position: absolute; top: 0; right: -20px; }
#verticalbanner { position: absolute; left: 0; top: 0; }
#bodytopbanner { display: block; width: 100%; text-align: center; }
#bodydata form { text-align: left;}
.clearbodycontainer {  clear: both; height: 0; }
p {padding:0;margin:0;}

/**************************** Body & Maincontainer **************************************/
body.PB {
font-family:Open Sans, sans-serif;
font-size:12px;
color:#000;
margin: 0;
padding:0;
text-align:center;
background-attachment:scroll;
background-color:#FCEBB6;
/*background-image:url("/Files/31139/Img/04/background_tile.jpg");*/
background-position:center 82px;
background-repeat:repeat;
}

body.PB a:link, body.PB a:visited, body.PB a:active, body.PB a.PBLink, body.PB a, body.PBPW a:link, body.PBPW a:visited, body.PBPW a:active, body.PBPW a.PBLink, body.PBPW a {
color:#4ecdc4;
text-decoration:none;
}

a:hover, body.PB a:hover,  body.PBPW a:hover { 
    color: #666 ;
    text-decoration: none; 
}

#maincontainer {
    margin: 0 auto ;
    width: 100%; 
}

/**************************** Headercontainer **************************************/
#headercontainer { 
    z-index: 1000;
    background-image: url(/Files/31139/Img/01/hback.jpg);
    background-repeat: repeat-x;
    background-position: top center; 
    width:100%;
    position: static;
    *position: relative;
}

#headerarea {
    position: relative;
    margin: 0 auto;
    width: 980px;
    height: 200px;
    z-index: 999; 
    background-image: url(/Files/31139/Img/24/header200-.jpg);
}

#headercolumn1 { 
    top: 3px;
    left: 0px;
    position: absolute;
    z-index: 500;
}

#headercolumn2 {
    top: 0;
    left: 600px;
    position: absolute;
    z-index: 500;
    text-align: left;
    width:300px;
    height: 38px;
}

#headertext {
    color: #fff; text-transform:uppercase;
    font-size: 15px; 
    font-weight: normal; 
    font-family: 'Oswald', sans-serif;
    display:block;
    left: 8px;
    top:7px;
    position: relative;
}

#headerlogo img , #headerdata img { 
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
}

#headerlogo {
    width:150px;
    height: 81px;
}

#headerdata { 
    width: 100%;
    height: 100%;
}

#headerbanner { display: block; width: 100%; text-align: center; }

#headerlogo span {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 38px;
    word-wrap: break-word;
}

/**************************** Horizontal **************************************/
#hmenu,  #hmenu li, #hmenu li div, #hmenu li div ul, #hmenu li div ul li { *z-index: 100; }
#hmenu { float: left; list-style: none; margin: 0; padding: 0;}
#hmenu > li.begin { display: none; }
#hmenu > li.end { display: none; }
#hmenu > li.menusep { }
#hmenu > li.mispacer { width: 10px; }
#hmenu > li.miimg { border: none; }
#hmenu li.miimg a, #hmenu li.miimg span { padding: 0; }
#hmenu > li.miimg > a img, #hmenu > li.miimg > a { max-height: 100%; }
#hmenu li ul.submenu li.miimg img { max-width: 100%; }
#hmenu > li.auto > a img, #hmenu > li.miimg > a { height: 100%; }

#headermenu {
    position: absolute;  
    left: 0px;
    top: 159px;
    width: 800px;
    margin: 0 auto;
    z-index: 250;
    background-color: none;
}

#hmenu > li {
    line-height: 41px;
    height:41px;
    float: left;
    position: relative;
    border-left: 1px solid #6ff2ea;
    border-right: 1px solid 6ff2ea;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

#hmenu > li > a.menu, #hmenu > li > span {
    white-space: nowrap;
    display: block;
    text-decoration: none;
    padding: 0 10px;
    color: #fff;
    font-size: 16px;
}

#hmenu > li.mitext > a.menu, #hmenu > li.mitext > span {    font-weight: normal;  }
#hmenu > li.mititle > a.menu, #hmenu > li.mititle > span  {
font-weight:normal;
color:#4ecdc4;
}

#hmenu > li > a.menu:hover, #hmenu > li > a.menu.subactive {
color:#fff;
background-color:#6ff2ea;
}

/**************************** Horizontal Sous-menu**************************************/
#hmenu li ul.submenu{
width:220px;
list-style:none;
position:absolute;
visibility:hidden;
top:100%;
margin: 0;
padding:0;
background-image:none;
background-color:#4ecdc4;
border-color:#4ecdc4;
border-style:solid;
border-width:0 1px 1px 1px;
color:#fff;
}

#hmenu li:not(.menuright) ul.submenu{ left: 0px; }
#hmenu li.menuright ul.submenu{ right: 0; }
#hmenu li ul.submenu li { text-align: left; *font-size : 0;   *line-height : 0; }
#hmenu li ul.submenu a, #hmenu li ul.submenu span { display: block; padding: 0 10px;}
#hmenu li ul.submenu li.begin{ display: none; }
#hmenu li ul.submenu li.end{ display: none; }
#hmenu li ul.submenu li.mispacer{ height: 10px; }
#hmenu li ul.submenu li.auto img{ width: 100%; }
#hmenu li ul.submenu li.miimg {  text-align: center; padding: 5px 0; line-height: 0; }
#hmenu li ul.submenu li.miimg  a, #hmenu li ul.submenu li.miimg  span  {  }
#hmenu ul.submenu li.mititle span, #hmenu ul.submenu li.mititle a {font-weight: normal;}
#hmenu li ul.submenu li.mitext span, #hmenu li ul.submenu li.mitext a { font-weight: normal;}

#hmenu li ul.submenu li.misep{
    border: none;
    margin: 10px 0;
    height: 1px;
    background-color: #fff;
}

#hmenu li ul.submenu li a, #hmenu li ul.submenu li span{
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    line-height: 24px;
    text-decoration : none;
}

#hmenu li ul.submenu li.mititle a:hover, #hmenu li ul.submenu li.mitext a:hover {
    color: #ffffff;
    background-color: #6ff2ea;
    background-image: none;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {  
    z-index: 150;  
    width: 980px; 
    padding:0px 10px 0;
    *padding:0 10px 0;
    margin: 0 auto; 
    background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

}
#bodyarea {
    position: relative;
    min-height: 450px;
    padding: 10px 0px 0;
    margin: 0 auto;
}

#bodycolumn1 {
    float: left;
    width: 170px;
    z-index: 150;
    padding: 0; 
}

#bodycolumn2 {
    margin-left: 190px;
    padding: 0;
    text-align: left;
}

#bodycolumn2 { *width:770px; }
.widecolumn2#bodycolumn2 { *width:960px; }

#bodydata { padding: 0;}

/**************************** Vertical Menu **************************************/
#verticalmenu {    width: 100%;    text-align: left; margin:20px 0 20px 10px;}
#verticalmenu, #vmenu, #vmenu li, #vmenu li div { *z-index: 150; }
#vmenu { list-style-type: none; margin: 0; padding: 0; }
#vmenu > li { position: relative; text-align: left; }
#vmenu > li > a, #vmenu > li > span { display: block; }
#vmenu > li.begin { display: none; }
#vmenu > li.end { display: none; }
#vmenu > li.menusep { border: none; }
#vmenu > li.mispacer { height: 20px; }
#vmenu li.miimg img { max-width: 100%; }
#vmenu li.auto img { width: 100%; }

#vmenu > li.misep {
    background-color: #ddd;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
color:#4ecdc4;
font-size:18px;
line-height:30px;
*height:30px
    padding: 0 5px;
text-align:left;
text-decoration:none;
font-family:'Oswald', sans-serif;
}

#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {
color:#fff;
background-color:#4ecdc4;
}

#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
    color: #4a4643;
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    text-decoration: none;
    line-height: 24px;
    *height:24px;
}

#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
color:#FFFFFF;
background-color:#4ecdc4;
}

/**************************** Vertical Sous-menu **************************************/
#vmenu li div { }
#vmenu li ul.submenu {
width:220px;
list-style-type:none;
padding:0;
margin: 0;
text-align:left;
z-index:150;
top:0\9;
position:absolute;
visibility:hidden;
border-style:solid;
border-width:1px 1px 1px 0px;
border-color:#4ecdc4;
background-color:#4ecdc4;
}

#bodycolumn1 #vmenu li ul.submenu { left: 100%; }
.widgetcolumn2 #vmenu li ul.submenu { right: 100%; }
#vmenu li.menuup ul.submenu { bottom: 0px; }
#vmenu li:not(.menuup) ul.submenu { top: 0px; }
#vmenu li ul.submenu li { text-align: left; background-image: none; *font-size : 0; *line-height : 0;  }
#vmenu li ul.submenu li.begin { display: none; }
#vmenu li ul.submenu li.end  { display: none; }
#vmenu li ul.submenu li.menusep { border: none; }
#vmenu li ul.submenu li.mispacer { height: 10px; }
#vmenu li ul.submenu li.miimg {	text-align: center; }
#vmenu li.miimg {	margin: 5px 0; text-align: center; }
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {    font-weight: normal; }
#vmenu li ul.submenu li.mitext a.menu, #vmenu li ul.submenu li.mitext span {    font-weight: normal;}

#vmenu li ul.submenu li.misep {
    border: none;
    margin: 10px 0;
    height: 1px;
    background-color: #fff;
}

#vmenu li ul.submenu li a, #vmenu li ul.submenu li span {
    display: block; 
    padding: 0 5px;
    color: #FFF;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    background-image: none;   
}

#vmenu li ul.submenu li.mititle a.menu:hover, #vmenu li ul.submenu li a.menu:hover, #vmenu li ul.submenu li.mitext a.menu:hover {
    color: #000;
    background-color: #FFF;
    background-image: none;
}

/**************************** Block Container **************************************/
.blockcontainer {    width:180px; margin: 0 0 0 10px;}
.blockshortcut {   
    color: #000;
    font-size: 12px;
    background-color: #fff;
    margin: 0px 0px 10px;
    text-align: left;
    border: 1px solid #ebebeb;
}

.blockshortcut a {
color:#4ecdc4;
text-decoration:none;
}
.blockshortcut a:hover { 
    color: #666 ;
    text-decoration:none;
}

.blockmktg  { border: none; }
#blocksearch, #blockuserlogin , #blockuserlogout , #blocknewsletter, #blockcoupon { line-height: 15px; }
#blocksearch { }
#blockuserlogin { }
#blockuserlogout { }
#blocknewsletter { }
#blockcoupon { }
#blockfreetext { }
#blockrssfeeds { }
#blockmktgbestseller { }
#blockmktgrecentlyadded { }
#blockmktgrecentlyviewed { }
.blockarea { margin: 5px; }
.blockmktg .blockarea { margin: 0; }
.blockshortcut form, #blocknewsletter p { margin: 0; padding: 0; }
.blockshortcut input[type="text"], .blockshortcut input[type="password"]  { width: 70%; }
.blockshortcut .blockbtn { background-color:#494949; color: #fff; border:none; }
.blockshortcut .blockbtn:hover {
background-color:#4ecdc4;
}
#blockcoupon .blockbtn { display: inline-block; *display: inline;  background-color:#494949; color: #fff; border:none; }
#blockuserlogout .hellouser, blockuserlogout .viewaccountinfo , #blockuserlogin .firstvisit,  #blockuserlogin .firstvisit a, #blockcoupon s.coupon  { display: block; }
#blockuserlogout .logout a { display:block }
#blocksearch .searchtext, #blocknewsletter .email, #blockcoupon .coupon{ display: inline-block;  *display: inline;}
#blocksearch .searchimg { display: inline-block; *display: inline; vertical-align: top; background: url(/Files/0/icon-search-black-20X20.png) no-repeat scroll left center transparent; width: 20px; height: 19px; margin: 0 5px; }
#blocknewsletter #newsok, #blocknewsletter  #newsko { margin-right: 5px; vertical-align:middle; }
#blockrssfeeds a.rss { background: url(/Files/0/icon-rsslogoblack-40X14.png) no-repeat scroll left center transparent; display: block; height: 20px;  width: 63px; margin:0 auto; }

/**************************** Langues **************************************/
#langflags { margin: 10px 0; *clear:both; }
#langflags ul {	list-style: none; margin: 0; text-align:center; padding: 0;}
#langflags ul li { display: inline-block; display:inline; padding: 0 1px; }
#langflags ul li a span { background-repeat: no-repeat; background-position: center center; display: inline-block; height: 15px; width: 22px; border:1px solid #ccc; }
#langflags a:hover span { border: 1px solid #fff; }
#flag0 { background-image: url(/DesignCss/SharedImages/FlagL0.gif); }
#flag1 { background-image: url(/DesignCss/SharedImages/FlagL1.gif); }
#flag2 { background-image: url(/DesignCss/SharedImages/FlagL2.gif); }
#flag3 { background-image: url(/DesignCss/SharedImages/FlagL3.gif); }
#flag4 { background-image: url(/DesignCss/SharedImages/FlagL4.gif); }
#flag5 { background-image: url(/DesignCss/SharedImages/FlagL5.gif); }

/**************************** Icones **************************************/
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb,  #iconmap, .SCViewLog, .faqTop, .PBDownload, .SCViewInvoice, .ShopBagReload, .RSSBlogFeeds, .RSSCommentsFeeds { width: 20px; height: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
#icontrash { background-image: url(/Files/0/icon-trashcan-black-20X20.png);  }
#iconerror { background-image: url(/Files/0/icon-error-red-20X20.png); }
#iconwarning { background-image: url(/Files/0/icon-warning-red-20X20.png); }
#iconsalespolicy { background-image: url(/Files/0/icon-salespolicy-black-20X20.png); }
#iconattachment { background-image: url(/Files/0/icon-attachment-black-20X20.png); }
#iconemail { background-image: url(/Files/0/icon-email-black-20X20.png); }
#iconweb { background-image: url(/Files/0/icon-web-black-20X20.png); }
#iconmap { background-image: url(/Files/0/icon-map-black-20X20.png); }
.faqTop { background-image: url("/Files/0/icon-FAQ-Top-black-20X20.png"); }
#btnemailfriend { background: url(/Files/0/icon-sendtofriend-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnaddtofav { background: url(/Files/0/icon-addtofav-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnattachment { background: url(/Files/0/icon-attachment-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnviewinvc span {   background-image: url(/Files/0/icon-salespolicy-white-20X20.png);   background-position: 2px 1px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }
#btnvieworder span {   background-image: url(/Files/0/icon-SCViewInvoice-white-20X20.png);   background-position: 2px 1px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }
#btnviewcart span, #btnsearch span { padding-left:9px; }
.SCViewInvoice { background-image: url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.ShopBagReload { background-image: url(/Files/0/icon-ShopBagReload-black-32X20.png);   width: 32px; }
.RSSBlogFeeds{ background-image: url(/Files/0/icon-rss-black-20X20.png); }
.RSSCommentsFeeds {  background-image : url(/Files/0/icon-comment-black-20X20.png); }
.PBDownload { background-image: url(/Files/0/icon-download-black-20X20.png); }
.SCViewLog { background-image: url(/Files/0/icon-salespolicy-black-20X20.png); }
.useraccount .EditProp, .useraccount .EditPW, .useraccount .ViewOrders , .useraccount .ReloadOrder , .useraccount .ViewFiles , .useraccount .LogOut {
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 34px;
    padding: 0 0 0 30px;  
}
.useraccount .EditProp { background-image: url(/Files/0/icon-update-black-20X20.png); }
.useraccount .EditPW { background-image: url(/Files/0/icon-payement-black-20X20.png); }
.useraccount .ViewOrders { background-image: url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.useraccount .ReloadOrder { background-image: url(/Files/0/icon-reload-black-20X20.png); }
.useraccount .ViewFiles { background-image: url(/Files/0/icon-download-black-20X20.png); }
.useraccount .LogOut { background-image: url(/Files/0/icon-error-black-20X20.png); } 

#blockuserlogout .viewaccountinfo {   background-image: url("/Files/0/icon-top-black-20X20.png");  background-position: 2px 4px; background-repeat: no-repeat; display: block;  margin: 0 0 10px; padding: 0 6px 0 14px; }

/**************************** Data area **************************************/
.view { }
.viewtbl { border-collapse: collapse; border-spacing: 0; width: 100%; }
.viewtbl table {  border-collapse: separate; }
.viewtblsplitted { }
.viewtblsplitcol1 { }
.viewtblsplitcol1content { }
.sectiontb { padding: 0; }
.sectiontbarea { margin: 0; padding: 0; }
.sectiondata {    margin: 0 0 10px; border:1px solid #ebebeb;}
.webblock .viewtbl:not(.viewtblsplitted) .sectiondata, .webblock .viewtblsplitcol1 .sectiondata { margin: 0; border: none; } /* suppression bordures webBlocks */
.sectiondataarea { padding: 10px; }
.wbid1531557 .sectiondataarea { padding: 0px; }
/**************************** Cat�gories header **************************************/
.sectiondata .sectioncatheader {  margin:0; border: none; height: auto; background-color:#000; }
.sectiondata .sectioncatheader .PBCatTitle{  color:#fff; font-size:28px; }
.sectiondata .sectioncatheader .PBLongTxt {  color:#fff; }

ul.subcatlist li { border-left: 1px solid #999; display: inline-block; *display: block; *float:left;  padding: 0 0 0 10px;  width: 23%; }
.subcatlisttitle{ border-bottom: 1px solid #EBEBEB; padding: 0 0 5px;}
ul.subcatlist { margin: 0; padding: 10px 0 0; width: 100%;}
ul.subcatlist li  a .PBMainTxt { color: #999; font-size: 14px; font-weight: normal; }
ul.subcatlist li  a:hover .PBMainTxt { color: #000; }
ul.subcatlist li  a:hover { text-decoration: none; }

/**************************** navigation **************************************/
.navbar { margin-top: 12px; }
.navbar select {font-size: 12px; font-style: normal; font-weight: normal; padding: 0; }
.navbar ul { list-style-type: none; margin: 0; padding: 0; }
.navbar li { margin: 0;	padding: 0; border: none; display: inline-block; *display: inline; }
.navbar select { background-color: #fff; color: #000; }
a span.navfirst, a span.navprev, a span.navnext, a span.navlast { margin: 0 5px;}
div.navbar span { font-size:14px;	font-style:normal;	font-weight:normal;	white-space:nowrap;  margin: 0 3px; white-space: nowrap; border-width: 0 0 2px; border-style: solid;   color: #666;  padding: 3px 5px;  border: none;}
div.navbar span.off {   border-width: 0 0 2px;  border-style: solid;}
.navbar a:hover{	   color: #222;	 font-weight: normal;	 text-decoration: none;}

.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {
color:#4ecdc4;
text-decoration:none;
}

/**************************** Footer **************************************/
#footercontainer {
    border: 3px;
    border-color: #774F38;
    text-align: center;
    background-color: #5E412F;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto; 
    font-size: 11px; border-top:5px solid #784f39; 
}

#footerarea {
    margin: 0 auto;
    width: 960px;     
}

#footermenu {
    padding: 10px 0 20px 0; 
}

#fmenu { list-style-type: none; margin: 0; padding: 0; text-align: left; }

#fmenu li {
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
    width: 24%;
    display: inline-block;
    *display: block;
    *float:left;
}

#fmenu li.menusep { }
#fmenu li.begin, #fmenu li.end  { display: none; }
#fmenu li.misep { display: none; }
#fmenu li.mispacer { vertical-align: middle; }
#fmenu li img { max-height: 24px; vertical-align: middle; }

#fmenu li.mititle a, #fmenu li.mititle span {
color:#4ecdc4;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
font-size:16px;
}

#fmenu li.mitext a, #fmenu li.mitext span{
    font-weight: normal;
    color: #fff;
    font-size: 12px;
}

#fmenu li.mitext a:hover {
text-decoration:none;
color:#4ecdc4;
}

#fmenu li.mititle a:hover{
    text-decoration: none;
    color: #fff ;
}

/**************************** Copyright et Powered By Oxatis **************************************/
#poweredby, #copyright { display: inline-block; *display:inline; margin: 10px 0 0; padding:0 0 10px 0; clear:both; width:50%;}
#poweredby { text-align:right; font-size:11px; *float:right;}
#copyright { text-align:left; *float:left; color:#fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:14px;}
#poweredby a span,#copyright span {padding:0; }
#poweredby a, #poweredby a span {}
#poweredby a:hover, #poweredby a:hover span{ text-decoration:none; color:#fff;}


/**************************** Boutons **************************************/
a.btnmain span{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    margin: 10px 0;
    cursor:pointer;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    background-color:#4a4643;
    color:#fff;
    font-size:16px;
}

a#btnsearch span, a#btnaddtocart span {
background-color:#4ecdc4;
}
a#btnsearch:hover span, a#btnaddtocart:hover span { 
    background-color:#444; 
}

a.btnmain  small { font-size: 14px; line-height: 100%; color:#fff; }
a.btnmain:hover span {
text-decoration:none;
background-color:#4ecdc4;
color:#fff;
}

a.btnsub {
font-size:12px;
font-weight:normal;
color:#4ecdc4;
text-decoration:none;
padding:4px 0 4px 23px;
margin:10px 0;
background-image:url(/Files/0/icon-puce-black-20X20.png);
background-repeat:no-repeat;
background-position:left center;
line-height:220%;
}

a.btnsub:hover { 
    text-decoration: none; 
    color: #666 ;
}

#btnsearchnow { margin: 0; }
a#btncaptcha span { font-size:11px;}

/**************************** Polices **************************************/
.PBPTitle { 
    color: #4a4643; 
    font-size: 25px; 
    font-weight:  normal;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.PBSTitle { 
    color: #666 ; 
    font-size: 16px; 
    font-weight: normal;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.PBMainTxt {
color:#4ecdc4;
font-weight:normal;
font-size:14px;
font-style:normal;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
}

.PBCatTitle { 
    color: #4a4643; 
    font-size: 14px; 
    font-weight: normal; 
}

.PBCurrency {
color:#4ecdc4;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
font-size:18px;
}

.PBQty {
color:#4ecdc4;
font-size:16px;
font-weight:normal;
}

/**************************** Fil d'Arianne **************************************/
A.PBBtnStd { 
    color: #333; 
    font-size: 12px; 
    font-weight: normal;	
    text-decoration: none; 
}
A.PBBtnStd:hover, .useraccount .menulist A.PBBtnStd:hover  {
color:#4ecdc4;
text-decoration:none;
}

/**************************** Item list - liste des produits **************************************/
.PBEcoPart  .PBBtnStd, .PBEcoPart {font-size: 11px;}
.itemlist .viewtbl td { padding: 0;}
.itemlist .viewtbl .oxcell { padding: 0 10px 10px 0; height: 100%; }
.itemlist .viewtbl .oxlastcol { padding: 0 0 10px 0; }
.itemlist .oxcell .sectiondata { margin: 0; }
.itemlist .viewcell, .itemlist .datatbl { height: 100%;}
.itemlist .datatbl .sectiondata { margin: 0; display: block; list-style: none; position: relative; }
.itemlist .PBMainTxt { }
.itemlist .viewtbl  { }
.blogarticles .viewcell .sectiondata { height: auto;}
.blogarticles .sectiontbarea {margin: 0 0 10px;}

/**************************** Item Details - D�tails des produits **************************************/
.itemdetail .PBMainTxt{  /* Nom du produit */
    color: #aaa ; 
    font-size: 25px; 
    font-weight: normal; 
} 

.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {    /*titre Articles compl�mentaires*/ 
    border-bottom: 1px solid;
    color: #aaa ;
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 0 5px; 
} 


.itemdetail .PBOptionInfo .PBMainTxt { /* Option infos */
    color: #4a4643 ; 
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
} 

.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt { 
    color: #4a4643 ; 
    font-size: 12px;
    font-weight: normal;
    text-transform: none;  
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */
    font-size: 22px;  font-size: 30px; 
    font-weight:  normal;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
} 

.discountgrid .PBMainTxt { /* titre des remises sur quantit� */
    color: #666 ; 
    font-size: 16px; 
    font-weight: normal;
} 

.itemdetail .PBItemSku .PBShortTxt { font-size: 11px;}
.itemdetail .PBTable .PBCurrency { font-size: 14px; text-align:center; display:block;} /* Prix dans les diff�rents tableaux de la fiche produit */
.itemdetail .PBLayoutTable .PBCurrency { font-size: 18px; } /* Prix des articles compl�mentaires */
.PBUpsellTable, .PBRelPdtTable { border:none; }
.PBLayoutTable { border: 1px solid #EBEBEB; margin: 5px; padding: 10px;}
.PBLayoutTable img {margin:5px;}
.itemdetail .PBItemPrice .PBStrike , .itemdetail .PBItemPrice .PBDiscount { font-size: 17px; font-weight: normal; color:#999;}
.itemdetail .PBEcoPart { font-size: 60%; }
.discountgrid { border-collapse: collapse; }
.discountgrid .PBDiscount { color: #333333; font-size: 12px; font-weight: normal; }
.PBRelPdtTable TD, .PBUpsellTable TD { border: none; }
.itemdetail .PBTable, .itemdetail .PBOptLstTable, .itemdetail .PBOptImgTable { border-collapse: collapse; }
.itemdetail .PBTable td, .itemdetail .PBOptLstTable td, .itemdetail .PBOptImgTable td { padding: 5px; }
.PBTable, .PBTable TH, .PBTable TD, .PBOptLstTable, .PBOptLstTable TH, .PBOptLstTable TD, .PBOptImgTable, .PBOptImgTable TH, .PBOptImgTable TD, .PBRelPdtTable TH {border: 1px solid #ebebeb;}

.itemdetail .imgmain { float:left; padding:0 20px 10px 0;}

/**************************** Process **************************************/
.sectiondata .shopcarttable { border-collapse: collapse; width: 100%; }
.shopcarttable td { border: 1px solid #ebebeb; padding: 10px; text-align: right; }
.shopcarttable .imgshopcart { display: inline; }
.shopcarttable td.cartlinename { text-align: left; }
.carthead td, tr.carttotallines td .PBColHead, tr.cartdiscount td .PBColHead, tr.cartsubtotal td .PBColHead { font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 17px;  font-weight:normal;}
.scshopcart .sectiondata { border: none; margin: 0; padding: 0; }
.scshopcart .sectiondataarea { border: none; padding: 5px; }
.scshopcart tr.cartsubtotal .PBCurrency { font-size: 22px; font-style: normal; }
.scshopcart .PBMainTxt { font-size: 14px; font-weight: normal; font-style: normal; } /* titres des articles dans le panier*/
.scconfirmform .PBSTitle, .scpaymentform .PBSTitle, .scshipform .PBSTitle {
font-weight:normal;
display:block;
color:#4ecdc4;
}
.scshipform .PBMainTxt { font-family:Open Sans; color: #000; font-size: 12px; font-style: normal; font-weight: normal; }

.scpaymentform .sectiondata { border-width: 0 0 1px 0; border-style: solid; border-color: #EBEBEB; margin: 5px; padding: 0 0 10px; }
.scpaymentform label .PBMainTxt { text-transform:none; font-family: Open Sans; color: #000;  font-style: normal ;font-weight: normal;}
.scpaymentform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata { border-width: 1px 0 0 0; border-style: solid; border-color: #EBEBEB; margin: 0; padding: 15px 0; }
.scconfirmform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata .PBMainTxt { color: #000;font-family: Open Sans; text-transform: none; font-size: 12px; font-style: normal; font-weight: normal; }
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency { color: #222222; font-size: 12px; font-weight: normal;}

/**************************** Composants et autres **************************************/
.blogarticles .PBSTitle { 
    font-size: 14px; 
    font-weight: normal;
}
.PBDate { 
    color: #666 ; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; 
}
.PBNumber { 
    color: #666 ; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: normal;
}

.PBShortTxt { color: #333; font-size: 12px; }
.PBLongTxt { color: #000; font-size: 12px; }
.PBColHead { color: #000; font-size: 12px; }
.PBStatic { color: #000; font-size: 12px; font-weight: normal; }
.PBMsg {  font-size: 12px;  }
.PBErrMsg { color: #FF0000; font-size: 12px; font-weight:normal; }
.PBReqNote { color: #000; font-size: 12px; font-style: italic; }
.PBItemPrice { }
.PBSalesPrice { font-weight:normal;}
.PBStrike , .PBDiscount{ color: #e77b2a; font-size: 11px; font-weight: normal; color:#999; }
hr.PBMain { background-color: #000; height: 1px; border: none; }
hr.PBSub { background-color: #ccc; height: 1px; border: none; }
textarea.PB { color: #000; font-size: 12px; font-style: normal; font-family: Open Sans;}
select.PB { color: #000; font-size: 12px; font-style: normal; background-color: #fff; margin: 0; padding: 0; border: 1px solid #ccc; }
input.PB { color: #000; font-style: normal; }
a.PBLink { font-size: 12px; text-decoration:none; }
a.PBLink:hover { text-decoration: none; }
.faq a.PBLink:hover .PBMainTxt { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd:hover {
color:#4ecdc4;
}

/**************************** Images **************************************/
.imgthumbnail, .imgmain {  margin: 10px;}

/**************************** BlockMarketing **************************************/
#bodycolumn1 .blockshortcut {
    font-size: 12px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
}

.blockmktg .title {
    background-color: #4a4643 ;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    text-transform:uppercase;
}

.blockmktg .itemlist .PBItemImg {
    float: none;
    margin: 0;
    text-align: center;
}

.blockmktg .itemlist .imgthumbnail {
    width: 100px;
}

.blockmktg .itemlist .PBItemPrice, .blockmktg .itemlist .PBItemName {
    margin: 0;
    text-align: center;
}

.blockmktg .itemlist .PBShortTxt {
    font-size: 12px;
}

.blockmktg .itemlist .PBItemPrice .PBCurrency {
    font-size: 16px;
    font-weight:normal;
}

.blockmktg .itemlist .sectiondata {
    height: auto;
    margin: 0 0 10px;
    padding: 0;
}

#blockmktgrecentlyviewed .title { font-size:13px; }

/**************************** Espace Mon compte **************************************/
.useraccount .menulist A.PBBtnStd {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.useraccount ul.menulist {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/**************************** Espace login **************************************/
.userlogin .sectiondataarea{
    padding: 0;
}

.userlogin .sectiondata {
    border: medium none;
    margin: 0;
    padding: 0;
}

.userlogin #sectionlogin .sectiondata  {
    border: 1px solid #EBEBEB;
    margin: 10px;
    padding: 10px;
}

.userlogin #sectionlogin .sectiondataarea {
    margin: 0;
    padding: 0;  padding: 5px 10px;
}

.userlogin .sectionloginMsg .sectiondata {
    border: medium none;
    margin: 0;
    padding: 10px;
}


.userlogin #sectionlogin .loginHeader {
    border-bottom: 1px solid;
    padding: 5px 0;
    text-align: left;
}

/**************************** Gestion des stocks **************************************/
.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl, 
.PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued,
.PBShortTxt.PBMsgOutOfStock {
    display: inline-block;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    height: auto;
    margin:5px 0;
}

.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl { /* En stock */
    color: #6fa600;
}

.PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued { /* Discontinuit� */
    color: #ffa600;
}

.PBShortTxt.PBMsgOutOfStock{ /* En rupture */
    color: #b50000;
}

.PBEcoPart{ /* Eco-partition */
    color: #ccc;
    font-weight: normal;
    height: auto;
    line-height: 20px;
    margin: 5px 0;
    max-width: 120px;
    padding: 0 10px;
    text-align: center;
    width: -moz-max-content;
}

/**************************** Ajout dans l'en-tête **************************************/
#menuadmin {
    height:0;
    padding:0;
    margin:0;
    position:relative;
    top:1px;
    width:980px;
    z-index:999;
    font-family: 'Open Sans', sans-serif;;
    font-size:12px;
    font-weight: 600;
    text-align: right;
    color: #4ECDC4;
}

#headerInfoCart {
    right: 160px;
    display: inline-block;
    margin-right: 5px;
    padding-top: 8px;
}

#headerSearchBlock {
    position: absolute;
    right: 10px;
    top: 166px;
    vertical-align: middle;
    border-radius: 2px;
}

#headerSearchBlock form {
    padding:0;
    margin:0;    
}

#menuadmin .cartLink {
    color: #4ECDC4;
}

#menuadmin .cartPrice {
}

#menuadmin a.cartPrice:hover {
    color: #FFFFFF;
}

#menuadmin a.cartLink:hover {
color:#FFFFFF;
}

#menuadmin a.accountLink, #menuadmin a.homeLink {
    margin-right: 10px;
    *float:right;
}

#menuadmin a.accountLink:hover, #menuadmin a.homeLink:hover {
    color:#FFFFFF;
}

#headerSearchBlock form {
    font-size : 0;
}
#headerSearchBlock .blockbtn {
background-color:#4ecdc4;
border:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:24px;
width:30px;
padding: 0;
border-radius: 5px;
}

#headerSearchBlock .blockbtn:hover {
    background-color: #6ff2ea;  
    cursor:pointer;
}

#headerSearchBlock .searchtext {
    width: 140px;
    height:24px;
    line-height:24px;
    margin: 0 5px 0 0;
    padding: 0px 0 0 5px;
    vertical-align: top;
}
#headerbtn {}
#headerbtn a {
padding:0 5px 0 5px;
border-right:1px solid #78D0EC;
}
#headerbtn a:hover {
background-color:#4ecdc4;
color:#fff;
}

/**************************** Boutons - Process de commande **************************************/
.itemdetail a#btnaddtocart.btnmain.btnaddtocart span, a#btnordernow span, a#btncheckout span, .userlogin .loginValid a.btnmain span, .scorderform a#btncontinue span, .scshipform a#btncontinue span, .scpaymentform a#btncontinue span, .itemdetail a#btnreqinfo span, a#btnviewinvc span 
{
/* Ajouter au panier */
    display:inline-block;
margin:10px 0;
padding:0;
font-size:20px;
font-family:'Oswald', sans-serif;
text-transform:uppercase;
background-color:#4ecdc4;
color:#fff;
line-height:40px;
padding:0 20px;
white-space:nowrap;
}

a#btnordernow:hover span, a#btncheckout:hover span, .userlogin .loginValid a.btnmain:hover span, .scorderform a#btncontinue:hover span, .scshipform a#btncontinue:hover span, .scpaymentform a#btncontinue:hover span, .itemdetail a#btnreqinfo:hover span, a#btnviewinvc:hover span {
    background-color: #444444;
}

/*bouton devis*/
a#btnquotation {
    display: block;
}

a#btnquotation span {
    background-color: transparent;
    color: #444444;
    font-size: 14px;
    text-decoration: underline;
    text-shadow: none;
    line-height: 20px;
    margin: 0;
    background-image: url(/Files/0/icon-salespolicy-black-20X20.png);   
    background-position: 2px 0px;   
    background-repeat: no-repeat;  
    padding: 0 6px 0 24px; 
    line-height: 20px;
}

a#btnquotation:hover span {
color:#4ecdc4;
}

.scshopcart .quoteSep { display:none; }

.scshopcart a#btnclearcart span, .scshopcart a#btnupdtcart span, .scshopcart a#btnreturn span {
    white-space: nowrap;
    font-size: 13px;
}

.shopcarttable .itemcode { color:#4a4643;}

/**** Facettes ***/
#blockfacets .title { 
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size:15px;
    padding: 0 18px 0 4px;
}
#blockfacets input { max-width:40px;}

.blockfacets .facetlist {
    line-height: 20px;
}

.blockfacets .blockarea {
    position:relative;
}

.blockfacets .facetreset {
    position: absolute;
    right: 0;
    top: 4px;
}

.blockfacets div.facetreset a {
background-image:url(/Files/0/icon-close-white-15x15.png);
background-position:center center;
background-repeat:no-repeat;
display:block;
width:15px;
height:15px;
background-color:#4ecdc4;
border-radius:5px;
}

.blockfacets .facetreset span {
    display:none;
}

#blockfacets input.facetrange {
    width: 24%;
}

.blockfacet .blockbtn {
    width:20%; 
    vertical-align: middle;
    margin-left:5px;
}

.facetinput {
    border:none;
}

.blockfacets .facettypecheckbox .facet, .blockfacets .facettyperadio .facet{
    padding: 0 2px;
}

.blockfacets select.facetlist{
    padding: 3px 2px;
}

.blockfacets .facettyperadio .selectedfacet {
background-color:#4ecdc4;
border-radius:5px;
color:#ffffff;
}

.blockfacets .facettyperadio #facetvalue0 {
    background-color:transparent;
    color:#000000;
}

:root *> .blockfacets .facettypecheckbox .facetinput, :root *> .blockfacets .facettyperadio .facetinput {   display:none; }
:root *> .blockfacets .facettypecheckbox  label, :root *> .blockfacets .facettyperadio  label { 
    background-image: url(/Files/0/icon-CheckBoxOFF-black-15X15.png);
    background-position: 2px 2px;
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;    
}
:root *> .blockfacets .facettypecheckbox .selectedfacet label { 
    background-image: url(/Files/0/icon-CheckBoxOn-black-15X15.png);
}
:root *> .blockfacets .facettyperadio .selectedfacet label { 
    background-image: url(/Files/0/icon-radioBoxOn-black-15X15.png);
}

.blockfacet input.facetrangemodified, .blockfacet input.facetrange:focus {
color:#4ecdc4;
font-weight:bold;
}

.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet  {
border-color:#4ecdc4;
border-style:solid;
}

/*Classes appliquées aux WebBlocks*/
.designBackColorMain, .designBackColorMainHover:hover  {
background-color:#4ecdc4;
}

.designColorMain, .designColorMainHover:hover  {
color:#4ecdc4;
}

.designColoredSub {
color:#4ecdc4;
}

.designBackColorSub {
    background-color:#494949;
}

.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover{
    color:#ffffff;
}

.designTextColorSub {
    color:#ffffff;
}

.designBackColorTer {
    background-color:#EBEBEB;
}

.designTextColorTer {
    color:#494949;
}

/*Diaporama*/
#expDiaporama .tagListElements a.tagLinks {
    background-color:#f1d4af;
}

#expDiaporama .tagListElements a.taghighlighted {
background-color:#4ecdc4;
}

/* Process de paiement **/
.scorderform .PBSTitle, .infoform .PBSTitle  {
display:list-item;
line-height:30px;
list-style:square inside none;
color:#4ecdc4;
}

label[for="SalesPolicy"] {
border-bottom:3px solid #000000;
color:#4ecdc4;
display:inline-block;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px 5px;
padding:0 10px;
}

.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
    border: medium none;
    margin: 10px;
}

.imgcontainer {
    float: right;
    margin-left: 10px;
}

.PBSubTitle td {
    width: 500px;
}

.infocart .viewtbl table.PBTable td, .infoform .viewtbl table.PBTable td  {
    Padding :5px 10px ;
}

.PBTable TD, .PBOptImgTable TD {
    vertical-align: middle;
}

.infocart .viewtbl table.PBTable, .infoform .viewtbl table.PBTable {
    border-collapse: collapse;
}

.useraccount .viewtbl table {
    border-collapse: collapse;
}

.useraccount .PBTable TD {
    padding: 5px;
    vertical-align: middle;
}

.useraccount .PBTable th {
    padding: 5px;
}

/*****************optimisation bouton formulaire******************/
input[type="button"], input[type="submit"], button { 
    padding : 0 5px;
    color:#ffffff;    
    background-color: #494949;
    border:none;
    margin: 0px;      
    height : 21px;
    line-height: 19px;
    vertical-align: middle;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background-color:#4ecdc4;
}
input[type="radio"], input[type="checkbox"] {   border:none; }

input.PBBtnStd { 
    height : 28px;
    line-height: 26px;
    padding : 0 10px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size:16px;
}
/********************************Page recherche********************************************/
.searchpage td {    vertical-align: middle;  }

/******************************Block marketing**************************/
#blockuserlogout .logout {
    display: block;
}

/*speech bublles*/
.speechBubble:after {
border-color:transparent #78D0EC transparent transparent;
border-style:solid;
border-width:0px 25px 17px 0px;
top:100%;
content:" ";
height:0px;
left:40px;
position:absolute;
width:0px;
}   

.speechBubble {
position:relative;
height:4px;
background-color:#4ecdc4;
margin-top:15px;
} 

body.PB .speechBubble {display: block;}

/* Steps*/
#stepsContainer { 
    padding: 0;
    width:100%;
    display: block;
    border-bottom:3px solid #666;
    margin: 0;
    height: 20px;
    margin-bottom:20px;
    position: relative;
}

#stepsContainer li {
    display: inline-block; 
    width:24%;
    *float:left;
    *display:block;
    *text-align:left;
    position:relative;
    *top:5px;
}

li#stepConfirm {
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
}

#stepsContainer li span {
    background-color: #666;
    display:block;
    width:30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-family: 'Fjalla One',sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align:center;
    border-radius:50%;
}

.scshopcart #stepCart span, .usercreateaccount #stepAccount span, .scorderform #stepAccount span, .scshipform #stepShipping span, .scpaymentform #stepPayment span, .scconfirmform #stepConfirm span {
background-color:#4ecdc4;
width:40px;
height:40px;
line-height:40px;
}

.scshopcart #stepCart, .usercreateaccount #stepAccount, .scorderform #stepAccount, .scshipform #stepShipping, .scpaymentform #stepPayment, .scconfirmform #stepConfirm { *top:0; }
.scconfirmform #stepsContainer li { top:5px; }
.scconfirmform #stepsContainer #stepConfirm  {top:0; }

.sthead {
   float: left;
   display: block;
   font-family: 'Open Sans', sans-serif;
   color: #4ecdc4;
   font-size: 12px;
   font-weight: 600;
   padding-top: 5px;
   margin-left: 5px;
}

.sthead a:hover {
   color: #FFF;
}

#headercolumn1 a:hover {
   color: #FFF;
}

.menutop {
   padding-top: 5px;
}

/************Slider landing**********/

.titlecdc {
   font-family: Oswald, sans-serif;
   font-size: 18px;
   text-transform: uppercase;
   text-align: center;
   color: #fcf4df;
   background-color: #4ecdc4;
   padding: 10px 0px 10px 0px;
}

.textecdc {
   padding: 5px 30px 5px 30px;
   /****text-align:justify;*****/
   background-image: url("/Files/31139/Img/05/slide-text-back.jpg");
   height: 70px;
}

.prixcdc {
   font-family: Oswald, sans-serif;
   font-size: 18px;
   text-transform: uppercase;
   text-align: center;
   color: #fcf4df;
   background-color: #4ecdc4;
   padding: 10px 0px 10px 0px;
}

#rass {
    display: inline;
}