/**************************** 00-Xopie-process **************************************/

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: none; }
img { border: none; }
input {    font-size: 12px;    padding: 2px;    margin: 5px; 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; }
p {padding:0;margin:0;}

/**************************** Body & Maincontainer **************************************/
body.PB {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    margin: 0;
    padding:0;
    text-align:center;
    background-color: #FFFFFF;
    background-position: center -0px;
    background-image: url(/Files/106984/_img-design/header-success-bg.jpg);
    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: #0066a7;
    text-decoration: none;
}

a:hover, body.PB a:hover,  body.PBPW a:hover { 
    color: #666 ;
    text-decoration: none; 
}

#maincontainer {
    margin: 0 auto ;
    width: 100%; 
}

/**************************** Headercontainer **************************************/
#headercontainer { 
    z-index: 1000;
    background-image: url(/Files/106984/_img-design/sp-bg.png);
    background-repeat: repeat-x;
    background-position: top center; 
    width:100%;
    *position: relative;
}

#headerarea {
    position: relative;
    margin: 0 auto;
    width: 990px;
    height: 95px;
    z-index: 999; 
}

#headercolumn1 { 
    top: 15px;
    left: 0px;
    position: absolute;
    z-index: 500;
}

#headercolumn2 {
    top: 30px;
    left: 151px;
    position: absolute;
    z-index: 500;
    text-align: left;
    width:460px;
    height: 38px;
}

#headertext {
    color: #fff; text-transform:uppercase;
    font-size: 15px; 
    font-weight: normal; 
  
   font-family: 'Open Sans', sans-serif;
    display:block;
    left: 8px;
    top:7px;
    position: relative;
}

#headerlogo img , #headerdata img { 

    overflow: hidden;
}

#headerlogo {
    width:150px;
    height: 81px;
}

#headerdata { 
    width: 100%;
    height: 100%;
}

#headerbanner { display: block; width: 100%; text-align: center; }

#headerlogo span {

    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    line-height: 38px;
    word-wrap: break-word;
}

/**************************** Horizontal **************************************/
#hmenu,  #hmenu li, #hmenu li div, #hmenu li div ul, #hmenu li div ul li { *z-index: 100; }
#hmenu { float: 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 { padding:3px; }
#hmenu li ul.submenu li.miimg img {  }
#hmenu > li.auto > a img, #hmenu > li.miimg > a {  }

#headermenu {
    position: absolute;  
    right: 0px;
    top: 55px;
    width: 980px;
    margin: 0 auto;
    z-index: 250;
    background-color: none;
}

#hmenu > li {
    line-height: 21px;
    height:21px; margin:0 3px 0 0 ;
    float: left;
    position: relative;
    border-left: 0px solid #666;
    border-right: 0px solid #444;
  font-family: 'Open Sans', sans-serif;
    text-transform: none;
}

#hmenu > li > a.menu, #hmenu > li > span {
    white-space: nowrap;
    display: block;
    text-decoration: none;
    padding: 0 5px;
    color: #fff;
    font-size: 13px;
letter-spacing:0px;
}

#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: #333; background-color:#e3e3e3;  
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #fcfcfc 0%, #ddd 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(50%,#ddd ), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ddd  50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#ddd  50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#ddd  50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom,  #fcfcfc 0%,#ddd 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f6f6f6',GradientType=0 );

 }

#hmenu > li > a.menu:hover, #hmenu > li > a.menu.subactive {
    color: #333; background-color:#e3e3e3;  
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

}

/**************************** 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:#e3e3e3;
    border-color: #e3e3e3;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    color: #333;
}

#hmenu li:not(.menuright) ul.submenu{ left: 0px; }
#hmenu li.menuright ul.submenu{ right: 0; }
#hmenu li ul.submenu li { text-align: left; *font-size : 0;   *line-height : 0; }
#hmenu li ul.submenu a, #hmenu li ul.submenu span { display: block; padding: 0 10px;}
#hmenu li ul.submenu li.begin{ display: none; }
#hmenu li ul.submenu li.end{ display: none; }
#hmenu li ul.submenu li.mispacer{ height: 10px; }
#hmenu li ul.submenu li.auto img{ width: 100%; }
#hmenu li ul.submenu li.miimg {  text-align: center; padding: 5px 0; line-height: 0; }
#hmenu li ul.submenu li.miimg  a, #hmenu li ul.submenu li.miimg  span  {  }
#hmenu ul.submenu li.mititle span, #hmenu ul.submenu li.mititle a {font-weight: normal;}
#hmenu li ul.submenu li.mitext span, #hmenu li ul.submenu li.mitext a { font-weight: normal;}

#hmenu li ul.submenu li.misep{
    border: none;
    margin: 10px 0;
    height: 1px;
    background-color: #333;
}

#hmenu li ul.submenu li a, #hmenu li ul.submenu li span{
    color: #333;
    font-size: 11px;
    font-weight: normal;
    line-height: 24px;
    text-decoration : none;
}

#hmenu li ul.submenu li.mititle a:hover, #hmenu li ul.submenu li.mitext a:hover {
    color: #000;
    background-color: #fff;
    background-image: none;
}

/**************************** Bodycontainer **************************************/
#bodycontainer {  
    z-index: 150;  
    width: 980px; 
    padding:11px 10px 0;
    *padding:0 10px 0;
    margin: 0 auto; 
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;


}
#bodyarea {
    position: relative;
    min-height: 450px;
    padding: 49px 0px 0;
    margin: 0 auto;
 
}

#bodycolumn1 {
    float: left;
    width: 170px;
    z-index: 150;
    padding: 0; 
display:none;
}

#bodycolumn2 {
    margin-left: 0px;
    padding: 0;
    text-align: left;
}

#bodycolumn2 { *width:770px; }
.widecolumn2#bodycolumn2 { *width:960px; }

#bodydata { padding: 0;}

/**************************** Vertical Menu **************************************/
#verticalmenu {    width: 100%;    text-align: left; margin:20px 0 20px 10px;}
#verticalmenu, #vmenu, #vmenu li, #vmenu li div { *z-index: 150; }
#vmenu { list-style-type: none; margin: 0; padding: 0; }
#vmenu > li { position: relative; text-align: left; }
#vmenu > li > a, #vmenu > li > span { display: block; }
#vmenu > li.begin { display: none; }
#vmenu > li.end { display: none; }
#vmenu > li.menusep { border: none; }
#vmenu > li.mispacer { height: 20px; }
#vmenu li.miimg img { max-width: 100%; }
#vmenu li.auto img { width: 100%; }

#vmenu > li.misep {
    background-color: #ddd;
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
    color: #0066a7;
    font-size: 18px;
    line-height: 30px;
    *height:30px;
    padding: 0 5px;
    text-align: left;
    text-decoration: none;
font-family: 'Open Sans', sans-serif;
}

