/************************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: 2px;    margin: 2px; font-family: arial; vertical-align: middle;}

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



/**************************** Body & Maincontainer **************************************/

body.PB {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
margin: 0;
padding:0;
text-align:center;
background-attachment:fixed;
background-color:#A10000;
background-image:url("/Files/111915/Img/19/IMG-4869.jpg");
background-position:center top;
background-repeat:repeat-x;
}



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:#B2B2B2;
text-decoration:none;
}



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



#maincontainer {

    margin: 0 auto -14px;

    width: 980px;

    background-color: #fff;

}



/**************************** Headercontainer **************************************/

#headercontainer { z-index: 1000;}



#headerarea {

position:relative;

margin:0 auto;

width:960px;

height:161px;

background-image:url("/Files/111915/Img/17/Parapharmabruant-logo.png");

background-repeat:no-repeat;

background-position:-0px -0px;

z-index:200;

}



#headercolumn1 { 

    height: 35px;

    left: 0;

    position: absolute;

    top: 33px;

    width: 400px;

    z-index: 250;

    text-align:left;

}



#headercolumn2 {

    left: 0;

    position: relative;

    top: 0;

    z-index: 250;

}



#headertext {
color:#CC2D71;
font-family:'Roboto',sans-serif;
font-size:16px;
position:absolute;
bottom: 0;
left: 0;
}



#headerlogo, #headerlogo a { height: 100%; display: block; }

#headerdata {

    display: block;

    left: 0;

    position: absolute;

    text-align: left;

    top: 75px;

    width: 400px;

    height: 30px

}

#headerdata img , #headerlogo img{   max-height: 100%; max-width: 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 225px;}

#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: 0;
top:112px;
width:960px;
margin:0 auto;
z-index:200;
background-color:#CC2D71;
}



#hmenu > li {

    float: left;

    height: 49px;

    line-height: 49px;

    position: relative;

}



#hmenu > li > a.menu, #hmenu > li > span {

    color: #FFFFFF;

    display: block;

    font-size: 15px;

    padding: 0 10px;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

    font-family: 'Roboto', sans-serif;

    border-left: 1px solid #FFF;

}



#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 {
background-color:#B2B2B2;
color:#FFFFFF;
}



/**************************** Horizontal Sous-menu**************************************/



#hmenu li ul.submenu{
background-color:#B2B2B2;
background-image:none;
border-color:#B2B2B2;
border-style:solid;
border-width:0 1px 1px;
color:#FFFFFF;
list-style:none outside none;
margin: 0;
padding: 0;
position:absolute;
top:100%;
width:220px;
visibility:hidden;
}



#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: 12px;

    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: #333333;

    background-color: #fff;

    background-image: none;

}



/**************************** Bodycontainer **************************************/



#bodycontainer {  z-index: 150;  width: 960px; margin: 0 auto 20px;}

#bodyarea {

    position: relative;

    min-height: 450px;

    padding: 15px 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 {    margin-bottom: 20px; width: 100%;    text-align: left;}

#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: #333;

    height: 1px;

    margin: 10px 0;

    width: 100%;

}



#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
background-color:#CC2D71;
color:#FFFFFF;
font-family:'Roboto',sans-serif;
font-size:16px;
font-weight:300;
line-height:30px;
*height:30px;
padding:0 5px;
text-align:left;
text-decoration:none;
text-transform:uppercase;
}



#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {
background-color:#B2B2B2;
color:#FFFFFF;
}



#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {

    color: #000;

    font-size: 12px;

    font-weight: normal;

    padding: 0 5px;

    text-decoration: none;

    line-height: 24px;

    *height:24px;

    border-bottom: 1px dashed #CCCCCC;

}



#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
background-color:#B2B2B2;
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;
border-style:solid;
border-width:1px 1px 1px 0px;
border-color:#B2B2B2;
background-color:#B2B2B2;
}



#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:200px; margin: 0 0 0 10px;}



.blockshortcut {   

    color: #000;

    font-size: 12px;

    background-color: #fff;

    margin: 0px 0px 10px;

    text-align: left;

    border: 1px solid #cccccc;

}



.blockshortcut a {

    color: #cb105a ;

    text-decoration:none;

}

.blockshortcut a:hover {
color:#B2B2B2;
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%; }

