recherche de ligne de code

garancetosello

WRInaute discret
Bonjour à tous,
J'aide une amie à faire son site Internet.
J'ai quelques notions CSS mais là j'avoue que je suis dépassée.
Est-ce possible d'avoir un gros coup de pouce ?
En image ce qu'elle souhaiterait changer.

Capture.jpg


D'après mes souvenirs
PB ItemPrice / PBSalesPrice = Prix
PBPTitle = Titre de la page


Sauf que quand par exemple, je change à la linge 658 (PB ItemPrice / PBSalesPrice)
Code:
.itemdetail .PBItemPrice .PBCurrency { font-size : 22px; }
.PBTable.discountgrid tr:first-child {
background-color:#CDCACA;
par
Code:
.itemdetail .PBItemPrice .PBCurrency { font-size : 10px; }
> Rien ne change



De plus il y a d'autres combinaisons qu'elle aimerait changer (voir l'image ci dessous) mais je ne sais pas à quelle ligne de code cela correspond.
Attention, je ne vous demande pas de faire son travail mais si vous pouvez m'aiguiller ca serait top
Puis-je avoir de l'aide SVP ?







Code:
/**************Xopie v1.1******************/

/******************* Reset CSS *******************/
h1, h2, h3, h4, h5, h6 { display : inline; font-family : inherit; font-size : 1em; font-size : inherit; font-weight : inherit; margin : 0; padding : 0; }
body.PBPW { background-color : #fff; color : #000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; margin : 20px; }
#topbanner { display : block; padding : 15px 0; text-align : center; width : 100%; }
img { border : none; }
input { background-color : #EEE; border : none; display : inline-block; font-size : 12px; height : 24px; line-height : 24px; margin : 0; padding : 0 5px; vertical-align : middle; }
select { font-family : 'Open Sans', helvetica, arial, sans-serif; }
#bodycolumn3 { position : absolute; right : -20px; top : 0; }
#verticalbanner { left : 0; position : absolute; top : 0; }
#bodytopbanner { display : block; text-align : center; width : 100%; }
#bodydata form { text-align : left; }
.clearbodycontainer { clear : both; height : 0; }
#maincontainer p { margin : 0; padding : 0; }
#maincontainer font, #maincontainer span { line-height : 20px; }
body.PB #maincontainer * {  -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-sizing: border-box; }
body.PB #maincontainer ul {/*padding:0; margin:0;*/}

/******************* Liens *******************/

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:#CDCACA;
text-decoration:none;
}
body.PB a:hover, body.PBPW a:hover, a:hover, body.PB a:hover font, body.PBPW a:hover font {
color:#9B9595;
text-decoration:none;
}

/******************* Body et Site *******************/
body.PB {
color:#666666;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
margin: 0;
padding: 0;
text-align:center;
}
#maincontainer { 
    margin: 0 auto -20px; 
    padding: 0; 
    width: 100%; 
    box-sizing: border-box;
 line-height: 20px;
}

/******************* Header *******************/
#headercontainer {
margin: 0;
z-index:100;
background-color:#FFFFFF;
border-bottom:1px solid #EEE;
}
#headerarea { margin: 0 auto; position: relative; width: 100%; z-index: 250;}
#headerInner {
width:100%;
background-image:url("/Files/118468/Img/20/logo.jpg");
background-position:center top;
background-repeat:no-repeat;
border-bottom:1px solid #EBEBEB;
height:250px;
background-color:#FFFFFF;
}
#headerInnerContent {
    width: 960px;
    position: relative;
    margin: 0 auto;
}
#btnContainer {
    width:960px;
    position: relative;
    height:0;
    margin: 0 auto;
    z-index: 300;
    line-height: 0;
}
#headercolumn1 { 
    display: inline-block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    top: 10px;
    vertical-align: middle;
    width: 300px;
    z-index: 500;
}
#headerlogo, #headerlogo a { display: block; height: 100%;}
#headerlogo img {
max-height:234px;
max-width:300px;
}
#headercolumn2 {
bottom:208px;
display:block;
right:300px;
position:absolute;
text-align:left;
vertical-align:bottom;
z-index:500;
}

#headertext {
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:13px;
color:#CDCACA;
}

#headerlogo span { color: #666; font-family: 'Open Sans', helvetica, arial, sans-serif; font-size: 35px; text-transform: uppercase;}
#headerdata img {  max-height: 100%; max-width: 100%;}
#headerbanner { display: block; text-align: center; width: 100%;}
#headerBtn {
    left: 0px;
    position: relative;
    top: 0px;
    width: 960px;
}
#headerBtn a {
color:#CDCACA;
font-size:13px;
margin: 0;
}
#headerBtn a:hover {
color:#9B9595;
}
a.accountLink {
position:absolute;
bottom:1px;
left:auto;
right:20px;
}
#headerInfoCart a.cartLink {
color:#CDCACA;
}
#headerInfoCart a.cartLink:hover {
color:#9B9595;
}
#headerInfoCart #ZoneCart {
height: 46px;
}

