/**************************** 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: Arial, Helvetica, sans-serif;    font-size: 13px;    color:#000;    background-color:#fff;    margin: 20px;	}
#topbanner {    display: block;    width: 100%;    text-align: center;}
img { border: none; }
input {    font-size: 13px;    padding: 2px;    margin: 2px; font-family: arial;background-color:#fff;border:none; vertical-align: middle; border: 1px solid #EBEBEB;}
input[type="radio"], input[type="checkbox"] { background-color: transparent; }
select {font-family: arial;}
#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:Arial, Helvetica, sans-serif;font-size:13px;color:#000;margin: 0;padding:0;background-color:#D4C379;text-align:center;background-image:url("Files/0/design-background1-17x16.jpg");background-repeat:repeat-y;background-position:top center;background-attachment:scroll;}

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:#66531E;text-decoration:none;}

body.PB a:hover,  body.PBPW a:hover {color:#B57328;text-decoration:none;}

#maincontainer {
    margin-bottom : -16px;
    width: 100%;
    background-color: transparent;
    position:relative;
}

/**************************** Headercontainer **************************************/
#headercontainer {z-index:1000;width:100%;height:4px;position:relative;background-image:url(/Files/0/design-dashed-black-157x4.png);backgound-position:top left;background-repeat:repeat-x;background-color:#66531E;}

#headerarea {top:4px;position:relative;margin:0 auto;width:980px;*width:960px;height:120px;z-index:900;background-image:url("/Files/109049/Img/13/agrumes.jpg");backgound-position:0px 0px;background-repeat:repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 10px;text-align:left;background-position:-0px -3px;}

#headercolumn1 { 
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 250;
    width: 540px;
    height:68px;
    text-align: left;
}

#headercolumn2 {
    top: 80px;
    left: 10px;
    position: absolute;
    z-index: 250;
    width: 540px;
    text-align : left;
}

#headertext {
    font-size: 19px;
    font-weight: bold;
    color: #414141;
    font-family: 'Bad Script',cursive;
}

#headerdata { 
    width : 520px;
    height : 40px;
}

#headerlogo, #headerlogo a { height: 100%; display: block; }
#headerlogo img, #headerdata img { max-width: 100%; max-height: 100%; }

#headerbanner { display: block; width: 100%; text-align: center; }

/**************************** Horizontal **************************************/
#hmenu,  #hmenu li, #hmenu li div, #hmenu li div ul, #hmenu li div ul li { *z-index: 100; }
#hmenu { float: right; list-style: none; margin: 0; padding: 0 0 0 186px;}
#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: 10px;
    top: 130px;
    width: 960px;
    margin: 0 auto;
    z-index: 200;
    background-color: #414141;
}

#hmenu > li {
    line-height: 40px;
    height:40px;
    float: left;
    position: relative;

}

#hmenu > li > a.menu, #hmenu > li > span {
    white-space: nowrap;
    display: block;
    text-decoration: none;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    transition:all 0.3s ease 0s;
}

#hmenu > li.mitext > a.menu, #hmenu > li.mitext > span {    font-weight: normal;  }
#hmenu > li.mititle > a.menu, #hmenu > li.mititle > span  {    font-weight: bold;  }

#hmenu > li > a.menu:hover, #hmenu > li > a.menu.subactive {color:#fff;background-color:#B57328;}