#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {
    color: #fff; 
    background-color: #0066a7;
}

#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
    color: #4a4643;
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    text-decoration: none;
    line-height: 24px;
    *height:24px;
}

#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
    color: #FFFFFF; 
    background-color: #0066a7;
}

/**************************** 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: #0066a7;
    background-color: #0066a7;
}

#bodycolumn1 #vmenu li ul.submenu { left: 100%; }
.widgetcolumn2 #vmenu li ul.submenu { right: 100%; }
#vmenu li.menuup ul.submenu { bottom: 0px; }
#vmenu li:not(.menuup) ul.submenu { top: 0px; }
#vmenu li ul.submenu li { text-align: left; background-image: none; *font-size : 0; *line-height : 0;  }
#vmenu li ul.submenu li.begin { display: none; }
#vmenu li ul.submenu li.end  { display: none; }
#vmenu li ul.submenu li.menusep { border: none; }
#vmenu li ul.submenu li.mispacer { height: 10px; }
#vmenu li ul.submenu li.miimg {	text-align: center; }
#vmenu li.miimg {	margin: 5px 0; text-align: center; }
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {    font-weight: normal; }
#vmenu li ul.submenu li.mitext a.menu, #vmenu li ul.submenu li.mitext span {    font-weight: normal;}

#vmenu li ul.submenu li.misep {
    border: none;
    margin: 10px 0;
    height: 1px;
    background-color: #fff;
}

#vmenu li ul.submenu li a, #vmenu li ul.submenu li span {
    display: block; 
    padding: 0 5px;
    color: #FFF;
    font-size: 12px;
    line-height: 24px;
    text-align: left;
    text-decoration: none;
    background-image: none;   
}

#vmenu li ul.submenu li.mititle a.menu:hover, #vmenu li ul.submenu li a.menu:hover, #vmenu li ul.submenu li.mitext a.menu:hover {
    color: #000;
    background-color: #FFF;
    background-image: none;
}

/**************************** Block Container **************************************/
.blockcontainer {    width:180px; margin: 0 0 0 10px;}
.blockshortcut {   
    color: #000;
    font-size: 12px;
    background-color: #fff;
    margin: 0px 0px 10px;
    text-align: left;
    border: 1px solid #ebebeb;
}

.blockshortcut a {
    color: #0066a7;
    text-decoration:none;
}
.blockshortcut a:hover { 
    color: #666 ;
    text-decoration:none;
}

