/* -------------------------------------------------------------------------------------- // * -------------------------------------// UTILITIES //---------------------------------- // * -------------------------------------------------------------------------------------- */ .clear { clear: both; } .clear1px { clear: both; font-size: 1px; } .hidden { display: none !important; } .shown { display: block !important; } .visi-hidden { visibility: hidden !important; } .left { float: left; } .right { float: right; } .b { display: block; } .ib { display: inline-block; *display: inline; *zoom: 1; } .ieo-ib { display: inline; zoom: 1; } .al { text-align: left; } .ac { text-align: center; } .ar { text-align: right; } .at { vertical-align: top !important; } .am { vertical-align: middle !important; } .ab { vertical-align: bottom !important; } .as { vertical-align: sub !important; } .no-mg { margin: 0 !important; } .no-pad { padding: 0 !important; } .oh { overflow: hidden; } .text-hidden { overflow: hidden; text-indent: -9999px; } .text-hidden2 { display: block; height: 0; overflow: hidden; text-indent: -9999px; } .fw-light { font-weight: 300; } .fw-book { font-weight: 300; } .fw-normal { font-weight: 400; } .fw-medium { font-weight: 500; } .fw-semibold { font-weight: 600; } .fw-bold { font-weight: 700; } .fw-black { font-weight: 900; } .italic { font-style: italic; } .no-tt { text-transform: none; } .upper { text-transform: uppercase; } .lower { text-transform: lowercase; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// RESET CSS //---------------------------------- // * -------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } body { font: normal 62.5% Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; background: #e3e3e3 url(../images/bg-body-degrade.png) repeat-x left top; color: #000000; } #body2 { background: url(../images/bg-body-motif.png) repeat left top; } #body3 { /*background: url(../images/f-footer-illust.png) no-repeat center bottom;*/ padding-top: 10px; } #wrapper { background: #fff; width: 960px; margin: 0 auto; -webkit-box-shadow: 0px 0px 10px #aaa; -moz-box-shadow: 0px 0px 10px #aaa; box-shadow: 0px 0px 10px #aaa; } img { border: none; } a, label, button { cursor: pointer; } a { color: #1b80cd; } a:hover, a:focus { text-decoration: none; } p, li, label, address, td, th { font-size: 1.2em; color: #000000; } label { color: #000000; } strong { font-weight: bold; } h1, h2, h3, h4, h5, h6 { color: #000000; font-weight: bold; } ul { padding-left: 2em; } address { font-style: normal; margin: 0.6em 0; } input, textarea, select, textarea, button { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; font-size: 1.2em; color: #000000; } .textbox, textarea { border: 1px solid #cccccc; padding: 2px 3px; color: #000000; } .textbox:hover, .textbox:focus, textarea:hover, textarea:focus { border-color: #c10118; } textarea { height: 6em; } select { border: 1px solid #cccccc; color: #000000; } .textbox:hover, .textbox:focus, textarea:hover, textarea:focus { border: 1px solid #cccccc; } .clear { clear: both; } .clear1px { clear: both; font-size: 1px; } .hidden { display: none !important; } .oh { overflow: hidden; } /* ---------------------------------- Boutons ----------------------------------- */ .button { cursor: pointer; overflow: visible; width: 1; display: -moz-inline-box; display: inline-block; margin: 0; padding: 0; white-space: nowrap; text-align: center; vertical-align: middle; border: 0; background: none; border: none; font-size: 1em; } .button span { position: relative; float: left; vertical-align: middle; } .button span span { display: block; } a.button, a.button:hover, a.button:focus { text-decoration: none; } .btnT1 span, #w_dialog-message #w_pagepanier span { display: block; padding: 0; background: #228fe1; /* Old browsers */ background: -moz-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #228fe1), color-stop(100%, #1b80cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* IE10+ */ background: linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228fe1', endColorstr='#1b80cd', GradientType=0); /* IE6-9 */ border: 1px solid #1b80cd; text-decoration: none; color: #fff; } .btnT1 span span, #w_dialog-message #w_pagepanier span span { padding: 0 8px; height: 25px; line-height: 23px; font-size: 13px; border: 1px solid #2f97e7; border-left: none; border-bottom: none; background: none; color: #ffffff; } .btnT2 span, #w_dialog-message #w_pageretour span, #btn-aller-pop span { display: block; padding: 0; background: #f1f1f1; background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2', GradientType=0); /* IE6-9 */ border: 1px solid #d6d6d6; } .btnT2 span span, #w_dialog-message #w_pageretour span span, #btn-aller-pop span span { padding: 0 8px; height: 25px; line-height: 23px; font-size: 13px; color: #212121; border: 1px solid #fff; border-right: none; border-bottom: none; background: none; } #btn-aller-pop span { padding: 0 6px 0 0; } #btn-aller-pop span span { padding: 0 14px 0 8px; background: url(../images/p-btn-aller-panier-noir.png) no-repeat right 7px; } .msie6 #btn-aller-pop span span { background: url(../images/p-btn-aller-panier-noir-ie6.png) no-repeat right 7px; } .btnT3 span span { border: none; height: 22px; line-height: 21px; padding: 0 8px; font-size: 1.2em; background: #228fe1; /* Old browsers */ background: -moz-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #228fe1), color-stop(100%, #1b80cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* IE10+ */ background: linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228fe1', endColorstr='#1b80cd', GradientType=0); /* IE6-9 */ color: #ffffff; } .btnT4 span { display: block; float: right; padding: 0; background: #2491e6; border: 3px solid #cadff0; color: #ffffff; } .btnT4 span span { padding: 6px 47px 6px 10px; border: none; background: url(../images/c-btn-valider-blanc.png) no-repeat right 13px; } .msie6 .btnT4 span span { background: url(../images/c-btn-valider-blanc-ie6.png) no-repeat right 13px; } .btnT4 span span span { padding: 0 12px 0 0; font-size: 14px; font-weight: bold; text-transform: uppercase; border-right: 1px solid #1b69a6; color: #ffffff; background: none; } .msie6 .btnT4 span span span { background: none; } .btnT5 span { padding: 0 10px; background: #2491e6; border: 3px solid #cadff0; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; } .btnT5 span span { padding: 0; height: 35px; line-height: 35px; background: none; border: none; } .btnT6 span { padding: 0 10px; background: #dedede; border: 3px solid #f3f3f3; color: #212121; font-size: 16px; font-weight: bold; text-transform: uppercase; } .btnT6 span span { padding: 0; height: 35px; line-height: 35px; background: none; border: none; } .zone-btn { padding-top: 10px; } /* -------------------------------------------------------------------------------------- // * -----------------------------------// COMBOBOX //------------------------------------- // * -------------------------------------------------------------------------------------- */ .comboBox, .comboBoxChild { cursor: default; } .comboBox { border: 1px solid #666666; height: 18px; background: #e7e7e7; } .comboBox input { height: 16px; font-size: 11px; padding: 1px 4px; background: transparent; color: #000000; } .comboBox .comboBoxSelect { cursor: pointer; height: 18px; width: 25px; background: #666666 url(../images/c-btn-combobox-blanc.png) no-repeat 8px 4px; } .msie6 .comboBox .comboBoxSelect { background: #666666 url(../images/c-btn-combobox-blanc-ie6.png) no-repeat 8px 4px; } .comboBoxList { border: 1px solid #000000 !important; background: #ffffff; } .comboBoxList li { font-size: 11px; } .comboBoxList .alt { background: #cccccc; } .comboBoxList .comboBoxChildHover { background: #666666 !important; } .comboBoxList .comboBoxChildHover a { color: #ffffff !important; } .comboBoxList .current { background: #444444 !important; } /* ------------- Chosen --------------- */ .chzn-container { font-size: 1em; } .chzn-container .chzn-results { max-height: 340px; } .chzn-container .chzn-results li { padding: 5px 7px 6px; font-size: 11px; } .chzn-container .chzn-results .group-result { color: #000; } .chzn-container-single .chzn-single { font-size: 11px; color: #000; height: 19px; line-height: 19px; border-color: #dfdede; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */ } .chzn-container, .chzn-container * { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } .chzn-container-single .chzn-single div { width: 22px; border-color: #dfdede; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */ } .chzn-container-single .chzn-single div b { background-position: 3px -2px; } .chzn-container-single .chzn-drop { border-color: #dfdede; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// BLOCS //-------------------------------------- // * -------------------------------------------------------------------------------------- */ .block p, .block li, .bloc address { margin-bottom: 6px; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// TITRES //------------------------------------- // * -------------------------------------------------------------------------------------- */ .h1 { font-size: 1.8em; text-transform: uppercase; margin-bottom: 10px; border-bottom: 1px solid #b70012; color: #b70012; } .h1 strong { display: block; padding: 0 0 6px 0; font-weight: normal; } .h2 { font-size: 1.5em; text-transform: uppercase; margin: 10px 0; color: #1d1d1c; } .h3 { font-size: 1.2em; text-transform: uppercase; margin: 8px 0; color: #666666; } .h1 a { color: #b70012; } .h1 a:hover, .h1 a:focus { text-decoration: underline; color: #000000; } .h1 a, .h2 a { text-decoration: none; } /* Titres des blocs de l'accueil, des pages informatives, des listes de produits et de catégories, etc. */ .titre-blocT1 { text-transform: uppercase; font-family: Georgia, Times, Garamond, serif; font-size: 1.6em; margin: 1em 0; color: #c10118; } .sous-titre-blocT1 { font-family: Georgia, Times, Garamond, serif; font-size: 1.4em; margin: 1em 0; } /* Titres des rubriques du processus de commande */ .titre-processus { font-size: 1.4em; text-transform: uppercase; margin-bottom: 16px; color: #ffffff; background: #a80e1c url(../images/c-bandeau-rouge.png) repeat-x left top; } .titre-processus strong { display: block; padding: 6px 10px; text-transform: uppercase; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// TABLEAUX //----------------------------------- // * -------------------------------------------------------------------------------------- */ table, td, th { border: none; } th { padding: 4px 8px; font-weight: normal; background: #666666; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #444444)); background-image: -moz-linear-gradient(center top, #666666 0%, #444444 100%); color: #ffffff; } .tableT1 thead th { background: none; } td { padding: 4px 8px; } td p, td li, td address, td label, td input, td select, th p, th li, th address, th label, th input, th select { font-size: 1em; } table caption { font-size: 1.4em; padding-bottom: 8px; } .tableT1, .tableT1 th, .tableT1 td { border-collapse: collapse; } .tableT1 thead th { padding: 0 1px; } .tableT1 thead th div { overflow: hidden; white-space: nowrap; padding: 4px 8px; background: #212121; color: #ffffff; } .cadre-tableT2 { padding: 5px; background: #212121; } .c1-cadre-tableT2 { padding: 5px; background: #ffffff; } .tableT2, .tableT2 th, .tableT2 td { border-collapse: collapse; } .tdl { text-align: left; } .tdc { text-align: center; } .tdr { text-align: right; } /* -------------------------------------------------------------------------------------- // * -----------------------------------// FORMULAIRES //---------------------------------- // * -------------------------------------------------------------------------------------- */ .success { color: green; } .erreur { margin-bottom: 2em; } .erreur * { font-weight: bold; color: red; } /* Formulaires généraux */ .formT1 { overflow: hidden; margin-bottom: 10px; } .formT1 .titre-form { font-size: 1.8em; font-weight: bold; font-style: italic; font-family: Georgia, Times, Garamond, serif; margin-bottom: 12px; } .formT1 fieldset { margin: 1em 0 2em 0; padding: 6px 0; border: none; } .formT1 fieldset legend { padding: 0 4px; font-size: 1.3em; font-weight: bold; color: #000000; } .formT1 fieldset legend em { font-size: 11px; font-weight: normal; } .regroupement { padding-right: 30px; margin-bottom: 0.6em; overflow: hidden; clear: both; position: relative; } .msie6 .no-column .formT1 .regroupement { width: 900px; } .verif-champ { position: absolute; top: 4px; right: 0; display: block; overflow: hidden; text-indent: -9000px; height: 12px; width: 12px; } .champ-ko .textbox, .champ-ko textarea, .champ-ko select { border-color: #c10118; } .champ-ko .verif-champ { background: url(../images/c-champ-ko.png) no-repeat right center; } .msie6 .champ-ko .verif-champ { background: url(../images/c-champ-ko-ie6.png) no-repeat right center; } .champ-ok .verif-champ { background: url(../images/c-champ-ok.png) no-repeat right center; } .msie6 .champ-ok .verif-champ { background: url(../images/c-champ-ok-ie6.png) no-repeat right center; } .msie6 .regroupement { width: 100%; float: right; } .formT1 label { float: right; margin-top: 0.2em; } .formT1 label em { font-size: 11px; } .formT1 .precision { clear: both; float: right; width: 292px; font-size: 1.1em; font-style: italic; color: #666666; } #check-livraison { padding-top: 4px; } #check-livraison label { width: 322px; } .formT1 .textbox, .formT1 textarea, .formT1 select { float: right; width: 284px; margin-left: 20px; } .formT1 textarea { max-width: 284px; } .formT1 select { width: 292px; } .choix-horiz ul { margin-left: 20px; list-style: none; list-style-image: none; float: right; width: 292px; padding-left: 0; } #inscription p { float: right; width: 218px; font-size: 1.1em; text-align: right; } .choix-horiz ul li { float: left; font-size: 1em; margin-right: 2em; } .formT1 .choix-horiz ul.choix-select li select { width: auto; margin-left: 0; } .formT1 .choix-horiz ul.choix-select li { margin-right: 0.3em; } .formT1 .choix-horiz ul.full { clear: both; } .msie6 .choix-horiz ul li label, .msie6 .choix-horiz ul li select { float: left; } .formT1 .zone-button { padding: 6px 27px 0 0; float: right; clear: both; } .formT1 .zone-button a { margin-right: 20px; font-size: 1.1em; color: #000000; } .formT1 .zone-button2 { float: right; width: auto; margin-bottom: 1em; } .formT2 .regroupement { margin-bottom: 0.6em; overflow: hidden; } .formT2 label { float: right; margin-top: 0.2em; } .formT2 .textbox { float: right; width: 14em; margin-left: 0.4em; } .warning { margin-right: 2px; } /* -------------------------------------------------------------------------------------- // * ---------------------------------// LISTES DE PRODUITS //----------------------------- // * -------------------------------------------------------------------------------------- */ /* Blocs conteneurs des textes des listes de produits et de catégories, des pages informatives, des articles du blog, etc. */ .block { margin-bottom: 1.4em; overflow: hidden; } .tooltip { font-size: 1.2em; } /* --------------------------- Listes des produits générales ----------------------------- */ .list-prod { clear: both; margin-bottom: 30px; } .list-tri { font-size: 11px; margin-bottom: 1em; font-family: Arial, Trebuchet MS, Geneva, Helvetica, sans-serif; } .list-tri a, .list-tri span { white-space: nowrap; } .list-prod .list-tri a { text-decoration: underline; } .list-prod .list-tri a:hover, .list-prod .list-tri a:focus { text-decoration: none; } .ligne-prod { clear: both; margin-bottom: 8px; } .list-prod .prod { width: 224px; float: left; cursor: pointer; margin-right: 8px; border: 1px solid #dedede; } .list-prod .prod:hover, .list-prod .prod:focus { -webkit-box-shadow: 0px 0px 3px 0px #aaa; -moz-box-shadow: 0px 0px 3px 0px #aaa; box-shadow: 0px 0px 3px 0px #aaa; } .msie6 .list-prod .prod { margin-right: 8px; } .list-prod .ligne-prod .last { margin-right: 0; } .msie6 .list-prod .ligne-prod .last { margin-right: 0; } .list-prod .cont-prod { position: relative; } .list-prod .haut-prod { padding: 10px 10px 0 10px; } .list-prod a.photo { display: block; position: relative; height: 150px; width: 204px; text-align: center; } .list-prod a { text-decoration: none; } .list-prod .prod:hover .bas-prod, .list-prod .prod:focus .bas-prod { background: url(../images/c-bas-prod-fleche.png) no-repeat 196px 6px; } .list-prod .nom { font-size: 1.2em; font-weight: normal; } .list-prod .nom, .list-prod .nom a { text-align: left; color: #1c1c1c; } .list-prod .brand { display: none; } .list-prod .brand a { font-size: 11px; display: block; text-transform: none; text-align: left; color: #696969; } .list-prod .bas-prod { margin-top: 8px; padding: 0 10px 10px 10px; width: 204px; } .list-prod .prix { font-size: 1em; } .list-prod .prix a { color: #a91d20; } .list-prod .prix span { font-size: 1.1em; display: block; } .list-prod .prix strong { font-size: 1.8em; } .list-prod .prix a del { color: #999; } .list-prod .prix del { font-size: 1.1em; } .list-prod .stock { display: none; position: absolute; top: -3px; left: -3px; /*display: block;*/ text-indent: -9000px; overflow: hidden; width: 136px; height: 85px; background: url(../images/c-reapprovisionnement.png) no-repeat left top; } /* .list-prod .rayures { position: absolute; top: 0; left: 0; display: block; text-indent: -9000px; overflow: hidden; width: 224px; height: 100%; background: url(../images/c-prod-o.png) repeat left top; }*/ .list-prod .prod:hover .rayures, .list-prod .prod:focus .rayures { display: none; } .list-prod .prod .description, .cross-sell .prod .description { display: none; } .etatPrix { text-transform: uppercase; text-align: center; font-weight: bold; padding: 0 0 0 3px; background: url(../images/c-promo-bg.png) no-repeat left top; color: #ffffff; } .list-prod .prod-reappro .etatPrix { display: none; } .etatPrix span { display: block; padding: 3px 9px 7px 3px; height: 14px; background: url(../images/c-promo.png) no-repeat right top; } .etatPrix em { font-style: normal; } .promo { background: url(../images/c-promo-bg.png) no-repeat left top; } .promo span { background: url(../images/c-promo.png) no-repeat right top; } .nouveaute { background: url(../images/c-nouveaute-bg.png) no-repeat left top; } .nouveaute span { background: url(../images/c-nouveaute.png) no-repeat right top; } .list-prod .etatPrix { position: absolute; top: 10px; left: -4px; } .etatPrix strong { text-transform: none; } /* --------------------------------- Filtres ----------------------------------- */ #filtres-liste, .pagination { margin-bottom: 10px; background: #f3f3f3; padding: 4px 10px; width: 675px; } #filtres-liste p { font-size: 1.2em; } #filtres-liste select { font-size: 11px; } #filtres-liste .comboBox { display: block; float: left; } #liste-categories .comboBox, #liste-categories .comboBox input { width: 200px !important; } #liste-tri .comboBox, #liste-tri .comboBox input { width: 160px !important; } #filtres-liste strong, .pagination strong { float: left; display: block; height: 18px; line-height: 18px; margin-right: 6px; font-weight: normal; } #liste-tri { float: left; } #liste-tri .chzn-search { display: none; } /* ------------------------------------------- Pagination ---------------------------------------- */ .pagination { overflow: hidden; } .navig-page { text-align: right; margin-left: 20px; float: right; } .navig-page a { margin-left: 6px; float: left; display: block; text-align: center; height: 18px; width: 18px; line-height: 17px; text-decoration: none; border: 1px solid #dfdede; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */ color: #212121; } .navig-page a.current, .navig-page a:hover, .navig-page a:focus { background: #bf1a28; /* Old browsers */ background: -moz-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf1a28), color-stop(100%, #ab1421)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* IE10+ */ background: linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1a28', endColorstr='#ab1421', GradientType=0); /* IE6-9 */ border-color: #ac1b28; color: #fff; } /* -------------------------------------------------------------------------------------- // * --------------------------------------// HEADER //------------------------------------ // * -------------------------------------------------------------------------------------- */ #c2-header { width: 960px; height: 112px; padding: 0; position: relative; } #logo { font-size: 1em; margin-bottom: 0; width: 396px; } #logo a { display: block; text-decoration: none; } #logo a span { display: block; overflow: hidden; text-indent: -9000px; height: 0; } #logo #nom-boutique { text-transform: uppercase; font-size: 2.4em; font-weight: bold; font-family: Georgia, Times, Garamond, serif; color: #2b2b2b; } #logo #slogan-boutique { font-size: 1.8em; font-style: italic; font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; color: #000000; } #svc-client-head { position: absolute; right: 0; top: 0; padding: 5px 10px; background: #f3f3f3; } #svc-client-head span { text-transform: uppercase; } #svc-client-head strong { color: #c10118; } #svc-client-head em { display: block; font-size: 10px; } #pub { display: block; position: absolute; top: 10px; left: 396px; } /* -------------- Compte / Panier ----------------- */ #compte-panier { position: absolute; right: 0; bottom: 15px; background: url(../images/h-panier.png) no-repeat right bottom; width: 154px; height: 43px; padding: 7px 6px 0 54px; } #mon-compte { font-size: 1em; } #mon-compte a { color: #666666; text-decoration: none; } #lien-compte { text-transform: uppercase; font-weight: bold; } #lien-deconnexion { padding-left: 4px; margin-left: 6px; background: url(../images/h-compte-puce.png) no-repeat left 5px; } #mon-panier a { display: block; padding: 6px 4px 0 0; text-decoration: none; color: #c8c8c8; overflow: hidden; } #mon-panier a strong { font-size: 14px; font-style: italic; text-transform: uppercase; text-decoration: none; } #nb_prod { float: right; margin-left: 4px; display: block; height: 17px; line-height: 16px; padding: 0 6px; background: #a1081a; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #nb_prod span { padding-right: 14px; background: url(../images/h-panier-puce.png) no-repeat right 5px; } #mon-panier #nb_prod strong { font-style: normal; } /* -------------- Recherche ----------------- */ #form-recherche { position: absolute; left: 396px; top: 67px; } #form-recherche fieldset { border: none; position: relative; height: 30px; width: 320px; background: url(../images/h-recherche.png) no-repeat left top; } #search { position: absolute; top: 0; left: 0; border: none; background: none; height: 30px; width: 270px; line-height: 30px; padding: 0 5px; font-size: 1.2em; color: #666666; } #search:hover, #search:focus { color: #000000; } #btn-recherche { border: none; position: absolute; top: 0; right: 0; } .firefox #btn-recherche, .safari #btn-recherche { top: 4px; right: 2px; background: none; } #btn-recherche span { display: block; } #btn-recherche span span { height: 20px; line-height: 20px; padding: 0 5px; background: #282828; /* Old browsers */ background: -moz-linear-gradient(top, #282828 0%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282828), color-stop(100%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #282828 0%, #141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #282828 0%, #141414 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #282828 0%, #141414 100%); /* IE10+ */ background: linear-gradient(top, #282828 0%, #141414 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#141414', GradientType=0); /* IE6-9 */ color: #ffffff; font-size: 1.1em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #show-newsletter { position: absolute; right: -32px; top: 0; } /* ------------------------- Formulaire Newsletter ---------------------*/ #form-newsletter { display: none; } #simplemodal-container #form-newsletter .h1 { color: #b70012 !important; } #form-newsletter fieldset { border: none; text-align: center; } #form-newsletter fieldset p { margin-bottom: 6px; text-align: left; } #form-newsletter div { display: inline-block; position: relative; height: 30px; width: 320px; background: url(../images/h-recherche.png) no-repeat left top; } #Newsletter { position: absolute; top: 0; left: 0; border: none; background: none; height: 30px; width: 216px; line-height: 30px; padding: 0 5px; font-size: 1.2em; color: #666666; } #Newsletter:hover, #Newsletter:focus { color: #000000; } #btn-newsletter { border: none; position: absolute; top: 0; right: 0; } .firefox #btn-newsletter, .safari #btn-newsletter { top: 4px; right: 2px; background: none; } #btn-newsletter span { display: block; } #btn-newsletter span span { height: 20px; line-height: 20px; padding: 0 5px; background: #282828; /* Old browsers */ background: -moz-linear-gradient(top, #282828 0%, #141414 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282828), color-stop(100%, #141414)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #282828 0%, #141414 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #282828 0%, #141414 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #282828 0%, #141414 100%); /* IE10+ */ background: linear-gradient(top, #282828 0%, #141414 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#282828', endColorstr='#141414', GradientType=0); /* IE6-9 */ color: #ffffff; font-size: 1.1em; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* -------------------------------------------------------------------------------------- // * ---------------------------------------// MENU //------------------------------------- // * -------------------------------------------------------------------------------------- */ #div-menu { position: relative; overflow: hidden; } ul#menu { overflow: hidden; list-style: none; list-style-image: none; padding-left: 0; background: #c10118; } .msie6 #menu { width: 100%; } #menu li { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; float: left; font-size: 12px; font-weight: bold; } #menu li .h-cat { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; float: left; font-size: 12px; font-weight: bold; } #menu li a { float: left; display: block; text-decoration: none; text-transform: uppercase; white-space: nowrap; color: #ffffff; padding-left: 2px; background: url(../images/h-menu-sep.png) repeat-y left top; } #menu li.first a { padding-left: 0; background: none; } #menu li a span { float: left; display: block; height: 35px; line-height: 35px; padding: 0 10px; } /* #menu li a:hover, #menu li a:focus, #menu li.current a, #menu li.ssm a.over { background: #8F352D; }*/ #menu li a:hover span, #menu li a:focus span, #menu li.current a span, #menu li.ssm a.over span { background: #fe3b52; } /* ----------------------- Sous menu ----------------------- */ #menu li ul { display: none; } #menu li ul li { float: none; padding-top: 3px; } #menu li ul li .h-sscat { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; font-size: 12px; font-weight: normal; } #menu li ul li a { float: none; text-transform: none; font-weight: normal; white-space: normal; color: #000000; } #menu li ul li a, #menu li.ssm ul li a, #menu li ul li a:hover, #menu li ul li a:focus, #menu li.ssm ul li a:hover, #menu li.ssm ul li a:focus { background: none; padding: 0 4px; } #menu li.ssm ul li a:hover, #menu li.ssm ul li a:focus, #menu li.ssm ul li.current2 a { color: #cccccc; } #menu li div { display: none; } /* Zone dans laquelle est placée le sous menu */ #ssmenu { display: none; position: absolute; left: 0; z-index: 9999; padding: 10px 20px; border: 3px solid #fe3b52; background: #ffffff; -webkit-box-shadow: 0 6px 6px 0 #aaaaaa; -moz-box-shadow: 0 6px 6px 0 #aaaaaa; box-shadow: 0 6px 6px 0 #aaaaaa; } #ssmenu > div { width: 914px; } #ssmenu ul { list-style: none; list-style-image: none; padding-left: 0; } #ssmenu .double ul, #ssmenu .triple ul, #ssmenu .quatruple ul { float: left; width: 206px !important; margin-right: 1em; } #ssmenu .double ul { width: 447px !important; } #ssmenu .triple ul { width: 291px !important; } #ssmenu .quatruple ul { width: 211px !important; } #ssmenu .double ul.centre, #ssmenu .triple ul.centre, #ssmenu .quatruple .centre-g, #ssmenu .quatruple ul.centre-d, #ssmenu .double ul.last, #ssmenu .triple ul.last, #ssmenu .quatruple ul.last { margin-left: 1em; } #ssmenu .double ul.last, #ssmenu .triple ul.last { margin-right: 0; } #ssmenu ul li { float: none; padding-top: 1px; background: url(../images/c-pointillets-h.png) repeat-x left top; } #ssmenu li .h-sscat { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; font-size: 12px; font-weight: normal; } #ssmenu ul li:first-child { background: none; } #ssmenu ul li a { display: block; float: none; text-transform: none; font-weight: normal; text-decoration: none; padding: 3px 4px 3px 10px; color: #000000; background: url(../images/s-menu-puce.png) no-repeat 3px 8px; } #ssmenu ul li a:hover, #ssmenu ul li a:focus, #ssmenu ul li.current2 a { background-color: #fe3b52; background-position: 3px -97px; color: #ffffff; } .ssm-h1 { border-bottom: 1px solid #c10118; text-transform: uppercase; margin-bottom: 6px; } .ssm-h1 a { display: block; padding: 0 0 6px 22px; background: url(../images/h-ssm-h1.png) no-repeat left top; color: #c10118; text-decoration: none; } #ssmenu .block { margin-bottom: 8px; } #ssmenu .block p, #ssmenu .block ul, #ssmenu .block ol { color: #6b6b6b; font-size: 11px; } .p-btn-voir-cat { overflow: hidden; padding-top: 10px; margin-bottom: 8px; } .btn-voir-cat { float: right; background: #228fe1; /* Old browsers */ background: -moz-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #228fe1), color-stop(100%, #1b80cd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* IE10+ */ background: linear-gradient(top, #228fe1 0%, #1b80cd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#228fe1', endColorstr='#1b80cd', GradientType=0); /* IE6-9 */ border: 1px solid #1b80cd; text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-voir-cat span { display: block; float: right; height: 22px; line-height: 20px; padding: 0 10px; border: 1px solid #2f97e7; border-left: none; border-bottom: none; } .offres-moment { text-align: center; text-transform: uppercase; background: url(../images/h-ssm-offres.png) repeat-x left center; margin-bottom: 6px; } .offres-moment strong { padding: 0 4px; color: #1d1d1c; background: #fff; } .offre-ssm { float: left; } .offre-ssm-d { float: right; } /* -------------------------------------------------------------------------------------- // * --------------------------------------// FOOTER //------------------------------------ // * -------------------------------------------------------------------------------------- */ #reassurance { padding: 0 0 10px 0; } #contenu #reassurance { margin: 0 -15px; padding: 0 0 20px 0; } #reassurance ul { list-style: none; padding: 0 0 0 15px; } .reassurance { float: left; margin-left: 10px; } .reassurance a { display: block; float: left; width: 145px; font-size: 10px; color: #1f1f1f; text-decoration: none; min-height: 44px; } #rea-1 { margin-left: 0; background: url(../images/f-rea-1.png) no-repeat right center; } #rea-2 { background: url(../images/f-rea-2.png) no-repeat right center; } #rea-3 { background: url(../images/f-rea-3.png) no-repeat right center; } #rea-4 { background: url(../images/f-rea-4.png) no-repeat right center; } #rea-5 { background: url(../images/f-rea-5.png) no-repeat right center; } #rea-6 { background: url(../images/f-rea-6.png) no-repeat right center; } .reassurance a span { display: block; color: #c10118; font-size: 12px; } .reassurance a em { color: #1b80cd; font-style: normal; text-decoration: underline; } .bandeau-rouge-full { margin: 0 -10px; background: url(../images/c-bandeau-rouge-d.png) no-repeat right bottom; } .c1-bandeau-rouge-full { padding: 0 0 15px 0; background: url(../images/c-bandeau-rouge-g.png) no-repeat left bottom; } .c2-bandeau-rouge-full { padding: 4px 10px; height: 22px; line-height: 22px; background: url(../images/c-bandeau-rouge.png) repeat left top; font-size: 18px; text-transform: uppercase; color: #450109; } .c2-bandeau-rouge-full strong { color: #fff; text-shadow: 1px 1px 3px #450109; } #footer { clear: both; background: #1f1f1f url(../images/f-footer-motif.png) repeat left top; } #c1-footer { width: 936px; margin: 0 auto; padding: 15px 12px 30px 12px; background: #1f1f1f; } .bloc-foot { float: left; } .c1-bloc-foot { margin-top: -6px; } .bandeau-gris { margin: 0 0 0 -22px; background: url(../images/c-bandeau-gris-g.png) no-repeat left bottom; padding: 0 0 8px 0; } .c1-bandeau-gris { padding: 0 0 7px 0; background: url(../images/c-bandeau-gris-fleche.png) no-repeat right bottom; } .c2-bandeau-gris { padding: 4px 10px; height: 22px; line-height: 22px; background: #4c4c4c; } .titre-foot { font-size: 12px; text-transform: uppercase; color: #ffffff; } #bloc-menu-princ, #bloc-menu-sec { width: 226px; } #bloc-menu-princ .titre-foot { padding-left: 20px; background: url(../images/f-picto-propos.png) no-repeat left 3px; } .btn-acces { display: block; float: left; margin-left: 21px; height: 18px; line-height: 18px; padding: 0 10px; font-size: 11px; text-decoration: none; color: #fff; background: #f98127; /* Old browsers */ background: -moz-linear-gradient(top, #f98127 0%, #ab591a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f98127), color-stop(100%, #ab591a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f98127 0%, #ab591a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f98127 0%, #ab591a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f98127 0%, #ab591a 100%); /* IE10+ */ background: linear-gradient(top, #f98127 0%, #ab591a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f98127', endColorstr='#ab591a', GradientType=0); /* IE6-9 */ border: 1px solid #fc8327; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-acces:hover, .btn-acces:focus { color: #000; } #bloc-menu-sec { margin: 0 0 0 10px; } #bloc-menu-sec .bandeau-gris { margin: 0; background: none; } #bloc-menu-sec .titre-foot { padding-left: 20px; background: url(../images/f-picto-infos.png) no-repeat left 6px; } #bloc-suivre { float: right; width: 464px; } .bandeau-rouge { margin: 0 -22px 0 0; background: url(../images/c-bandeau-rouge-d.png) no-repeat right bottom; padding: 0 0 8px 0; } .c1-bandeau-rouge { padding: 0 0 7px 0; } .c2-bandeau-rouge { padding: 4px 10px; height: 22px; line-height: 22px; background: #c10118; } #bloc-facebook-foot { float: right; width: 226px; } #bloc-twitter-foot { float: left; width: 226px; margin-bottom: 10px; } #bloc-blog-foot { clear: left; float: left; width: 226px; } .titre-suivre { font-size: 14px; text-transform: uppercase; margin-bottom: 4px; } .titre-suivre a { display: block; padding-left: 44px; line-height: 26px; color: #fff; text-decoration: none; } #bloc-facebook-foot .fb-like { margin-top: 6px; background: #343434; padding: 4px; } #facebook-foot a { background: url(../images/f-facebook.png) no-repeat left top; } #twitter-foot a { background: url(../images/f-twitter.png) no-repeat left top; } #blog-foot a { background: url(../images/f-blog.png) no-repeat left top; } .txt-suivre { color: #fff; } #bloc-facebook-foot .txt-suivre span { color: #2491e6; } /* Menus du footer, contenant les menus principaux, secondaires, les derniers articles ou commentaires du blog */ .menu-foot { padding-left: 20px; } .menu-foot li { font-size: 1em; color: #bebebe; } .menu-foot li a { display: block; width: 100%; padding: 0 0 10px 0; text-decoration: none; color: #bebebe; } .menu-foot li:hover, .menu-foot li:focus, .menu-foot li.current { color: #fff; } .menu-foot li a:hover, .menu-foot li a:focus, .menu-foot li.current a { color: #fff; } #bas-footer { border-top: 3px solid #1f1f1f; background: #000; padding: 12px 0 16px 0; } #c1-bas-footer { width: 960px; margin: 0 auto; } #bas-footer p { font-size: 10px; color: #6d6d6d; } /* -------------------------------------------------------------------------------------- // * ----------------------------------// BARRE LATERALE //-------------------------------- // * -------------------------------------------------------------------------------------- */ /* ----------------------- Gauche ------------------------- */ #barre-laterale-g { float: left; width: 226px; padding: 0 0 0 15px; } .bloc-lat { margin-bottom: 20px; border: 1px solid #dedede; } /* Menus des blocs de la barre latérale, contenant le menu principal */ .titre-bloc-lat { font-size: 1.2em; background: #a80e1c url(../images/c-bandeau-rouge.png) repeat-x left top; color: #ffffff; border-bottom: 1px solid #dedede; } .titre-bloc-lat strong { display: block; padding: 6px 10px; text-transform: uppercase; text-align: center; } .titre-bloc-lat a { text-decoration: none; color: #ffffff; } .titre-bloc-lat a:hover, .titre-bloc-lat a:focus { text-decoration: underline; } #barre-laterale-g .bloc-lat .Ttxt { padding: 6px 0 0 0; } .bloc-lat .Iimg { padding: 6px 0 0 0; } .bloc-lat .block .Iimg { overflow: hidden; width: 226px; } .menu-lat, .s-menu { list-style: none; list-style-image: none; padding: 0; } .menu-lat li, .s-li-lvl0 { font-size: 1.2em; border-top: 1px solid #dedede; } .menu-lat li.first, .s-menu .first { border: none; } .menu-lat li a, .s-a-lvl0 { display: block; padding: 0 6px 0 15px; text-decoration: none; color: #000; background: #e8e8e8 url(../images/s-menu-puce.png) no-repeat 7px 9px; } .menu-lat li a:hover, .menu-lat li a:focus, .menu-lat li.current a, .s-a-lvl0:hover, .s-a-lvl0:focus, .current1 .s-a-lvl0 { background-color: #fe3b52; background-position: 7px -96px; color: #fff; } .menu-lat li a span, .s-span-lvl0 { display: block; padding: 4px 0 5px 0; } .menu-lat li ul li, .s-li-lvl1 { border-bottom: none; font-size: 0.9em; } .s-ul-lvl1 { display: none; padding: 2px 0 2px 30px; list-style: disc; border: none; } .current1 .s-ul-lvl1 { display: block; } .s-a-lvl1 { display: block; padding: 2px 6px 2px 0; text-decoration: none; color: #000; } .s-a-lvl1:hover, .s-a-lvl1:focus, .current2 .s-a-lvl1 { color: #b70012; } /* ------------------------- Flux RSS ---------------------*/ #rss-blog { padding: 0; border: none; } #rss-blog a { display: block; text-decoration: none; color: #000000; overflow: hidden; } .picto-rss { display: block; background: #b70012 url(../images/s-picto-rss.png) no-repeat center center; width: 28px; height: 28px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #rss-blog .picto-rss { float: left; margin: 1px 8px 0 0; } .msie #rss-blog a { padding-bottom: 4px; } #rss-blog a strong { display: block; color: #b70012; text-transform: uppercase; } /* -------------------------------------------------------------------------------------- // * ---------------------------------// PANIER DEPLIANT //-------------------------------- // * -------------------------------------------------------------------------------------- */ /* Pop-up du contenu du panier au survol du nombre d'articles dans le header */ #panier-pop { position: absolute; z-index: 9999; width: 230px; display: none; background: #666666; } #c1-panier-pop { border: 2px solid #666666; background: #ffffff; } #fermer-panier { float: right; margin: 6px; } #p-cont-panier { margin: 6px 0 6px 8px; } #diapo-panier { clear: both; overflow: hidden; margin: 0.4em 6px 0 6px; border-bottom: 1px solid #2b2b2b; } #diapo-panier ul { display: block; list-style: none; list-style-image: none; padding-left: 0; } #diapo-panier ul li { font-size: 1em; overflow: hidden; width: 214px; } #diapo-panier .prod { padding: 0.6em 0; } #diapo-panier .prod .photo { float: left; } #diapo-panier .prod .photo img { border: 1px solid #ffffff; } #diapo-panier .prod p { margin-left: 58px; } #diapo-panier .prod p a { text-decoration: none; } #diapo-panier .prod .nom { font-size: 1.2em; font-weight: bold; } #diapo-panier .prod .nom a { color: #000000; } #diapo-panier .prod .marque { font-size: 1.1em; margin-bottom: 0.4em; } #diapo-panier .prod .prix { font-size: 1.4em; font-weight: bold; } #diapo-panier .prod .quantite { font-size: 1.1em; float: right; margin-left: 0; } #diapo-panier .prod .marque a, #diapo-panier .prod .quantite a { color: #000000; } #diapo-panier .prod .quantite a strong { color: #000000; } #prevBtn, #nextBtn { float: left; margin-bottom: 10px; } #prevBtn { margin-left: 6px; } #prevBtn a, #nextBtn a { float: left; display: block !important; overflow: hidden; text-indent: -9000px; width: 35px; height: 25px; outline: none; } #prevBtn a { background: #2b2b2b url(../images/p-img-pan-prec-o.png) no-repeat center center; } #prevBtn a.disable { background: #2b2b2b url(../images/p-img-pan-prec.png) no-repeat center center; } #nextBtn a { background: #2b2b2b url(../images/p-img-pan-suiv-o.png) no-repeat center center; } #nextBtn a.disable { background: #2b2b2b url(../images/p-img-pan-suiv.png) no-repeat center center; } #total-panier-pop { width: 120px; float: right; margin: 4px 6px 0 0; padding: 2px 0; text-align: right; font-family: Georgia, Times, Garamond, serif; font-size: 1.4em; } #total-panier-pop a { text-decoration: none; color: #000000; } #total-panier-pop a span { font-weight: bold; color: #c10118; } #commander-panier-pop { clear: both; overflow: hidden; padding: 8px 6px; } .msie6 #commander-panier-pop { height: 30px; } #commander-panier-pop p { font-size: 1em; } #btn-aller-pop { float: left; } #btn-commander-pop { float: right; } /* Pop-up du contenu du panier au survol du nombre d'articles dans le header */ #compte-pop { position: absolute; z-index: 9999; width: 230px; display: none; background: #666666; } #c1-compte-pop { border: 2px solid #666666; padding: 6px; background: #ffffff; } #compte-pop ul li { font-size: 11px; margin-bottom: 10px; color: #c10118; } #compte-pop ul li a { text-decoration: none; color: #c10118; } #compte-pop ul li a strong { display: block; text-transform: uppercase; font-size: 12px; color: #c10118; } .msie #compte-pop ul li a strong { display: inline-block; } .msie #compte-pop ul li a span { display: block; } #compte-pop ul li a:hover strong, #compte-pop ul li a:focus strong { text-decoration: underline; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// CONTENT //------------------------------------ // * -------------------------------------------------------------------------------------- */ #content { padding: 15px 0 0 0; } #content.avec-fil-ariane { padding: 6px 0 0 0; } #contenu { float: right; width: 695px; padding: 0 15px 20px 0; } #contenu.no-column, .msie6 .no-column { float: none !important; width: 930px !important; padding: 0 15px 20px 15px !important; } /* ---------------------------- Fil d'ariane -------------------------- */ #fil-ariane { padding: 0 15px 8px 15px; } #fil-ariane br { display: none; } #fil-ariane a { color: #000000; } #fil-ariane span { color: #b70012; text-transform: uppercase; font-weight: bold; } /* ---------------------------------------------- Accueil -------------------------------------------- */ #slider { float: left; margin-bottom: 15px; width: 695px; height: 320px; overflow: hidden; position: relative; background: #fff; } #c1-slider { width: 695px; height: 320px; overflow: hidden; } #slider ul { list-style: none; padding: 0; } #slider ul li { font-size: 1em; position: relative; width: 695px; height: 320px; } #slider ul li span { display: block; position: absolute; left: 0; bottom: 0; padding: 6px 150px 6px 15px; min-height: 18px; line-height: 18px; width: 535px; background: url(../images/c-transparence-grise.png) repeat left top; color: #fff; font-size: 12px; text-transform: uppercase; } #slider ol { position: absolute; bottom: 5px; right: 5px; padding: 0; list-style: none; } #slider ol li { float: left; margin-left: 5px; } #slider ol li a { display: block; float: left; width: 20px; height: 20px; line-height: 18px; color: #fff; background: url(../images/c-transparence-grise.png) repeat left top; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; } #slider ol li.current a, #slider ol li a:hover, #slider ol li a:focus { background: #fe3b52; } /* ------------------ Blocs accueil -------------------- */ .bloc-acc { float: right; margin-bottom: 10px; } #bloc-texte-acc a { color: #1b80cd; } /* ------------------ Blocs categories -------------------- */ .bloc-cat-acc { float: left; margin: 0 0 10px 10px; width: 178px; height: 70px; position: relative; } .bloc-cat-acc-first { clear: both; margin-left: 0; } .bloc-cat-acc img { border: 1px solid #dddddd; width: 176px; height: 68px; } .bloc-cat-acc:hover img, .bloc-cat-acc:focus img { border-color: #a50715; -webkit-box-shadow: 0px 0px 3px #aaa; -moz-box-shadow: 0px 0px 3px #aaa; box-shadow: 0px 0px 3px #aaa; } .titre-cat-acc { position: absolute; bottom: 5px; left: 0; background: url(../images/c-bloc-acc-titre.png) no-repeat right top; height: 25px; line-height: 25px; padding: 0 11px 0 6px; font-size: 14px; font-weight: normal; text-transform: uppercase; /*font-family: 'Shadows Into Light', cursive;*/ color: #fff; } .titre-cat-acc a { text-decoration: none; color: #fff; } .bloc-cat-acc:hover .titre-cat-acc, .bloc-cat-acc:focus .titre-cat-acc { background-position: right bottom; } /* ------------------ Liste sélections -------------------- */ #liste-selections { height: 23px; list-style: none; padding: 5px 0 0 0; border-bottom: 2px solid #aa1421; margin: 0 0 8px 0; } #liste-selections li { float: left; margin-left: 10px; } #liste-selections li a { float: left; display: block; color: #cbcbcb; background: #090909 url(../images/c-onglet.png) repeat-x left top; text-decoration: none; text-transform: uppercase; text-align: center; height: 23px; line-height: 23px; width: 276px; padding: 0 10px; } #liste-selections li a.current, #liste-selections li a:hover, #liste-selections li a:focus { background-position: left bottom; background-color: #a80e1c; color: #fff; } /* ------------------------------ Pages informatives et blocs de contenu ---------------------------- */ .Iimgtxt img, .Itxtimg img { border: 1px solid #d0d0d0; } .Iimgtxt { margin: 0 1em 1em 0; float: left; } .Itxtimg { margin: 0 0 1em 1em; float: right; } .Ileftimg { text-align: left; } .Icenterimg { text-align: center; } .Irightimg { text-align: right; } /* --------------------------------------- Fiche -------------------------------------- */ #titre-fiche { font-size: 1.8em; text-transform: uppercase; font-weight: normal; color: #000000; margin-bottom: 12px; } .brand a { font-size: 13px; text-transform: none; font-weight: normal; text-decoration: none; color: #666666; } .brand a:hover, .brand a:focus { text-decoration: underline; } #zone-achat .brand { display: none; } #formProd { padding: 8px 0 20px 0; } #zone-achat { float: right; width: 550px; margin-bottom: 30px; } #description-courte { margin-bottom: 12px; } .prod-indisponible { margin: 0.4em 0 0 0; font-size: 1.8em; font-weight: bold; } /* --------------------------------------- Variations -------------------------------------- */ #variations, #Personnalisation { margin-bottom: 20px; } .bloc-variations, .bloc-personnalisation { clear: both; margin-bottom: 1em; } .bloc-variations p, .bloc-personnalisation p, .bloc-variations label, .bloc-personnalisation label { font-size: 1.2em; } .bloc-variations .titre-variation, .titre-personnalisation { font-weight: bold; margin-bottom: 6px; color: #1c1c1c; } .variationRadio .thickbox, #variations .thickbox, #variations .lightbox { float: left; margin: 0 0.4em 1em 0; } #variations .comboBox { width: auto !important; } #variations select { width: 350px; } #variations .photo-variation { float: left; margin-right: 0.6em; } #variations .quantite-choix { float: left; } #variations img { border: 1px solid #e6e6e6; } .variationQuantiteRadio { display: block; padding-top: 0.4em; } .variationRadio { clear: both; margin-bottom: 0.6em; padding: 6px; overflow: hidden; background: #e7e7e7; } .variationRadio p { font-size: 1em; } .variationRadio label, .variationRadio input { vertical-align: middle; } .bloc-variations .qtVariation { width: 3em; padding: 0.1em 0.2em; } .variationGroupeMenu { margin-bottom: 1em; } #variations h4 { font-size: 1.3em; font-style: italic; margin: 0.4em 0; font-family: Helvetica, Geneva, Arial, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; color: #857367; } #variations .qte-combo { display: block; margin-bottom: 10px; font-size: 12px; } #zone-achat .chzn-search { display: none; } /* Variation de couleurs */ .choix-couleur { margin-bottom: 6px; } .choix-couleur .titre-variation { font-weight: bold; margin-bottom: 6px; color: #1c1c1c; } .choix-couleur .variationOption { padding: 0; list-style: none; } .choix-couleur .variationRadio { clear: none; float: left; overflow: hidden; padding: 0; margin: 0 6px 8px 0; background: none; } .choix-couleur .variationRadio label { clear: none; display: block; overflow: hidden; padding: 0; height: 85px; width: 52px; margin: 0; background: none; opacity: 0.5; filter: alpha(opacity=50); } .choix-couleur .variationRadio label:hover, .choix-couleur .variationRadio label:focus, .choix-couleur .variationRadio label.current { opacity: 1; filter: alpha(opacity=100); } .choix-couleur .variationRadio .texte-variation { display: none; } #variations .choix-couleur img { width: 50px; max-height: 75px; margin-bottom: 3px; } .couleur-variation { display: block; width: 52px; height: 5px; } /* Variation de tailles */ .choix-taille { margin-bottom: 6px; } .choix-taille .titre-variation { font-weight: bold; margin-bottom: 6px; color: #1c1c1c; } .choix-taille .variationOption { float: left; padding: 0; list-style: none; } .choix-taille .variationRadio { clear: none; float: left; overflow: hidden; padding: 0; margin: 0 8px 8px 0; background: none; } .choix-taille .variationRadio label { clear: none; display: block; overflow: hidden; padding: 0; margin: 0; height: 23px; width: 23px; line-height: 23px; border: 1px solid #dfdede; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f4f4f4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f4f4f4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=0); /* IE6-9 */ color: #212121; text-align: center; font-size: 12px; } .choix-taille .variationRadio label:hover, .choix-taille .variationRadio label:focus, .choix-taille .variationRadio label.current { background: #bf1a28; /* Old browsers */ background: -moz-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf1a28), color-stop(100%, #ab1421)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* IE10+ */ background: linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1a28', endColorstr='#ab1421', GradientType=0); /* IE6-9 */ border-color: #ac1b28; color: #fff; } .choix-taille .variationRadio input, .choix-taille .variationRadio span { display: none; } /* Stock */ .leStock, .stock-fiche { padding: 0 0 0 16px; position: relative; display: inline-block; } .stock-fiche { float: left; clear: left; } .stock-fiche strong { display: block; } .stock-fiche em { font-size: 10px; } .stock-no-taille { margin-bottom: 14px; display: block; } .StockOK, .stock-vert { background: url(../images/c-stock-ok2.png) no-repeat left 1px; color: #33a01a; } .stock-orange { background: url(../images/c-stock-orange.png) no-repeat left 1px; color: #1d1d1c; } .StockKO, .stock-rouge { /*background: url(../images/c-stock-ko2.png) no-repeat left 1px; color: #ea292e;*/ background: url(../images/c-stock-orange.png) no-repeat left 1px; color: #1d1d1c; } .stock-var { display: none; } /* .stock-normal { margin-top: 12px; }*/ .texte-livraison { margin-top: 10px; font-size: 14px; font-weight: bold; text-align: center; } .etoile-livraison { margin-top: 10px; font-size: 10px; } /* Personnalisation */ .titre-personnalisation { text-transform: uppercase; } .titre-personnalisation #PersoOblig { text-transform: none; font-size: 0.7em; } #Personnalisation label { display: block; } .bloc-personnalisation .textbox, .bloc-personnalisation textarea { width: 472px; } .bloc-personnalisation textarea { max-width: 472px; } .dateForm { width: 80px; padding-right: 22px; background: #ffffff url(/_t/_/img/picto-calendrier.png) no-repeat right 1px; } .bloc-personnalisation .dateForm { width: 80px; } .promoPhrasePourc { margin-bottom: 10px; } #rea-fiche { float: right; width: 198px; border: 1px solid #e1e0e0; } .rea-fiche { color: #1d1d1c; font-size: 13px; padding: 5px 5px 6px 5px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0); /* IE6-9 */ } .rea-fiche a { color: #1d1d1c; text-decoration: none; } .rea-fiche a strong, .rea-fiche a span { color: #b70012; } .rea-fiche span em { text-transform: uppercase; font-style: normal; } #rea-fiche-1 { font-weight: bold; border-bottom: 1px solid #e1e0e0; } #bloc-achat { float: left; width: 320px; padding: 8px 10px; background: #f3f3f3; } .btn-ajpan-fiche span { float: right; display: block; } .btn-ajpan-fiche span span { padding: 0 10px; height: 35px; line-height: 35px; background: #2491e6; border: 3px solid #cadff0; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; } /* #bloc-achat .p-ajpan { float: right; padding: 0 0 30px 0; background: url(../images/c-modes-paiement.png) no-repeat center bottom; } */ /* --------------------- Prix -------------------- */ #prix-fiche { float: left; } #prix-fiche del { font-size: 20px; font-weight: normal; color: #000000; } #prix-fiche span { display: block; font-size: 30px; color: #b70012; } #prix-fiche strong { font-weight: normal; } /* Zone photo */ #zone-photo { width: 350px; float: left; position: relative; margin-bottom: 30px; } #principale { width: 350px; overflow: hidden; text-align: center; position: relative; margin-bottom: 16px; } #principale a { display: block; } #principale a img { max-width: 350px; } #principale span { position: absolute; bottom: 0; left: 0; padding: 3px 4px; font-size: 1.1em; background: url(../images/c-transparence-grise.png) repeat left top; color: #ffffff; } #mini-note { border: 1px solid #dedede; } #mini-note .wizicss-zone-note { overflow: hidden; padding: 3px 0; background: #f3f3f3; } #mini-note .wizicss-zone-note p { float: left; margin: 0 10px; font-size: 10px; text-transform: uppercase; color: #444; line-height: 14px; } #mini-note .wizicss-zone-note p a { text-transform: none; color: #444; text-decoration: underline; } #mini-note .wizicss-zone-note p a.wizicss-lire-avis { color: #2491e6; margin-left: 10px; } #mini-note .wizicss-etoiles-bg { float: left; } #miniatures { position: relative; width: 328px; padding: 10px; } #c1-miniatures { overflow: hidden; width: 290px; height: 52px; } #prec, #suiv { position: absolute; right: 10px; height: 18px; width: 16px; padding: 4px 0 0 2px; background: #666666; } #prec.disable, #suiv.disable { background: #cccccc; } #prec { top: 11px; } #suiv { bottom: 11px; } #miniatures ul { padding: 0; list-style: none; list-style-image: none; overflow: hidden; width: 10000px; } #miniatures ul li { height: 52px; margin-left: 8px; float: left; } #miniatures ul li.first { margin-left: 0; } #miniatures ul li a { display: block; outline: none; } #miniatures ul li a img { border: 1px solid #ffffff; } #miniatures ul li a:hover img, #miniatures ul li a:focus img { border-color: #dedede; } .etatPrixFiche { position: absolute; top: 10px; left: -3px; } /* ---------------- Partage ---------------- */ #zone-partage { display: none; } #partage-avis { clear: both; padding: 8px 0 8px 10px; border: 1px solid #cfcfcf; border-left: none; border-right: none; overflow: hidden; margin-bottom: 20px; } #partage { float: left; overflow: hidden; padding-right: 10px; margin-right: 10px; border-right: 1px solid #cfcfcf; height: 20px; } #p-partager { float: left; font-size: 10px; text-transform: uppercase; color: #444; padding-top: 4px; margin-right: 8px; } #partage-avis .wizicss-ecrire-avis { font-weight: normal; font-size: 11px; } #btn-facebook, #btn-like, .twitter-share-button, #btn-plusone, .pin-it-button { float: left; } #btn-like { width: 84px; } .twitter-share-button { width: 100px; } #btn-plusone { width: 80px; } .pin-it-button { width: 84px; } #btn-facebook, #sendFriend { float: left; display: block; height: 20px; line-height: 20px; font-size: 10px; text-decoration: none; color: #444; background: url(../images/btn-facebook2.png) no-repeat left 3px; } #btn-facebook { padding: 0 0 0 20px; background: url(../images/btn-facebook2.png) no-repeat left 3px; margin-left: 10px; } #sendFriend { padding: 0 0 0 26px; background: url(../images/c-picto-partage-mail.png) no-repeat left 3px; } /* --------- Suite des infos (description, caractéristiques, cross-selling --------- */ #liste-infos { clear: both; height: 23px; list-style: none; padding: 5px 0 0 0; border-bottom: 2px solid #aa1421; margin: 0; } #liste-infos li { float: left; margin-left: 10px; } #liste-infos #li-description { margin-left: 0; } #liste-infos li a { float: left; display: block; color: #cbcbcb; background: #090909 url(../images/c-onglet.png) repeat-x left top; text-decoration: none; text-transform: uppercase; text-align: center; height: 23px; line-height: 23px; padding: 0 10px; } #liste-infos li a.current, #liste-infos li a:hover, #liste-infos li a:focus { background-position: left bottom; background-color: #a80e1c; color: #fff; } .cont-onglet { clear: both; padding: 15px 0 0 0; } .msie6 .cont-onglet, .msie7 .cont-onglet { float: left; width: 100%; overflow: hidden; position: relative; } #description p, #description li { margin-bottom: 6px; } #description :first-child { margin-top: 0; } #caracteristiques li { margin-bottom: 6px; } .titre-cross { margin: 0 -15px 15px -15px; padding: 6px 10px; background: #2f2f2f; color: #fff; font-size: 18px; font-weight: normal; text-transform: uppercase; text-align: center; } /* -------------------------------------------------------------------------------------- // * ----------------------// PANIER ET PROCESSUS DE COMMANDE //--------------------------- // * -------------------------------------------------------------------------------------- */ /* ----------------- Processus de commande ------------------ */ #processus-commande { text-align: center; margin-bottom: 2em; background: url(../images/c-fond-processus-commande.png) repeat-x left 13px; } .msie6 #processus-commande, .msie7 #processus-commande { height: 56px; padding-left: 220px; } #processus-commande p { display: inline-block; width: 120px; text-align: center; font-size: 1em; color: #212121; } .msie6 #processus-commande p, .msie7 #processus-commande p { display: block; float: left; } #processus-commande p a { text-decoration: none; color: #212121; } #processus-commande p strong { display: block; margin: 0 auto 3px auto; width: 32px; height: 32px; line-height: 32px; font-size: 2em; font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; background: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2)); background-image: -moz-linear-gradient(center top, #ffffff 0%, #e2e2e2 100%); border: 1px solid #d6d6d6; /*-moz-box-shadow: 0 3px 3px #666; -webkit-box-shadow: 0 3px 3px #666; box-shadow: 0 2px 3px #666;*/ } #processus-commande p.current strong { background: #bf1a28; /* Old browsers */ background: -moz-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf1a28), color-stop(100%, #ab1421)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* IE10+ */ background: linear-gradient(top, #bf1a28 0%, #ab1421 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf1a28', endColorstr='#ab1421', GradientType=0); /* IE6-9 */ border-color: #ac1b28; color: #ffffff; } #processus-commande p span { font-size: 1.3em; text-align: center; display: block; color: #000000; } #processus-commande p.current span { color: #c10118; } .msie6 processus-commande, .msie7 processus-commande { height: 56px; padding-left: 240px; } .msie6 #processus-commande p, .msie7 #processus-commande p { display: block; float: left; } /* ----------------- Panier vide ------------------ */ #no-prod { float: left; padding: 16px; text-align: center; width: 316px; background: #212121; } #no-prod p { text-align: center; } #texte-no-prod { font-family: Georgia, Times, Garamond, serif; margin-bottom: 16px; color: #ffffff; } #no-prod p strong { font-size: 36px; } #no-prod img { margin: 0 0 20px 40px; } #btn-commencer { margin-bottom: 16px; } .msie6 #btn-commencer span.pngfix div { margin-left: -6px; } .msie6 #btn-commencer span.pngfix span.pngfix div { margin-left: 0; } /* ----------------- Panier rempli ------------------ */ #col-pan-g { float: left; width: 580px; margin-bottom: 20px; } #col-pan-d { float: right; width: 330px; margin-bottom: 20px; } /* ----------------- Votre panier ------------------ */ #form-print { display: none; } #votre-panier { width: 100%; font-size: 1em; } #votre-panier .last td { background: none; } .image-panier { padding: 4px 0; width: 52px; } .panier-description { font-size: 1.2em; } .panier-quantite { width: 55px; } #votre-panier td.panier-supprimer { padding-right: 0; width: 23px; } #votre-panier td.panier-supprimer a { display: block; width: 21px; height: 21px; overflow: hidden; text-indent: -9000px; background: #cccccc url(../images/c-btn-suppr-blanc.png) no-repeat 4px 5px; } .msie6 #votre-panier td.panier-supprimer a { background: #cccccc url(../images/c-btn-suppr-blanc-ie6.png) no-repeat 4px 5px; } .panier-titre-produit { font-size: 13px; } .panier-titre-produit a { text-decoration: none; } .panier-marque-produit { margin-bottom: 6px; } td.panier-sstot, td.panier-prix { text-align: right; white-space: nowrap; } .panier-prix p strong { display: block; font-weight: normal; } .panier-prix p del, .panier-sstot p del { font-size: 11px; } .panier-sstot p strong { display: block; color: #c10118; } .ecopart { font-size: 10px; } .zone-qte { position: relative; width: 54px; height: 30px; } .zone-qte input, .zone-qte a { position: absolute; } .zone-qte input { top: 4px; left: 0; width: 30px; padding: 3px 4px; border: 1px solid #ffffff; } .zone-qte a { right: 0; } .plus { top: 4px; } .moins { top: 18px; } #votre-panier tfoot td { background: none; white-space: nowrap; } #votre-panier tfoot th { padding: 4px 8px; font-weight: bold; color: #000000; background: none; } #votre-panier tfoot th, #votre-panier tfoot td { border-top: 1px solid #666; padding: 8px; } #votre-panier tfoot td { font-size: 1.6em; font-weight: bold; font-family: Georgia, Times, Garamond, serif; } #votre-panier tfoot .total th, #votre-panier tfoot .total td { border-top: 2px solid #666; font-family: Georgia, Times, Garamond, serif; padding: 12px 8px; } #votre-panier tfoot .total th { padding-right: 30px; font-size: 1.8em; font-style: italic; font-weight: bold; color: #000000; } #panier-validation { padding-top: 30px; } #panier-validation button { float: right; margin-left: 4px; } #votre-panier tfoot .total td { font-size: 2.4em; font-weight: bold; color: #c10118; } #continuer span span span, #retour-recap span span span { padding: 0 0 0 16px; border: none; font-size: 1em; background: transparent url(../images/c-fleches-noires-btn.png) no-repeat left 13px; } .msie6 #continuer span span span, .msie6 #retour-recap span span span { background: transparent url(../images/c-fleches-noires-btn-ie6.png) no-repeat left 13px; } #infos-panier { overflow: hidden; margin-bottom: 20px; background: #212121; } .msie6 #infos-panier { height: 64px; overflow: visible; } #enregistrement-auto { float: left; width: 223px; border-right: 1px solid #000; } #enregistrement-auto p { padding: 8px 8px 7px 55px; font-size: 1.2em; background: url(../images/c-illustration-info.png) no-repeat left 9px; color: #ffffff; } #boncommande { border-left: 1px solid #666666; float: right; width: 89px; text-align: center; padding: 3px 8px; margin: 0; } #w_btn-bon-commande { border: none; background: none; width: auto; height: auto; } #boncommande label { display: block; font-size: 1.2em; color: #ffffff; } #remise-panier { position: relative; padding: 33px 0 0 0; } #titre-remise { position: absolute; top: 12px; left: 50px; height: 20px; line-height: 20px; text-transform: uppercase; padding: 0 6px 0 26px; font-size: 1.4em; border: 1px solid #000; z-index: 30; color: #ffffff; background: #212121; } #illus-remise { position: absolute; top: 0; left: 8px; z-index: 31; } #c1-remise-panier { border: 1px solid #1b1b1b; overflow: hidden; padding: 10px 6px 6px 6px; } #remise-panier label { display: none; } #remise-panier p, #remise-panier label { color: #1b1b1b; } #bon-reduction * { vertical-align: middle; } .msie6 #reduc, .msie7 #reduc { margin-right: 4px; } /* ---------------------------------- Commande --------------------------------- */ #ChoixLivraison, #choix-paiement { overflow: hidden; margin-bottom: 20px; } .mode-livr { float: left; width: 290px; padding: 5px; border: 2px solid #cccccc; margin: 0 0 8px 8px; position: relative; cursor: pointer; } .picto-selected { display: block; position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background: #1f8f08 url(../images/p-picto-v.png) no-repeat center center; } .msie6 .picto-selected { background: #1f8f08 url(../images/p-picto-v-ie6.png) no-repeat center center; } #ChoixLivraison .first { clear: both; margin-left: 0; } #ChoixLivraison .selected, #choix-paiement .selected { border-color: #1f8f08; } .mode-livr label, .mode-paiement label { display: block; font-size: 1.5em; margin-bottom: 10px; } .mode-livr label *, .mode-paiement * { vertical-align: middle; } .mode-livr label span { display: inline-block; margin-left: 6px; width: 264px; } .mode-livr label span * { vertical-align: baseline; } .mode-livr label span strong { display: block; text-transform: uppercase; color: #c10118; } .mode-livr label span span { margin: 0; font-weight: bold; font-family: Georgia, Times, Garamond, serif; } /* Mondial Relay */ .choisir-relais span span span { border: none; background: url(../images/c-point-relais-puce.png) no-repeat left 8px; padding: 0 0 0 12px; } #frame-mondial-relay { display: none !important; } #simplemodal-container #frame-mondial-relay { display: block !important; } .LivrDesc { padding: 6px 28px 0 0; font-size: 1.1em; border-top: 1px solid #cccccc; color: #666; } #PapierKdo, #MsgColis { margin-bottom: 20px; } #PapierKdo { clear: both; padding: 6px 6px 6px 60px; background: #e7e7e7 url(../images/c-illustration-cadeau.jpg) no-repeat 3px 6px; } #PapierKdo h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 4px; color: #c10118; } #PapierKdo p strong, #MsgColis p strong { font-family: Georgia, Times, Garamond, serif; } #MsgColis { padding: 6px 6px 6px 60px; background: #e7e7e7 url(../images/c-illustration-message.png) no-repeat 7px 7px; } .msie6 #PapierKdo, .msie6 #MsgColis { width: 864px; } .msie6 #PapierKdo .regroupement { width: 834px; } #MsgColis h2 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 4px; color: #c10118; } #MsgColis textarea { width: 476px; max-width: 476px; } .p-aj-option { padding: 10px 0 6px 0; overflow: hidden; } .p-aj-option .button { margin-left: 20px; } .p-aj-option .button span span { border: none; height: 22px; line-height: 21px; padding: 0 8px; font-size: 1em; background: #c10118; color: #ffffff; } /* ------------------------- Récapitulatif panier ------------------------- */ /*Début Nouveau processus de commande*/ #div-deja { border: 1px dotted #444444; overflow: hidden; height: 80px; margin-bottom: 8px; } #div-deja ul { padding: 0; list-style: none; } #div-deja ul li { float: left; font-size: 1em; font-family: Verdana, Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; } #div-deja ul li.current, #div-deja ul li:hover, #div-deja ul li:focus { background: #b2e5ff; } #li-deja-oui { border-right: 1px dotted #444444; } #div-deja ul li input { position: absolute; top: 15px; left: 14px; } #div-deja ul li#li-deja-oui label { width: 224px; } #div-deja ul li label { position: relative; display: block; padding: 10px 10px 10px 40px; height: 60px; width: 223px; font-size: 1em; } #div-deja ul li label strong { font-size: 1.8em; text-transform: uppercase; display: block; } #div-deja ul li label em { font-weight: bold; font-style: normal; } #zone-form { border: 1px solid #444444; padding: 16px 14px; } #p-ou { font-size: 2.4em; font-weight: bold; font-style: italic; font-family: Georgia, Times, Garamond, serif; text-transform: uppercase; padding: 8px 0 0 50px; margin-bottom: 8px; background: url(../images/c-sep-ou.png) repeat-x left 24px; color: #cccccc; } #p-ou span { padding: 0 5px; background: #ffffff; } /*Fin Nouveau processus de commande*/ #menu-compte, #infos-compte, #AddFact, #AddLivr, #histo-link { margin-bottom: 20px; } #votre-panier.validation thead { display: none; } #votre-panier.validation tfoot td { font-family: Arial, Geneva, Helvetica, Trebuchet MS, Bitstream Charter, FreeSans, sans-serif; font-size: 1.3em; font-weight: normal; } #votre-panier.validation tfoot th { font-size: 1.3em; font-weight: normal; font-style: italic; } #votre-panier.validation .panier-sstot p strong { color: #000000; } #votre-panier.validation tfoot .total td { font-family: Georgia, Times, Garamond, serif; font-size: 2em; font-weight: bold; color: #c10118; } #votre-panier.validation tfoot .total th { font-size: 1.4em; font-weight: bold; padding-right: 8px; } #choix-paiement { padding: 0; border: none; } .mode-paiement { float: left; width: 210px; padding: 5px; border: 2px solid #cccccc; margin: 0 8px 8px 0; position: relative; cursor: pointer; } .mode-paiement label img { max-width: 190px; } .mode-paiement label { text-align: center; } #contentCgv { display: none; } #form-cgv fieldset { border: none; margin-bottom: 1em; } #form-cgv fieldset#cgv { padding: 8px 8px 4px 8px; } #valid-pai { overflow: hidden; } #cgv { clear: none; float: right; width: 500px; text-align: right; } #cgv p { padding-top: 6px; font-size: 1.4em; } #cgv p strong { font-family: Georgia, Times, Garamond, serif; color: #c10118; } #btn-paiement { margin-left: 30px; float: right; } #infocom { margin-bottom: 20px; } /* ---------------------------- Cnil, etc. ------------------------------ */ #PwdOk { margin-bottom: 1em; } #Cnil { clear: both; margin-top: 1em; color: #666; } #perdu { clear: both; float: right; margin-top: 1em; width: 33.8em; } /* -------------------------------------- Mon compte ------------------------------*/ #pass-oublie { margin-top: 1em; padding: 10px 0; } #pass-oublie * { vertical-align: middle; } #pass-oublie .textbox { width: 12em; margin-right: 4px; } /* -------------------------------------------------------------------------------------- // * --------------------------------------// MODAL //------------------------------------- // * -------------------------------------------------------------------------------------- */ #simplemodal-container { background: #ffffff !important; } #simplemodal-container p, #simplemodal-container li, #simplemodal-container label, #simplemodal-container address { color: #000000 !important; } #simplemodal-container a { color: #c10118 !important; } #simplemodal-container #basicModal h4, #simplemodal-container #basicModalCgv h4 { color: #000; } /* -------------------------------------------------------------------------------------- // * -------------------------------// BANDEAUX FICHE //----------------------------------- // * -------------------------------------------------------------------------------------- */ #w_bandeau #pagepanier2 { border: none; } #w_bandeau #prod-nom, #w_bandeau .price strong { color: #ffffff; } #w_bandeau .price del { color: #dddddd; } #w_dialog-message { overflow: hidden; padding-bottom: 10px; } #w_dialog-message #prix-fiche { font-size: 24px; } #w_dialog-message #prix-fiche strong { color: #8f352d !important; } #w_dialog-message #w_pagepanier { clear: both; } /* -------------------------------------------------------------------------------------- // * ---------------------------------------// BLOG //------------------------------------- // * -------------------------------------------------------------------------------------- */ /* ------------------------------ Billets du blog ---------------------------- */ .i-img { margin: 1em 0; } .i-leftimg { text-align: left; } .i-centerimg { text-align: center; } .i-rightimg { text-align: right; } .i-imgtxt { float: left; margin: 1em 3em 1em 0; } .i-txtimg { float: right; margin: 1em 0 1em 1em; } .billet { margin-bottom: 30px; } .billet img { border: 1px solid #dddddd; } .billet .block { clear: both; } .block .h1:first-child, .block .h2:first-child, .block .h3:first-child { margin-top: 0; } .block p, .block ul, .block ol { margin-bottom: 0.6em; } .infos-billet { padding-bottom: 4px; border-bottom: 1px solid #444444; margin-bottom: 1em; } .titre-billet { margin-bottom: 0.4em; } /* ------------------------------ Commentaires des billets du blog ---------------------------- */ .commentaires-billet { margin-top: 2em; padding-top: 7px; border-top: 1px solid #444444; } .nb-com { padding-left: 36px; background: url(../images/c-bulle-comments.png) no-repeat left top; } .msie6 .nb-com { background: url(../images/c-bulle-comments-ie6.png) no-repeat left top; } #zone-commentaires { margin-top: 1em; padding-top: 7px; border-top: 1px solid #444444; } #zone-commentaires .nb-com { margin-bottom: 2em; } #zone-commentaires ol { margin-left: 2em; } #zone-commentaires ol li { margin-bottom: 0.6em; padding: 6px; background: #f2f2f2; } #zone-commentaires ol li.alt { background: #dddddd; } #zone-commentaires ol li.admin { border: 1px dashed #c10118; background: #b2e5ff; } #zone-commentaires ol li * { font-size: 1em; } #zone-add-com { margin-top: 2em; } .bloc-info { padding: 10px 0 10px 50px; margin: 1em 0 2em 0; background: url(../images/c-illustration-info.png) no-repeat left 1px; } .bloc-info div { border: 1px solid #2471a4; padding: 8px; background: #EFFAFF; } .bloc-info div p { color: #000000; } #div-img-raw { overflow: hidden; position: absolute; bottom: 0; left: 0; height: 1px; width: 1px; z-index: -9999; } #div-img-raw img { visibility: hidden; } /* ----------------- Début Avis ----------------- */ .wizicss-commentaires .wizicss-prod-pres { width: 600px; } .wizicss-commentaires .wizicss-prod-pres h2 { width: 400px; } .wizicss-etoiles-bg { background: url(../images/c-etoiles.png) no-repeat left top; } .wizicss-etoiles-fg { background: url(../images/c-etoiles.png) no-repeat left bottom; } /* Note générale du produit */ /*#zone-achat .wizicss-zone-note { padding: 0 0 6px 6px; margin: 0 0 6px 16px; float: right; text-align: center; } #zone-achat .wizicss-zone-note #back { display: inline-block; } #zone-achat .wizicss-zone-note p { font-size: 1em; } #zone-achat .wizicss-zone-note p a { display: block; text-decoration: underline; } #zone-achat .wizicss-zone-note p a:hover, .wizicss-zone-note p a:focus { text-decoration: none; }*/ /*Confirmation de la commande*/ .wizicss-com-conf-titre { color: #c10118; margin-top: 40px; } .wizicss-zone-btn-commande { padding-top: 20px; } .cont-bloc-lat-note { margin: 10px; } .wizicss-etoiles-valeur, .wizicss-lire-avis { color: #fff; } /* ----------------- Fin Avis ----------------- */ /*--------------------Debut prix decresif ----------------*/ .range-h1 { margin-bottom: 6px; } .range-table { margin-bottom: 20px; } .range-th { background: #c10118; color: #ffffff; } .range-td { background: #FFD4D1; } /*--------------------fin prix decresif ----------------*/ /*--------------------Debut vf ----------------*/ .flash-sale { position: absolute; top: 0; left: 0; } .flash-sale { width: 224px; } .flash-sale .flash-sale-h1 { font-size: 10px; } .flash-sale .countdown { width: 95px; } .flash-sale .flash-sale-h2 { display: none; font-size: 11px; } .flash-sale .dash .digit { font-size: 12px; } .flash-sale .dash .dash-ext { font-size: 12px; } #flash-sale { margin-bottom: 20px; width: 100%; } #flash-sale-h1 { font-size: 16px; } /*--------------------Fin vf ----------------*/ /*----------------- formulaire ***************/ .w_form .field-ko .textbox, .w_form .field-ko .date-input, .w_form .field-ko textarea { background: #f6e6e6; border: 1px solid #a80e0e; color: #a80e0e; } .w_form .field-ko .date-input { background: #f6e6e6 url(/_t/_/images/images-sp1.png?2) no-repeat 63px -1183px; } .w_form .textbox:hover, .w_form .textbox:focus, .w_form .date-input:hover, .w_form .date-input:focus, .w_form textarea:hover, .w_form textarea:focus { border-color: #db5449; } .success { color: #328b1a; } .success-group { background: #e7f5e4; } .success-group .success { color: #328b1a; } /*============== MISE AJOUR ALERT STOCK ++++++++*/ .w_ajoutPanierKO #BtnAddCartSup { display: none !important; } #prod-add-cart { float: right; width: 200px; text-align: right; } #alert-btn { height: auto; width: 190px; text-transform: none; } #alert-btn span { background: #a80e1c; border-color: #a80e1c; color: #fff; } #alert-btn.btnT2 span { background: #4c4c4c; border-color: #4c4c4c; color: #fff; } #alert-btn span span { padding: 2px 5px 4px 55px; line-height: 13px; height: auto; width: 130px; font-size: 12px; font-weight: normal; background: url(/_t/_/images/images-sp1.png) no-repeat 12px -236px; } #alert-btn.btnT2 span span { background: url(/_t/_/images/images-sp1.png) no-repeat 12px -236px; } .img_carte { float: right; padding: 0 0 30px 0; background: url(../images/c-modes-paiement.png) no-repeat center bottom; width: 185px; margin-bottom: 10px; } #alert-modal .button { padding: 0 10px; height: 35px; line-height: 33px; background: #2491e6; border: 3px solid #cadff0; color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase; width: auto; } .logo-img { margin-top: 10px; margin-left: 3px; } #wishnbox-button button span span { width: 176px; } /* -------------------------------------------------------------------------------------- // * -------------------------------------// NOSTO //-------------------------------------- // * -------------------------------------------------------------------------------------- */ .nosto-cart { margin-top: 30px; }