#headermenu {  
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
    z-index: 250;   
}
#hmenu, #hmenu li, #hmenu li div, #hmenu li div ul, #hmenu li div ul li { z-index: 100;}
#hmenu {
display:block;
line-height:30px;
list-style:none outside none;
margin:0 0 0 40px;
padding: 0;
width:672px;
text-align:left;
}
#hmenu > li.begin, #hmenu > li.end { display : none; }
#hmenu > li.mispacer { width : 10px; }
#hmenu > li.misep { display:none;}
#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%; }
#hmenu > li { color : #000000; display : inline-block; height:40px;  line-height:36px; *float:left; list-style : none outside none; vertical-align: top}
#hmenu > li > a.menu, #hmenu > li > span {
color:#000000;
display:block;
font-size:13px;
padding:0 10px;
text-decoration:none;
white-space:nowrap;
}
#hmenu > li.mitext > a.menu, #hmenu > li.mitext > span { font-weight : 700; }
#hmenu > li.mititle > a.menu, #hmenu > li.mititle > span { font-weight : 800; }
#hmenu > li > a.menu:hover, #hmenu > li > a.menu.subactive {
color:#CDCACA;
border-bottom:3px solid #AB1074;
}
#hmenu li ul.submenu {
    background-color: #fff;
    border:1px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    background-image: none;
    display: block;
    list-style: none;
    margin: 0;
    padding: 4px;
    position: absolute;
    visibility: hidden;
    width: 220px;
}
#hmenu li ul.submenu li { font-size : 0; line-height : 0; text-align : left; }
#hmenu li ul.submenu a, #hmenu li ul.submenu span { display : block; padding : 0 10px; }
#hmenu li ul.submenu li.begin, #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; }
#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 { background-color : #ebebeb; border : none; height : 1px; margin : 10px 0; }
#hmenu li ul.submenu li a, #hmenu li ul.submenu li span { color : #666; 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:#AB1074;
background-image:none;
}
#bodycontainer {
margin:0 auto;
width:100%;
z-index:150;
background-attachment:scroll;
background-position:center top;
background-repeat:repeat-y;
background-image:none;
background-color:#FFFFFF;
padding:20px 0;
}
#bodyarea { margin : 0 auto; min-height : 450px; padding : 0px; position : relative; width:960px }
#bodycolumn1 { float : left; padding : 0; width : 200px; z-index : 150; }
#bodycolumn2 { margin-left : 220px; padding : 0; text-align : left; }
#bodydata { padding : 0; width : 100%; }
#verticalmenu {
margin:0 0 20px;
text-align:left;
width:100%;
background-color:#FFF;
border-bottom:3px solid #AB1074;
border-radius:4px 4px 0 0;
}
#verticalmenu, #vmenu, #vmenu li div { z-index : 150; }
#vmenu li { z-index : 100; }
#vmenu { list-style-type : none; margin : 0; padding : 5px; }
#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:#AB1074;
height:3px;
margin:10px 0;
width:100%;
}
#vmenu > li.mititle > span, #vmenu > li.mititle > a.menu {
color:#CDCACA;
font-size:13px;
height:25px;
line-height:25px;
padding: 0;
text-align:left;
text-decoration:none;
font-weight:700;
}
#vmenu > li.mititle > a.menu:hover, #vmenu > li.mititle > a.subactive {
color:#9B9595;
transition:all 0.5s ease-out;
text-indent:5px;
}
#vmenu > li.mitext > a.menu, #vmenu > li.mitext > span {
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    padding: 0;
    text-decoration: none;
    text-indent: 5px;
}
#vmenu > li.mitext > a.menu:hover, #vmenu > li.mitext > a.subactive {
color:#9B9595;
transition:all 0.5s ease-out;
text-indent:10px;
}
#vmenu li ul.submenu {
    list-style-type: none;
    margin: 0;
    padding: 4px;
    position: absolute;
    text-align: left;
    top: 0\9;
    visibility: hidden;
    width: 220px;
    z-index: 150;
    background-color: #FFF;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
}
#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 { background-image : none; font-size : 0; line-height : 0; text-align : left; }
#vmenu li ul.submenu li.begin, #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 {
background-color:#AB1074;
border:none;
height:3px;
margin:10px 0;
transition:all 0.5s ease-out;
}
#vmenu li ul.submenu li a, #vmenu li ul.submenu li span { 
    background-image : none; 
    color : #666; 
    display : block; 
    font-size : 12px; line-height : 24px; padding : 0 5px; 
    text-align : left; 
    text-decoration : 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 {
background-image:none;
color:#AB1074;
transition:all 0.5s ease-out;
}
.blockcontainer { margin : 0 0 0 20px; width : 200px; }
.blockshortcut {
color:#000;
font-size:12px;
margin:0px 0px 20px;
text-align:left;
background-color:#FFF;
border-bottom:3px solid #AB1074;
border-radius:4px 4px 0 0;
}
.blockshortcut a {
color:#CDCACA;
text-decoration:none;
}
.blockshortcut a:hover { color : #000000; text-decoration : none; }
.blockmktg { border : none; }
#blocksearch, #blockuserlogin , #blockuserlogout , #blocknewsletter, #blockcoupon { line-height : 15px; }
#blockfreetext .PBShortTxt { display : block; text-align : justify; }
.blockarea { padding: 5px; }
.blockmktg .blockarea { margin : 0; padding: 0; }
.blockshortcut form, #blocknewsletter p { margin : 0; padding : 0; }
.blockshortcut input[type="text"], .blockshortcut input[type="password"] { color : #000; margin : 5px 0; width : 120px; }
.blockshortcut .blockbtn { cursor : pointer; line-height : 12px; margin : 5px; }
#blockcoupon .blockbtn { display : inline; display : inline-block; line-height : 12px; }
#blockuserlogout .hellouser, blockuserlogout .viewaccountinfo , #blockuserlogin .firstvisit, #blockuserlogin .firstvisit a, #blockcoupon s.coupon { display : block; }
#blocksearch .searchimg { background : url(/Files/0/icon-search-black-20X20.png) no-repeat scroll left center transparent; display : inline; display : inline-block; height : 19px; margin : 0 5px; vertical-align : middle; width : 20px; }
#blocknewsletter #newsok, #blocknewsletter #newsko { background-color: transparent; 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; margin : 0 auto; width : 63px; }
.datatbl, .itemtbl, .infotbl { padding : 0; }
#langflags { margin : 10px 0;}
#footercontainer #langflags { clear : both; }
#langflags ul { list-style : none; margin : 0; padding : 0; text-align : center; }
#langflags ul li { display : inline; display : inline-block; padding : 0 1px; }
#langflags ul li a span { background-position : center center; background-repeat : no-repeat; border : 1px solid #ccc; display : inline-block; height : 15px; width : 22px; }
#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); }
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb, #btnviewinvc, #iconmap, .SCViewLog, .faqTop, .PBDownload, .SCViewInvoice, .ShopBagReload, .RSSBlogFeeds, .RSSCommentsFeeds { background-position : center center; background-repeat : no-repeat; height : 20px; vertical-align : middle; width : 20px; }
#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"); }
#btnviewinvc span { background-image : url(/Files/0/icon-salespolicy-white-20X20.png); background-position : 2px 4px; background-repeat : no-repeat; padding : 0 6px 0 24px; }
#btnvieworder span { background-image : url(/Files/0/icon-SCViewInvoice-black-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); }
#blockuserlogout .viewaccountinfo a, #blockuserlogout .logout a {
background-color:#CDCACA;
color:#FFFFFF;
display:inline-block;
height:24px;
line-height:24px;
margin:0 0 10px;
padding:0 10px;
width:auto;
}
#blockuserlogout .viewaccountinfo a:hover, #blockuserlogout .logout a:hover {
background-color:#000000;
color:#CDCACA;
}
.viewtbl { border-collapse : collapse; border-spacing : 0; width : 100%; }
.viewtbl table { border-collapse : separate; }
.viewtblsplitted { }
.viewtblsplitcol1 { }
.viewtblsplitcol1content { }
.sectiontb { margin : 0; padding : 0; }
.sectiontbarea { margin : 0; padding : 0; }
.sectiondata {
margin:0 0 20px;
background:#FFF;
border-radius:4px 4px 0 0;
border-bottom:3px solid #AB1074;
}
.webblock .viewtbl:not(.viewtblsplitted) .sectiondata { border : none; margin : 0; }
.webblock .viewtblsplitcol1 .sectiondata, .webblock .sectiondata { border : none; margin : 0; }
.sectiondataarea { padding : 10px!important; }
.sectiondata .sectioncatheader { border : none; height : auto; margin : 0; }
ul.subcatlist li { border-left : 1px solid #ccc; display : inline-block; 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-family : arial, sans-serif; font-size : 11px; font-weight : normal; }
ul.subcatlist li a:hover .PBMainTxt {
color:#CDCACA;
}ul.subcatlist li a:hover { text-decoration : none; }
.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 { border : none; display : inline; display : inline-block; margin : 0; padding : 0; }
.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 {
border:none;
border-style:solid;
border-width:0 0 2px;
color:#CDCACA;
font-size:14px;
font-style:normal;
font-weight:normal;
margin:0 3px;
padding:3px 5px;
white-space:nowrap;
}
div.navbar span.off { border-style : solid; border-width : 0 0 2px; }
.navbar a:hover { color : #333; font-weight : bold; text-decoration : none; }
.navbar a, .navbar a:visited, .navbar .off, .navbar a:hover span, div.navbar span.off {
color:#AB1074;
text-decoration:none;
}
#footercontainer {
border:none;
color:#666;
font-size:11px;
margin:0 auto;
padding: 0;
text-align:center;
width:100%;
border-top:3px solid #CDCACA;
background-image:url("/Files/118468/Img/02/footer.gif");
background-position:left center;
background-repeat:repeat;
background-color:#BD248F;
}
#footerarea { 
    margin : 0 auto; 
    position : relative;       
}
#footermenu {
margin:0 auto;
padding:20px 0;
width:960px;
min-height:250px;
}
#fmenu {
line-height:23px;
list-style-type:none;
margin: 0;
padding: 0;
text-align:left;
float:right;
width:66%;
}
#fmenu li {
*display:inline;
*float:left;
display:inline-block;
margin:0;
padding:0 0;
width:33%;
}
#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 {
color:#FFFFFF;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
font-weight:bold;
padding: 0;
}
#fmenu li.mitext a, #fmenu li.mitext span {
color:#FFFFFF;
font-size:11px;
font-weight:normal;
}
#fmenu li.mitext a:hover, #fmenu li.mititle a:hover {
color:#9B9595;
text-decoration:none;
transition:all 0.5s ease-out;
}