.blockmktg  { border: none; }
#blocksearch, #blockuserlogin , #blockuserlogout , #blocknewsletter, #blockcoupon { line-height: 15px; }
#blocksearch { }
#blockuserlogin { }
#blockuserlogout { }
#blocknewsletter { }
#blockcoupon { }
#blockfreetext { }
#blockrssfeeds { }
#blockmktgbestseller { }
#blockmktgrecentlyadded { }
#blockmktgrecentlyviewed { }
.blockarea { margin: 5px; }
.blockmktg .blockarea { margin: 0; }
.blockshortcut form, #blocknewsletter p { margin: 0; padding: 0; }
.blockshortcut input[type="text"], .blockshortcut input[type="password"]  { width: 70%; }
.blockshortcut .blockbtn { background-color:#494949; color: #fff; border:none; }
.blockshortcut .blockbtn:hover {background-color:#FF6100; }
#blockcoupon .blockbtn { display: inline-block; *display: inline;  background-color:#494949; color: #fff; border:none; }
#blockuserlogout .hellouser, blockuserlogout .viewaccountinfo , #blockuserlogin .firstvisit,  #blockuserlogin .firstvisit a, #blockcoupon s.coupon  { display: block; }
#blockuserlogout .logout a { display:block }
#blocksearch .searchtext, #blocknewsletter .email, #blockcoupon .coupon{ display: inline-block;  *display: inline;}
#blocksearch .searchimg { display: inline-block; *display: inline; vertical-align: top; background: url(/Files/0/icon-search-black-20X20.png) no-repeat scroll left center transparent; width: 20px; height: 19px; margin: 0 5px; }
#blocknewsletter #newsok, #blocknewsletter  #newsko { margin-right: 5px; vertical-align:middle; }
#blockrssfeeds a.rss { background: url(/Files/0/icon-rsslogoblack-40X14.png) no-repeat scroll left center transparent; display: block; height: 20px;  width: 63px; margin:0 auto; }

/**************************** Langues **************************************/
#langflags { margin: 10px 0; *clear:both; }
#langflags ul {	list-style: none; margin: 0; text-align:center; padding: 0;}
#langflags ul li { display: inline-block; display:inline; padding: 0 1px; }
#langflags ul li a span { background-repeat: no-repeat; background-position: center center; display: inline-block; height: 15px; width: 22px; border:1px solid #ccc; }
#langflags a:hover span { border: 1px solid #fff; }
#flag0 { background-image: url(/DesignCss/SharedImages/FlagL0.gif); }
#flag1 { background-image: url(/DesignCss/SharedImages/FlagL1.gif); }
#flag2 { background-image: url(/DesignCss/SharedImages/FlagL2.gif); }
#flag3 { background-image: url(/DesignCss/SharedImages/FlagL3.gif); }
#flag4 { background-image: url(/DesignCss/SharedImages/FlagL4.gif); }
#flag5 { background-image: url(/DesignCss/SharedImages/FlagL5.gif); }

/**************************** Icones **************************************/
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb,  #iconmap, .SCViewLog, .faqTop, .PBDownload, .SCViewInvoice, .ShopBagReload, .RSSBlogFeeds, .RSSCommentsFeeds { width: 20px; height: 20px; vertical-align: middle; background-repeat: no-repeat; background-position: center center;}
#icontrash { background-image: url(/Files/0/icon-trashcan-black-20X20.png);  }
#iconerror { background-image: url(/Files/0/icon-error-red-20X20.png); }
#iconwarning { background-image: url(/Files/0/icon-warning-red-20X20.png); }
#iconsalespolicy { background-image: url(/Files/0/icon-salespolicy-black-20X20.png); }
#iconattachment { background-image: url(/Files/0/icon-attachment-black-20X20.png); }
#iconemail { background-image: url(/Files/0/icon-email-black-20X20.png); }
#iconweb { background-image: url(/Files/0/icon-web-black-20X20.png); }
#iconmap { background-image: url(/Files/0/icon-map-black-20X20.png); }
.faqTop { background-image: url("/Files/0/icon-FAQ-Top-black-20X20.png"); }
#btnemailfriend { background: url(/Files/0/icon-sendtofriend-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnaddtofav { background: url(/Files/0/icon-addtofav-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnattachment { background: url(/Files/0/icon-attachment-black-20X20.png) no-repeat scroll 0 0 transparent; padding: 2px 0 2px 22px; }
#btnviewinvc span {   background-image: url(/Files/0/icon-salespolicy-white-20X20.png);   background-position: 2px 1px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }
#btnvieworder span {   background-image: url(/Files/0/icon-SCViewInvoice-white-20X20.png);   background-position: 2px 1px;   background-repeat: no-repeat;  padding: 0 6px 0 24px; }
#btnviewcart span, #btnsearch span { padding-left:9px; }
.SCViewInvoice { background-image: url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.ShopBagReload { background-image: url(/Files/0/icon-ShopBagReload-black-32X20.png);   width: 32px; }
.RSSBlogFeeds{ background-image: url(/Files/0/icon-rss-black-20X20.png); }
.RSSCommentsFeeds {  background-image : url(/Files/0/icon-comment-black-20X20.png); }
.PBDownload { background-image: url(/Files/0/icon-download-black-20X20.png); }
.SCViewLog { background-image: url(/Files/0/icon-salespolicy-black-20X20.png); }
.useraccount .EditProp, .useraccount .EditPW, .useraccount .ViewOrders , .useraccount .ReloadOrder , .useraccount .ViewFiles , .useraccount .LogOut {
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 34px;
    padding: 0 0 0 30px;  
}
.useraccount .EditProp { background-image: url(/Files/0/icon-update-black-20X20.png); }
.useraccount .EditPW { background-image: url(/Files/0/icon-payement-black-20X20.png); }
.useraccount .ViewOrders { background-image: url(/Files/0/icon-SCViewInvoice-black-20X20.png); }
.useraccount .ReloadOrder { background-image: url(/Files/0/icon-reload-black-20X20.png); }
.useraccount .ViewFiles { background-image: url(/Files/0/icon-download-black-20X20.png); }
.useraccount .LogOut { background-image: url(/Files/0/icon-error-black-20X20.png); } 
.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:0px solid #ebebeb;}
.webblock .viewtbl:not(.viewtblsplitted) .sectiondata, .webblock .viewtblsplitcol1 .sectiondata { margin: 0; border: none; } /* suppression bordures webBlocks */
.sectiondataarea { padding: 0px; }

/**************************** Cat&#65533;gories header **************************************/
.sectiondata .sectioncatheader {  margin:0; border: none; height: auto;  }
.sectiondata .sectioncatheader .PBCatTitle{  color:#13507d; font-size:25px; }
.sectiondata .sectioncatheader .PBLongTxt {  color:#333; line-height:40px; }

ul.subcatlist li { border-left: 1px solid #999; display: inline-block; *display: block; *float:left;  padding: 0 0 0 10px;  width: 23%; }
.subcatlisttitle{ border-bottom: 1px solid #EBEBEB; padding: 0 0 5px;}
ul.subcatlist { margin: 0; padding: 10px 0 0; width: 100%;}
ul.subcatlist li  a .PBMainTxt { color: #999; font-size: 14px; font-weight: normal; }
ul.subcatlist li  a:hover .PBMainTxt { color: #000; }
ul.subcatlist li  a:hover { text-decoration: none; }

/**************************** navigation **************************************/
.navbar { margin-top: 12px; }
.navbar select {font-size: 12px; font-style: normal; font-weight: normal; padding: 0; }
.navbar ul { list-style-type: none; margin: 0; padding: 0; }
.navbar li { margin: 0;	padding: 0; border: none; display: inline-block; *display: inline; }
.navbar select { background-color: #fff; color: #000; }
a span.navfirst, a span.navprev, a span.navnext, a span.navlast { margin: 0 5px;}
div.navbar span { font-size:14px;	font-style:normal;	font-weight:normal;	white-space:nowrap;  margin: 0 3px; white-space: nowrap; border-width: 0 0 2px; border-style: solid;   color: #666;  padding: 3px 5px;  border: none;}
div.navbar span.off {   border-width: 0 0 2px;  border-style: solid;}
.navbar a:hover{	   color: #222;	 font-weight: normal;	 text-decoration: none;}

.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {
    color: #0066a7;
    text-decoration: none;
}

/**************************** Footer **************************************/

#footerblock { background-color:#f9f9f9; display:block; position:absolute;  height:120px;}

.blog {  width:400px; padding:15px;  display:none;}

.blog .content {float:left; margin:0 20px 0 0;}
.blog h3 { color:#fff; font-family: 'Open Sans', sans-serif; font-size:17px; display:block; text-align:left; padding:0 0px 0 0; line-height:50px;}
.blog img {left:0; padding:0 30px 0 0; margin:0 0px 0 0; display:inline;}
.blog h4  { line-height:; color:#fff; font-family: 'Open Sans', sans-serif;font-size:14px; display:block; text-align:left; padding:0 0px 0 20px;}
.blog .subTitle  { color:#aaa; font-family: arial; font-size:12px;  padding:10px 0 0 20px; display:block; text-align:left;}






#footerblock img {  display:inline-block; margin:0 auto; padding:20px 0;}

#footercontainer {


    border: none;
    text-align: center;
    background-color: #135281;

min-height:200px;
    width: 100%;
    padding: 0px 0;
    margin: 0 auto; 
    font-size: 11px; border-top:1px solid #aaa; 
 background-position: center 0px;
    background-image: url(/Files/106984/Img/18/bg-footerarea.png);
    background-repeat: repeat-x;
}

#footerarea {
    margin: 0 auto 0 auto;
    width: 980px;     
}

#footermenu {
    float:right; padding: 10px 0 20px 0; width:550px; 
display:none;
}

#fmenu { list-style-type: none; margin: 0 0 30px 0px ; padding: 0; text-align: left;      margin: 140px auto 0 auto;
 float:;   position:relative;}

#fmenu li {
    line-height: 20px;
    margin: 0;
    padding: 0 0 0 5px;
    text-align: left;
    width: 37%;
    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: #fff; 
 font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

#fmenu li.mitext a, #fmenu li.mitext span{
    font-weight: normal;
    color: #9cd7f4;
    font-size: 12px;
text-decoration:underline;
line-height:30px;
}

#fmenu li.mitext a:hover {
    text-decoration: none;
   
}

#fmenu li.mititle a:hover{
    text-decoration: none;
    color: #fff ;
}

/**************************** Copyright et Powered By Oxatis **************************************/
#poweredby { display: inline-block; *display:inline; margin: 150px auto 0 auto; padding:0 0 10px 0; clear:both; width:100%; position:relative;}

 #copyright { display: inline-block; *display:inline; margin: 150px auto 0 auto; padding:0 0 10px 0; clear:both; width:100%; position:relative;}

#poweredby { text-align:right; font-size:11px; *float:right; display:none;}
#copyright { text-align:left; *float:left; color:#aaa; font-family: 'arial', sans-serif;  font-size:10px; }
#poweredby a span,#copyright span {padding:0; }
#poweredby a, #poweredby a span {}
#poweredby a:hover, #poweredby a:hover span{ text-decoration:none; color:#fff;}


/**************************** Boutons **************************************/
a.btnmain span{
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    margin: 10px 0;
    cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:12px;
 filter : alpha(opacity=80);
    opacity : 0.8;
}

a#btnsearch span, a#btnaddtocart span { 
   box-shadow:-0px 4px 0 #13303e;
    background-color:#0e5e85;
    color:#fff; text-shadow:1px 1px 0 #13303e;
}
a#btnsearch:hover span, a#btnaddtocart:hover span { 
    background-color:#444; 
}

a.btnmain  small { font-size: 14px; line-height: 100%; color:#fff; }
a.btnmain:hover span {  filter : alpha(opacity=100);
    opacity : 1;  }

a.btnsub {
    font-size: 12px;
    font-weight: normal;
    color: #0066a7; 
    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 **************************************/

font.PBPTitle.designColorMain  { 
    color: #fff; 
    font-size: 25px; 
    font-weight:  normal;
text-align:left; display:block;
  font-family: 'Open Sans', sans-serif;
text-shadow:1px 1px 0 #577706;
}


 .sectiontb .PBPTitle { 
    color: #fff; 
    font-size: 25px; 
    font-weight:  normal;
text-align:center; display:block;
   font-family: 'Open Sans', sans-serif;
text-shadow:1px 1px 0 #577706;
}

.PBPTitle { 
    color: #3c5604; 
    font-size: 30px; 
    font-weight:  normal;
font-family: 'Open Sans', sans-serif;

}

.PBSTitle { 
    color: #1263ea; 
    font-size: 22px; 
    font-weight: normal;
display:block;font-family: 'Open Sans', sans-serif;

}

.PBMainTxt { 
    color: #293c00; 
    font-weight: normal; 
    font-size: 17px; 
    font-style: normal;
font-family: 'Open Sans', sans-serif;
}

.PBCatTitle { 
    color: #4a4643; 
    font-size: 14px; 
    font-weight: normal; 
}

.PBCurrency { 
    color: #0066a7; font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 18px;
}

.PBQty { 
    color: #0066a7; 
    font-size: 16px; 
    font-weight: normal;
}

/**************************** Fil d'Arianne **************************************/
A.PBBtnStd { 
    color: #333; 
    font-size: 12px; 
    font-weight: normal;	
    text-decoration: none; 

}
A.PBBtnStd:hover, .useraccount .menulist A.PBBtnStd:hover  { 
    color: #0066a7; 
    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&#65533;tails des produits **************************************/
.itemdetail .PBMainTxt{  /* Nom du produit */
    color: #aaa ; 
    font-size: 25px; 
    font-weight: normal; 
} 

.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {    /*titre Articles compl&#65533;mentaires*/ 
    border-bottom: 1px solid;
    color: #aaa ;
    display: block;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0 0 5px; 
} 


.itemdetail .PBOptionInfo .PBMainTxt { /* Option infos */
    color: #4a4643 ; 
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
} 

.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt { 
    color: #4a4643 ; 
    font-size: 12px;
    font-weight: normal;
    text-transform: none;  font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.itemdetail .PBItemPrice .PBCurrency{ /* Prix de l'article */
    font-size: 22px;  font-size: 30px; 
    font-weight:  normal;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
} 

.discountgrid .PBMainTxt { /* titre des remises sur quantit&#65533; */
    color: #666 ; 
    font-size: 16px; 
    font-weight: normal;
} 

.itemdetail .PBItemSku .PBShortTxt { font-size: 11px;}
.itemdetail .PBTable .PBCurrency { font-size: 14px; text-align:center; display:block;} /* Prix dans les diff&#65533;rents tableaux de la fiche produit */
.itemdetail .PBLayoutTable .PBCurrency { font-size: 18px; } /* Prix des articles compl&#65533;mentaires */
.PBUpsellTable, .PBRelPdtTable { border:none; }
.PBLayoutTable { border: 1px solid #EBEBEB; margin: 5px; padding: 10px;}
.PBLayoutTable img {margin:5px;}
.itemdetail .PBItemPrice .PBStrike , .itemdetail .PBItemPrice .PBDiscount { font-size: 17px; font-weight: normal; color:#999;}
.itemdetail .PBEcoPart { font-size: 60%; }
.discountgrid { border-collapse: collapse; }
.discountgrid .PBDiscount { color: #333333; font-size: 12px; font-weight: normal; }
.PBRelPdtTable TD, .PBUpsellTable TD { border: none; }
.itemdetail .PBTable, .itemdetail .PBOptLstTable, .itemdetail .PBOptImgTable { border-collapse: collapse; }
.itemdetail .PBTable td, .itemdetail .PBOptLstTable td, .itemdetail .PBOptImgTable td { padding: 5px; }
.PBTable, .PBTable TH, .PBTable TD, .PBOptLstTable, .PBOptLstTable TH, .PBOptLstTable TD, .PBOptImgTable, .PBOptImgTable TH, .PBOptImgTable TD, .PBRelPdtTable TH {border: 1px solid #ebebeb;}

.itemdetail .imgmain { float:left; padding:0 20px 10px 0;}

/**************************** Process **************************************/
.sectiondata .shopcarttable { border-collapse: collapse; width: 100%; }
.shopcarttable td { border: 1px solid #ebebeb; padding: 10px; text-align: right; }
.shopcarttable .imgshopcart { display: inline; }
.shopcarttable td.cartlinename { text-align: left; }
.carthead td, tr.carttotallines td .PBColHead, tr.cartdiscount td .PBColHead, tr.cartsubtotal td .PBColHead { font-style: normal; font-family: 'Oswald', sans-serif;  font-size: 17px;  font-weight:normal;}
.scshopcart .sectiondata { border: none; margin: 0; padding: 0; }
.scshopcart .sectiondataarea { border: none; padding: 5px; }
.scshopcart tr.cartsubtotal .PBCurrency { font-size: 22px; font-style: normal; }
.scshopcart .PBMainTxt { font-size: 14px; font-weight: normal; font-style: normal; } /* titres des articles dans le panier*/
.scconfirmform .PBSTitle, .scpaymentform .PBSTitle, .scshipform .PBSTitle { font-weight:normal; display: block; color :#0066a7;}
.scshipform .PBMainTxt { font-family:arial; color: #000; font-size: 12px; font-style: normal; font-weight: normal; }

.scpaymentform .sectiondata { border-width: 0 0 1px 0; border-style: solid; border-color: #EBEBEB; margin: 5px; padding: 0 0 10px; }
.scpaymentform label .PBMainTxt { text-transform:none; font-family: arial; color: #000;  font-style: normal ;font-weight: normal;}
.scpaymentform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata { border-width: 1px 0 0 0; border-style: solid; border-color: #EBEBEB; margin: 0; padding: 15px 0; }
.scconfirmform .carttotalprice .PBCurrency{ font-size: 18px; font-style: normal; }
.scconfirmform .sectiondata .PBMainTxt { color: #000;font-family: arial; text-transform: none; font-size: 12px; font-style: normal; font-weight: normal; }
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency { color: #222222; font-size: 12px; font-weight: normal;}

/**************************** Composants et autres **************************************/
.blogarticles .PBSTitle { 
    font-size: 14px; 
    font-weight: normal;
}
.PBDate { 
    color: #666 ; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; 
}
.PBNumber { 
    color: #666 ; 
    font-size: 14px; 
    font-style: normal; 
    font-weight: normal;
}

.PBShortTxt { color: #666; font-size: 12px; }
.PBLongTxt { color: #000; font-size: 12px; }
.PBColHead { color: #000; font-size: 12px; }
.PBStatic { color: #000; font-size: 12px; font-weight: normal; }
.PBMsg {  font-size: 12px;  }
.PBErrMsg { color: #FF0000; font-size: 12px; font-weight:normal; }
.PBReqNote { color: #000; font-size: 12px; font-style: italic; }
.PBItemPrice { }
.PBSalesPrice { font-weight:normal;}
.PBStrike , .PBDiscount{ color: #e77b2a; font-size: 11px; font-weight: normal; color:#999; }
hr.PBMain { background-color: #000; height: 1px; border: none; }
hr.PBSub { background-color: #ccc; height: 1px; border: none; }
textarea.PB { color: #aaa; font-size: 12px; font-style: normal; font-family: arial;}
select.PB { color: #aaa; font-size: 12px; font-style: normal; background-color: #fff; margin: 0; padding: 0; border: 1px solid #ccc; }
input.PB { color: #aa; 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: #4a4643; }

/**************************** Images **************************************/
.imgthumbnail, .imgmain {  margin: 10px;}

/**************************** BlockMarketing **************************************/
#bodycolumn1 .blockshortcut {
    font-size: 12px;
    margin: 0 auto 10px;
    padding: 0;
    text-align: left;
}

.blockmktg .title {
    background-color: #4a4643 ;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-decoration: none;font-family: 'Open Sans', sans-serif;
    text-transform:uppercase;
}

.blockmktg .itemlist .PBItemImg {
    float: none;
    margin: 0;
    text-align: center;
}

.blockmktg .itemlist .imgthumbnail {
    width: 100px;
}

.blockmktg .itemlist .PBItemPrice, .blockmktg .itemlist .PBItemName {
    margin: 0;
    text-align: center;
}

.blockmktg .itemlist .PBShortTxt {
    font-size: 12px;
}

.blockmktg .itemlist .PBItemPrice .PBCurrency {
    font-size: 16px;
    font-weight:normal;
}

.blockmktg .itemlist .sectiondata {
    height: auto;
    margin: 0 0 10px;
    padding: 0;
}

#blockmktgrecentlyviewed .title { font-size:13px; }

/**************************** Espace Mon compte **************************************/
.useraccount .menulist A.PBBtnStd {
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}

.useraccount ul.menulist {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

/**************************** Espace login **************************************/
.userlogin .sectiondataarea{
    padding: 0;
}

.userlogin .sectiondata {
    border: medium none;
    margin: 0;
    padding: 0;
}

.userlogin #sectionlogin .sectiondata  {
    border: 1px solid #EBEBEB;
    margin: 10px;
    padding: 10px;
}

.userlogin #sectionlogin .sectiondataarea {
    margin: 0;
    padding: 0;  padding: 5px 10px;
}

.userlogin .sectionloginMsg .sectiondata {
    border: medium none;
    margin: 0;
    padding: 10px;
}


.userlogin #sectionlogin .loginHeader {
    border-bottom: 1px solid;
    padding: 5px 0;
    text-align: left;
}

/**************************** Gestion des stocks **************************************/
.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl, 
.PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued,
.PBShortTxt.PBMsgOutOfStock {
    display: inline-block;
    font-weight: normal;
    font-size: 11px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    height: auto;
    margin:5px 0;
}

.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl { /* En stock */
    color: #6fa600;
}

.PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued { /* Discontinuit&#65533; */
    color: #ffa600;
}

.PBShortTxt.PBMsgOutOfStock{ /* En rupture */
    color: #b50000;
}

.PBEcoPart{ /* Eco-partition */
    color: #ccc;
    font-weight: normal;
    height: auto;
    line-height: 20px;
    margin: 5px 0;
    max-width: 120px;
    padding: 0 10px;
    text-align: center;
    width: -moz-max-content;
}

/**************************** Ajout dans l'en-t&#65533;te **************************************/

#menuadmin .a-link { display:inline; line-height:20px; color:#b2d1f0; padding:0 15px 0 0;}
#menuadmin .a-flag {display:inline; position:absolute;}

#menuadmin {
    height:25px;
    padding:0;
    margin:0;
    position:absolute;
    top:10px;
    width:180px; display:block;
    z-index:999;
border-bottom:1px solid #000:
    font-family: arial, sans-serif;
    font-size:12px;
    text-align: left;
    color: #FFFFFF;
left:800px;
border-bottom:3px solid #13303e;

}

#headerInfoCart {
    right: 160px;
    display: inline-block;
    margin: 0;
    *float:right;
    *margin-right:20px;
display:none;
}

#headerSearchBlock {
    position: absolute;
    right: 0;
    top: 43px;
    vertical-align: middle;
display:none;
}

#headerSearchBlock form {
    padding:0;
    margin:0;    
}

#menuadmin .cartLink {
    font-size: 18px;
    color: #FFFFFF;
}

#menuadmin .cartPrice {
    font-size: 18px;
}

#menuadmin a.cartPrice:hover {
    color: #FFFFFF;
}

#menuadmin a.cartLink:hover {
    color: #0066a7;
}

#menuadmin a.accountLink, #menuadmin a.homeLink {
    margin-right: 10px; 
    *float:right;     color: #a6d0ea; padding:0 0 5px 0; 
}

#menuadmin a.accountLink:hover, #menuadmin a.homeLink:hover {
    color:#FFFFFF;
}

#headerSearchBlock form {
    font-size : 0;
}
#headerSearchBlock .blockbtn {
    background-color: #0066a7;
    border:none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 24px;
    width:30px;
    padding: 0;
}

#headerSearchBlock .blockbtn:hover {
    background-color: #494949;  
    cursor:pointer;
}

#headerSearchBlock .searchtext {
    width: 140px;
    height:24px;
    line-height:24px;
    margin: 0 10px 0 0;
    padding: 0px 0 0 5px;
    vertical-align: top;
}
#headerbtn {}
#headerbtn a { 
    padding:0 5px 0 5px; 
    border-right: 1px solid #0066a7;        color: #FFFFFF
}
#headerbtn a:hover { background-color:#0066a7; color:#fff;}

/**************************** Boutons - Process de commande **************************************/
.itemdetail a#btnaddtocart.btnmain.btnaddtocart span, a#btnordernow span, a#btncheckout span, .userlogin .loginValid a.btnmain span, .scorderform a#btncontinue span, .scshipform a#btncontinue span, .scpaymentform a#btncontinue span, .itemdetail a#btnreqinfo span, a#btnviewinvc span 
{ /* Ajouter au panier */
    display:inline-block;
    margin:10px 0;
    padding:0;
    font-size:20px;font-family: 'Open Sans', sans-serif;
    background-color:#0066a7;
    color:#fff;
    line-height: 40px;
    padding:0 20px;    
    white-space: nowrap;
}

a#btnordernow:hover span, a#btncheckout:hover span, .userlogin .loginValid a.btnmain:hover span, .scorderform a#btncontinue:hover span, .scshipform a#btncontinue:hover span, .scpaymentform a#btncontinue:hover span, .itemdetail a#btnreqinfo:hover span, a#btnviewinvc:hover span {
    background-color: #444444;
}

/*bouton devis*/
a#btnquotation {
    display: block;
}

a#btnquotation span {
    background-color: transparent;
    color: #444444;
    font-size: 14px;
    text-decoration: underline;
    text-shadow: none;
    line-height: 20px;
    margin: 0;
    background-image: url(/Files/0/icon-salespolicy-black-20X20.png);   
    background-position: 2px 0px;   
    background-repeat: no-repeat;  
    padding: 0 6px 0 24px; 
    line-height: 20px;
}

a#btnquotation:hover span {
    color: #0066a7;
}

.scshopcart .quoteSep { display:none; }

.scshopcart a#btnclearcart span, .scshopcart a#btnupdtcart span, .scshopcart a#btnreturn span {
    white-space: nowrap;
    font-size: 13px;
}

.shopcarttable .itemcode { color:#4a4643;}

/**** Facettes ***/
#blockfacets .title { 
   font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size:15px;
    padding: 0 18px 0 4px;
}
#blockfacets input { max-width:40px;}

.blockfacets .facetlist {
    line-height: 20px;
}

.blockfacets .blockarea {
    position:relative;
}

.blockfacets .facetreset {
    position: absolute;
    right: 0;
    top: 4px;
}

.blockfacets div.facetreset a {
    background-image: url(/Files/0/icon-close-white-15x15.png);
    background-position: center center;
    background-repeat: no-repeat;
    display:block;
    width:15px;
    height:15px;
    background-color: #0066a7;
    border-radius: 5px;
}

.blockfacets .facetreset span {
    display:none;
}

#blockfacets input.facetrange {
    width: 24%;
}

.blockfacet .blockbtn {
    width:20%; 
    vertical-align: middle;
    margin-left:5px;
}

.facetinput {
    border:none;
}

.blockfacets .facettypecheckbox .facet, .blockfacets .facettyperadio .facet{
    padding: 0 2px;
}

.blockfacets select.facetlist{
    padding: 3px 2px;
}

.blockfacets .facettyperadio .selectedfacet {
    background-color:#0066a7;
    border-radius:5px;
    color:#ffffff;
}

.blockfacets .facettyperadio #facetvalue0 {
    background-color:transparent;
    color:#000000;
}

:root *> .blockfacets .facettypecheckbox .facetinput, :root *> .blockfacets .facettyperadio .facetinput {   display:none; }
:root *> .blockfacets .facettypecheckbox  label, :root *> .blockfacets .facettyperadio  label { 
    background-image: url(/Files/0/icon-CheckBoxOFF-black-15X15.png);
    background-position: 2px 2px;
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;    
}
:root *> .blockfacets .facettypecheckbox .selectedfacet label { 
    background-image: url(/Files/0/icon-CheckBoxOn-black-15X15.png);
}
:root *> .blockfacets .facettyperadio .selectedfacet label { 
    background-image: url(/Files/0/icon-radioBoxOn-black-15X15.png);
}

.blockfacet input.facetrangemodified, .blockfacet input.facetrange:focus {
    color : #0066a7;
    font-weight: bold;
}

.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet  {
    border-color : #0066a7;
    border-style: solid;
}

/*Classes appliqu&#65533;es aux WebBlocks*/
.designBackColorMain, .designBackColorMainHover:hover  {
    background-color:#0066a7;
}

.designColorMain, .designColorMainHover:hover  {
    color:#0066a7;
}

.designColoredSub {
    color:#0066a7;
}

.designBackColorSub {
    background-color:#494949;
}

.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover{
    color:#ffffff;
}

.designTextColorSub {
    color:#ffffff;
}

.designBackColorTer {
    background-color:#EBEBEB;
}

.designTextColorTer {
    color:#494949;
}

/*Diaporama*/
#expDiaporama .tagListElements a.tagLinks {
    background-color:#AAAAAA;
}

#expDiaporama .tagListElements a.taghighlighted {
    background-color:#0066a7;
}

/* Process de paiement **/
.scorderform .PBSTitle, .infoform .PBSTitle  {
    display: list-item;
    line-height: 30px;
    list-style: square inside none;
    color: #0066a7;
}

label[for="SalesPolicy"] {
    border-bottom: 3px solid #000000;
    color: #0066a7;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 10px 5px;
    padding: 0 10px;
}

.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
    border: medium none;
    margin: 10px;
}

.imgcontainer {
    float: right;
    margin-left: 10px;
}

.PBSubTitle td {
    width: 500px;
}

.infocart .viewtbl table.PBTable td, .infoform .viewtbl table.PBTable td  {
    Padding :5px 10px ;
}

.PBTable TD, .PBOptImgTable TD {
    vertical-align: middle;
}

.infocart .viewtbl table.PBTable, .infoform .viewtbl table.PBTable {
    border-collapse: collapse;
}

.useraccount .viewtbl table {
    border-collapse: collapse;
}

.useraccount .PBTable TD {
    padding: 5px;
    vertical-align: middle;
}

.useraccount .PBTable th {
    padding: 5px;
}

/*****************optimisation bouton formulaire******************/
input[type="button"], input[type="submit"], button { 
    padding : 0 5px;
    color:#ffffff;    
    background-color: #494949;
    border:none;
    margin: 2px;      
    height : 21px;
    line-height: 19px;
    vertical-align: middle;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover {
    background-color: #0066a7;
}
input[type="radio"], input[type="checkbox"] {   border:none; }

input.PBBtnStd { 
    height : 28px;
    line-height: 26px;
    padding : 0 10px;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size:16px;
}
/********************************Page recherche********************************************/
.searchpage td {    vertical-align: middle;  }

/******************************Block marketing**************************/
#blockuserlogout .logout {
    display: block;
}

/*speech bublles*/
.speechBubble:after {
    border-color: transparent #0066a7 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 : #0066a7;
    margin-top:15px;
} 

body.PB .speechBubble {display: block;}

/* Steps*/
#stepsContainer { 
    padding: 0;
    width:100%;
    display: block;
    border-bottom:3px solid #666;
    margin: 0;
    height: 20px;
    margin-bottom:20px;
    position: relative;
}

#stepsContainer li {
    display: inline-block; 
    width:24%;
    *float:left;
    *display:block;
    *text-align:left;
    position:relative;
    *top:5px;
}

li#stepConfirm {
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
}

#stepsContainer li span {
    background-color: #666;
    display:block;
    width:30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-family: 'Fjalla One',sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-align:center;
    border-radius:50%;
}

.scshopcart #stepCart span, .usercreateaccount #stepAccount span, .scorderform #stepAccount span, .scshipform #stepShipping span, .scpaymentform #stepPayment span, .scconfirmform #stepConfirm span {
    background-color: #0066a7;
    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; }


.sectionsubcatlist { background-color:#fff;}


#maincontainer.oxcreatesite .PBSTitle { display:block; color:#fff; line-height:70px;}

#bodydata.oxSiteBlock.oxSiteValidate .BtnCreateSiteL2 {background-image:none;}


/**************************** OXCREATE **************************************/

.oxcreatesite .oxSiteBlock .PBSTitle  { font-size:20px; top:0;  font-family: 'Open Sans', sans-serif; line-height:0px;  }
.oxcreatesite .oxSiteBlock { margin:10px 0; display:block;}


.oxcreatesite .licenseAgreement { display:block; padding:10px 0 0px 40px; line-height:40px;  }

/**************************** FIN OXCREATE **************************************/

.oxcreatesite .oxSiteBlock.oxSiteCGU input#SMSValidationCode.PB {
    background-color: #FFFFFF;
    border: 2px solid #888;
    border-radius: 5px;
    bottom: 85px;
    display: block;
    font-family: 'Oswald',Arial,sans-serif;
    font-size: 19px;
    font-weight: 300;
    height: 20px;
    left: 580px;
    line-height: 25px;
    margin: 10px 0;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
}

body .oxcreatesite #BtnSendValidationCode {
    background-color: #333333;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    left: 210px;

}
.oxcreatesite #BtnSendValidationCode {
    background-color: #FFFFFF;
    background-image: url("/Files/13825/Design-V11/btn-next.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 1px solid #099AB7;
    color: #099AB7;
    cursor: pointer;
    font-family: 'Oswald',Arial,sans-serif;
    font-size: 19px;
    font-weight: 300;
    left: 10px;
    line-height: 25px;
    margin: 10px 0;
    padding: 5px 10px 5px 24px;
    position: absolute;
    text-transform: uppercase;
    top: 5px;
height: 42px;
}

