/**************************** 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: 980px;  margin:0 auto;   text-align: center; padding:15px 0 0; background-color:#3c3c3c }
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;
background-color:#000000;
text-align:center;
background-image:url("/Files/30472/Img/19/Fond-d-ecran-Supreme-Costume-Negan-The-Walking-Dead-vs-Rambo.jpg");
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
}
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:#375DC8;
text-decoration:none;
}
a:hover, body.PB a:hover,  body.PBPW a:hover  { 
    color: #6b6b6b ;
    text-decoration: none; 
}

#maincontainer {
	position: relative;
	/*
    background-color: #3C3C3C;	
    height: 15px;
    position: absolute;
    width: 100%;
    *position:relative;
	*/
}

/**************************** Headercontainer **************************************/
#headercontainer { z-index: 500;}

#headerarea {
position:relative;
margin:0 auto;
width:980px;
height:181px;
z-index:250;
background-color:#D4D4D4;
background-image:url("/Images/cssdesigner/themes/film.jpg");
background-repeat:no-repeat;
background-position:-0px -119px;
background-attachment:scroll;
}

#headercolumn1 { 
    top: 29px;
    left: 10px;
    position: absolute;
    z-index: 250;
    width: 248px;
    height: 84px;
}

#headercolumn2 {
    top: 58px;
    right: 0px;
    position: absolute;
    z-index: 300;
    height: 55px;
    background-color: rgba(250, 250, 250, 0.6);
    width:710px;
}

#headertext {
color:#375DC8;
font-size:22px;
font-weight:normal;
font-family:'Archivo Narrow',sans-serif;
text-transform:uppercase;
margin:15px 10px;
display:block;
}

#headerlogo, #headerlogo a { height: 100%; display: block;  text-align: left;}
#headerlogo img, #headerdata img { max-width: 100%; max-height: 100%;}
#headerlogo img { position:absolute; bottom:0; left:0;}
#headerdata {float: left; width : 288px; height:100%; text-align:left;}
#headerbanner { display: block; width: 100%; text-align: center; }

#headerlogo span {
    color: #262626;
    font-family: 'Archivo Narrow',sans-serif;
    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: left; list-style: none; margin: 0; padding: 0;}
#hmenu > li.begin { display: none; }
#hmenu > li.end { display: none; }
#hmenu > li.menusep { }
#hmenu > li.mispacer { width: 10px; }
#hmenu > li.miimg { border: none; }
#hmenu li.miimg a, #hmenu li.miimg span { padding: 0; }
#hmenu > li.miimg > a img, #hmenu > li.miimg > a { max-height: 100%; }
#hmenu li ul.submenu li.miimg img { max-width: 100%; }
#hmenu > li.auto > a img, #hmenu > li.miimg > a { height: 100%; }

#headermenu {
    position: absolute;  
    left: 0;
    top: 131px;
    width: 980px;
    margin: 0 auto;
    z-index: 200;
    background-color: #000000;
}

#hmenu > li {
    line-height: 50px;
    height:50px;
    float: left;
    position: relative;
}

#hmenu > li > a.menu, #hmenu > li > span {
    white-space: nowrap;
    display: block;
    text-decoration: none;
    padding: 0px 10px;
    color: #fff;
    font-size: 18px;
    font-family: 'Archivo Narrow', sans-serif;
}

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

/**************************** 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: #000;
    border-color: #000;
    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: 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:#fff;
background-color:#375DC8;
background-image:none;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {  z-index: 150;  width: 980px; margin: 0 auto; background-color: #ffffff;}
#bodyarea {
    position: relative;
    min-height: 450px;
    padding: 20px;
    margin: 0 auto;
}

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

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

#bodycolumn2 { *width:720px; }
.widecolumn2#bodycolumn2 { *width:940px; }

#bodydata { padding: 0;}

/**************************** Vertical Menu **************************************/
#verticalmenu {   margin: 0 0 20px 0;  width: 100%;    text-align: left; border: 1px solid #ccc; background-color:#fff;}
#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: #ccc;
    height: 1px;
    margin: 0;
    width: 100%;
}

#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    *height:30px;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
    background-color: #3c3c3c;
    font-family: 'Archivo Narrow',sans-serif;
}

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