/**************************** 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:#B57328;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: bold;}
#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: 13px;
    font-weight: bold;
    line-height: 24px;
    text-decoration : none;
}

#hmenu li ul.submenu li.mititle a:hover, #hmenu li ul.submenu li.mitext a:hover {
    color: #000;
    background-color: #fff;
    background-image: none;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {  z-index: 150;  width: 100%; margin: 120px auto 0;}
#bodyarea {
    position: relative;
    min-height: 450px;
    padding: 60px 10px 0;
    margin: 0 auto;
    width:980px;
    background-image:url(/Files/0/design-background1-17x16.jpg);
    background-repeat : repeat;
    background-position : center center;
    background-attachment: scroll;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    *width:960px;
}

#bodycolumn1 {
    float: left;
    width: 197px;
    z-index: 150;
    padding: 0;
}

#bodycolumn2 {
    margin-left: 211px;
    padding: 0;
    text-align: left;
}

#bodycolumn2 { *width:749px; }
.widecolumn2#bodycolumn2 { *width:960px; }

#bodydata { padding: 0 0 10px;}

/**************************** Vertical Menu **************************************/
#verticalmenu {width:100%;text-align:left;border-top:3px solid #FFB429;margin-bottom: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;         
    background-repeat:repeat-y;     
    background-image: url("/Files/0/design-vmenu1-197x55.png");
    *padding-top:1px;
}
#vmenu > li > a, #vmenu > li > span { display: block; transition: all 0.3s ease 0s; }
#vmenu > li.begin { display: none; }
#vmenu > li.end { 
    background-position: left bottom;
    background-image:url(/Files/0/design-vmenu1end-197x55.png);
    background-repeat: no-repeat;
    padding: 0 0 38px;

}
#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 {
    border-bottom: 1px solid #CCCCCC;
    height: 1px;
    width: 100%;
    *font-size:1px; *line-height:1px;
}

#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
    color: #414141;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    padding: 0 5px 0 20px;
    text-align: left;
    text-decoration: none;
    background: url(/Files/0/icon-top-black-20X20.png) scroll 10px 12px transparent no-repeat;
    border-bottom:1px solid #ccc;
    font-family:'Expletus Sans';
}

#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {background-color:#66531E;color:#ffffff;}

#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
    color: #000;
    font-size: 13px;
    font-weight: normal;
    padding: 0 5px;
    text-decoration: none;
    line-height: 30px;
}

#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {background-color:#66531E;color:#ffffff;}

/**************************** 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;box-shadow:2px 4px 10px #ebebeb;background-color:#66531E;}

#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: 0; text-align: center; }
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {    font-weight: bold; }
#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: #ffffff;
    font-size: 13px;
    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: #414141;
    background-color: #FFF;
    background-image: none;
}

/**************************** Block Container **************************************/
.blockcontainer {    width:180px; margin: 0 0 0 10px;}