.oxcreatesite #bodycontainer .oxSiteCGU .oxSiteSMSBlock {
    background-color: #193a49;
    bottom: 0;
    color: #333;
    height: 65px;
    left: 0;
    margin: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100;
}

body #maincontainer.oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU .PBStatic{
	left: 680px;
}


.blockFakePhone span {
    background-color: #;
    background-repeat: no-repeat;
    border: 1px solid #C0C0C0;
    color: #aaa;
    font-size: 11px;
    left: 0;
    line-height: 20px;
    padding: 5px;
    position: absolute;
    top: -26px;
}

.blockFakePhone span img {
padding-top: 2px;
}

.blockFakePhone.valid span{
	display: none;
}

.blockFakePhone.valid input{
	background-image: url("/Images/OxCreateSite/oxcreatesite-valid.png");
	background-position: 140px center;
	background-repeat: no-repeat;
}

.oxcreatesite #bodycontainer .oxSiteCGU .oxSiteSMSBlock .oxSiteCell {
	background: transparent;
    display: block;
    margin: auto;
    position: relative;
    width: 980px;
}

body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU .PBStatic {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid #099AB7;
    bottom: 85px;
    color: #fff;
    display: block;
    font-family: 'arial';
    font-size: 13px;
    font-weight: 300;
    left: 580px;
    line-height: 25px;
    margin: 10px 0;
    position: absolute;
    top: 15px;
}