#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; *display: inline;}

#blocksearch .searchimg { display: inline-block; *display: inline; vertical-align: middle; background: url(/Files/0/icon-search-black-20X20.png) no-repeat scroll left center transparent; width: 20px; height: 20px; 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-bottom: 20px; }

#footerarea #langflags { margin-bottom: 0; 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;}

#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 4px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }

#btnvieworder span {   background-image: url(/Files/0/icon-SCViewInvoice-white-20X20.png);   background-position: 2px 4px;   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; }

.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: 1px solid #666; display: inline-block; *display: float; *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: 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:#CC2D71;
text-decoration:none;
}



/**************************** Footer **************************************/

#footercontainer {

    border: medium none;

    color: #FFFFFF;

    font-size: 11px;

    margin: 0 auto;

    padding: 10px 0;

    text-align: center;

    width: 960px;

}



#footerarea {
background-color:#CC2D71;
padding:10px;
}



#footermenu {

    padding: 0 0 10px;

    border-bottom:1px solid #ffffff;

    *border:none;

}



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



#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: #ffffff;

    font-family: 'roboto';

    font-size: 12px;

    font-weight: bold;

    text-transform: uppercase;

}



#fmenu li.mitext a, #fmenu li.mitext span{

    font-weight: normal;

    color: #ffffff;

    font-size: 11px;

}



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



/**************************** Copyright et Powered By Oxatis **************************************/

#poweredby, #copyright { display: inline-block; margin: 10px 0 0; *margin: -10px 0 0; width: 50%; *clear:both;}

#poweredby { text-align:right; *float:right;}

#copyright { text-align:left; *float:left;}

#poweredby a span,#copyright span {font-size:11px; color: #FFFFFF;}

#poweredby a, #poweredby a span {}

#poweredby a:hover, #poweredby a:hover span{ text-decoration:none; color: #000;

}



/**************************** Boutons **************************************/

a.btnmain {}

a.btnmain span {

    background-color: #333333;

    background-image: none;

    border: 1px solid #333333;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    font-family: arial;

    font-size: 12px;

    line-height: 28px;

    height:28px;

    padding: 0 10px;

    text-transform: uppercase;

    white-space: nowrap;

    margin: 5px 0;

}



a.btnmain:hover span {
text-decoration:none;
background-color:#CC2D71;
color:#fff;
border:1px solid #CC2D71;
}



a.btnmain  small { font-size: 14px; line-height: 100%; }

a.btnmain:hover { background-position: left bottom; text-decoration: none; }

a.btnmain:hover span { background-position: right bottom; text-decoration: none; }

a#btnsearch, a#btnviewcart { padding-left : 0px; }

a#btnsearch:hover, a#btnviewcart:hover { background-position: left bottom; text-decoration: none; }



a.btnsub {
font-size:12px;
font-weight:normal;
color:#B2B2B2;
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:#CC2D71;
}



#btnsearchnow { margin: 0; }



/**************************** Polices **************************************/

.PBPTitle { 

    color: #333333; 

    font-size: 16px; 

    font-weight:  normal;

    font-family:  'Roboto', sans-serif;

    font-weight: 300;

    text-transform: uppercase; 

}



.PBSTitle {
color:#B2B2B2;
font-family:'Roboto', sans-serif;
font-size:18px;
*font-size:16px;
font-weight:300;
text-transform:uppercase;
}



.PBMainTxt {
color:#B2B2B2;
font-weight:bold;
font-size:14px;
font-style:normal;
}



.PBCatTitle { 

    color: #333333  

        font-size: 14px; 

    font-weight: bold; 

}



.PBCurrency {
color:#B2B2B2;
font-weight:bold;
font-size:18px;
}



.PBQty { 

    color: #333333 ; 

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

    font-family:  'Roboto', sans-serif;

    font-weight: 300;

    color: #333333 ; 

    font-size: 18px; 

} 



.blogarticles.itemdetail .PBMainTxt {
color:#B2B2B2;
}



.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {
font-family:'Roboto', sans-serif;
font-weight:300;
border-bottom:2px solid;
color:#B2B2B2;
display:block;
font-size:18px;
margin:0 0 10px;
padding:0 0 5px;
} 