.blockshortcut {color:#000;font-size:13px;margin:0px 0px 10px;text-align:left;border:1px solid #ccc;border-top:3px solid #FFB429;}

.blockshortcut a {color:#B57328;text-decoration:none;}
.blockshortcut a:hover {color:#66531E;}

.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%; border: 1px solid #CCCCCC; color:#414141;}
.blockshortcut .facetminmax input[type="text"] { width: 25%;}
.blockshortcut .blockbtn {background:none;background-color:#B57328;border:medium none;color:#FFFFFF;cursor:pointer;transition:all 0.3s ease 0s;}
#searchformBtn { margin: 6px 0;}
.blockshortcut .blockbtn:hover{background-color:#66531E;}
#blockcoupon .blockbtn { display: inline-block; *display: inline; }
#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; margin: 0; *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; }
.datatbl, .itemtbl, .infotbl { padding:0; }
/**************************** Langues **************************************/
#langflags { margin: 0 20px; *clear:both;}
#footerarea #langflags { padding : 10px;}
#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, #btnviewinvc, #iconmap, .SCViewLog, .faqTop, .PBDownload, .SCViewInvoice, .ShopBagReload, 
.RSSBlogFeeds, .RSSCommentsFeeds { width: 20px; height: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
#btnviewinvc { float : right; }
#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 8px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }
#btnvieworder span {   background-image: url(/Files/0/icon-SCViewInvoice-white-20X20.png);   background-position: 2px 8px;   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); } 
.useraccount .ViewCampaigns {background-image: url(/Files/0/icon-Campaigns-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; margin: 0; }
.sectiontbarea { margin: 0; padding: 0; }
.sectiontbarea > table { margin-bottom : 10px;}
.sectiondata {    margin: 0 0 10px; border:1px solid #ccc; background-color:#fff;}
.webblock .viewtbl:not(.viewtblsplitted) .sectiondata, .webblock .viewtblsplitcol1 .sectiondata { margin: 0; } /* suppression bordures webBlocks */
div.sectiondataarea { padding: 15px; }

/**************************** CatÃ©gories header **************************************/
.sectiondata .sectioncatheader {  margin: 5px 0; border: none; height: auto; }
ul.subcatlist li { border-left: 1px solid #666; display: inline-block; *display: block; *float:left; padding: 0 5px;  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: #666; font-size: 11px; font-weight: normal; }
ul.subcatlist li  a:hover .PBMainTxt { color: #000; }
ul.subcatlist li  a:hover { text-decoration: none; }

/**************************** navigation **************************************/
.navbar { margin-top: 13px; }
.navbar select {font-size: 13px; 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: bold;	 text-decoration: none;}

.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {color:#66531E;text-decoration:none;}

/**************************** Footer **************************************/
#footercontainer {
    border: none;
    text-align: center;
    color: #000;
    width: 100%;
    padding: 10px 0 40px 0;
    margin: 0 auto;
    font-size: 11px;
    background:#414141;
    border-top: 1px solid #FFF;
}

#footerarea {
    margin: 0 auto;
    width: 980px;
}

#footermenu {
    padding: 0 0 10px;
    border-bottom:1px solid #fff;
    *height:100%
}

#fmenu { list-style-type: none; margin: 0; padding: 0; text-align: left; *padding-left:80px;}

#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 {font-weight:bold;color:#82EA14;font-size:13px;}

#fmenu li.mitext a, #fmenu li.mitext span{
    font-weight: normal;
    color: #fff;
    font-size: 11px;
}

#fmenu li.mitext a:hover {text-decoration:none;color:#82EA14;}

#fmenu li.mititle a:hover{text-decoration:underline;color:#66531E;}

/**************************** Copyright et Powered By Oxatis **************************************/
#poweredby, #copyright { display: inline-block; margin: 10px 0 0; width: 50%;}
#poweredby { text-align:right;}
#copyright { text-align:left; *clear:both;}
#poweredby a span,#copyright span {font-size:11px;color:#ebebeb;}
#poweredby a, #poweredby a span {}
#poweredby a:hover, #poweredby a:hover span{ text-decoration:underline;}

/**************************** Boutons **************************************/
a.btnmain {

    margin: 0 0 10px 0px;
}

a.btnmain span {transition:all 0.3s ease 0s;background-color:#B57328;display:inline-block;line-height:36px;padding:0px 10px;white-space:nowrap;font-size:11px;color:#fff;font-weight:normal;cursor:pointer;text-transform:uppercase;letter-spacing:1px;}

a#btnviewcart, a#btnsearch {background-color:#B57328;}

a.btnmain  small { font-size: 14px; line-height: 100%; }
a.btnmain:hover span {background-color:#66531E;text-decoration:none;}
a#btnsearch, a#btnviewcart {  }
a#btnsearch:hover, a#btnviewcart:hover {background-color:#66531E;text-decoration:none;}

a.btnsub {
    font-size: 13px;
    font-weight: normal;
    color: #414141 ;
    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:#B57328;}

#btnsearchnow { margin: 0; }

/**************************** Polices **************************************/
.PBPTitle { 
    color: #414141;
    font-size: 18px;
    font-weight:  normal;
    font-family:'Expletus Sans';
}

.PBSTitle {color:#B57328;font-size:16px;font-weight:bold;font-family:'Expletus Sans';}

.PBMainTxt {color:#B57328;font-weight:bold;font-size:13px;font-style:normal;}

.PBCatTitle { 
    color: #414141
        font-size: 14px;
    font-weight: bold;
}

.PBCurrency {color:#66531E;font-weight:bold;font-size:18px;}

.PBQty { 
    color: #414141 ;
    font-size: 13px;
    font-weight: normal;
}

/**************************** Fil d'Arianne **************************************/
a.PBBtnStd { 
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.PBBtnStd:hover, .useraccount .menulist A.PBBtnStd:hover  {color:#66531E;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 { }
.blogarticles .sectiontbarea {margin: 0 0 10px;}
.blogarticles .viewcell .sectiondata { height: auto;}

/**************************** Item Details - DÃ©tails des produits **************************************/
.itemdetail .PBMainTxt{  /* Nom du produit */
    color: #238ec6;
    font-size: 18px;
    font-weight: normal;
} 

.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {/*titre Articles*/
    border-bottom:2px solid;color:#B57328;display:block;font-size:14px;font-weight:bold;margin:0 0 10px;padding:0 0 5px;} 

.itemdetail .PBOptionInfo .PBMainTxt { /* Option infos */
    color: #414141 ;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
} 

.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt { 
    color: #414141 ;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
}

.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */
    font-size: 22px;
} 

.discountgrid .PBMainTxt {/* titre des remises sur quantité */
    color:#238ec6;font-size:14px;font-weight:bold;color:#B57328;} 

.itemdetail .PBItemSku .PBShortTxt { font-size: 11px;}
.itemdetail .PBTable .PBCurrency { font-size: 13px;} /* Prix dans les diffÃ©rents tableaux de la fiche produit */
.itemdetail .PBLayoutTable .PBCurrency { font-size: 18px; } /* Prix des articles complÃ&#131;Â©mentaires */
.PBUpsellTable, .PBRelPdtTable { border:none; }
.PBLayoutTable { border: 1px solid #EBEBEB; margin: 5px; padding: 10px; width:100%;}
.PBLayoutTable img {margin:5px;}
.itemdetail .PBItemPrice .PBStrike , .itemdetail .PBItemPrice .PBDiscount { font-size: 13px; font-weight: bold;}
.itemdetail .PBEcoPart { font-size: 60%; }
.discountgrid { border-collapse: collapse; }
.discountgrid .PBDiscount { color: #333333; font-size: 13px; 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;}

/**************************** Process **************************************/
.sectiondata .shopcarttable { border-collapse: collapse; width: 100%; }
.shopcarttable td { border: 1px solid #ebebeb; padding: 5px; 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; }
.scshopcart .sectiondata {  margin: 0 0 10px; padding: 0; }
.scshopcart .sectiondataarea { border: none; padding: 16px; }
.scshopcart tr.cartsubtotal .PBCurrency { font-size: 16px; font-style: normal; }
.scshopcart .PBMainTxt { font-size: 14px; font-weight: normal; font-style: normal; } /* titres des articles dans le panier*/
.scshipform .PBSTitle { font-size: 13px; font-weight: bold; display: block; }
.scshipform .PBMainTxt { color: #000; font-size: 13px; font-style: normal; font-weight: normal; }
.scpaymentform .sectiondata { border-width:1px; border-style: solid; border-color: #ccc; margin: 5px; padding: 0 0 10px; }
.scpaymentform .PBSTitle { font-size: 13px; font-weight: bold; margin: 0 0 5px; display: block; }
.scpaymentform label .PBMainTxt { color: #000; font-size: 13px; font-style: normal ;font-weight: normal;}
.scpaymentform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata { border-width: 1px ; border-style: solid; border-color: #ccc; margin: 0 0 10px; padding: 15px 0; }
.scconfirmform .PBSTitle { font-size: 14px; color: #000;}
.scconfirmform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata .PBMainTxt { font-size: 13px; font-style: normal; font-weight: bold; }
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency { color: #222222; font-size: 13px; font-weight: normal;}

/**************************** Composants et autres **************************************/
.blogarticles .PBSTitle { 
    font-size: 14px;
    font-weight: bold;
}
.PBDate {color:#B57328;font-size:13px;font-style:normal;font-weight:bold;}
.PBNumber {color:#B57328;font-size:14px;font-style:normal;font-weight:bold;}

.PBShortTxt { color: #333; font-size: 13px; }
.PBLongTxt { color: #000; font-size: 13px; }
.PBColHead { color: #000; font-size: 13px; }
.PBStatic { color: #000; font-size: 13px; font-weight: bold; }
.PBMsg { color: #000015; font-size: 13px; }
.PBErrMsg { color: #FF0000; font-size: 13px; font-weight: bold; }
.PBReqNote { color: #000; font-size: 13px; font-style: italic; }
.PBItemPrice { }
.PBSalesPrice {}
.PBStrike , .PBDiscount{ color: #333; font-size: 11px; font-weight: normal; }
hr.PBMain { background-color: #000; height: 1px; border: none; }
hr.PBSub { background-color: #ccc; height: 1px; border: none; }
textarea.PB { color: #000; font-size: 13px; font-style: normal; font-family: arial;background-color:#ebebeb;border:none; padding:5px;}
select.PB { color: #000; font-size: 13px; font-style: normal; background-color: #fff; margin: 0; padding: 3px 5px; border: 1px solid #ccc; }
input.PB {
    color: #000;
    font-style: normal;
    background: none repeat scroll 0 0 #EBEBEB;
    border: medium none;
    padding: 5px 11px 5px 5px;
}
input.PBBtnStd, input[type="button"], input[type="submit"], button {background-color:#B57328;border:medium none;color:#FFFFFF;cursor:pointer;transition:all 0.3s ease 0s;padding:0 5px;height:22px;line-height:20px;vertical-align:middle;}

input.PBBtnStd { 
    height : 30px;
    line-height: 28px;
    padding : 0 10px;
    font-family: 'Bad Script',cursive;
    font-size: 16px;
}

input[type="radio"], input[type="checkbox"] {   border:none; }
input.PBBtnStd:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {background-color:#66531E;}
a.PBLink { font-size: 13px; text-decoration:none; }
a.PBLink:hover { text-decoration: underline; }
.faq a.PBLink:hover .PBMainTxt { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd:hover {color:#66531E;}
ul.catbreadcrumb { padding-bottom : 10px; display:block; }

/**************************** Images **************************************/
.imgthumbnail, .imgmain {  margin: 10px;}

.imgcontainer {
    float: right;
    margin-left: 10px;
}

/**************************** BlockMarketing **************************************/
#bodycolumn1 .blockshortcut{
    font-size: 12px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
    width:100%;
}

.blockmktg .title {
    background-color: #414141 ;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}

.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: 13px;
}

.blockmktg .itemlist .PBItemPrice .PBCurrency {
    font-size: 16px;
    font-weight: bold;
}

.blockmktg .itemlist .sectiondata {
    height: auto;
    margin: 0 0 10px;
    padding: 0;
}

/**************************** Espace Mon compte **************************************/
.useraccount .menulist A.PBBtnStd {
    color: #000000;
    font-size: 13px;
    font-weight: normal;
}

.useraccount ul.menulist {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/**************************** Espace login **************************************/
.userlogin .sectiondataarea{
    padding: 10px 10px;
}

.userlogin .sectiondata {

    margin: 0;
    padding: 0;
}

.userlogin #sectionlogin .sectiondata  {
    border: 1px solid #EBEBEB;
    margin: 10px;
    padding: 10px;
}

.userlogin #sectionlogin .sectiondataarea {
    margin: 0;
    padding: 0;
}

.userlogin .sectionloginMsg .sectiondata {
    border: medium none;
    margin: 0;
    padding: 0;
}

.userlogin #sectionlogin .loginHeader {border-bottom:1px solid #FFB429;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 */
    border-bottom : 3px solid #6fa600;
    color: #6fa600;
}

.PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued { /* DiscontinuitÃ© */
    border-bottom : 3px solid #ffa600;
    color: #ffa600;
}

.PBShortTxt.PBMsgOutOfStock{ /* En rupture */
    border-bottom : 3px solid #b50000;
    color: #b50000;
}

.PBEcoPart{ /* Eco-partition */
    background-color: #ccc;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-weight: bold;
    height: auto;
    line-height: 20px;
    margin: 5px 0;
    max-width: 120px;
    padding: 0 10px;
    text-align: center;
    width: -moz-max-content;
    font-size:11px;
}

/**************************** Ajout dans l'en-tÃªte **************************************/
#menuadmin {
    height:0;
    padding:0;
    margin:0 auto;
    position:relative;
    top:0px;
    z-index:999;
    right:0;
}

#headerInfoCart #cartContainer {
top:93px;
}

#menuadmin a{
    transition: all 0.3s ease 0s;
}

#menuadmin a.homeLink, #menuadmin a.accountLink, #menuadmin a.cartLink   {
    display:block;
    position:absolute;
    top:26px;
    background-position: center center;
    background-repeat: no-repeat;
    width:67px;
    height:67px;
    transition: all 0.3s ease 0s;
    border-radius:50%;
    text-align:left;
}

#menuadmin a.homeLink:hover, #menuadmin a.accountLink:hover, #menuadmin a.cartLink:hover   {
    border-radius: 40%
}
#menuadmin a.homeLink span, #menuadmin a.accountLink span {
    display:none;
}

#menuadmin a.homeLink {
    right:350px;
    background-image:url(/Files/0/icon-Home-67X67.png);
    background-color : #414141;
}
#menuadmin a.accountLink {right:250px;background-image:url(/Files/0/icon-User-67X67.png);background-color:#66531E;}
#menuadmin a.cartLink {right:150px;background-image:url(/Files/0/icon-cart-white-67X67.png);background-color:#B57328;color:#414141;}

#menuadmin a.cartLink span {
    color: #414141;
    display: block;
    font-family: 'Bad Script',cursive;
    font-size: 18px;
    line-height: 35px;
    position: absolute;
    text-align: right;
    white-space: nowrap;
    width: 217px;
}

#menuadmin  a.homeLink:hover, #menuadmin  a.accountLink:hover , #menuadmin  a.cartLink:hover {
    opacity:0.8;
    filter : alpha(opacity=80);
}

#menuadmin a.cartPrice {
    color: #414141;
    display: block;
    font-family: arial;
    font-size: 18px;
    line-height: 35px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 65px;
    z-index: 100;
}

#menuadmin a.cartPrice:hover{color:#B57328;}

#headerSearchBlock {
    left: 20px;
    position: absolute;
    top: 140px;
    z-index: 250;
}

#headerSearchBlock form {
    font-size : 0;
}
#headerSearchBlock .blockbtn {background-color:#B57328;border:1px solid #FFB429;color:#FFFFFF;font-size:9px;font-weight:bold;height:20px;padding:0 2px;transition:all 0.3s ease 0s;}

#headerSearchBlock .blockbtn:hover {background-color:#66531E;border:1px solid #62B00F;cursor:pointer;}

#headerSearchBlock .searchtext {
    width: 140px;
    height:20px;
    line-height:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #cccccc;
    margin: 0 10px 0 0;
    padding: 2px 10px;
}

/**** Panier d'achat entête de colonne **/
.shopcarttable tr.carthead td{
    text-align:center;
}

.shopcarttable tr.carthead {
    background-color: #414141;
    text-align:center;
    line-height:24px
}
.shopcarttable tr.carthead .PBColHead {
    color:#fff;
    font-size:14px;
}

/*Classes appliquées aux WebBlocks*/
.designBackColorMain, .designBackColorMainHover:hover  {background-color:#B57328;}

.designColorMain, .designColorMainHover:hover  {color:#66531E;}

.designColoredSub {color:#82EA14;}

.designBackColorSub {
    background-color:#414141;
}

.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover {
    color:#ffffff;
}

.designTextColorSub {
    color:#ffffff;
}

.designBackColorTer {
    background-color:#F1F1F1;
}

.designTextColorTer {
    color:#414141;
}

/*Diaporama*/
#expDiaporama .tagListElements a.tagLinks {
    background-color:#F1F1F1;
}

#expDiaporama .tagListElements a.taghighlighted {background-color:#66531E;}

/* Process de paiement **/
.scorderform .PBSTitle, .infoform .PBSTitle {
    display: list-item;
    line-height: 30px;
    list-style: square inside none;
}

label[for="SalesPolicy"] {border-bottom:3px solid #FFB429;color:#238EC6;display:inline-block;font-size:16px;font-weight:bold;height:30px;line-height:30px;margin:10px 5px;padding:0 10px;}

.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;
}

.PBSubTitle td {
    width: 500px;
}

#headerlogo span {
    font-size: 35px;
    text-transform: uppercase;
}

#headerSearchBlock input {
    vertical-align: top;
}

.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
    border: medium none;
    margin: 10px;
}

.itemdetail a#btnaddtocart span, .itemdetail a#btnreqinfo span, a#btnordernow span, a#btncheckout span, .userlogin .loginValid a.btnmain, .scorderform a#btncontinue, .scshipform a#btncontinue, .scpaymentform a#btncontinue, .userlogin .loginValid a.btnmain span, .scorderform a#btncontinue span, .scshipform a#btncontinue span, .scpaymentform a#btncontinue span {font-size:16px;margin: 0;text-transform:none;font-family:'Bad Script',cursive;background-color:#66531E;}

.itemdetail a#btnaddtocart:hover span, 
.itemdetail a#btnreqinfo:hover span, 
.scorderform a#btncontinue:hover, 
.scshipform a#btncontinue:hover, 
.scpaymentform a#btncontinue:hover, 
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 {
    background-color:#333; 
}

.itemlist .PBItemButtons, .itemlist .PBItemPrice, .itemlist .PBSalesPrice {
    margin: 10px 0;
}

/*bouton devis*/
a#btnquotation {
    display: block;    
    background-color: transparent;
    margin-bottom: 10px;
}

a#btnquotation span {background-color:transparent;color:#B57328;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;}

a#btnquotation:hover span {color:#66531E;}

/***************optimisation facettes *****************/
.blockfacets .title {
    padding: 0 18px 0 4px; 
    color: #494949;   
    font-size: 14px;
}

.blockfacets .facetlist {
    line-height: 20px;
}

.blockfacets .blockarea {
    position:relative;
}

.blockfacets .facetreset {
    position: absolute;
    right: 0;
    top: 0px;
}

.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:#66531E;border-radius:5px;}

.blockfacets .facetreset span {
    display:none;
}

#blockfacets input.facetrange {
    width: 28%;
}

.blockfacet .blockbtn {
    width:20%; 
    vertical-align: middle;
    margin-left:5px;
}

.blockfacets .facettypecheckbox .facet, .blockfacets .facettyperadio .facet{
    padding: 0 2px;
}

.blockfacets select.facetlist{
    padding: 3px 2px;
}

.blockfacets .facettyperadio .selectedfacet {background-color:#66531E;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:#66531E;font-weight:bold;}

.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet  {border-color:#66531E;border-style:solid;}

/*speech bublles*/
.speechBubble:after {border-color:transparent #62B00F 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:#66531E;margin-top:15px;} 

body.PB .speechBubble {display: block;}

/* Steps*/
#stepsContainer { 
    padding: 0;
    width:100%;
    display: block;
    border-bottom:3px solid #414141;
    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: #414141;
    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:#66531E;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;}