body .oxcreatesite #bodycontainer .oxSiteCGU div.oxSiteSMSBlock .oxSiteCell {
    background: transparent;
    display: block;
    height: 50px;
    margin: auto;
    position: relative;
    top: 0;
    width: 960px;
}

.oxcreatesite.fixed #bodycontainer .oxSiteCGU .oxSiteSMSBlock{
    background-color: #d6d6d6;
    color: #888;
    height: 73px;
    left: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 170px;
    width: 950px;
		opacity:1;
	filter:alpha(opacity=100); 
}

body #maincontainer.oxcreatesite.fixed #bodycontainer .oxSiteBlock.oxSiteCGU .PBStatic {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid #099AB7;
    bottom: 85px;
    color: #888;
    display: block;
    font-family: 'arial';
    font-size: 15px;
    font-weight: 300;
    left: 660px;
    line-height: 25px;
    margin: 10px 0;
    position: absolute;
    top: 15px;
}

.oxcreatesite.fixed .oxSiteBlock.oxSiteCGU input#SMSValidationCode.PB{
	 left: 550px;
}


body .oxcreatesite #BtnSendValidationCode{
	background-color: #aaa;
	border: 0px solid #FFFFFF;
    color: #FFFFFF; font-size:15px;
font-family: 'Open Sans', sans-serif;
	left: 210px;
  cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:12px;
 filter : alpha(opacity=80);
    opacity : 0.8;