#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding: 0px 21px;
    text-decoration: none;
    line-height: 30px;
    *height:30px;
    background-image: url(/Files/0/icon-top-black-20X20.png);
    background-repeat: no-repeat;
    background-position: 7px;
}

#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
    color: #000;
    background-color: #f0f0f0;
}

/**************************** 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;
    background-color: #f0f0f0;
    border: 1px solid #ccc #ccc #ccc #f0f0f0;
}

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

.widgetcolumn2 .blockarea{
    border: 1px solid #ebebeb;    
    padding: 5px;
}
.widgetcolumn2 .blockarea .sectiondata{
    border: none;    
}

#vmenu li ul.submenu li a, #vmenu li ul.submenu li span {
    display: block; 
    padding: 0 5px;
    color: #000;
    font-size: 12px;
    line-height: 30px;
    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: #dfdfdf;
}

/**************************** Block Container **************************************/
.blockcontainer {    width:200px; margin: 0 0 0 10px;}

.blockshortcut {   
    color: #000;
    font-size: 12px;
    background-color: #fff;
    margin: 0px 0px 20px;
    text-align: left;
}

#bodycolumn1 .sectiondata {border: none;}

#bodycolumn1 .blockshortcut .blockarea {
    border: 1px solid #ebebeb;
    padding:5px;
}

#bodycolumn1 .blockmktg .blockarea {padding:0;}
.widgetcolumn2 .blockmktg .blockarea {padding:0;}

.blockshortcut a {
color:#375DC8;
text-decoration:none;
}
.blockshortcut a:hover { 
    color: #6b6b6b ;
    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:0; }
.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; 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; }
#searchformBtn { margin: 8px 0 0; }
/**************************** Langues **************************************/
#langflags { margin-top: 10px; }
#langflags ul {	list-style: none; margin: 0; text-align:center; padding: 0;}
#langflags ul li { display: inline-block; padding: 0 1px; *display:inline;}
#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; }
#btnvieworder span {   background-image: url(/Files/0/icon-SCViewInvoice-black-20X20.png);   background-position: 2px 5px;   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: 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: 14px; font-weight: normal; }
ul.subcatlist li a:hover .PBMainTxt {
color:#375DC8;
}
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:#375DC8;
text-decoration:none;
}

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

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

#footermenu {
    padding: 0 0 10px;
    border-bottom:1px solid #000;
}

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

#fmenu li {
    line-height: 22px;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
    border-left: 1px solid #000;
    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: 20px;  *max-height: 22px;  vertical-align: middle; }

#fmenu li.mititle a, #fmenu li.mititle span {
font-weight:bold;
color:#375DC8;
font-size:12px;
line-height:20px;
}

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

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

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

/**************************** Copyright et Powered By Oxatis **************************************/
#poweredby, #copyright { display: inline-block; margin: 10px 0 0; width: 50%; *clear:both;}
#poweredby { text-align:right;}
#copyright { text-align:left;}
#poweredby a span,#copyright span {font-size:11px;}
#poweredby a, #poweredby a span {}
#poweredby a:hover, #poweredby a:hover span{ text-decoration:none;}

/**************************** Boutons **************************************/
a.btnmain span {
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
    font-size: 13px;
    font-weight: normal;
    cursor: pointer;
    font-family: 'Archivo Narrow',sans-serif;
    text-transform: uppercase;
    background-color: #eee;
    text-decoration: none;
    margin: 10px 0;
    cursor:pointer;
    color: #000;
    background-image: none;
    border: 1px solid #ccc;
}

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

body.PB a.btnsub , body.PBPW a.btnsub{
    font-size: 12px;
    font-weight: normal;
    color: #656565 ;
    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%;
}

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

#btnsearchnow { margin: 0; }

/**************************** Polices **************************************/
.PBPTitle {
color:#375DC8;
font-size:25px;
font-weight:normal;
font-family:'Archivo Narrow',sans-serif;
}

.PBSTitle {
color:#375DC8;
font-size:18px;
font-weight:normal;
font-family:'Archivo Narrow',sans-serif;
}