#poweredby, #copyright {
display:inline-block;
width:100%;
background-color:#CDCACA;
line-height:40px;
text-align:center;
}
#poweredby a span,#copyright span {
color:#000000;
font-size:11px;
line-height:20px;
padding:5px;
}
#poweredby a:hover, #poweredby a:hover span { text-decoration : underline; }
a.btnmain { }
a.btnmain span {
background-color:#FFF;
background-image:none;
border:1px solid #EBEBEB;
color:#CDCACA;
cursor:pointer;
display:inline-block;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
line-height:24px;
margin:10px 0;
padding:0 15px;
white-space:nowrap;
border-radius:4px;
}
a.btnmain:hover span {
background-color:#9B9595;
border:1px solid #9B9595;
color:#FFF;
text-decoration:none;
transition:all 0.5s ease-out;
}
a.btnmain small { font-family : arial, sans-serif; font-size : 12px; font-weight : bold; line-height : 100%; }
a.btnmain:hover { text-decoration : none; }
a#btnsearch:hover, a#btnviewcart:hover { text-decoration : none; }
a.btnsub {
background-image:url(/Files/0/icon-puce-black-20X20.png);
background-position:left center;
background-repeat:no-repeat;
color:#CDCACA;
font-size:12px;
font-weight:normal;
line-height:220%;
margin:10px 0;
padding:4px 0 4px 23px;
text-decoration:none;
}
a.btnsub:hover {
color:#9B9595;
text-decoration:none;
}
#btnsearchnow { margin : 0; }
.PBPTitle {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:18px;
font-weight:normal;
}
.scshopcart .PBPTitle ,
.scorderform .PBPTitle ,
.scpaymentform .PBPTitle ,
.scshopcart .PBPTitle ,
.scshipform .PBPTitle ,
.scpaymentform .PBPTitle ,
.scconfirmform .PBPTitle { display : block; margin-top : 10px; }
.PBSTitle { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 16px; }
.PBMainTxt {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:14px;
font-style:normal;
font-weight:600;
}
.PBCatTitle { color : #666; font-size : 14px; font-weight : normal; }
.PBCurrency {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:18px;
font-weight:600;
}
.cartlinetotal .PBCurrency { font-size : 14px; font-weight : 600; }
.PBQty { color : #333; font-size : 12px; font-weight : normal; }
A.PBBtnStd { color : #333; font-size : 12px; font-weight : normal; text-decoration : none; }
A.PBBtnStd:hover, .useraccount .menulist A.PBBtnStd:hover {
color:#CDCACA;
text-decoration:none;
}
.PBEcoPart .PBBtnStd, .PBEcoPart { font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 11px; }
.itemlist .viewtbl td { padding : 0; }
.itemlist .viewtbl .oxcell { height : 100%; padding : 0 20px 20px 0; }
.itemlist .viewtbl .oxlastcol { padding : 0 0 20px 0; }
.itemlist .oxcell .sectiondata { margin : 0; }
.itemlist .viewcell, .itemlist .datatbl { height : 100%; }
.itemlist .datatbl .sectiondata { display : block; list-style : none; margin : 0; position : relative; }
.itemlist .PBMainTxt {
color:#CDCACA;
}
.blogarticles .viewcell .sectiondata { height : auto; }
.blogarticles .sectiontbarea { margin : 0 0 20px; }
.blogarticles .commentfooterlabel , .blogarticles .commentseparator , .blogarticles .commentfooterdate { color : #222; }
.searchpage td { vertical-align : middle; }
.itemdetail .PBMainTxt { color : #333; font-size : 16px; font-weight : normal; }
.itemdetail .PBItemTitle { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 16px; font-weight : 400; }
.itemdetail .PBMainTxt.PBUpSellPdtTitle, .itemdetail .PBMainTxt.PBRelatedPdtTitle {
color:#CDCACA;
display:block;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:14px;
font-weight:600;
margin: 0;
padding: 0;
}
.itemdetail .qtyZone {
    margin-top: 5px;
}
.itemdetail .PBOptionInfo .PBMainTxt { color : #333; font-size : 14px; text-transform : none; }
.itemdetail .sectiondataarea .PBOptImgTable span.PBMainTxt {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:12px;
font-weight:normal;
text-transform:none;
}
.itemdetail .PBItemPrice .PBCurrency { font-size : 22px; }
.PBTable.discountgrid tr:first-child {
background-color:#CDCACA;
}
.discountgrid .PBMainTxt { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 14px; }
.PBTable.discountgrid tr:first-child .PBMainTxt {
color:#000000;
}
.itemdetail .PBItemSku .PBShortTxt { font-size : 11px; }
.itemdetail .PBTable .PBCurrency { font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; }
.itemdetail .PBLayoutTable .PBCurrency { font-size : 18px; }
.PBUpsellTable, .PBRelPdtTable { border : none; }
.PBLayoutTable {width:100%; border : 1px solid #EBEBEB; margin : 5px; padding : 10px; }
.PBLayoutTable:hover { box-shadow : 1px 1px 5px 0 rgba(0, 0, 0, 0.1); transition : all 0.5s ease-out; }
.PBLayoutTable img { margin : 5px; }
.itemdetail .PBItemPrice .PBStrike, .itemdetail .PBItemPrice .PBDiscount,
.itemlist .PBItemPrice .PBStrike, .itemlist .PBItemPrice .PBDiscount { color : #000000; display : block; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-weight : normal; }
.itemdetail .PBEcoPart { font-size : 60%; }
.discountgrid { border-collapse : collapse; }
.discountgrid .PBDiscount { color : #333333; font-size : 12px; font-weight : normal; }
.PBRelPdtTable TD, .PBUpsellTable TD { border : none; }
.itemdetail .PBTable, .itemdetail .PBOptLstTable, .itemdetail .PBOptImgTable { border-collapse : collapse; }
.itemdetail .PBTable td, .itemdetail .PBOptLstTable td, .itemdetail .PBOptImgTable td { padding : 5px; }
.PBTable, .PBTable TH, .PBTable TD, .PBOptLstTable, .PBOptLstTable TH, .PBOptLstTable TD, .PBOptImgTable, .PBOptImgTable TH, .PBOptImgTable TD, .PBRelPdtTable TH { border : 1px solid #ebebeb; }
.PBOptLstTable tr:first-child {
background-color:#CDCACA;
}
.PBOptLstTable .PBColHead b {
color:#222222;
font-family:arial, sans-serif;
font-size:12px;
line-height:20px;
background-color:#CDCACA;
}
.sectiondata .shopcarttable { border-collapse : collapse; width : 100%; }
.shopcarttable td { border : none; *border : 1px solid #454545; padding : 5px; text-align : right; }
.shopcarttable .imgshopcart { 
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    max-width: 150px;
    max-height: 150px;
}
.shopcarttable td.cartlinename { text-align : left; }
.carthead td, tr.carttotallines td .PBColHead, tr.cartdiscount td .PBColHead, tr.cartsubtotal td .PBColHead { font-style : normal; }

.cartsubtotal .PBCurrency, .carttotalprice .PBCurrency {
    font-size: 16px;
    font-weight: 700;
}
.shopcarttable tr {border: 1px solid #ebebeb;}
.shopcarttable .itemcode { color : #333; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-weight : normal; }
.scshopcart .PBMainTxt { font-family : arial, sans-serif; font-size : 12px; font-style : normal; font-weight : normal; }
.scshipform .PBSTitle, .scconfirmform .PBSTitle, .scorderform .PBSTitle, .scpaymentform .PBSTitle {
color:#CDCACA;
display:block;
display:list-item;
font-size:16px;
font-weight:normal;
line-height:30px;
list-style:square inside none;
}
.scshipform .PBMainTxt, .scpaymentform label .PBMainTxt, .scconfirmform .sectiondata .PBMainTxt { color : #000000; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 13px; font-style : normal; font-weight : normal; }
.scpaymentform .sectiondata { border-color : #EBEBEB; border-style : solid; border-width : 0 0 1px 0; margin : 5px; padding : 0 0 10px; }
.scpaymentform .carttotalprice .pbcurrency { font-size : 18px; font-style : normal; }


.scconfirmform .carttotalprice .pbcurrency { font-size : 18px; font-style : normal; }
.cartlineprice .PBCurrency, .cartdiscount .PBCurrency, .carttotallines .PBCurrency, .carttaxprice .PBCurrency, .cartshipprice .PBCurrency, .cartecotaxprice .PBCurrency { color : #666; font-family : arial, sans-serif; font-size : 14px; font-weight : normal; }
.PBDate {
color:#AB1074;
font-size:12px;
font-style:normal;
font-weight:bold;
}
.PBNumber { color : #000000; font-size : 14px; font-style : normal; font-weight : bold; }
.PBShortTxt { color : #666; font-family : arial, sans-serif; font-size : 11px; line-height : 20px; }
.PBLongTxt { color : #999; font-family : arial, sans-serif; font-size : 12px; line-height : 20px; }
.PBColHead { color : #666; font-family : arial, sans-serif; font-size : 12px; line-height : 20px; }
.PBStatic { color : #222; font-family : arial, sans-serif; font-size : 12px; font-weight : bold; }
.PBMsg { color : #666; font-family : arial, sans-serif; font-size : 11px; }
.PBErrMsg { color : #FF0000; font-size : 12px; font-weight : bold; }
.PBReqNote { color : #222; font-size : 12px; font-style : italic; }
.PBStrike , .PBDiscount { color : #333; font-size : 11px; font-weight : normal; }
hr.PBMain { background-color : #000; border : none; height : 1px; }
hr.PBSub { background-color : #ccc; border : none; height : 1px; }
textarea.PB { color : #222; font-family : 'Open Sans', helvetica, arial, sans-serif; font-size : 12px; font-style : normal; }
select.PB {border-radius: 4px; background-color : #fff; border : 1px solid #ebebeb; color : #222; font-size : 12px; font-style : normal; margin : 0; padding : 3px 5px; }
input.PB {  color : #222; font-style : normal; }
input[type="button"], input[type="submit"], button, .blockfacet .blockbtn { 
    background-color : #f9f9f9; 
    border : 1px solid #ccc; 
    color : #222; 
    font-size : 12px; 
    height : 28px; 
    line-height : 28px; 
    padding : 0 10px; 
    vertical-align : middle; 
    font-family: 'Open Sans', helvetica, arial, sans-serif;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .blockfacet .blockbtn:hover {
background-color:#9B9595;
border:1px solid #9B9595;
color:#FFF;
cursor:pointer;
transition:all 0.5s ease-out;
}
input.PBBtnStd {
    background-color: #f9f9f9;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
    border-color: #ccc;
    color: #222;
}
input[type="radio"], input[type="checkbox"] { border : none;background-color:transparent; }
a.PBLink { font-size : 12px; text-decoration : none; }
a.PBLink:hover { text-decoration : none; }
.faq a.PBLink:hover .PBMainTxt {
color:#9B9595;
}
.imgthumbnail, .imgmain { margin : 20px; }
.imgmain { margin-right : 0; }
.imgcontainer { float : right; margin-left : 20px; }
#bodycolumn1 #blockfacets.blockshortcut { 
    text-align : center;
}
#bodycolumn1 #blockfacets.blockshortcut input { background-color : #eee; }
#bodycolumn1 #blockfacets.blockshortcut input[type="radio"], #bodycolumn1 #blockfacets.blockshortcut input[type="checkbox"] { background-color : transparent; }
.blockfacets select.facetlist { border : none; padding : 5px; width : 90%; background-color : #eee;}
.blockfacet { margin : 0 0 10px; }
.blockmktg .title {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:13px;
font-weight:600;
line-height:30px;
text-align:center;
text-decoration:none;
margin:0 0 20px;
background-color:#FFF;
border-bottom:3px solid #AB1074;
border-radius:4px 4px 0 0;
}
.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 { color : #000; font-size : 12px; }
.blockmktg .itemlist .PBItemPrice .PBCurrency { font-size : 16px; }
.blockmktg .itemlist .sectiondata { border : none; height : auto; margin : 0 0 10px; padding : 0; }
.sectiondata.sectionsubcatlist { padding : 0px; }
#blockuserlogout .logout, #blockuserlogout { display : block; text-align : center; }
#blockmktgrecentlyviewed .title { font-size : 13px; }
#searchformBtn { margin : 0; }
.useraccount .menulist A.PBBtnStd { color : #000000; font-size : 12px; font-weight : normal; }
.useraccount ul.menulist { list-style : none outside none; margin : 0; padding : 0; }
.userlogin .sectiondataarea {}
.userlogin .sectiondata { }
.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:none;
padding:5px 0;
text-align:center;
background-color:#AB1074;
}

.userlogin #sectionlogin .loginHeader .PBSTitle{
color:#FFFFFF;
}

.PBShortTxt.PBMsgInStock, .PBShortTxt.PBMsgStockLvl, .PBMsgDaysToShip, .PBMsgAvailSupplier, .PBMsgDiscontinued, .PBShortTxt.PBMsgOutOfStock { background-repeat : no-repeat; color : #000000; display : block; font-size : 12px; font-weight : normal; height : 15px; line-height : 12px; margin : 10px 0; padding : 0; text-align : right; }
.PBMsgDiscontinued, .PBShortTxt.PBMsgOutOfStock  {
color:#CDCACA;
}
.PBEcoPart {
border-bottom:1px solid #CCC;
color:#CDCACA;
font-weight:normal;
height:auto;
line-height:20px;
margin:0 0 10px;
max-width:120px;
padding: 0;
text-align:center;
width:-moz-max-content;
}
a.homeLink {
background-image:url("/Files/0//icon-Home-black-20X20.png");
background-repeat:no-repeat;
display:block;
height:40px;
left: 0;
position:absolute;
bottom:-39px;
width:40px;
background-position:center;
border-bottom:3px solid #AB1074;
}

a.homeLink span {
    display: none;
}
#headerSearchBlock {
bottom:-35px;
display:inline-block;
height:30px;
line-height:30px;
margin: 0;
position:absolute;
right:0px;
width:240px;
background-color:#FFF;
border-radius:4px;
border:1px solid #CCC;
}
#headerSearchBlock form { font-size : 0; margin : 0; }
#headerSearchBlock .blockbtn {
background-color:#CDCACA;
cursor:pointer;
display:inline-block;
float:right;
height:28px;
line-height:28px;
margin:0 -1px 0 0;
padding: 0;
width:40px;
border-radius:0 4px 4px 0;
border:none;
background-image:url(/Files/0//icon-search-white-20X20.png);
background-position:center;
background-repeat:no-repeat;
}
#headerSearchBlock .blockbtn span { display:none; }
#headerSearchBlock .blockbtn:hover {
background-color:#9B9595;
cursor:pointer;
transition:all 0.5s ease-out;
}
#headerSearchBlock .blockbtn:hover span {
color:#CDCACA;
transition:all 0.5s ease-out;
}
#headerSearchBlock .searchtext { 
    float: left;
    height: 26px;
    line-height: 26px;
    margin: 1px;
    padding: 0;
    width: 190px;
    text-indent: 10px;
    font-size: 12px;
    background-color: #FFF;
    color:#999;
}
#headerInfoCart { 
    color: #666;
    display: block;
    font-size: 11px;
    height: 20px;
    padding: 0 0 0 25px;
    position: absolute;
    right: 0;
    top: 20px;
    background-image: url(/Files/0//icon-cart-black-20X20.png);
    background-position: left center;
    background-repeat: no-repeat;
}
#headerInfoCart:hover, #headerInfoCart:hover a {
    cursor: pointer;
}
#headerInfoCart .cartPrice {
padding:0 5px;
font-family:arial, sans-serif;
font-size:12px;
background-color:#AB1074;
border-radius:4px;
line-height:20px;
color:#FFFFFF;
display:inline-block;
}
a#btnordernow span, a#btnviewinvc span, a#btncheckout span, .itemdetail a#btnaddtocart.btnmain.btnaddtocart span, .userlogin .loginValid a.btnmain span, a#btncontinue span, .itemdetail a#btnreqinfo span {
background-color:#CDCACA;
border:1px solid #CDCACA;
color:#000000;
cursor:pointer;
font-size:16px;
margin:10px 0;
padding:5px 15px;
}
a#btnordernow:hover span, a#btncheckout:hover span, .itemdetail a#btnaddtocart.btnmain.btnaddtocart:hover span, .userlogin .loginValid a.btnmain:hover span, .scorderform a#btncontinue:hover span, .scshipform a#btncontinue:hover span, .scpaymentform a#btncontinue:hover span, .itemdetail a#btnreqinfo:hover span, a#btnviewinvc:hover span {
background-color:#9B9595;
border:1px solid #9B9595;
color:#fff;
text-decoration:none;
}
a#btnquotation { display: block;}
a#btnquotation span {
background-color:transparent;
background-image:url("/Files/0/icon-salespolicy-black-20X20.png");
background-position:2px 0px;
background-repeat:no-repeat;
border:none;
color:#CDCACA;
font-size:14px;
line-height:20px;
margin: 0;
padding:0 6px 0 24px;
text-decoration:none;
text-shadow:none;
}
a#btnquotation:hover span { color : #333; }
a#btnordernow span { margin : 0; }
.shopcarttable tr.carthead td { text-align : left; padding : 5px 10px; }
.shopcarttable tr.carthead {
    line-height: 24px;
    text-align: center;
}
.shopcarttable tr.carthead .PBColHead {
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
}
.imgcat { margin : 10px; }
.PBItemSku { display : block; margin : 5px 0; }
.PBOptionInfo { margin : 5px 0; }
.blockfacets .title {
background-color:#CDCACA;
color:#000000;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-weight:normal;
line-height:24px;
margin:0 0 10px;
padding:0 0 0 5px;
text-align:left;
font-size:13px;
}
.blockfacets .facetlist { line-height : 20px; }
.blockfacets .blockarea { margin : 0 0 10px; position : relative; }
.blockfacets .facetreset { position : absolute; right : 9px; top : 9px; }
.blockfacets div.facetreset a {
background-color:#CDCACA;
background-image:url(/Files/0/icon-close-white-15x15.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
display:block;
height:13px;
width:13px;
}
.blockfacets .facetreset span { display : none; }
.blockfacets .facettypecheckbox .facet, .blockfacets .facettyperadio .facet { padding : 0 2px; }
.blockfacets .facettyperadio .selectedfacet {
background-color:#9B9595;
border-radius:4px;
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; background-repeat : no-repeat; padding : 2px 0 2px 24px; }
: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:#CDCACA;
font-weight:bold;
}

.facettypevaluegrid .selectedfacet .facetvalue, .blockfacet select.selectedfacet {
background-color:#9B9595;
color:#FFF;
border-color:#9B9595;
font-size:13px;
}
.facettypevaluegrid .facetvalue, .facettypevaluegrid .facetvalue:hover {
    margin: 0 3px;
    background-color: #F9F9F9;
    padding: 0 10px;
    border: 1px solid #CDCDCD;
    cursor: pointer;
    color: #999;
    display: block;
    text-decoration: none;
    border-radius: 4px;
    line-height: 30px;
    font-size: 13px;
}

.PBCompTitle { display : block; margin : 0 0 5px; }
.faq .PBMainTxt { font-size: 12px;}
.scpaymentform .sectiondataarea td, .scshipform .sectiondataarea td { vertical-align : middle; }
.sectiondataarea table#PBPdtOptions { border-collapse : separate; border-spacing : 5px; vertical-align : middle; }
.sectiondataarea #PBPdtOptions td { vertical-align : middle; }
#blockfacets input.facetrange { width : 25%; }
.facetinput { height : 100%; margin : 0; vertical-align : middle; }
.scorderform .sectiontb, .userlogin .sectiontb { margin : 0; }

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

.webblock .view .designBackColorMain, .webblock .view .designBackColorMainHover:hover {
    border-radius : 4px;
}

.designBackColorMain:hover {
background-color:#9B9595;
}
.designColorMain, .designColorMainHover:hover {
color:#CDCACA;
}
.designColoredSub {
color:#AB1074;
}
.designBackColorSub {
background-color:#AB1074;
}
.designTextColorMain, .designTextColorMainHover:Hover , .designBackColorMainHover:hover .designTextColorMainHover, .designColoredSub:hover {
color:#000000;
}
.designTextColorSub {
color:#FFFFFF;
}
.designBackColorTer { background-color : #ebebeb; }
.designTextColorTer { color : #fff; }

#expDiaporama .tagListElements a.tagLinks { background-color : #fff; }
#expDiaporama .tagListElements a.taghighlighted {
    background-color: #746480;
}
.scorderform .PBSTitle, .infoform .PBSTitle { display : list-item; line-height : 30px; list-style : square inside none; }
label[for="SalesPolicy"] {
border-bottom:3px solid #CDCACA;
color:#CDCACA;
display:inline;
display:inline-block;
font-size:16px;
font-weight:bold;
height:30px;
line-height:30px;
margin:10px 5px;
padding:0 10px;
}
.PBSubTitle td { width : 500px; }
.useraccount .viewtbl table { border-collapse : collapse; }
.useraccount .PBTable TD { padding : 5px; vertical-align : middle; }
.useraccount .PBTable th { padding : 5px; }
.viewtbl table.PBTable { border-collapse : collapse; }
.viewtbl table.PBTable td { padding : 5px 10px; }
.PBTable TD, .PBOptImgTable TD { vertical-align : middle; }
.speechBubble:after {
border-color:transparent #CDCACA 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:#CDCACA;
margin-top:15px;
} 
body.PB .speechBubble { display : block; }
#stepsContainer { border-bottom : 1px solid #ccc; display : block; height : 12px; margin : 0; margin-bottom : 20px; padding : 0; position : relative; width : 100%; }
#stepsContainer li { display : inline-block; float : left; position : relative; text-align : left;width : 24%; }
li#stepConfirm { position : absolute; right : 0; top : 0; width : auto; }
#stepsContainer li span { 
    background-color: #F9F9F9;
    border: 1px solid #ccc;
    color: #CCC;
    display: block;
    font-family: arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    border-radius: 4px;
}
.scshopcart #stepCart span, .usercreateaccount #stepAccount span, .scorderform #stepAccount span, .scshipform #stepShipping span, .scpaymentform #stepPayment span, .scconfirmform #stepConfirm span {
background-color:#9B9595;
border:1px solid #9B9595;
color:#FFF;
}
.scshopcart #stepCart, .usercreateaccount #stepAccount, .scorderform #stepAccount, .scshipform #stepShipping, .scpaymentform #stepPayment, .scconfirmform #stepConfirm, .scconfirmform #stepsContainer #stepConfirm { top : 0; }
.scconfirmform #stepsContainer li { top : 5px; }

.hotnews .PBItemName h3, .articletitle .PBSTitle {
color:#CDCACA;
font-family:'Open Sans', helvetica, arial, sans-serif;
font-size:13px;
margin-bottom:5px;
font-weight:600;
}
.guestbook .PBLink .PBMainTxt {
    display: block;
    font-family: 'Open Sans', helvetica, arial, sans-serif;
    margin-left: 15px;
}
.ecatalogSearch {
display:none;
}
.eshopCart, .eshopSearch { display : inline-block; }
.PB .OxFullClickActive { box-shadow : 0 0 0 1px #ccc; }
.itemlist .PBItemDesc1, .itemlist .PBItemButtons, .itemlist .PBItemPrice { margin : 10px 0; }
body.PB ul.catbreadcrumb li a {
color:#666666;
}
body.PB ul.catbreadcrumb li:nth-last-child(1) a {
font-weight:600;
color:#CDCACA;
}
body.PB ul.catbreadcrumb { display : block; margin : 0 0 5px; }
div.sectiondata.sectioncatheader {
border-bottom:3px solid #AB1074;
border-left:none;
border-right:none;
border-radius:4px 4px 0 0;
}
.sectiondata .shopcarttable td { padding : 10px; }
.blockmktg .itemlist .item {
margin:0 0 20px;
background-color:#FFF;
border-bottom:3px solid #AB1074;
border-radius:4px 4px 0 0;
}

.blockfacet label:hover { font-weight: bold;}

.blockshortcut.blockmktg {
    background: none;
    padding: 0;
}

div.subcatlisttitle {
    margin: 0 0 10px;
}

#loginSocial .loginSocialImg {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
}
 

cthierry

WRInaute passionné
Avec Chrome, clic droit sur ce que tu souhaites changer => Inspecter l'élément et dans la partie droite tu auras les styles et les CSS s'y rapportant que tu pourras modifier. En plus cela permet de tester les modifs sans "défoncer" le code. :-D
 

FortTrafic

WRInaute passionné
Peu importe où est la page, avec chrome tu cliques avec le bouton droit sur l'élement que tu veux étudier et tu choisis inspect element. Ca t'ouvres une fenetre en bas du site avec les infos et tu peux désactiver certains CSS et voir le résultat en direct sur la page juste au dessus.
Ca marche pareil avec firefox (clic droit > inspect element) mais je préfère chrome pour faire ça.

Si ta page est visible en ligne, tu peux donner l'url pour voir.
 

garancetosello

WRInaute discret
et non elle n'est pas en ligne.
C'est pour cela que je vous ai envoyé le code en entier.
Je deviens dingue
J'ai changé toutes les couleurs qui avaient comme référence un gris clair je les ai remplacé par rouge et ca ne marche pas !!
Je ne sais plus quoi faire !
Le truc du clique droit ne m'avance pas à grand chose
je vais tenter le clique droit etc ;;;
 

UsagiYojimbo

WRInaute accro
Le truc du clic droit te permettra d'identifier le style css à changer, ou au pire l'élément sur lequel tu devras interagir. Après, pour impacter la version en ligne (en dehors du seul affichage de ton propre navigateur pour tester), il te faudra accéder au CSS source ou au template.
 

Marie-Aude

WRInaute accro
Attends... si tu "vois" sur un navigateur, c'est "en ligne", même si c'est en accès restreint. Ta copie d'écran elle vient d'où ?
 

spout

WRInaute accro
C'est tout un métier.
C'est pas à venir demander sur WRI de faire à ta place chaque mini truc CSS que tu apprendras :)
 

garancetosello

WRInaute discret
Et bien si Spout c'est en demandant que j'apprends des trucs. D'où le principe du forum.
J'ai bien dit dans mon message de ne pas lui faire son travail mais de m'aiguiller, ce que des personnes sympas ont fait.
Donc MERCI grâce à se conseille du clique droit car grâce à ca j'ai pu savoir d'où parait le code.
Marie Claude, non c'est restreint. Elle a des codes d'accés pour avoir la visualisation.
Je pense être arrivée.
Je vous tiens au courant si jamais ça foire encore.
Merci à tous, vraiment ....
 

Discussions similaires

Haut