background-image:none;
padding:10px;
}

body .oxcreatesite #BtnSendValidationCode:hover { filter : alpha(opacity=100);
    opacity : 1;}

.oxcreatesite #bodycontainer input#FakePhone{
    background-color: #FFFFFF;
    border: 2px solid #888;
    border-radius: 5px;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 19px;
    font-weight: 300;
    height: 20px;
    left: 20px;
    line-height: 25px;
    margin: 10px 0;
    padding: 5px 10px;
    position: absolute;
    top: 10px;
	 width: 150px;
	}

.oxcreatesite .oxSiteBlock.oxSiteCGU input#SMSValidationCode.PB{
	left: 560px;
}


body .oxcreatesite #SMSInfo {
background-color: #FFFFFF;
    bottom: 50px;
    display: block;
    left: 20px;
    position: absolute;
}

body .oxcreatesite #bodycontainer .oxSiteCGU #cguText{
	width: 500px;
}


body .oxcreatesite .licenseAgreement {
font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 0;
    padding: 0;
}

body .oxcreatesite #bodycontainer .oxSiteInfo #infoState {
    margin-left: 20px;
    width: 160px;
}

.oxcreatesite .PBPTitle{
font-size: 41px;
}

body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU{
height: 250px;
}

body .oxcreatesite #bodycontainer .oxSiteBottom.oxSiteComment{
width: 942px;
}

