/**************************** 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: 12px;    color:#000;    background-color:#fff;    margin: 20px;	}
#topbanner {    display: block;    width: 100%;    text-align: center; padding:15px 0;}
img { border: none; }
input {    font-size: 12px;    padding: 5px;    margin: 3px; font-family: arial; border: 1px solid #ccc; vertical-align:middle;}
select {font-family: arial; }
select.PB {    font-size: 12px;    padding: 4px;    margin: 2px; font-family: arial; border: 1px solid #ccc;}
textarea.PB {    font-size: 12px;    padding: 4px;    margin: 2px; font-family: arial; 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; }

/**************************** Body & Maincontainer **************************************/
body.PB {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin: 0;
padding:0;
background-color:#FFFFFF;
text-align:center;
background-image:none;
background-repeat:no-repeat;
background-position:center top;
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: #589442;
    text-decoration: none;
}

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

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

/**************************** Headercontainer **************************************/
#headercontainer { z-index: 1000; height: 140px;}

#headerarea {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 132px;
    z-index: 1000;
    border-bottom :1px solid #ebebeb;   
    background-image:url('');
    background-repeat : no-repeat;
    background-position : 0px 0px;
    background-color:#fff
}

#headercolumn1 { 
    top: 0px;
    left: 0; 
    width:270px;
    height: 100px;
    position: absolute;
    z-index: 500; 
    text-align: left;
}

#headercolumn2 {
    top: 90px;
    left: 0;
    position: absolute;
    z-index: 500;
    width:300px;
    height: 28px;
}

#headertext {
    color: #444444; 
    font-size: 18px; 
    left:0;
    font-weight: normal; 
    bottom:4px;
    font-family: 'Dosis', sans-serif;
    display:block;
    position:absolute;
}

#headerlogo, #headerlogo a { display: block; width: 100%; height: 100%; }
#headerlogo img, #headerdata img { max-width: 100%; max-height: 100%; }
#headerdata { text-align: left; width: 100%; height: 100%; }
#headerbanner { display: block; width: 100%; text-align: center; }

#headerlogo span {
    font-family: 'Dosis', sans-serif;
    color: #666;
    font-size: 35px;
    text-transform: uppercase;
}

/**************************** 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;}
#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;  
    right: 0;
    top: 90px;
    width: 780px;
    margin: 0 auto;
    z-index: 250;
    background-color: rgba(255, 255, 255, 0.6);
}

#hmenu > li {
    line-height: 40px;
    height:40px;
    float: left;
    position: relative;
    border-left: 0px solid #000;
    border-right: 1px solid #ccc;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
}

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

#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:#589442;  }

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

/**************************** Horizontal Sous-menu**************************************/
#hmenu li ul.submenu{
    width: 170px;
    list-style: none;
    position: absolute;
    visibility: hidden;  
    top: 100%;
    margin: 0;
    padding:0;
    background-image: none;	
    background-color:#448DAB;
    border-color: #448DAB;
    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: 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: normal;
    line-height: 28px;
    text-decoration : none;
}

#hmenu li ul.submenu li.mititle a:hover, #hmenu li ul.submenu li.mitext a:hover {
    color: #fff;
    background-color: #1C4B5E;
    background-image: none;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {  z-index: 150;  width: 960px; margin: 0 auto; background-color:#fff;}
#bodyarea {
    position: relative;
    min-height: 700px;
    padding: 10px 0px 0;
    margin: 0 auto;
}

#bodycolumn1 {
    float: left;
    width: 180px;
    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:0 0 20px 0px;}
#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: #589442;
    font-size: 18px;
    line-height: 30px;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
    font-family: 'Dosis', sans-serif;
}

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

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

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

/**************************** 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: #00b2ac;
    background-color: #00b2ac;
}

#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: 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: #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: #00b2ac ;
    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; }
.blockmktg .PBLink:hover .PBShortTxt { color : #00B2AC; }
.blockshortcut form, #blocknewsletter p { margin: 0; padding: 0; }
.blockshortcut input[type="text"], .blockshortcut input[type="password"]  { width: 66%; }
.blockshortcut .blockbtn { background-color:#494949; color: #fff; border:none; }
.blockshortcut .blockbtn:hover { background-color: #00B2AC; }
#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; 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-top: 10px; *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); }

#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; }

/**************************** 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; }
#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);}

/*************************** 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; }

/**************************** Cat�gories header **************************************/
.sectiondata .sectioncatheader {  margin: 5px 0; border: none; height: auto; }
ul.subcatlist li { border-left: 0px 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: #969696; font-size: 12px; font-weight: normal; font-family:arial; text-transform: none; }
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: bold;	 text-decoration: none;}

.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {
    color: #00b2ac ;
    text-decoration: none;
}
.datatbl, .itemtbl, .infotbl { padding:0 }