.itemdetail .PBOptionInfo .PBMainTxt { /* Option infos */

    color: #333333;

    font-family: arial;

    font-size: 12px;

    font-weight: normal;

    text-transform: none;

} 



.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt { 

    color: #333333 ; 

    font-size: 12px;

    font-weight: bold;

    text-transform: none;

}



.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */

    font-size: 22px; 

} 



.discountgrid .PBMainTxt {
/* titre des remises sur quantité */

    color:#63093F;
font-size:16px;
font-weight:600;
color:#B2B2B2;
} 



.itemdetail .PBItemSku .PBShortTxt { font-size: 11px;}

.itemdetail .PBTable .PBCurrency { font-size: 12px;} /* 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: 12px; font-weight: bold;}

.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: 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 { 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 { font-size: 16px; font-weight: 300; display: block; }

.scshipform .PBMainTxt { 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 .PBSTitle { font-size: 16px; font-weight: 300; margin: 0 0 5px; display: block; }

.scpaymentform label .PBMainTxt { color: #000; font-size: 12px; 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 { font-size: 14px; font-style: normal; font-weight: normal; color:#000;}

.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency { color: #222222; font-size: 12px; font-weight: normal;}



/**************************** Composants et autres **************************************/

.blogarticles .PBSTitle { 

    font-size: 14px; 

    font-weight: bold;

}

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

.PBNumber {
color:#B2B2B2;
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: #000015; font-size: 12px; }

.PBErrMsg { color: #FF0000; font-size: 12px; font-weight: bold; }

.PBReqNote { color: #000; font-size: 12px; 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: 12px; font-style: normal; font-family: arial;}

select.PB { color: #000; font-size: 12px; font-style: normal; background-color: #fff; margin: 0; padding: 3px 5px; border: 1px solid #ccc; }

input.PB { color: #000; font-style: normal; }



input[type="button"], input[type="submit"], button { 

    padding : 0 5px;

    color:#ffffff;    

    background-color: #333333;

    border: 1px solid #333333;

    height : 23px;

    line-height: 23px;

}



input[type="button"]:hover, input[type="submit"]:hover, button:hover  {
background-color:#CC2D71;
border:1px solid #CC2D71;
}



input[type="radio"], input[type="checkbox"] {

    border:none;

}



input.PBBtnStd {
height:30px;
line-height:28px;
padding:0 10px;
font-family:'Roboto', sans-serif;
text-transform:uppercase;
font-size:16px;
background-color:#B2B2B2;
border:1px solid #B2B2B2;
}



a.PBLink { font-size: 12px; text-decoration:none; }

a.PBLink:hover { text-decoration: none; }

.searchpage td {    vertical-align: middle;  }

#blockuserlogout .logout {

    display: block;

}

#searchformBtn {  margin: 5px 2px 0; }

.faq a.PBLink:hover .PBMainTxt { color: #333; }

body.PB .catbreadcrumb a.PBBtnStd { color: #333;}

body.PB .catbreadcrumb a.PBBtnStd:hover {
color:#CC2D71;
}

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

}



.blockmktg .title {
background-color:#B2B2B2;
color:#FFFFFF;
font-family:'Roboto', sans-serif;
font-size:16px;
font-weight:300;
line-height:30px;
text-align:center;
text-decoration:none;
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: bold;

}



.blockmktg .itemlist .sectiondata {

    height: auto;

    margin: 0 0 10px;

    padding: 0;

}



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



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

}



.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;

    border-radius: 5px 5px 5px 5px;

    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;

    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;

}



/**************************** Ajout dans l'en-tête **************************************/

#headerbtn{
width:100%;
position:absolute;
top:23px;
left: 0;
text-align:right;
border-top:3px solid #CC2D71;
}

#headerbtn a{
background-color:#B2B2B2;
color:#FFF;
font-family:'Roboto',sans-serif;
font-size:14px;
height:50px;
line-height:50px;
margin:23px 0 0 10px;
padding:0 10px;
text-transform:uppercase;
display:inline-block;
}



#headerbtn a:hover {
background-color:#CC2D71;
color:#FFFFFF;
}



/*** Panier ***/

#headerInfoCart {
background-color:#B2B2B2;
color:#FFF;
display:inline-block;
*display:inline;
font-family:'Roboto',sans-serif;
font-size:14px;
height:50px;
line-height:50px;
margin:23px 0 0 10px;
padding:0px;
text-align:right;
text-transform:uppercase;
}