body #maincontainer.oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU .PBStatic span{
	color: #990033
}

body #maincontainer.oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU .PBStatic span.PBRequired{
	display: none;
}

body #maincontainer.oxcreatesite  .oxSiteBlock.oxSiteValidate span.BtnCreateSiteL2 font {display:block;}

body #maincontainer.oxcreatesite  .oxSiteBlock.oxSiteValidate input.BtnCreateSiteL2 {background-image:none;
  cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:12px;
max-width:400px;
left:300px;
position:absolute;
height:50px;
 filter : alpha(opacity=80);
    opacity : 0.8;
bottom:130px;
}

body #maincontainer.oxcreatesite  .PBPTitle { color:#fff; border:none; position:relative; text-align:center; margin:-10px 0 0 0;
text-shadow:1px 1px 0 #6d9a0b; font-size:30px;
}


body #maincontainer.oxcreatesite  .oxSiteBlock .PBSTitle { color:#0066a7; border:none;}


body #maincontainer.oxcreatesite  .oxSiteBlock.oxSiteValidate input.BtnCreateSiteL2:hover { filter : alpha(opacity=100);
    opacity : 1;}

/**************************** LOGIN **************************************/


#maincontainer.adlogin font.PBPTitle {
color:#fff; text-shadow:1px 1px 0 #6d9a0b;
text-align:center; display:block; padding:0 0 50px 0;
}