/*****************optimisation bouton formulaire******************/
input[type="button"], input[type="submit"], button , .blockfacet .blockbtn{ 
    padding : 0 5px;
    color:#ffffff;    
    background-color: #00B2AC;
    border:none;      
    height : 25px;
    line-height: 23px;
    vertical-align: middle;
    font-family: 'Dosis',sans-serif;
    font-size:15px;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .blockbtn:hover {
    background-color: #494949;;
}
input[type="radio"], input[type="checkbox"] {   border:none; }

input.PBBtnStd { 
    height : 30px;
    line-height: 28px;
    padding : 0 10px;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
}

input[name="DiscountCoupon"] {
    height: 20px;
    line-height: 20px;
}
/********************************Page recherche********************************************/
.searchpage td {    vertical-align: middle;  }

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

/**************************** Footer **************************************/
#footercontainer {
    border: none;
    text-align: center;
    background-color: #589442;
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 11px;
}

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

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

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

#fmenu li {
    line-height: 30px;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
	font-family: 'Dosis', sans-serif;
    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:#99E07B;
font-size:12px;
font-weight:bold;
}

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

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

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

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

/**************************** Boutons **************************************/
a.btnmain span {
    display: inline-block;
    padding: 0px 10px;
    text-decoration: none;
    margin: 10px 0;
    cursor:pointer;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    background-color:#448DAB;
    color:#fff;
    line-height: 30px;
    font-size:16px;
}

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

a.btnsub {
    font-size: 12px;
    font-weight: normal;
    color: #00b2ac ; 
    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: #585CA1; 
    font-size: 25px; 
    font-weight:  normal;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
}

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

.PBMainTxt { 
    color: #444; 
    font-weight: normal; 
    font-size: 16px; 
    font-style: normal;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
}

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

.PBCurrency { 
    color: #585CA1; 
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}

.PBQty { 
    color: #444444 ; 
    font-size: 12px; 
    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: #00b2ac ; 
    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: #444444 ; 
    font-size: 18px; 
    font-weight: normal; 
} 

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

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

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

.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */
    font-size: 22px;  font-family: 'Dosis', 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; 
    display:block; 
    text-align:center;
    color:#00b2ac;
} 
.itemdetail .PBLayoutTable .PBCurrency { font-size: 18px; } /* Prix des articles compl�mentaires */
.PBUpsellTable, .PBRelPdtTable { border:none; height:100%;}
.PBLayoutTable { border: 1px solid #EBEBEB; margin: 5px; padding: 10px; height:100%; }
.PBLayoutTable img {margin:5px;}
.itemdetail .PBItemPrice .PBStrike , .itemdetail .PBItemPrice .PBDiscount { font-size: 16px; font-weight: normal;}
.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;}

/**************************** 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: 'Dosis', sans-serif;  font-size: 16px; }
.scshopcart .sectiondata { border: none; margin: 0; padding: 0; }
.scshopcart .sectiondataarea { border: none; padding: 5px; }
.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 {  display: block; color:#00b2ac;}
.scshipform .PBMainTxt { 
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    font-family: arial;
    text-transform: none;
}

.scpaymentform .sectiondata { border-width: 0 0 1px 0; border-style: solid; border-color: #EBEBEB; margin: 5px; padding: 0 0 10px; }
.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; }
.scshipform .PBSTitle, .scconfirmform .PBSTitle, .scpaymentform .PBSTitle { font-size: 16px; color: #589442;}
.scconfirmform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata .PBMainTxt { text-transform:none; font-family:arial; font-style: normal; font-weight: normal; color: #000; font-size:12px;}
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency { color: #222222; font-size: 12px; font-weight: normal;}

/**************************** Composants et autres **************************************/
.blogarticles .PBSTitle { 
    font-size: 18px; 
    font-weight: normal;
}

.PBDate { 
    color: #666 ; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: bold; 
}
.PBNumber { 
    color: #666 ; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: bold;
}

.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: bold; }
.PBMsg { color: #000; font-size: 12px;  }
.PBErrMsg { color: #FF0000; font-size: 12px; font-weight: bold; }
.PBReqNote { color: #000; font-size: 12px; font-style: italic; }
.PBItemPrice { }
.PBSalesPrice { font-weight:normal;}
.PBStrike, .PBDiscount{ color: #444; font-size: 11px; font-weight: normal; font-family: arial;}
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: arial;}
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; }
input.PBBtnStd { color: #ffffff; font-weight: normal; background-color : #00B2AC;}
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: #00b2ac; }

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

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

.blockmktg .title {
    background-color: #444444 ;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    font-family: 'Dosis', 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; letter-spacing: -0.5px;}

/**************************** 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;
    color: #FFFFFF;
}

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

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

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

.PBEcoPart{ /* Eco-partition */
    background-color: #ccc;
    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;
}

/**************************** Ajout dans l'en-tête **************************************/
#menuadmin {
    position:absolute;
    right:0;
    top:30px;
    width:100%;
    z-index:999;
    font-family: 'Dosis', sans-serif;
    text-transform:uppercase;
    font-size:16px;
    text-align: right;
    width: 520px;
}

#headerInfoCart {
    float:right;
    display:block; 
    background-color: rgba(255, 255, 255, 0.6);
    height:30px;
    padding: 0 10px;
}

.homeLink {
    float:left;
}
.accountLink {
    margin-left : 24px;
    float:left;
}

#headerSearchBlock {
    float:left;
    margin-left: 24px;
}