#headerInfoCart:hover, #headerInfoCart:hover a {
background-color:#CC2D71;
}



#headerInfoCart a {

    color: #FFF;

    height: 100%;

    margin: 0;

    padding: 0 5px;

}





#headerSearchBlock {

    position:absolute;

    top : 123px;

    left : 10px;

    z-index: 250;

}



#headerSearchBlock .searchtext {

    width: 120px;

    height:27px;

    line-height:27px;

    margin: 0 10px 0 0;

    padding: 0px 0 0 10px;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    box-sizing:border-box;

    text-transform: uppercase;

}



#headerSearchBlock .blockbtn {

    width:35px;

    height:28px;

    line-height:26px;

}



#headerSearchBlock .blockbtn:hover {
background-color:#B2B2B2;
}



/**** Panier d'achat entête de colonne **/

.shopcarttable tr.carthead td{

    text-align:center;

}



.shopcarttable tr.carthead {

    background-color: #f5f5f5;

    text-align:center;

    line-height:24px

}

.shopcarttable tr.carthead .PBColHead {

    color:#333333;

    font-size:14px;

}



.blockshortcut input [type="yext"], .blockshortcut input[type="password"]{

    width:70%;

    border: 1px solid #cccccc;

    color:#414141;

}



/*Classes appliquées aux WebBlocks*/

.designBackColorMain, .designBackColorMainHover:hover  {
background-color:#CC2D71;
}



.designColorMain, .designColorMainHover:hover  {
color:#CC2D71;
}



.designColoredSub {
color:#CC2D71;
}



.designBackColorSub {
background-color:#B2B2B2;
}



.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover{

    color:#ffffff;

}



.designTextColorSub {

    color:#ffffff;

}



.designBackColorTer {

    background-color:#F8F8F8;

}



.designTextColorTer {
color:#B2B2B2;
}



/*Diaporama*/

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



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



/* Process de paiement **/

.scorderform .PBSTitle {

    display: list-item;

    line-height: 30px;

    list-style: square inside none;

}



label[for="SalesPolicy"] {
border-bottom:3px solid #000000;
color:#CC2D71;
display:inline-block;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px 5px;
padding:0 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;

}



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

}



#headerlogo span {

    font-size: 35px;

    text-transform: uppercase;

}



#headerSearchBlock input {

    vertical-align: top;

}



.imgbordernone, .imgthumbnail, .imgmain, .imgcat {

    border: medium none;

    margin: 10px;

}



.itemlist .PBItemButtons , .itemlist .PBItemPrice{

    margin : 10px 0 ;

}



.itemdetail a#btnaddtocart span, .itemdetail a#btnreqinfo span, a#btncheckout span, .userlogin .loginValid a.btnmain, .scorderform a#btncontinue, .scshipform a#btncontinue, .scpaymentform a#btncontinue, a#btnordernow span, .userlogin .loginValid a.btnmain span, .scorderform a#btncontinue span, .scshipform a#btncontinue span, .scpaymentform a#btncontinue span {
font-size:16px;
line-height:28px;
margin: 0;
font-weight:normal;
background-color:#CC2D71;
border-color:#CC2D71;
}



.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:#B2B2B2;
border-color:#63093f;
border:1px solid #B2B2B2;
}



/*bouton devis*/

a#btnquotation {

    display: block;

}



a#btnquotation span {
background-color:transparent;
color:#B2B2B2;
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;
border:none;
}



a#btnquotation:hover span {
color:#CC2D71;
}



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



/***************optimisation facettes *****************/

.blockfacets .title {

    padding: 0 18px 0 6px; 

}



.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:#CC2D71;
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:#CC2D71;
color:#ffffff;
border-radius:5px;
}



.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:#CC2D71;
font-weight:bold;
}



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



/*speech bublles*/

.speechBubble:after {
border-color:transparent #B2B2B2 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:#B2B2B2;
margin-top:15px;
} 



body.PB .speechBubble {display: block;}





/* Steps*/

#stepsContainer { 

    padding: 0;

    width:100%;

    display: block;

    border-bottom:3px solid #333;

    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: #333;

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

#.blockshortcut a{
color:#CC2D71;
}