/**************************** FIN LOGIN **************************************/


#maincontainer.wbid1501281 body .oxcreatesite #bodycontainer .oxSiteOffer {
    display: none;
}

body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteOffer {
display:block; background-color:transparent;
margin:40px 0 0 0; padding:0;
}

body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteOffer .PBSTitle, body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteOffer img {display:none;}

body .oxcreatesite #bodycontainer .oxSiteBlock .oxSiteLeft {
    background: transparent;
    border-radius: 0px;
    display: block;
    float: left;
    padding: 25px;
    text-align: left;
    width: 638px;
}

body .oxcreatesite #bodycontainer .oxSiteBlock {
    background-color: #fafafa !important;
    margin: 10px 0;
    padding: 20px;
    width: 960px;
}

body #maincontainer.oxcreatesite .oxSiteBlock .PBSTitle {
    border: medium none;
    color: #0066a7;
    margin: 0;
    line-height: 40px;
}

body #maincontainer.oxcreatesite .oxSiteBlock.oxSiteValidate input.BtnCreateSiteL2 {
    font-size: 22px;
    line-height: 50px;
    padding: 0;
}

body .oxcreatesite #bodycontainer .iconLink{
    background: transparent;
}

body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteDesign{
    padding: 10px;
}

body .oxcreatesite .licenseAgreement{
    background: transparent;
}

body .oxcreatesite #bodycolumn2 .sectiontb .PBPTitle p{
    font-size: 18px;
}

body.oxCreateShow .oxcreatesite .viewtbl, body .siteCreateOk{
    display: none;
}



body #maincontainer.oxcreatesite .oxSiteBottom.oxSiteOfferPromo {background-color:transparent; padding:0 0 0px 0; position:absolute; top:175px; left:230px;}

.oxcreatesite #expDiaporama.diaporama_blockTitle { text-shadow:0; color:#333;}

#maincontainer.oxcreatesite.oxCreateShow.loaded  {color:#fff; background-image:none; text-shadow:0;}

#loginArea { width:450px; padding: 20px 0px 20px 20px; border: 1px solid #ddd; margin:20px 30px 0 0;}
#loginArea .PBStatic { font-weight:300; font-family: 'Open Sans', sans-serif;font-size:16px;}
#loginArea .PBMsg {  font-family: 'Open sans', Arial, cursive;  font-size:14px;  color:#0899b7; padding:0 0px 0 5px; letter-spacing:0px; display:inline; line-height:25px;}

input.PBBtnStd {
  cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:12px;
 filter : alpha(opacity=80);
    opacity : 0.8;
}

#loginArea input.PBBtnStd {
  cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:12px;
 filter : alpha(opacity=80);
    opacity : 0.8;
}

.adlogin font.PBMsg { font-size:16px; padding:20px; display:block;}

#loginArea input.PBBtnStd:hover, input.PBBtnStd:hover { filter : alpha(opacity=100);
    opacity : 1;}

#maincontainer.wbid1501281 font.PBSTitle {color:#fff; }
 #maincontainer.wbid1501281 font.PBStatic {color:#fff; margin:0 0 110px 0; display:block;}



#loginBanner {max-width:450px;}
#loginBanner font.PBShortTxt {display:block; text-align:justify; padding:0 20px 0 0;}

#loginBanner font.PBMainTxt.iconlink {
 display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    margin: 10px 0;
    cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #13303e;
    background-color:#0066a7;
    color:#fff; text-shadow:1px 1px 0 #13303e;
    font-size:12px;
 filter : alpha(opacity=80);
    opacity : 0.8;
}


#loginBanner font.PBMainTxt.iconlink:hover {
 filter : alpha(opacity=100);
    opacity : 1;
}

#loginBanner b { font-family:'Open sans',arial; font-size:20px; line-height:20px; margin:20px 0 -5px 0; padding:0; display:block; text-align:left; font-weight:500;}


body .oxcreatesite #bodycontainer .oxSiteBlock.oxSiteCGU {
    height: 205px;
}


#maincontainer.oxlicense font.PBPTitle { display:block; margin:0 0 80px 0 ; font-size:35px;}

body  .oxcreatesite #bodycontainer .oxSiteBlock .oxSiteLeft
{ display:block; float:left; width:650px; padding: 20px; background-color:transparent; border-radius: 
0px; /* coins arrondis */ -moz-border-radius: 0px; -webkit-border-radius: 10px; -o-border-radius: 0px; text-align:left; }

body .oxcreatesite #bodycontainer .oxSiteBlock .oxSiteRight{ display:block; float:right; width:202px; padding: 0; text-align:center; vertical-align:middle; }

#idPass {min-width:340px; }

input.PBBtnStd.call-orange {display:block;}

input.PBBtnStd.call-orange {background-image:none;
  cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:19px;
max-width:400px;
height:50px;
 filter : alpha(opacity=80);
    opacity : 0.8;
}

input.PBBtnStd.call-orange:hover {
 filter : alpha(opacity=100);
    opacity :1;
}


.action font{ cursor:pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    font-family: arial, sans-serif;
   box-shadow:-0px 4px 0 #6d9a0b;
    background-color:#a4ce39;
    color:#fff; text-shadow:1px 1px 0 #6d9a0b;
    font-size:17px;
 filter : alpha(opacity=80);
    opacity : 0.8;
display:block; max-width:400px;
margin:30px auto 0px auto; 
padding:10px 20px;}



.action font:hover{ 
 filter : alpha(opacity=100);
    opacity : 1;;}