.PBMainTxt { 
    font-weight: normal; 
    font-size: 16px; 
    font-style: normal; 
    font-family: 'Archivo Narrow',sans-serif;
}

.PBCatTitle {
color:#375DC8;
font-size:18px;
}

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

.PBQty { 
    color: #3c3c3c ; 
    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:#375DC8;
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 {
color:#375DC8;
}
.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: #3c3c3c ; 
    font-size: 20px; 
    font-weight: normal; 
} 

.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {
/*titre Articles complémentaires*/ 
    border-bottom:2px solid #d75803;
color:#3c3c3c;
display:block;
font-size:18px;
font-weight:normal;
margin:0 0 10px;
padding:0 0 5px;
border-bottom:2px solid #375DC8;
} 

.itemdetail .PBOptionInfo .PBMainTxt {
/* Option infos */
    color:#d75803;
font-size:16px;
font-weight:normal;
text-transform:none;
color:#375DC8;
} 

.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt {
color:#375DC8;
font-size:16px;
font-weight:bold;
text-transform:none;
}


.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */
    font-size: 22px; 
} 

.discountgrid .PBMainTxt { /* titre des remises sur quantité */
    color: #6b6b6b ; 
    font-size: 16px; 
    font-weight: bold;
} 

.itemdetail .PBItemSku .PBShortTxt { font-size: 11px;}
.itemdetail .PBTable .PBCurrency {
font-size:12px;
color:#375DC8;
} /* 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, .scpaymentform .PBSTitle, .scorderform .PBSTitle, .infoform .PBSTitle {
color:#375DC8;
font-size:18px;
display:block;
}
.scshipform .PBMainTxt { font-family:arial; color: #000; font-size: 14px; font-style: normal; font-weight: normal; }

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


/**************************** Composants et autres **************************************/
.blogarticles .PBSTitle { 
    font-size: 18px; 
}
.PBDate { 
    color: #6b6b6b ; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: bold; 
}
.PBNumber { 
    color: #6b6b6b ; 
    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: 0; border: 1px solid #ccc; }
input.PB { color: #000; font-style: normal; }
a.PBLink { font-size: 12px; text-decoration:none; }
a.PBLink:hover { text-decoration: none; }
.faq a.PBLink:hover .PBMainTxt { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd { color: #333; }
body.PB .catbreadcrumb a.PBBtnStd:hover {
color:#375DC8;
}
/**************************** 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 {
font-size:18px;
font-weight:bold;
margin:0px;
padding:4px 0px 0px;
text-align:center;
font-family:'Archivo Narrow',sans-serif;
color:#fff;
background-color:#375DC8;
line-height:30px;
}

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

#blockfacets .title{
font-size:15px;
color:#375DC8;
padding:0 14px 0 6px;
}

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

.blockfacets .blockarea {
    position:relative;
}

.blockfacets .facetreset {
    position: absolute;
    right: 2px;
    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:#375DC8;
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:#375DC8;
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:#375DC8;
font-weight:bold;
}

.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet  {
border-color:#375DC8;
border-style:solid;
}
#blockmktgrecentlyviewed .title { font-size:14px; }

/**************************** 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: bold;
    font-size: 11px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    height: auto;
    margin:5px 0;
    color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}

.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 **************************************/
#headerInfoCartZone {
    background-image: url(/Files/0/design-header1-980x181.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 41px;
    width: 100%;
}

#headerInfoCart{
    position: absolute;
    top: 12px;
    right: 10px;
    display: block;
    height: 20px;
    width: 158px;
}

#headerInfoCart #cartContainer {
    top: 20px;
    right: -10px;
}

#headerInfoCart #cartItems {
    color: #ffffff;
    padding-right: 10px;
    border-right: 1px solid #ffffff;
    float: right;
    font-size: 14px;
}

#headerInfoCart #cartPrice {
    color: #ffffff;
    padding-left: 10px;
    float: right;
    font-size: 14px;
}

#headerInfoCart .cartLink {
    background: url('/Files/0/icon-cart-white-20X20.png') scroll center center no-repeat transparent;
    width : 21px;
    height: 16px;
    display: block;
    float: left;
}

#headerInfoCart .cartLink span {
    display:none;
}