#menuadmin .cartLink {
    font-size: 12px;
    color: #000;
}

#menuadmin .cartPrice {
    font-size: 15px;
}

#headerSearchBlock form {
    font-size : 0;
    padding:0;
    margin:0;
}
#headerSearchBlock .blockbtn {
background-color:#589442;
border:1px solid #589442;
color:#FFFFFF;
font-size:15px;
height:30px;
line-height:28px;
}

#headerSearchBlock .blockbtn:hover {
    background-color: #345827;
    border: 1px solid #345827;
    cursor: pointer;
}

#searchformBtn {
    margin:8px 0 0;
}

#headerSearchBlock .searchtext {
    width: 160px;
    height:30px;
    line-height:30px;
    -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;
    vertical-align: top;
    color:#666;
}
#headerbtn {}
#headerbtn a { padding:0 5px 0 5px; border-right: 1px solid #00b2ac;}
#headerbtn a:hover { background-color:#00b2ac; 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:16px;
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    background-color:#589442;
    color:#fff;
    line-height: 30px;
    padding:0 20px;
}

a#btnordernow:hover span, a#btncheckout:hover span, .itemdetail a#btnaddtocart.btnmain.btnaddtocart: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: #345827;
}

/*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: #00b2ac;
}

.scshopcart .quoteSep { display:none; }

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

.shopcarttable .itemcode { color:#444;}

/**** Panier d'achat ent�te de colonne **/
.shopcarttable tr.carthead td{
    text-align:center; font-weight:normal;
}

.shopcarttable tr.carthead {
    background-color: #B7E0A7;
    text-align:center;
    line-height:24px; 
}
.shopcarttable tr.carthead .PBColHead {
    color:#000;  font-size:20px; text-transform:uppercase;
}

/**** Facettes ***/
#blockfacets .title { 
    color: #00b2ac; 
    font-family: 'Dosis', sans-serif, arial; 
    font-weight: bold;
    font-size:15px;
    padding: 0 18px 0 4px;
}

.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: #00B2AC;
    border-radius: 5px;
}

.blockfacets .facetreset span {
    display:none;
}

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

.blockfacet .blockbtn {
    width:auto;   
}

.blockfacets .facetreset span {
    display:none;	
}

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

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

.blockfacets .facettyperadio .selectedfacet {
    background-color:#00B2AC;
    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);
}

.blockfacets .facetinput { border:none; }

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

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

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

.designColorMain, .designColorMainHover:hover  {
    color:#00B2AC;
}

.designColoredSub {
color:#32FFF8;
}

.designBackColorSub {
    background-color:#444444;
}

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

.designTextColorSub {
    color:#ffffff;
}

.designBackColorTer {
    background-color:#F8F8F8;
}

.designTextColorTer {
    color:#666666;
}

/*speech bublles*/
.speechBubble:after {
border-color:transparent #00B2AC 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 : #00B2AC;
    margin-top:15px;
} 

body.PB .speechBubble {display: block;}

/*Diaporama*/

#expDiaporama .tagListElements a.tagLinks {
    background-color:#444444;
}

#expDiaporama .tagListElements a.taghighlighted {
    background-color:#00B2AC;
}

/* Process de paiement **/

.scorderform .PBSTitle, .infoform .PBSTitle {
    display: list-item;
    line-height: 30px;
    list-style: square inside none;
    color:#589442;
}

label[for="SalesPolicy"] {
    border-bottom: 3px solid #000000;
    color: #00B2AC;
    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;
}

/* suivi de commande dans mon compte */
.useraccount .viewtbl table {
    border-collapse: collapse;
}

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

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

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

.viewtbl table.PBTable td {
    Padding :5px 10px ;
}
.PBTable TD, .PBOptImgTable TD {
    vertical-align: middle;
}

.scshipform .PBMainTxt, .scpaymentform label .PBMainTxt, .scconfirmform .sectiondata .PBMainTxt {
    color: #000;
    font-family: arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

/* 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: #589442;
    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; }

/*******Apps compatibility******/

[cs-login]{
    margin-left: 24px;
    float: left;
}
[cs-login] .accountLink{
    margin-left: 0;
}

#loginSocial{display: none;}