#headerbtn, #headerSearchBlock {
    float: right;
    margin: 12px 12px 0 0;
}
#headerbtn a{
    background-color: #3C3C3C;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 16px;
}

#headerbtn .homeLink {
background-color:#375DC8;
}

#headerSearchBlock .searchtext {
    width: 115px;
    height:30px;
    line-height:30px;
    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;
    vertical-align: top;
}


#headerInfoCart .cartLink:hover {
    opacity:0.8;
    filter : alpha(opacity=80);
}

#headerSearchBlock .blockbtn {
    margin: 0;
    background-color: #3C3C3C;
    color: #FFFFFF;
    height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    border: none;
}

#headerSearchBlock  .blockbtn span {
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 16px;
    line-height: 30px;
}

#headerbtn a:hover, #headerSearchBlock .blockbtn:hover {
    background-color: #000000;
    cursor:pointer;
}

/**************************** Boutons - Process de commande **************************************/
.itemdetail a#btnaddtocart.btnmain.btnaddtocart span, a#btnordernow span, a#btncheckout span, a#btncontinue span, a#btnConnect span, a#btnCreateAccount span, .itemdetail a#btnreqinfo span, a#btnviewinvc span{
display:inline-block;
line-height:40px;
white-space:nowrap;
font-size:22px;
color:#fff;
font-weight:normal;
cursor:pointer;
font-family:'Archivo Narrow',sans-serif;
text-transform:uppercase;
padding:8px 15px 8px 7px;
text-shadow:0px 0px 2px #000;
background-color:#375DC8;
text-decoration:none;
margin:10px 0;
padding:0 10px;
cursor:pointer;
border:none;
}

.itemdetail a#btnaddtocart.btnmain.btnaddtocart:hover span,
a#btnordernow:hover span, 
a#btncheckout:hover span, 
a#btncontinue:hover span, 
a#btnConnect:hover span, 
a#btnCreateAccount:hover span,
.itemdetail a#btnreqinfo:hover span, a#btnviewinvc:hover span{
    background-color: #3c3c3c;
    text-decoration: none;
    border:none;
}

a#btnviewinvc span {   background-image: url(/Files/0/icon-salespolicy-black-20X20.png);   background-position: 4px 10px;   background-repeat: no-repeat;  padding: 0 10px 0 24px; }

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

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

a#btnquotation:hover span {
color:#375DC8;
}

a#btnordernow span {
    margin:5px;
}

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

.shopcarttable tr.carthead {
    background-color: #3c3c3c;
    text-align:center;
    line-height:24px
}
.shopcarttable tr.carthead .PBColHead {
    color:#fff;
    font-size:14px;
}

#facetmin-2, #facetmax-2{width: 65px;}

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

.designColorMain, .designColorMainHover:hover  {
color:#375DC8;
}

.designColoredSub {
color:#375DC8;
}

.designBackColorSub {
    background-color:#3C3C3C;
}

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

.designTextColorSub {
    color:#ffffff;
}

.designBackColorTer {
    background-color:#F7F7F7;
}

.designTextColorTer {
    color:#3C3C3C;
}

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

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

/* 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 #000000;
color:#375DC8;
display:inline-block;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px 5px;
padding:0 10px;
}

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

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

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

.PBSubTitle td {
    width: 500px;
}

.imgcat {
    margin: 10px;
}

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

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

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

/********************************Page recherche********************************************/
.searchpage td {    vertical-align: middle;  }

/*****************optimisation bouton formulaire******************/
input[type="button"], input[type="submit"], button, .blockfacet .blockbtn{ 
    padding : 0 5px;
    color:#333333;    
    background-color: #EEEEEE;
    border:none;
    border: 1px solid #CCCCCC;    
    height : 23px;
    line-height: 22px;
    width: auto;
    vertical-align: middle;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .blockshortcut .blockbtn:hover {
background-color:#375DC8;
border:1px solid #375DC8;
color:#ffffff;
}
input[type="radio"], input[type="checkbox"] {   border:none; }

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

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

body.PB .speechBubble {display: block;}
/* Steps*/
#stepsContainer { 
    padding: 0;
    width:100%;
    display: block;
    border-bottom:3px solid #000;
    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: #000;
    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:#375DC8;
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; }