/******** png ********/ /*#lev3, .contLev, .contFilles, #illusProduct, .contLev3, .contentMagasins, .infoLesServices, .infoGuidesCache, .contentOuveture, .contOtherProducts, .contentShopping, .contProducts, .png {behavior:url(css/iepngfix.htc)}*/ /******** Default rules for tag ********/ *{margin:0; padding:0; border:0; outline:0; /*font-weight:inherit; font-size:100%; font-family:inherit;*/ vertical-align:baseline; outline:none;} body{font-size:11px; font-family:Verdana,Arial,Helvetica,sans-serif !important; line-height:1; color:#333228;} .imgFond{position:absolute;top:140px;left:-150px;z-index:0;} :focus{outline:0;} img, fieldset{border:0} blockquote:before, blockquote:after, q:before, q:after{content: "";} blockquote, q {quotes: "" "";} p, h1, h2, h3, h4, h5, ol, ul, dl, fieldset{padding:0 0 10px 0;} h1{font-size:20px; text-transform:uppercase; } h1 strong{} h1 span{display:block; font-size:18px;} h2{font-size:17px;} h2 strong{} h2 span{display:block; font-size:15px;} h3{text-transform:uppercase; font-weight:bold; color:#f2AA00;} h3 strong{} h3 span{} h4{font-weight:bold; font-size:10px;} h4 strong{} h4 span{} strong{font-weight:bold;} p{line-height:14px;} ol, ul{list-style-type:none;} ul{} ul li{} ol{} ol li{} dl{} dt{font-weight:bold; text-transform:uppercase;} dd{} a{font-weight:bold; color:#546875;} a:hover{text-decoration:none;} fieldset{} fieldset li{padding:0 0 5px 0;} label{font-weight:bold; padding:0 5px 0 0; } label span{} label input{border:0 none; margin:0 5px 0 0;} input, select, textarea{border:1px solid #A5ACB2;} input{padding:0 0 0 2px;} select{} textarea{padding:0 0 0 2px;} div{text-align:left;} table{border-collapse:separate; border-spacing:0; margin:0;} th, td{text-align:center; padding:2px 5px; border-bottom:1px solid #A5ACB2;} th{} td{} thead{font-weight:bold; text-transform:uppercase;} thead th{} thead td{} tbody{} tbody th{} tbody td{} /********** Common Classes ********/ .clear{height:0; clear:both; display:block; line-height:0; padding:0; margin:0;} .alert{} .active{} .submitForm{} .info{} .highlightLink{} .price{background-color:#FCD000; font-size:12px; padding:0 3px; font-weight:bold;} .newProduct{text-transform:uppercase; font-weight:bold; color:#f2AA00;} img.illusRight {float:right} /********** Tree of common styles for all the templates ********/ /* Styles that are used in all pages (there are the structure styles) The css tree must be ordered exactly as the same as HTML document No use of additional comments (if the css tree is well ordered, the code is clear) */ #site_globalLayer { background-color: #82CBD0; background-repeat: repeat-y; background-position: top center; } #header{background-color:#000; text-align:center;} #header div{margin:25px auto 5px auto; width:960px;} #header h1{float:left; width:250px; padding:10px 0 0 0;} #lev1{float:left; width:710px;} #lev1 li{float:left; width:177px; height:75px; font-size:10px;} #lev1 a{display:block; background-repeat:no-repeat; color:#000; width:167px; height:75px; text-decoration:none;} #lev1 span{display:none;} #lev1 strong{font-weight:normal;} #boutiqueEnLigne a{background-image:url(../ximg/bgd_btn_boutiqueEnLigne_0.gif);} #boutiqueEnLigne .active{background-image:url(../ximg/bgd_btn_boutiqueEnLigne_1.gif);} #magasins a{background-image:url(../ximg/bgd_btn_magasins_0.gif);} #magasins .active{background-image:url(../ximg/bgd_btn_magasins_1.gif);} #espaceFilles a{background-image:url(../ximg/bgd_btn_espaceFilles_0.gif);} #espaceFilles .active{background-image:url(../ximg/bgd_btn_espaceFilles_1.gif);} #espaceFilles strong{display:block; padding:55px 0 0 60px;} #espaceFilles .active strong{padding:45px 20px 0 60px; text-align:center;} #panier a{background-image:url(../ximg/bgd_btn_panier_0.gif);} #panier .active{background-image:url(../ximg/bgd_btn_panier_1.gif);} #panier strong{display:block; padding:55px 0 0 86px;} #lev2{position:absolute;bottom:0; font-size:10px; height:17px; overflow:hidden;width:980px;} #lev2 div{ width:960px; margin:0 auto; padding:0; overflow:hidden; height:17px;} #lev2 a{color:#FFF; text-transform:uppercase; font-weight:normal; text-decoration:none;} #lev2 a:hover{text-decoration:underline;} #lev2 form{padding:0; margin:0;} #lev2 fieldset{width:270px;height:19px; float:left; padding:1px 0 0 0; margin:0; overflow:hidden;} #lev2 fieldset ol{float:left; padding:0px 0 1px 0;} #lev2 fieldset li{float:left;} #lev2 input{border:0 none; color:#848486; width:140px; padding:0px 0 0 2px; border:1px solid #7B7B7D; margin:0 0 0 0; width: 120px; height: 13px; } #lev2 .submitForm{display: block; text-transform: none; padding: 0 0 0 3px; background-color:#4D4D4D; color:#FFF; border:none; width:15px; line-height: 14px; height: 15px; font-size:9px; cursor:pointer;} #lev2 .submitForm:hover {background-color: #1A171B; text-decoration: none;} #lev2 p{float:left; padding:0px 0 1px 10px;line-height:14px;} #lev2 p a{color:#FFF; text-transform:none; text-decoration:underline;font-size:9px;} #lev2 p a:hover{text-decoration:none;} #lev2 ul{float:left; width:660px; padding:0; margin:0; display:block;} #lev2 ul li{float:left; display:block; margin:0; background:url(../ximg/separationHeader.png) no-repeat left;padding:0 0 0 1px;} #lev2 ul li a{display:block; float:left;color:#FFF;padding:4px 10px;line-height: 10px;} #lev2 ul li a.active{text-decoration:none;background:#000;} #lev2 ul li a:hover{text-decoration:none;background:#000;} #lev2 ul li a.last{} #lev2 ul li a.last:hover{} #mainContent{ text-align:center; width:997px;margin: 0 auto;z-index:1;position:relative;} #mainContentHome{text-align:center; width:997px; margin:auto; z-index:1; position:relative;} /*#mainContentHome{background:#A19199 url(../ximg/fond2009toutneuf.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#E0E571 url(../ximg/fond-vert-clair.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#e77cb6 url(../ximg/bgd_mainContent_02.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#e1e477 url(../ximg/fond-vert.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#e71049 url(../ximg/fond-framboise3.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#E7B650 url(../ximg/fond-orange.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#C590AA url(../ximg/fond-violet-clair.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#E0E571 url(../ximg/fond_gris.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ /*#mainContentHome{background:#EC8DB7 url(../ximg/fond_rose.jpg) repeat-x; text-align:center; padding:18px 0 0 0}*/ #container{padding:18px 0 0px 0; margin: 0 auto; width:996px; overflow:hidden; background:url(../ximg/BgCentral.png);} #subcontent {width:940px; background:#fff url(../ximg/bgd_topContent_01.gif) 0 0 no-repeat; overflow:hidden;} #subcontent h2 {width:930px; overflow:hidden; height:36px; padding:11px 0 0 10px; background:url(../ximg/bgd_votre_coommander.gif) 0 0 no-repeat;} #content{float:right; width:720px; padding:0; margin: 0 25px 0 0;} #path{clear:both; padding:15px 0 0 10px; font-size:10px; color:#546875 !important; margin:0 0 5px 0} #path li{background:url(../ximg/li_path.gif) 3px 5px no-repeat; display:inline; padding:0 0 0 15px;} #path .first{padding:0; background:none;} #path a{color:#7B7B7D; font-weight:normal;} .highlightPage{background:none; width:224px; overflow:hidden; padding:0; margin:3px 0 15px 0;} .highlightPage li{background:url(../ximg/li_highlightPage.png) no-repeat; padding:5px 0 0 0; margin:0; display:block; width:224px;} .highlightPage span{display:block; font-size:9px; text-transform:uppercase; color:#FFF; padding:0 16px 6px 7px; background:url(../ximg/bgd_highlightPage_span.png) bottom left no-repeat;} .highlightPage a{text-decoration:none; display:block; font-size:9px; text-transform:uppercase; color:#FFF; padding:0 0 0 10px; background:url(../ximg/ico_arrow_01.gif) 0 2px no-repeat; } .highlightPage a:hover{text-decoration:underline;} .highlightLev3{background:none; width:224px; overflow:hidden; padding:0; margin:3px 0 15px 0;} .highlightLev3 li{background:url(../ximg/li_highlightPage.png) no-repeat; padding:5px 0 0 0; margin:0; display:block; width:224px; position:relative;} .highlightLev3 li img{position:absolute; left:7px; top:0;} .highlightLev3 span{display:block; font-size:9px; text-transform:uppercase; color:#FFF; padding:0 16px 6px 32px; width:176px; background:url(../ximg/bgd_highlightPage_span.png) bottom left no-repeat;} .highlightLev3 a{text-decoration:none; display:block; font-size:9px; text-transform:uppercase; color:#FFF; padding:0 0 0 10px; background:url(../ximg/ico_arrow_01.gif) 0 2px no-repeat;} .highlightLev3 a:hover{text-decoration:underline;} #lev3{width: 200px; float:left; margin:0 5px 0 0;} #lev3 h2{padding: 5px 0; text-align: center; margin:0 0 0 10px; background-color: #7B7B7D;} #lev3 a.toutes{display:block; background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 0 10px;} #lev3 .contLev3{width: 225px; padding:0 0 0 0; overflow:hidden;} #lev3 .contLev{padding:0 0 0 0; overflow:hidden;} #lev3 .contLev3 ul, #lev3 .contLev ul{margin: 0 0 0 10px; padding:0; overflow:hidden; width: 190px;} #lev3 .contLev3 .magasins{border-top:none; border-bottom:none; padding-bottom:0;} #lev3 .contLev3 .magasins li img{margin:5px 0 3px 0;} /*#lev3 .contLev3 .activeMain{background:url(../ximg/bgd_arrow_02.gif) 0 7px no-repeat;}*/ #lev3 .contLev3 li, #lev3 .contLev li {display:block; padding:3px 0 5px 0;} #lev3 .contLev3 li.active {background:#e9eef1;background-position:0px -45px!important;} #lev3 .contLev3 li.active a{color:#FDCB0B; font-weight: bold !important; font-size:13px; background:url(../ximg/bgd_arrow_active.gif) no-repeat;background-position:0px -7px; padding:2px 0 0 10px; text-decoration:none;} #lev3 .contLev3 .subNav .active a{color:#546875; font-size:11px; background:url(../ximg/bgd_arrow_active.gif) no-repeat;background-position:0px -7px; padding:2px 0 0 10px; text-decoration:none;} #lev3 .contLev3 .subNav .active{font-size:10px!important;} #lev3 .contLev3 li.active a:hover{color:#FDCB0B!important;background-position:0px -45px!important;} #lev3 .contLev li a{color:#FFF; font-size:13px;width:165px;height:18px;display:block;font-family:"Lucida","Lucida Sans Unicode","Lucida Sans",sans-serif, "Trebuchet Ms"!important;background:url(../ximg/fondMenu.jpg) no-repeat;background-position:0px -7px; padding:2px 0 0 10px; text-decoration:none;font-weight:normal;} #lev3 .contLev3 li a.active{color:#FDCB0B;} #lev3 .contLev .levHome li{padding:0 0 2px 0 !important;} #lev3 .contLev .levHome li li.last{ border:none;} #lev3 .contLev .levHome li a{font-size:13px;width:180px; overflow: hidden; height:18px;display:block; font-weight:normal;padding:1px 0 0 10px; background-position:0px -25px; color:#1a171b;} #lev3 .contLev3 ul.subNav, #lev3 .contLev ul.subNav {border:0 none; margin:0; padding:5px 10px 0 10px;} #lev3 .contLev3 ul.subNav li, #lev3 .contLev ul.subNav li {padding:0; margin:0; display:inline; border:0 none; overflow:hidden;} #lev3 .contLev3 ul.subNav li a, #lev3 .contLev ul.subNav li a, #lev3 .contLev3 ul.magasins li a {background: none!important; font-size: 11px; height: 18px; display: block; font-weight: normal; padding: 1px 0 0 10px; background-position: 0px -7px; color: #666167;} #lev3 .contLev3 a:hover, #lev3 .contLev a:hover {background-position: 0px -1px !important;} #lev3 .contLev3 ul.subNav li a:hover, #lev3 .contLev ul.subNav li a:hover{color:#546875!important;background-position:0px -45px;} #lev3 .contLev3 div, #lev3 .contLev div {width:204px; overflow:hidden; position:relative;} #lev3 .contNewletter, #lev4 .contNewletter{color:#FFF; padding:0 0 10px 0; margin:10px 0 0 0;} #lev3 .contNewletter h2, #lev4 .contNewletter h2{background:none; padding:0 0 10px 0;} #lev3 .contNewletter a, #lev4 .contNewletter a{color:#FFF; font-size:10px;} #lev3 .contNewletter p, #lev4 .contNewletter p{line-height:14px;} #lev3 .contNewletter h2 img, #lev4 .contNewletter h2 img{border:none; padding:0;} #lev3 .highlightLink, #lev4 .highlightLink{background:url(../ximg/bgd_lev3_highlightLink.gif) no-repeat 0 3px; padding:0 0 0 10px;} #lev3 .contNewletter h2, #lev4 .contNewletter h2{padding:0 0 5px 0;} #lev3 .contNewletter h2 img, #lev4 .contNewletter h2 img{padding:0;} .banner{margin:0 0 8px 0;} #lev4{width:220px; float:left; margin:0 5px 0 0; padding:0;} .contLev4{width:204px; overflow:hidden; margin:0 0 10px 0; background:#fbe6f2; padding:7px 7px 0 9px;} .contLev4 h2{padding:0; margin:0;} .contLev4 ul{padding:0; margin:5px 0 5px 0; width:204px; overflow:hidden;} .contLev4 li{display:block; float:left; margin:0 2px 0 0} .contLev4 li a{display:block; float:left;} .contLev4 li.first{margin:0 5px 0 0;} .contLev4 p{font-size:10px; color:#ec2d8d; padding:0; margin:0; line-height:12px;} #footer{background-color:#1b2126; font-size:10px; color:#4A5E6A;} #footer div{margin:0 auto; width:960px; height:20px; padding:10px 0 0 0; text-align:center;} #footer div ul {display:inline; margin:0 auto;} #footer li{display:inline; border-left:1px solid #4A5E6A; padding:0 8px; text-transform:uppercase; color:white;} #footer .first{padding:0 10px 0 0; border:0 none;} #footer a{text-transform:uppercase; color:white; text-decoration:none; font-weight:normal;} #footer a:hover{text-decoration:underline;} /******** Tree of specific styles for each page (group by page, starting with the homepage) ********/ /* Styles of functionnal blocks The css tree must be ordered as the same as HTML document Each group need to be precede by a line: */ /* Product Page */ #blockProduct{background:url(../ximg/bgd_bottomContent.gif) 0 100% no-repeat; padding:5px 0 10px 0; margin:0 0 10px 0; width:700px!important;} /* Michel: ajout bords transparents en haut du bloc */ #blockProduct form#productform {background:url(../ximg/bgd_topContent.gif) 0 0 no-repeat; padding:12px 0 0 0;} #blockProduct .contProduct{background:#fff; padding:0 10px 10px 10px; margin:0 0 0 0; width:680px; overflow:hidden; position:relative;} #navigationProduct{margin:10px 0 0 0; background:#d4dbe0; width:330px; float:left; padding:2px 0 4px 0;} #navigationProduct a{font-size:10px;} #backProduct{float:left; width:100px; background:url(../ximg/li_backProduct.gif) no-repeat 5px 3px; padding:0 0 0 17px;} #previousProduct{float:left; width:70px; background:url(../ximg/li_previousProduct.gif) no-repeat 0 3px; padding:0 0 0 8px;} #nextProduct{float:right; width:75px; background:url(../ximg/li_nextProduct.gif) right center no-repeat; padding:0 8px 0 0; margin:0 5px 0 0; text-align:right;} #toolProduct{float:right; background:url(../ximg/bgd_line_03.gif) 97% 0 repeat-y; padding:0 15px 0 10px; font-size:10px;} #toolProduct li{ background:url(../ximg/bgd_line_03.gif) 0 0 repeat-y; padding:5px 0 5px 7px;} #toolProduct li a{color:#eaa208; padding:5px 0 5px 30px;} #printProduct{display:block; float:left; margin:0 10px 0 0;} #printProduct a{background:url(../ximg/li_printProduct.gif) no-repeat;} #printSend{display:block; float:left;} #printSend a{ background:url(../ximg/li_printSend.gif) no-repeat;} #blockProduct #illusProduct{float:left; width:330px; margin:0 20px 0 0; background-color:#d4dbe0;} #illusProduct #mainPicture{border:1px solid #D4D4D4;} #illusProduct #mainPicture .picto{position: absolute; bottom:0;right: 0;} #illusProduct h2{float:left; padding:10px 10px 0 0; width:50px; } #illusProduct h2 img{display:block; margin:0 0 0 10px;} #illusProduct ul{float:left; padding:10px 10px 7px 0; width:240px;} #illusProduct li{display:inline;} #illusProduct li a img{border:1px solid #D4D4D4;} #illusProduct li a:hover img{border:1px solid #4E606D;} #blockProduct #productDescription{float:left; width:330px; padding:10px 0 0 0; margin:0; position:relative;} #blockProduct #infosProduct{width:330px; overflow:hidden; border-top:1px solid #d0d9de; border-bottom:1px solid #d0d9de; padding:8px 0 0 0; font-size:10px; margin:8px 0 0 0} #infosProduct dl{float:left; width:165px; padding:0;} #infosProduct dt{padding:0 0 2px 0;} #infosProduct dd{padding:0 0 5px 0;} #infosProduct li{padding:0 0 3px 0;} #infosProduct li span{display:none;} #rulesProduct dt{padding:0 0 5px 0;} .alertBox{width:155px; background: url(../ximg/bgd_rulesProduct_active_01.gif) -135px 100% no-repeat; padding:0 0 6px 0; margin:5px 0 0 0} .alertBox div{border-left:#eaa208 solid 1px; border-right:#eaa208 solid 1px; border-top:#eaa208 solid 1px; padding:3px 2px 4px 3px; width:149px;} #rulesProduct p{padding:0; margin:0} #rulesProduct ul{padding:0; margin:0 10px 0 0;} #rulesProduct li{float:left; width:31px;} #rulesProduct li a{ display:block; height:20px;} #rulesProduct .active{background:url(../ximg/bgd_rulesProduct_active.gif) -164px 100% no-repeat;} #rulesProduct li span{display:none;} #symbol1{background:url(../ximg/li_symbol1.gif) no-repeat bottom;} #symbol2{background:url(../ximg/li_symbol2.gif) no-repeat bottom;} #symbol3{background:url(../ximg/li_symbol3.gif) no-repeat bottom;} #symbol4{background:url(../ximg/li_symbol4.gif) no-repeat bottom;} #symbol5{background:url(../ximg/li_symbol5.gif) no-repeat bottom;} #productDescription fieldset{margin:5px 0; color:#000; padding:0; background: #d4dbe0 url(../ximg/bgd_productDescription_fieldset.gif) left top repeat-y; } #productDescription fieldset ol{padding:0;} #productDescription fieldset ul{padding:0;} #productDescription fieldset li{border-bottom:2px solid #FFF; padding:4px 10px 4px 0; text-align:right; width:135px; float:left;} #productDescription #colorsProduct{float:right; width:162px; border:none; text-align:left; background-color:#d4dbe0; } #productDescription #colorsProduct label{margin:5px 0 4px 0; display:block;} #productDescription #colorsProduct ul{padding:0 0 3px 0;} #productDescription #colorsProduct li{border-right:none; border:none; padding:0 0 3px 0; text-align:left; float:left; width:27px;} #productDescription #colorsProduct a{} #productDescription #colorsProduct img{border:1px solid #eeb01d;} #productDescription #colorsProduct a:hover img{border:1px solid #4E606D;} #productDescription fieldset .last{border-bottom:none;} #productDescription fieldset label{} #productDescription fieldset select{width:40px;} #priceProduct{border-top:1px solid #d0d9de; padding:10px 0;} #priceProduct dt{font-size:14px; text-transform:none; padding:0 0 5px 0; font-weight:bold; color:#f2AA00;} #priceProduct dd{display:inline; font-weight:bold; font-size:18px; line-height: 20px;} #priceProduct del{font-weight:normal;} #priceProduct dd span{font-size:14px; text-transform:uppercase;} span#saveLayer {padding: 0 5px; background-color: #F00000; color: white;} #firstPrice{border-top:1px solid #d0d9de; padding:10px 0;} #firstPrice dt{font-size:14px; text-transform:none; padding:0 0 5px 0; font-weight:bold; color:#f2AA00;} #firstPrice dd{display:inline; font-weight:bold; font-size:18px;} #firstPrice del{font-weight:normal;} #firstPrice dd span{font-size:14px; text-transform:uppercase;} #blockProduct .submitForm{color:#FFF; font-size:12px; font-weight:bold; border:none; background:url(../ximg/btn_blockProduct.gif) no-repeat; width:196px; padding:15px 0 12px 40px; margin:0 0 15px 0; text-align:left; cursor:pointer;} .addWishList{padding:7px 0 12px 27px; background:url(../ximg/bgd_addWishList.gif) no-repeat top left;} .addWishList a{font-size:9px; color:#f2AA00;} /*------ Add this button ------*/ #blockProduct #productDescription div.addThisButton {margin: 3px 0 5px 0; padding: 0; /*position: absolute; top:341px; right:-4px;*/} /**/ /* boutique_nouveautes */ #content #listProducts{width:700px; background:url(../ximg/bgd_bottomContent.gif) 0 100% no-repeat; padding: 0 0 18px 0; margin:5px 0 0 0} #content #listProductsCont{width:700px; background:#fff url(../ximg/bgd_topContent.gif) 0 0 no-repeat; overflow:hidden;} #listProductsCont h2{margin:0 !important; padding:0 !important;} #listProductsCont h2 img{display:block;} #listProductsCont form{width:680px; padding:0 10px; overflow:hidden;} #content #listProductsCont form label{width:59px; display:block; float:left; font-size:9px; font-weight:normal; color:#000; padding:3px 0 0 0; margin:0;} #content #listProductsCont .formNouveautes select{width:149px; height:17px; border:#a5acb2 solid 1px;} #content #listProductsCont .formNouveautes select.last{width:68px; float:left;} #content #listProductsCont .formNouveautes span.firt{display:block; float:left; width:150px; padding:0 15px 0 0; background:url(../ximg/bgd_line.gif) 100% 0 repeat-y; margin:0 15px 0 0;} #content #listProductsCont .formNouveautes span{display:block; float:left; padding:0 15px 0 0; background:url(../ximg/bgd_line.gif) 100% 0 repeat-y; margin:0 15px 0 0;} #content #listProductsCont dl{width:670px; margin:10px 10px 0 10px; overflow:hidden; background:#d4dbe0; padding:2px 5px 3px 5px;} #content #listProductsCont dd{float:left; color:#000; font-size:9px; padding:4px 0 0 0; margin:0 15px 0 0;} #content #listProductsCont dd.trouves{width:130px; background:url(../ximg/bgd_line01.gif) 100% 3px no-repeat; font-weight:bold; height:14px;} #content #listProductsCont dd.afficher{width:220px; background:url(../ximg/bgd_line01.gif) 100% 3px no-repeat; padding:0;} #content #listProductsCont dd.afficher label{font-weight:normal; display:block; float:left; width:50px; padding:5px 0 0 0} #content #listProductsCont dd.afficher select{width:46px; height:17px; border:#a5acb2 solid 1px;} #content #listProductsCont dd.afficher span{padding-left:5px} #content #listProductsCont dd.pages {float:left; width:275px; overflow:hidden;} #content #listProductsCont dd.pages a{font-weight:bold; color:#546875; background:url(../ximg/bgd_arrow.gif) 0 3px no-repeat; padding:0 0 0 7px; text-decoration:underline; height:14px; float:left;} #content #listProductsCont dd.pages a.suivant{float:left; background:url(../ximg/bgd_arrow_01.gif) 100% 3px no-repeat; padding:0 7px 0 0;} #content #listProductsCont dd.pages a:hover{text-decoration:none;} #content #listProductsCont dd.pages ul{width:172px; float:left; padding:0; margin:0;} #content #listProductsCont dd.pages ul li{text-align:center; color:#546875; padding:2px 0 0 0;} #content #listProductsCont dd.pages ul li a{float:none; background:none; margin:0; padding:0; font-weight:normal; position:relative;} #content #detailNouveautes{width:690px; padding:0 0 0 10px; overflow:hidden; margin:30px 0 0 0;} #content #detailNouveautes div{width:163px; float:left; overflow:hidden; margin:0 9px 20px 0;} #content #detailNouveautes div img{border:#d4d4d4 solid 1px; display:block; margin:0 0 5px 0;} #content #detailNouveautes div img.picto {border: 0; position: absolute; bottom: 0; right: 0; height: 100px;} #content #detailNouveautes div h4{font-size:11px; color:#546875; padding:0; margin:5px 0 0; height:2em;} #content #detailNouveautes div h4 a{font-weight:normal;} #content #detailNouveautes div p{padding:0; margin:0; line-height:18px;} #content #detailNouveautes div p span{float:left} #content #detailNouveautes div p img{border:none; width:10px; float:left; margin:5px 0 0 5px;} #content #detailNouveautes div p span.price{display:block; background:#fcd000; font-size:12px; font-weight:bold; padding:1px; margin: 3px 0 0 0; float:left; line-height:12px;} #content #detailNouveautes div a{display: block; text-decoration:none; position: relative;} #content #detailNouveautes div a.tip{width: 161px; height: 161px;} #content #detailNouveautes div a:hover{text-decoration:underline;} #content #detailNouveautes div.hidden {width:273px !important; text-align:center; overflow:hidden;} #popupVotrePanier{width:196px; background:#fff url(../ximg/bgd_votre_painer.gif) 100% 100% no-repeat!important; border:#eaa208 solid 1px; position:absolute; left:130px; top:250px; z-index:999; display:none;} #popupVotrePanier h2{background:#eaa208; height:19px; padding:3px 0 0 0; margin:0;} #popupVotrePanier h2 img{display:block; margin:0 0 0 10px; float:left;} #popupVotrePanier h2 span{display:block; float:right; padding:3px 6px 0 0; cursor:pointer;} #popupVotrePanier div{padding:10px 50px 10px 10px!important; color:#000; font-size:10px;} #popupVotrePanier div a{display:block; background:url(../ximg/bgd_arrow_01.gif) 0 3px no-repeat; padding:0 0 0 7px; margin:0 0 5px 0;} #popupBoutque{width:306px; background:#fff; border:#eaa208 solid 1px; position:absolute; left:130px; top:250px; z-index:999; display:none;} #popupBoutque p{color:#000;} #popupBoutque h2{background:#eaa208; height:19px; padding:3px 0 0 0; margin:0;} #popupBoutque h2 img{display:block; margin:0 0 0 10px; float:left;} #popupBoutque h2 span{display:block; float:right; padding:3px 6px 0 0; cursor:pointer;} #popupBoutque form{padding:10px; color:#000; font-size:10px;} #popupBoutque form p{width:286px; overflow:hidden; display:block; padding:0; margin:0 0 5px 0;} #popupBoutque form label{width:119px; display:block; float:left; font-weight:normal;} #popupBoutque form input{width:157px; float:left; height:14px; padding:1px;} #popupBoutque form input.btnValider{ color:#fff; font-weight:bold; cursor:pointer; width:23px; height:15px; float:right; padding:0; border:none; background:#eaa208;} #popupBoutque form p a{background:none; float:left;} #popupBoutque form p a.membre {color:#000; font-weight:normal; background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 9px;} #popupInfo{width:306px; background:#fff; border:#eaa208 solid 1px; position:absolute; left:130px; top:250px; z-index:999; display:none;} #popupInfo p{color:#000;} #popupInfo h2{background:#eaa208; height:19px; padding:3px 0 0 0; margin:0 0 6px 0;} #popupInfo h2 img{display:block; margin:0 0 0 10px; float:left;} #popupInfo h2 span{display:block; float:right; padding:3px 6px 0 0; cursor:pointer;} #popupInfo p{padding:0 10px 5px 10px;} /*Tell a friend--------------------------------------*/ #popupBoutque.tellFriend{width:433px; background:#fff; border:#eaa208 solid 1px; position:absolute; left:250px; top:95px; z-index:999; display:none;} #popupBoutque.tellFriend p{width:410px; color:#546875; margin:0 0 10px 0} #popupBoutque.tellFriend form label{width:200px; color:#000; display:block; float:left; font-weight:normal;} #popupBoutque.tellFriend form input{width:200px; float:left; height:14px; padding:1px;} #popupBoutque.tellFriend form input.btnValider{width:125px; height:25px; float:right; padding:0; border:none; } #popupBoutque.tellFriend form p a.membre {color:#546875; font-weight: bold; background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 9px;} /*------------------------------------------------*/ .hidden{display:none;} /* commande_confirmation */ .contentConfirm{width:918px;} .contentConfirm p{color:#000;} .contentConfirm a{background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 10px; font-size:10px;} /*tip*/ .tipPopup {width:auto; height:auto; padding:15px 15px 0 15px; background:#fff; border:1px solid #000; position:absolute; top:0; left:0; z-index:10000; visibility:hidden; overflow:hidden; text-align:left;} .tipPopupFrame {position:absolute; top:0; left:0; z-index:10000; visibility:hidden;} * html .tipPopup {padding:15px;} *+html .tipPopup {padding:15px;} .tipPopup h4 {font-size:12px; display:block; margin:0 0 10px 0; padding:0;} .tipPopup img {display:block; float:left; margin:0 0 10px 0; padding:0; border:1px solid #eee;} /*------boutique_stylorama----*/ /* .bottomContent{padding:0 0 18px 0;} #main{width:940px; background:url(../ximg/bgd_bottomContent_01.gif) 0 100% no-repeat; margin:5px auto 0 auto;} #submain{width:940px; background:#fff url(../ximg/bgd_topContent_01.gif) 0 0 no-repeat;} .contentLook{width:940px; overflow:hidden; height:89px; padding:12px 0 0 0; background:url(../ximg/bgd_titStylorama.gif) 0 0 no-repeat; position:relative} .contentLook{width:940px; overflow:hidden; height:89px; padding:12px 0 0 0; background:url(../ximg/bgd_titStylorama.gif) 0 0 no-repeat; position:relative} .absAffinez{position:absolute; padding:0; left:17px; top:10px;} .contentLook h2 img{display:block; padding:0 0 0 72px; margin:0;} .contentLook ul{padding:0; margin:0;} .contentLook li{display:block; float:left; margin:0; padding:0 0 0 7px;} .contentLook li img{display:block; padding:0;} .contentStylorama{width:940px; overflow:hidden; padding:5px 0 0 0; margin:0 auto; background:#fff url(../ximg/bgd_line_04.gif) 0 0 repeat-y;} .contentTendance{width:244px; float:left; overflow:hidden; padding:15px 0 0 0;} .contentTendance{width:244px; float:left; overflow:hidden; padding:15px 0 0 0;} .contentTendance ul{margin:0 auto; width:160px; overflow:hidden;} .contentTendance li{display:block; float:left; margin:0 2px 0 0;} .contentTendance li img{display:block;} .contentTendance ul.infoJungle{margin:0 0 50px 20px; width:210px; clear:both;} .contentTendance ul.infoJungle li{display:block; float:left; padding:0; margin:0;} .contentTendance ul.infoJungle li.jungle{margin:0 15px;} .contentVotreLook{width:460px; float:left; overflow:hidden; padding:5px 0 10px 0; font-size:9px;} .modiferPhoto{width:220px; overflow:hidden; margin:0 0 0 150px;} .modiferPhoto img{display:block; margin:0 10px 0 0; float:left;} .modiferPhoto a{display:block; margin:40px 0 0 0; background: url(../ximg/bgd_arrow_01.gif) 0 3px no-repeat; padding:0 0 2px 7px; width:100px; float:left; text-decoration:underline;} .modiferPhoto a:hover{text-decoration:none;} .contentVotreLook dl{margin:10px 0 0 22px; width:438px; overflow:hidden;} .contentVotreLook dd{float:left; overflow:hidden;} .contentVotreLook dd.smallImg img{margin:60px 0 0 0;} .contentVotreLook dd img{border:#D4D4D4 solid 1px; display:block;} .contentVotreLook dd img.arrow{border:none; margin:100px 15px 0 15px;} .contentVotreLook dd h3{padding:0; margin:0 0 5px 0;} .contentVotreLook dd p img{border:none; margin:3px 0 0 0; float:left;} * html .contentVotreLook dd p img{border:none; margin:3px 0 10px 0; float:left;} *+ html .contentVotreLook dd p img{border:none; margin:3px 0 10px 0; float:left;} .contentVotreLook dd p a{float:left; margin:0 0 0 5px; background:url(../ximg/bgd_arrow_01.gif) 0 6px no-repeat; padding:0 0 2px 10px; text-decoration:underline;} .contentVotreLook dd p a:hover{text-decoration:none;} .contentNouveau{width:236px; float:left; overflow:hidden; padding:0;} .highlightStylorama{ width:226px; padding:0 5px; margin:0 0 7px 0;} .highlightStylorama dt{border-bottom:#C5CFD6 solid 1px; padding:0 0 5px 0; margin:0 0 5px 0; width:226px!important; overflow:hidden;} .highlightStylorama dt.active{ padding:0; margin:0; border-bottom:none;} .highlightStylorama dt img{display:block;} .highlightStylorama dd{width:226px; background:url(../ximg/bgd_bottomInfo.gif) 0 100% no-repeat; overflow:hidden; padding:0; margin:0 0 5px 0;} .highlightStylorama dd h3{background:url(../ximg/bgd_topInfo.gif) 0 0 no-repeat; font-size:13px; color:#546875; text-transform:none; padding:13px 0 5px 8px; height:16px;} .highlightStylorama dd div{padding:0 8px 25px 8px; width:210px; overflow:hidden;} .highlightStylorama dd div img{display:block; margin:0 0 5px 0;} .highlightStylorama dd div p{padding:0; margin:0; line-height:20px;} .highlightStylorama dd div p span{float:left} .highlightStylorama dd div p img{border:none; width:10px; float:left; margin:5px 0 0 5px;} .highlightStylorama dd div p span.price{display:block; background:#fcd000; font-size:12px; font-weight:bold; padding:1px; margin:5px 0 0 0; float:left; line-height:12px;} .contentNouveau dl.infoTotal{width:224px; border:#EAA208 solid 1px; padding:0 0 10px 0; margin:0 auto;} .contentNouveau dl.infoTotal dt{background:#EAA208; height:17px; padding:3px 0 0 4px; margin:0 0 6px 0} .contentNouveau dl.infoTotal dd{padding:0; margin:0 3px 5px 3px; width:218px; border-bottom:#C5CFD6 solid 1px; padding:0 0 4px 0;} .contentNouveau dl.infoTotal dd img{padding:0; margin:0; float:right;} .contentNouveau dl.infoTotal dd.last{border-bottom:none; padding:0; margin:25px 0 0 0;} .contentNouveau dl.infoTotal dd.last p{font-size:14px; color:#F2AA00; font-weight:bold; padding:0 0 0 8px;} .contentNouveau dl.infoTotal dd.last span{color:#546875; font-size:16px;} .contentNouveau dl.infoTotal dd.last img{float:none; margin:25px 0 0 5px} .listLink{padding:0; margin:8px auto; width:226px!important;} .listLink a{color:#EAA208; font-size:9px; text-decoration:underline; height:18px; display:block; padding:6px 0 6px 25px; margin:0 0 7px 0} .listLink a.ajouter{background:url(../ximg/bgd_addWishList.gif) 0 0 no-repeat;} .listLink a.sauvegader{background:url(../ximg/ico_01.gif) 0 0 no-repeat; padding:12px 0 6px 27px;} .listLink a:hover{text-decoration:none;} .contentPartagez{width:920px; background:url(../ximg/bgd_info_02.gif) 0 100% no-repeat; height:30px; padding:13px 0 0 20px;} .contentPartagez img{display:block; float:left;} .contentPartagez ul{width:400px; float:left; margin:0 0 0 30px; display:block;} .contentPartagez li{display:block; float:left; background:url(../ximg/bgd_line_03.gif) 0 0 repeat-y; padding:0 0 0 7px; margin:0 7px 0 0; width:80px;} .contentPartagez li a{display:block; font-size:9px; font-weight:bold; color:#EAA208; padding:4px 0 4px 30px; height:11px;} .contentPartagez li a.printProduct{background:url(../ximg/li_printProduct.gif) no-repeat;} .contentPartagez li a.printSend{background:url(../ximg/li_printSend.gif) no-repeat} */ /*--------commande_synthese-----*/ .contentCommander{width:918px; overflow:hidden; height:92px; padding:9px 0 0 22px; background:url(../ximg/bgd_votre_coommander.gif) 0 0 no-repeat; position:relative} .absCommander{position:absolute; padding:0; left:7px; top:5px;} .contentCommander h2 img{display:block; padding:0 0 0 38px; margin:0;} .contentCommander ul{padding:0; margin:0;} .contentCommander li{display:block; float:left; margin:0; padding:0 0 0 9px;} .contentCommander li img{display:block; padding:0;} .banner_bottom_layer {float: left; margin: 15px 0 0 0;} .infoOffert{width:927px; height: 40px; padding:13px 0 0 13px; overflow:hidden;} .infoOffert img{display:block; float:left; margin:0 11px 0 0; padding:0;} .contVotrePanier{width:918px; padding:20px 11px 10px 11px; position:relative;} .contVotrePanier02{width:918px; padding:20px 11px; position:relative;} .panierFille {position:absolute; right:15px; top:15px;} .contVotrePanier h2, .contVotrePanier02 h2{padding:0; margin:0 0 15px 0;} .contVotrePanier02 ul, .contVotrePanier02 ol{margin:10px 0 0 20px;} .contVotrePanier02 ul li{list-style:inside; list-style-type:disc;} .contVotrePanier02 ol li{list-style:inside; list-style-type:decimal;} .contentSynthese{margin:0 0 20px 0;} .contentSynthese p{color:#000;} .contentSynthese table{width:100%; border:none; padding:0; margin:0;} .contentSynthese table th{background:#dce7ee url(../ximg/bgd_th.gif) 0 100% repeat-x; text-transform:none; color:#000; text-align:center; vertical-align:middle; font-size:11px; font-weight:bold; border:none; height:28px;} .contentSynthese table th.prix{width:170px;} .contentSynthese table th.total{width:140px;} .contentSynthese table td{background:url(../ximg/bgd_line_05.gif) 100% 0 repeat-y; padding:5px 20px 5px 30px; border-bottom:#c5cfd6 solid 1px; color:#546875; font-weight:bold;} .contentSynthese table td strong.gain {padding: 0 5px; background-color: #FCD000; line-height: 20px;} .contentSynthese table td.last{background:none; padding:5px 0 0 0; margin:0; text-align:center} .contentSynthese table td.last img{margin:0 auto; border:none; float:none;} .contentSynthese table td.first{padding:5px 20px 5px 0; margin:0; width:320px; text-align:left; font-weight:normal;} .contentSynthese table td.first img{border:#d4d4d4 solid 1px; display:block; float:left; margin:0 10px 0 0;} .contentSynthese table td.first p{line-height:12px; padding:0; margin:0; color:#546875;} .contentSynthese table select{border:#a5acb2 solid 1px; width:42px; height:18px; font-weight:normal;} .contentSynthese table a{text-decoration:none;} .contentSynthese table a:hover{text-decoration:underline;} .mini_btn {height: 30px; line-height: 21px; background: none !important; vertical-align: middle !important;} .mini_btn a, .mini_btn span {float: left; margin: 0 0 0 5px; display: inline;} .mini_btn a.btn {background: url(../ximg/mini_add2cart_btn.gif) no-repeat center; width: 120px; height: 21px; margin: 0 0 0 200px;} .formPromo{width:912px; background:#dce7ee; overflow:hidden; color:#000; padding:3px;} .formPromo label{width:470px; float:left; display:block; font-weight:normal; padding:3px 0 0 5px} .formPromo span{background:#f2aa00; display:block; float:left; width:167px; overflow:hidden;} .formPromo input{border:#f2aa00 solid 1px; width:142px; height:15px; float:left; padding:1px;} .formPromo span a{color:#fff; display:block; float:left; font-size:10px; text-transform:none; text-decoration:none; margin:4px 0 0 3px;} .infoPrice{width: 570px; margin:15px 0; float: right;} .infoPrice dl{border:#eaa208 solid 1px; padding:7px 7px 4px 7px; margin:0 0 5px 0;} .infoPrice dd span{float:right; width:70px; text-align:left;} .infoPrice dd{border-bottom:#c5cfd6 solid 1px; padding:0 5px 5px 5px; margin:0 0 5px 0;} .infoPrice dd.last{border:none; margin:0;} .infoPrice dd.last strong{color:#eaa208;} .infoPrice dd.last span{font-weight:bold;} .infoPrice a{background:url(../ximg/bgd_arrow_01.gif) 0 4px no-repeat; padding:0 0 0 10px; font-size:9px; text-decoration:underline; line-height:24px} .infoPrice a:hover{text-decoration:none;} .infoPrice p {text-align:right;} .infoPrice p img{display:block; float:right;} .infoPrice p a{background:none; padding:0;} /*------------boutique------------*/ .highlightMagasins{width:940px; overflow:hidden; margin:0 0 20px 0;} .contVisiter{width:300px; float:left; margin:0 20px 0 0;} .lastVisiter{margin:0!important;} .contVisiter h3{padding:0; margin:0 0 8px 0;} .contVisiter h3 img{padding:0; margin:0;} .contVisiter div{width:288px; height:16px; background:url(../ximg/illus_visiter.gif) 0 0 no-repeat; padding:104px 0 0 12px;} .contVisiter div a{color:#fff; font-weight:normal; font-size:10px; text-decoration:underline; background:url(../ximg/ico_arrow.gif) 0 3px no-repeat; padding:0 0 0 10px;} .contVisiter div a:hover{text-decoration:none;} .contFilles{width:220px; float:left; margin:0 20px 0 0;} /* Contextual elements */ .otherProducts{width:704px; float:left; padding:0 0 0 0; margin:0; overflow:hidden} .otherProducts h2{padding:0 0 0 0; margin:0 0 10px 0} .otherProducts h2 img{border:none; padding:0; margin:0} .otherProducts .lastBackground {border:none; clear:both} .otherProducts ul{padding:2px 15px 10px 30px} .otherProducts li{width:105px; padding:0 0 30px 0; display:inline} .otherProducts h3{padding:0 0 5px 0; text-transform:none} .otherProducts a{text-decoration:none} .otherProducts a:hover{text-decoration:underline} .otherProducts p{padding:0 0 5px 0} .otherProducts img{border:#d4d4d4 solid 1px; display:block} .otherProducts .productDetail {width:87px; float:left; padding:0 0 10px 0; margin:0 15px 0 10px; display:inline} .otherProducts .productDetail h3 {display:block; padding:5px 0; clear:both; height:4em; overflow: hidden;} .otherProducts .productDetailPad {padding-left:17px} /*.contOtherProducts{background:url(../ximg/bgd_product_top_gradient_01.png) no-repeat; width:465px; padding:10px 0 0 0; height:150px}*/ .contOtherProducts{background:url(../ximg/bgd_product_top_gradient_01.png) repeat-y top left; width:704px; padding:10px 0 0 0; min-height:150px; height:auto !important; height:150px;} html>body .contOtherProducts {min-height:150px; height:auto} .contOtherProducts div {padding:0 20px 0 10px; width:704px; overflow:hidden} .contOtherProducts div img{margin:0 10px 0 0; float:left} .contOtherProducts div span{background:#fcd000; padding:2px; font-weight:bold; font-size:12px} .contOtherProducts div p{font-size:10px} .contOtherProducts div span.old-price{background:none;} .highlightOffer{float:right; padding:32px 25px 0 0; margin:0 0 15px 0;} .blockProducts{width:465px; float:left; padding:0 0 0 0; margin:0 10px 0 0; overflow:hidden} .blockProducts h2{padding:0 0 0 0; margin:0 0 10px 0} .blockProducts h2 img{border:none; padding:0; margin:0} .blockProducts .lastBackground {border:none; clear:both} .contProducts{background:url(../ximg/bgd_product_top_gradient.png) no-repeat; width:465px; padding:10px 0 0 0; height:150px} html>body .contProducts {min-height:150px; height:auto} .blockProducts ul{padding:2px 15px 10px 30px} .blockProducts li{width:105px; padding:0 0 30px 0; display:inline} .blockProducts h3{padding:0 0 5px 0; text-transform:none} .blockProducts a{text-decoration:none} .blockProducts a:hover{text-decoration:underline} .blockProducts p{padding:0 0 5px 0} .blockProducts img{border:#d4d4d4 solid 1px; display:block} .blockProducts .productDetail {width:82px; float:left; padding:0 0 10px 0; margin:0 15px 0 10px; display:inline;} .blockProducts .productDetail h3 {display:block; padding:5px 0; clear:both; height:4em;} .blockProducts .productDetailPad {padding-left:17px} .contProducts div {padding:0 20px 0 10px; width:435px; overflow:hidden} .contProducts div img{margin:0 10px 0 0; float:left} .contProducts div span{background:#fcd000; padding:2px; font-weight:bold; font-size:12px} .contProducts div span.old-price{background:none;} .contProducts div p{font-size:10px} /*----------------boutique_humeurs-------------*/ .contentHumeurs{width:700px; background:#fff;} .listProducts{width:698px; margin:0 auto; overflow:hidden; background:url(../ximg/bgd_cont_01.gif) 0 0 repeat-x;} .contentHumeurs img{display:block;} .listProducts p a.retour{background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:3px 0 3px 10px; margin:5px 10px 0 0;text-decoration:underline; font-size:9px; float:right;} .listProducts p a.retour:hover{text-decoration:none;} .listProducts h2{padding:0; margin:5px 0 10px 8px;} .contentProducts{width:690px; overflow:hidden; padding:0 0 0 9px;} .detailProducts{width:335px; min-height:342px; float:left; overflow:hidden; margin:0 9px 20px 0} .titleProduct{width:329px; background:#d4dbe0; padding:3px; margin:0 0 6px 0; overflow:hidden;} .titleProduct h3{font-size:18px; color:#ff56ae; padding:0; margin:0; text-transform:none; font-weight:normal;} .titleProduct a.linkMore{float:right; background:url(../ximg/bgd_arrow_01.gif) 0 7px no-repeat; padding:3px 0 3px 7px; font-size:9px; margin:0 3px 0 0;} .detail{width:163px; float:left; overflow:hidden;} .detail img{border:#d4d4d4 solid 1px; display:block;} .detail h4{font-size:11px; color:#546875; padding:0 0 3px 0; margin:5px 0 0 0; height:3em;} .detail p{padding:0; margin:0; line-height:18px; white-space:nowrap;} .detail p span{float:left} .detail p img{border:none; width:10px; float:left; margin:5px 0 0 5px;} .detail p span.price{display:block; background:#fcd000; font-size:12px; font-weight:bold; padding:1px; float:left; line-height:16px;} .detail p em {font-style:normal; font-size:10px; display:inline;} .detail p span.old-price{display:block; background:#fcd000; font-size:12px; font-weight:bold; padding:1px; float:left; line-height:16px; text-decoration:line-through;} .detail a{text-decoration:none; font-weight:normal;} .detail a:hover{text-decoration:underline;} .product{margin:0 9px 0 0;} .listProducts a.haut{background: url(../ximg/ico_arrow_03.gif) 0 10px no-repeat; padding:4px 0 5px 13px; margin:5px 10px 0 0;text-decoration:underline; font-size:9px; float:right;} .listProducts a:hover.haut{text-decoration:none;} /* CSS Document */ .frmLoginSection {background:url(../ximg/bgd_loglin_section.jpg) no-repeat; width:918px; overflow:hidden; padding:0 0 10px 0; margin:0 0 138px 0; } .contVotrePanier img.espace{position:absolute; right:31px; top:144px;} * html .contVotrePanier img.espace{position:absolute; right:31px; top:140px;} *+ html .contVotrePanier img.espace{position:absolute; right:31px; top:144px;} .frmLoginSection h4 {font-size:12px} .frmLoginSection div {float:left; width:449px} .frmLoginSection form {padding:20px 0 0 15px} .frmLoginSection form p {display:block; overflow:hidden; clear:both; padding:4px 0} .frmLoginSection form a {font-size:10px; font-weight:normal;} .frmLoginSection .lostPass{margin:0 0 0 135px;} .frmLoginSection label {width:130px; display:block; float:left; font-weight:normal; color:#000} .frmLoginSection input {float:left} .frmLoginSection p.champs{text-align:right; padding-right:20px;} .frmLoginSection span {font-size:10px; color:#546875;} .frmLoginSection .buttonSubmit {border:none; margin:6px 0 0 216px} .frmLoginSection .fieldLogin {width:200px; padding:1px 2px} .frmLoginPad {margin-right:20px} .frmRegister p span {font-weight:normal; color:#000; font-size:11px; width:265px; display:block; padding:0 0 15px 0;} /* BEGIN ALERT CLASS CSS RULES ***********************************************************************************************************************************/ .alertClassBox {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#000; background:#fff url(../ximg/_alert_bar.gif) 0 0 no-repeat; border:1px solid #ccc; height:auto; position:absolute; top:-200px; left:-200px; padding:2px; visibility:hidden; z-index:999;} .alertClassBox p {margin:0; padding:5px 3px 3px 3px; clear:both;} .alertClassBox a.closeImage {width:12px; height:12px; background:url(../ximg/_alert_close.gif) 0 0 no-repeat; float:right; display:block; cursor:pointer;} .alertClassIframe {position:absolute; top:-200px; left:-200px; visibility:hidden; z-index:998;} /* END ALERT CLASS CSS RULES ***********************************************************************************************************************************/ /*.png {background:url(../ximg/png.png) no-repeat}*/ /* magasins ***********************************************************************************************************************************/ .contentMagasins{width:685px; background:url(../ximg/bgd_mainMagasins.jpg) 0 0 no-repeat; height:260px; overflow:hidden; padding:10px 0 0 15px; margin:0 0 30px 0;} .contentMagasins h2{padding:0; margin:0;} .contentMagasins p{padding:5px 0 0 310px;} .contentMagasins a{font-size:10px; font-weight:normal;} .contentMagasins div{width:90px; margin:0 36px 23px 0; float:right; display:inline;} .contentMagasins div p{background:url(../ximg/ico_arrow_02.gif) 0 5px no-repeat; padding:0 0 5px 7px; line-height:12px;} .contentMagasins h3{padding:0 0 3px 0;} .contentMagasins #trouvezMagasin{margin:0 106px 0 0;} .highlightLesService{width:700px; overflow:hidden; margin:0 0 13px 0;} .infoLesServices{width:460px; float:left; overflow:hidden;} .infoLesServices h3, .infoGuidesCache h3{padding:0; margin:0 0 10px 0;} .infoLesServices h3 img, .infoGuidesCache h3 img{border:none; float:none; padding:0; margin:0} .infoLesServices div{width:200px; float:left; margin:0 20px 0 0; overflow:hidden;} .infoLesServices div h4{font-size:10px; text-transform:uppercase; padding:0; margin:0 0 5px 0;} .infoLesServices div img{border:#d4d4d4 solid 1px; display:block; float:left; padding:0; margin:0 7px 0 0;} .infoLesServices div p,.detailOuvertureMagasin p{line-height:14px;color:#C6C6C6;} .infoLesServices div a, .contentOuveture a{font-size:11px; color:#c6c6c6; background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px;} .infoGuidesCache{width:220px; float:left; overflow:hidden; background:url(../ximg/bgd_line_01.gif) 0 0 repeat-y; padding:0 0 0 20px;} .infoGuidesCache img{border:#d4d4d4 solid 1px; display:block; float:left; padding:0; margin:0 10px 0 0;} .infoGuidesCache ul{width:110px; float:left;} .infoGuidesCache li{display:inline;} .infoGuidesCache li a{ color:#c6c6c6; text-decoration:none; display:block; background:url(../ximg/bgd_arrow_01.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 7px 0;} .infoGuidesCache li a:hover{text-decoration:underline;} .contentOuveture{width:700px; overflow:hidden; border-top:#bcc8cf solid 1px; padding:13px 0 0 0;} .contentOuveture h3{padding:0; margin:0;} .contentOuveture h3 img{padding:0; margin:0 0 10px 0; border:none;} .contentOuveture img{border:#d4d4d4 solid 1px; display:block; float:left; margin:0 10px 0 0;} .contentOuveture h4{text-transform:uppercase; padding:0; margin:0 0 5px 0;} /* magasins_visiteVirtuelle ***********************************************************************************************************************************/ #cacheConent{width:700px; background:url(../ximg/bgd_bottomContent.gif) 0 100% no-repeat; padding: 0 0 18px 0; margin:5px 0 0 0} #subCacheConent{width:700px; background:#fff url(../ximg/bgd_topContent.gif) 0 0 no-repeat;} #subCacheConent h2{padding:0; margin:0;} .contentVisiteVirtuelle{width:700px; background:url(../ximg/bgd_shop.jpg) 0 0 no-repeat; padding:10px 0 0 0; margin:0 0 12px 0; overflow:hidden; height:269px;} .contentVisiteVirtuelle form{width:624px; padding:0; margin:0 auto 10px auto; background:#ffe400; padding:4px 7px; overflow:hidden;} .contentVisiteVirtuelle form label{width:320px; display:block; float:left; padding:3px 0 0 0} .contentVisiteVirtuelle form select{height:18px; float:left; border:#a5acb2 solid 1px; width:295px;} .contentShopping{width:688px; overflow:hidden; padding:0 6px 0 6px;} .contentShopping p{width:20px; float:left; display:block; padding:0; margin:70px 0 0 0;} .contentShopping div{width:638px; float:left; margin:0 5px;} .contentShopping div img{border:#ffe400 solid 3px; margin:0 auto;} .highlightConsectetue{width:640px; overflow:hidden; padding:0 30px;} .highlightConsectetue h3{ font-size:14px; color:#000; text-transform:none; padding:0; margin:0 0 20px 0;} .highlightConsectetue h3 img{display:block; float:none; padding:0; margin:0; border:none;} .highlightConsectetue img{border:#d4d4d4 solid 1px; display:block; margin:0 20px 20px 0; float:left;} .highlightConsectetue p{margin:0 0 5px 0; color:#000;} /* magasins_visiteVirtuelle ***********************************************************************************************************************************/ #guideEntretien{background:url(../ximg/bgd_box_02.gif) 0 100% no-repeat; width:700px; margin:5px 0 0 0;} #guideEntretien h2{margin:0; padding:0;} #guideEntretien p strong{color:#000; padding:20px 0 0 10px; display:block;} #intro{width:688px; margin:0 1px; padding:0 10px 0 0; overflow:hidden;} #intro img{margin:0 26px 0 0; display:block; float:left;} #intro p{font-size:10px;} #intro ul{background:url(../ximg/bullet_01.gif) 100% 8px no-repeat; width:320px; margin:10px 0 35px 0; padding:0 0 0 8px; float:left; overflow:hidden;} #intro ul.guideInfo{width:400px;} #intro li{font-size:9px; font-weight:bold; color:#eaa208; background:url(../ximg/bullet_01.gif) 0 8px no-repeat; padding:0 0 0 8px; display:inline; float:right;} #intro a{color:#eaa208; text-decoration:underline; line-height:28px; padding:5px 12px 13px 30px;} #intro a:hover{text-decoration:none;} #intro #imprimer{background:url(../ximg/icon_print.gif) no-repeat;} #intro #envoyer{background:url(../ximg/icon_envoyer.gif) no-repeat;} #notice{width:678px; margin:0 1px 0 1px; padding:26px 10px 40px 10px; overflow:hidden;} #notice h3 img{float:none;} #notice div{width:678px; background:url(../ximg/bgd_entretien_serperator.gif) repeat-y; overflow:hidden} #notice img, #notice a{margin:0 3px 0 0; float:left;display:block;} #notice li.pictoItem {display:block; width:200px; float:left; line-height:28px; height:28px; margin:6px 12px !important;} #notice li.pictoItem {_margin: 6px 12px;} #notice li.pictoItem span {display:block; float:left; line-height:14px;} /*votreTaille---magasins_guideTailles-----*/ #guideTaille{background:url(../ximg/bgd_box_02.gif) 0 100% no-repeat; width:700px; margin:5px 0 0 0; padding:0; position:relative} #guideTaille h2{margin:0; padding:0;} #votreTaille{ width:698px; background:url(../ximg/bgd_gradient.gif) repeat-x;margin:0 1px 0 1px; padding:26px 0 40px 0; overflow:hidden;} #votreTaille h3 { padding:0 0 10px 10px} #votreTaille h3 img{float:none;} #votreTaille p { color:#000; padding:5px 0 0 10px} #votreTaille .tblVotreTaille {width:698px; overflow:hidden; padding:0; margin:0} #votreTaille .tblVotreTaille div {background:url(../ximg/bgd_line_tbltaille.gif) 50% 100% no-repeat; margin:0 0 10px 0; padding:0} #votreTaille .tblVotreTaille table {width:98%; font-size:10px; margin:0 auto; overflow:hidden; border:1px solid silver; border-collapse:collapse;} #votreTaille .tblVotreTaille th {color:#7493a4; text-align:center; vertical-align:middle; border:1px solid silver; padding:10px 0;} #votreTaille .tblVotreTaille td {color:#000; font-weight:normal; text-align:center; border:1px solid silver; padding:10px 0;} #votreTaille .tblVotreTaille .bgdRow {background:#eaeef0} #votreTaille .tblVotreTaille .last {background:none; margin:0} #votreTaille .tblSimple {width:698px; overflow:hidden; padding:0; margin:10px 0 0 0} #votreTaille .tblSimple table {width:100%; color:#000101; font-size:10px; margin:0 auto; overflow:hidden;} #votreTaille .tblSimple th {width:500px; font-weight: normal; text-align:left; border:0; padding:10px 0 10px 10px; border-right:#656565 dotted 1px} #votreTaille .tblSimple td {width:150px; font-weight: bold; text-align: center; border:0; padding:10px 0} #votreTaille .tblSimple .bgdRow { background:#eaeef0;} #votreTaille .tblChaussures table{width:100%; font-size:10px; margin:0 auto; overflow:hidden;} #votreTaille .tblChaussures th {width:140px; color:#000; font-weight:bold; border:0; padding:8px 0; background:url(../ximg/bgd_serperator.gif) 100% 0 repeat-y} #votreTaille .tblChaussures td {width:140px; color:#97aab5; font-weight:normal; border:0; padding:8px 0; background:url(../ximg/bgd_serperator.gif) 100% 0 repeat-y} #votreTaille .tblChaussures .bgdRow{ background:url(../ximg/bgd_tblchaussures_top.gif) 0 0 repeat-x; font-weight:bold; padding:10px 0 18px 0} #votreTaille .tblChaussures .last { background:none;} /*----------------------------------------*/ #guideEntretien table{width:98%; margin:0 auto 20px auto; overflow:hidden;} #guideEntretien #tableType01{margin:0 auto 20px auto;} #guideEntretien table th{background:#dce7ee url(../ximg/bgd_th.gif) 0 100% repeat-x; text-transform:none; color:#000; text-align:center; vertical-align:middle; font-size:11px; font-weight:bold; border:none; height:28px;} #guideEntretien table td{background:url(../ximg/bgd_line_05.gif) 100% 0 repeat-y; padding:5px 20px 5px 30px; border-bottom:#c5cfd6 solid 1px; color:#546875; font-weight:bold; vertical-align:middle;} #guideEntretien table td.last{background:none; padding:5px 0; margin:0; text-align:center} #guideEntretien table td.last img{margin:0 auto; border:none; float:none;} #guideEntretien table td.first{padding:5px 20px 5px 8px; margin:0; width:320px; text-align:left; font-weight:normal;} #guideEntretien table td.firstsmall{padding:5px 0px 5px 0; margin:0; width:30px; text-align:left; font-weight:normal;} #guideEntretien table td.first img{border:#d4d4d4 solid 1px; display:block; float:left; margin:0 10px 0 0;} #guideEntretien table td.first p{line-height:12px; padding:0; margin:0; color:#546875;} #guideEntretien table select{border:#a5acb2 solid 1px; width:42px; height:18px; font-weight:normal;} #guideEntretien table a{text-decoration:none;} #guideEntretien table a:hover{text-decoration:underline;} #guideEntretien table .type01{font-weight:normal; color:#000;} #guideEntretien table .type01 a{color:#000; text-decoration:underline; font-weight:normal;} #guideEntretien table .type01 a:hover{text-decoration:none;} #guideEntretien table .typeActive{font-weight:normal; color:#000;} #guideEntretien table .typeActive a{color:#000; text-decoration:underline; font-weight:bold;} #guideEntretien table .typeActive a:hover{text-decoration:none;} #guideEntretien table ul, #guideEntretien table ol{margin:10px 0 0 20px;} #guideEntretien table ul li{list-style:inside; list-style-type:disc; padding:0 0 5px 0;} #guideEntretien table ol li{list-style:inside; list-style-type:decimal; padding:0 0 5px 0;} #showEspaceFile{display:none;} #guideEntretien .infoPrice{padding:0 10px 20px 331px;} /* magasins_StoreLocator ***********************************************************************************************************************************/ .highlightStoreLocator{width:680px; padding:15px 10px 0 10px; overflow:hidden;} .map{width:392px; float:left; margin:0 18px 0 0;} .map ul{} .map li{background:#fff; border-bottom:#000 solid 1px; border-top:#000 solid 1px;border-left:#000 solid 1px; display:block; float:left; padding:1px;} .map li.active{background:#ffe400;} .map li.active a{font-weight:bold;} .map li.last{border-right:#000 solid 1px;} .map li a{ font-weight:normal; color:#000; display:block; padding:2px 15px; text-decoration:none; background:#fff;} .map img{display:block; margin:6px 0 5px 0;} .map p{font-size:9px;} .map p a{text-decoration:underline; font-weight:normal;} .map p a:hover{text-decoration:none;} .searchMap{width:270px; float:left; overflow:hidden;} .searchMap ul{background:url(../ximg/bullet_01.gif) 100% 8px no-repeat; width:210px; margin:0 0 10px 0; padding:0 0 0 8px; float:right; overflow:hidden;} .searchMap li{font-size:9px; font-weight:bold; color:#eaa208; background:url(../ximg/bullet_01.gif) 0 8px no-repeat; padding:0 0 0 8px; display:inline; float:right;} .searchMap a{color:#eaa208; text-decoration:underline; line-height:28px; padding:5px 12px 13px 30px;} .searchMap a:hover{text-decoration:none;} .searchMap #imprimer{background:url(../ximg/icon_print.gif) no-repeat;} .searchMap #envoyer{background:url(../ximg/icon_envoyer.gif) no-repeat;} .searchMap p{color:#000;} .searchMap form{margin:10px 0 0 0;} .searchMap form p{border-bottom:#c5cfd6 solid 1px; padding:0 0 8px 0; margin:0 0 8px 0;} .searchMap form p img{display:block; float:left; margin:0 5px 0 0} .searchMap form select{width:250px; height:18px; border:#a5acb2 solid 1px;} .searchMap form input{height:16px; border:#a5acb2 solid 1px; padding-top:2px;} .searchMap form input.postal{width:135px;} .searchMap form input.ville{width:245px;} .searchMap form .btnValider{margin:2px 0 0 80px;} .searchMap form a{float:none; margin:0; padding:0;} .highlightStoreLocator h3{background:#d4dbe0; font-size:11px; text-transform:uppercase; color:#546875; line-height:24px; padding:0 0 0 7px;} .resultats{background:url(../ximg/bgd_line_06.gif) 50% 100% no-repeat; border-bottom:#c5cfd6 solid 1px; padding:0 0 10px 0; margin:10px 0 0 0; width:680px; overflow:hidden;} .last{border-bottom:none;} .highlightStoreLocator .resultats div{width:340px; margin:0 40px 0 0; float:left;} .highlightStoreLocator .resultats .resultatLast{width:300px; margin:0;} .resultats div{color:#000; font-size:11px; padding:0; margin:0 0 3px 0;} .resultats div p{color:#000; line-height:16px; padding:0 0 5px 0;} .resultats div a{color:#eaa208; background:url(../ximg/ico_plus.gif) 0 2px no-repeat; padding:0 0 3px 15px; line-height:20px;} /*----------------commande_modeLivraison1-------------*/ .blockAddress{width:207px; padding:10px; margin:0 0 15px 0; border:#f2aa00 solid 1px;} .blockAddress h4{color:#000; font-size:12px; margin:0 0 5px 0;} .blockAddress p{color:#000; padding:0;} .blockAddress p span{color:#546875; font-size:12px; font-weight:bold;} .blockAddress a{font-size:10px; background:url(../ximg/bgd_arrow_03.gif) 0 3px no-repeat; padding:0 0 0 10px; margin:12px 0 5px 0; display:block;} .contentLivraison{width:918px;} .contentLivraison p{color:#000;} .contentLivraison p.fille{padding:0 0 20px 0;} .contentLivraison p.space{padding:20px 0;} .contentLivraison p span{color:#546875} .contentLivraison dl{width:918px; margin:15px 0 0 0;} .contentLivraison dt{font-size:11px; text-transform:uppercase; color:#546875; padding:8px 10px; margin:0 0 5px 0; line-height:14px; background:#dce7ee;} .contentLivraison dt.votre{font-size:11px; text-transform:uppercase; color:#546875; line-height:14px; background:#dce7ee url(../ximg/bgd_arrow_04.gif) 10px 8px no-repeat; padding:8px 10px 8px 30px; margin:0 0 5px 0;} .contentLivraison dt.active a{text-decoration:none; background:url(../ximg/bgd_arrow_04.gif) 0 no-repeat; padding:0 0 0 20px;} .contentLivraison dt img{display:inline; margin:0;} .contentLivraison dt a{text-decoration:none; background:url(../ximg/bgd_arrow_05.gif) 0 no-repeat; padding:0 0 0 20px;} .contentLivraison dt a:hover{text-decoration:underline;} .contentLivraison dt span{float:right; font-size:10px; text-transform:none; font-weight:normal;} .contentLivraison dd{padding:0; margin:0;} .contentLivraison fieldset{padding:20px 13px 10px 13px; margin:0; border:none;} .contentLivraison form{padding:0; margin:0;} .contentLivraison form p{width:888px; overflow:hidden; padding:0; margin:0 0 10px 0;} .contentLivraison form label{width:190px; display:block; float:left; font-weight:normal; padding:2px 0 0 0;} .contentLivraison form label.lbl{width:830px; float:left; padding:3px 0 0 0; margin:0;} .contentLivraison form label.lbl1{width:110px; padding-right:5px;} .contentLivraison form label.lbl2{width:200px; margin:0 0 0 10px; padding:18px 0 0 0} .contentLivraison form label.lbl3{width:350px; margin:0 0 0 10px; padding:18px 0 0 0} .contentLivraison form label img {margin:-18px 10px 0 0;} .contentLivraison form input{width:150px; border:#a5acb2 solid 1px; height:16px; float:left; margin:0 90px 0 0;} .contentLivraison form input.accept{width:18px; height:18px; border:none; float:left; padding:0; margin:0 10px 0 0;} .contentLivraison form input.box1{width:300px;} .contentLivraison form input.box2{width:200px;} .contentLivraison form input.box3{width:270px;} .contentLivraison form input.box4{width:200px; margin-right:0;} .contentLivraison form input.box5{width:105px; margin-right:183px;} .contentLivraison form input.box6{width:150px; margin-right:140px;} .contentLivraison form input.radioSet1 { width:13px; border:0; margin:20px 15px 0 0;} .contentLivraison form textarea{border:#a5acb2 solid 1px; width:690px; height:75px;} .contentLivraison form select{border:#a5acb2 solid 1px; height:17px; width:150px; float:left;} .contentLivraison form img{ float:left;} #vosConpines{padding:0; margin:0; display:none;} .hide1{display:none} .block1{display:block;} .contentLivraison .btnValider{text-align:right; margin:23px 0 0 0;} .contentLivraison a.submitValider{background:none; padding:0; margin:15px 0 0 0; float:right;} .contentLivraison .btnValider a{background:none; padding:0; margin:0;} .btnValider1{text-align:right; margin:8px 0 0 0; width:auto!important;} .btnValider1 a{background:none; padding:0; margin:0;} .contentLivraison dd .magasin{padding:10px 0; width:918px; overflow:hidden;} .contentLivraison dd .magasin .map p{color:#546875;} .contentLivraison form fieldset h4{font-size:11px; margin:20px 0 0 0} .contentLivraison form h3{margin:25px 0} .contentLivraison form fieldset p a{background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 10px;} .dansVotreMagasin{background:url(../ximg/bullet_01.gif) 100% 8px no-repeat; width:200px; margin:0 0 10px 0; padding:0 0 0 8px; float:right; overflow:hidden;} .dansVotreMagasin li{font-size:9px; font-weight:bold; color:#eaa208; background:url(../ximg/bullet_01.gif) 0 8px no-repeat; padding:0 0 0 8px; display:inline; float:right;} .dansVotreMagasin a{color:#eaa208; text-decoration:underline; line-height:28px; padding:5px 8px 13px 30px;} .dansVotreMagasin a:hover{text-decoration:none;} .dansVotreMagasin #imprimer{background:url(../ximg/icon_print.gif) no-repeat;} .dansVotreMagasin #envoyer{background:url(../ximg/icon_envoyer.gif) no-repeat;} .infoMagesin{width:260px; float:left; padding:23px 0 0 0} .infoMagesin h4{font-size:11px; margin:0 0 20px 0; color:#000;} .infoMagesin h5{font-size:11px; color:#546875; font-weight:bold; margin:20px 0 0 0;} .infoMagesin p{padding:0; margin:0; line-height:16px;} .infoMagesin p img{margin:40px 0 35px 0;} .infoMagesin p a{background:none; padding:0;} .infoMagesin a{font-size:10px; background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 10px;} /*************************plan du site**************************/ .plandusite{width:210px; margin:20px 0 0 20px; float:left; display:inline;} .plandusite a{font-weight:normal; text-decoration:none;} .plandusite a:hover{text-decoration:underline;} .plandusite h3{margin:0; padding:0;} .plandusite h3 a{font-weight:bold; background:url(../ximg/bullet_02.gif) 0 5px no-repeat; padding:0 0 0 12px; line-height:14px;} .plandusite li a{background:url(../ximg/bullet_04.gif) 0 4px no-repeat; padding:0 0 0 25px;} .plandusite li{background:url(../ximg/bgd_serperator.gif) repeat-y; margin:0 0 0 3px; padding:10px 0 0 1px;} .plandusite .last{background:url(../ximg/bullet_05.gif) 0 100% no-repeat;} .plandusite .last a, .plandusite .last02 a{background:none;} .plandusite .last02{background:url(../ximg/bullet_07.gif) 0 100% no-repeat;} .plandusite .last03{background:url(../ximg/bullet_06.gif) 0 13px no-repeat; margin:-11px 0 0 3px;} .plandusite ul ul{margin:0 0 0 15px;} .plandusite li li a{background:url(../ximg/bullet_03.gif) 0 7px no-repeat; padding:0 0 0 15px;} /***********************partners**********************/ #partners{background:url(../ximg/bgd_serperator.gif) 50% 0 repeat-y; width:900px; margin:20px 20px 0 20px; overflow:hidden;} #partners div{width:430px; margin:0 20px 20px 0; padding:0 20px 0 0; float:left;} #partners img{float:left; display:block; margin:0 20px 0 0;} #partners .lastPartners{width:410px; margin:0;} #partners ul li{list-style:inside; list-style-type:disc; padding:0 0 5px 0;} #partners ol li{list-style:inside; list-style-type:decimal; padding:0 0 5px 0;} /*----------------commande_paiement-------------*/ #formValidation{} #formValidation p{color:#000;} #formValidation h4{font-size:13px; color:#546875; height:2em;} #formValidation label{font-weight:normal; display:inline} #formValidation label.lbl1{padding:0 90px 0 0;} #formValidation label.lbl2{padding:0 22px 0 0;} #formValidation input{ font-size:11px; border:none; padding:0; margin:0 5px 0 0; display:block; float:left;} #formValidation input.box1{ width:35px; border:#000 solid 1px; padding:0; margin:0 10px 0 0;} #formValidation input.box2{ width:35px; border:#000 solid 1px; padding:0; margin:0 25px 0 0;} #formValidation select{border:#a5acb2 inset 1px; width:150px; float:left; font-size:11px} #formValidation select.box1{width:45px; margin:0 10px 0 0;} #formValidation select.box2{width:60px; margin:0 25px 0 0;} #formValidation a{color:#000; font-weight:normal;} #formValidation .space{margin:30px 0;} #formValidation .mode{margin:20px 0 10px 0;} #formValidation .securise{margin:5px 0 0 0; padding:0;} #formValidation .securise a{font-size:10px; margin: 0 0 0 10px;} #btnPaiement{float:left;} .logoCredit {float:right; margin:-25px 0 0 0} #formValidation .cardInfo fieldset{padding:20px 0 0 0; margin:0; border:none;} #formValidation .cardInfo p { padding:2px 0} #formValidation .cardInfo p span{ color:#7f7f7f; display:block; font-size:10px; padding:10px 0} #formValidation p.note{ width:500px; font-size:10px; padding:5px 0 0 0; line-height:normal} #addressInfo{width:918px; background:#dce7ee url(../ximg/bgd_address.gif) repeat-y; padding:15px 0; margin:0 0 15px 0;} #addressInfo div{width:419px; padding:0 20px; float:left;} #addressInfo #last{width:405px; padding-left:34px;} #addressInfo a{font-size:9px; background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 8px;} .frmConseiller {} form.frmConseiller { width:600px; float:left} .frmConseiller fieldset{padding:14px 0; margin:0; border:none;} .frmConseiller {padding:0; margin:0;} .frmConseiller span { color:#546875; font-size:10px} .frmConseiller p{ color:#000000; width:600px; overflow:hidden; padding:0; margin:0 0 5px 0; display:block;} .frmConseiller label{width:200px; display:block; float:left; font-weight:normal; padding:2px 10px 0 0;} .frmConseiller label.lbl1{width:550px;} .frmConseiller label.lbl2{width:190px;} .frmConseiller input{width:200px; border:#a5acb2 solid 1px; height:16px; float:left; margin:0;} .frmConseiller input.box1{width:300px; } .frmConseiller input.souhaite{width:12px; border:0; margin-right:8px} .frmConseiller a.accueil {font-size:10px; background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 10px;} .frmConseiller .btnEnvojez {margin:0 0 0 210px; width:123px} #rechercheAvancee { width:700px; margin:5px 0 0 0;} #rechercheAvancee div {width:670px; background:url(../ximg/bgd_box_02.gif) 0 100% no-repeat; padding:13px 15px; overflow:hidden; } #rechercheAvancee h2 { width:687px; height:36px; background:url(../ximg/bgd_titH2.gif) 0 0 no-repeat; padding:2px 0 0 13px;} #rechercheAvancee form { width:350px; padding:0; margin:0; float:left;} #rechercheAvancee form p{ width:195px; overflow:hidden; padding:0; margin:0 0 10px 155px; display:block;} #rechercheAvancee label{width:145px; display:block; float:left; font-weight:normal; padding:2px 10px 0 0;} #rechercheAvancee input {width:180px; border:#a5acb2 solid 1px; height:16px; float:left; margin:0;} #rechercheAvancee select {width:185px; border:#a5acb2 solid 1px; font-weight:normal; height:20px; float:left; margin:0 20px 0 0;} #rechercheAvancee a{background:url(../ximg/bgd_arrow_01.gif) 0 4px no-repeat; padding:0 0 0 8px;} #rechercheAvancee p a{background:none; padding:0;} #rechercheAvancee ul li{list-style:inside; list-style-type:disc; padding:0 0 5px 0;} #rechercheAvancee ol li{list-style:inside; list-style-type:decimal; padding:0 0 5px 0;} #rechercheAvancee p.noSpace{ width:350px; margin:0 0 15px 0} #rechercheAvancee p.btnResearch img{ margin:0 10px 0 0; float:right; } /*--------FAQ------*/ .faqsInfo{width:918px; padding:20px 11px;} .faqsInfo h2{padding:0; margin:0 0 15px 0;} .contentFAQ{width:590px; float:left} .contentFAQ h4{font-size:11px; color:#000; margin:0 0 7px 0;} .contentFAQ dl{width:590px;} .contentFAQ dt{font-size:11px; text-transform:uppercase; color:#546875; padding:8px 10px; margin:0 0 5px 0; line-height:14px; background:#dce7ee; cursor:pointer;} .contentFAQ dt.active a{text-decoration:none; background:url(../ximg/bgd_arrow_04.gif) 0 no-repeat;} .contentFAQ dt a{text-decoration:none; background:url(../ximg/bgd_arrow_05.gif) 0 no-repeat; padding:0 0 0 17px;} .contentFAQ dt a:hover{text-decoration:underline;} .contentFAQ dd{ overflow:hidden; width:590px;} .contentFAQ dd ul{width:296px; padding:25px 10px; font-size:9px; float:left; min-height:300px; _height: 250px;} .contentFAQ dd li{margin:0 0 8px 0;} .contentFAQ dd li a{ background:url(../ximg/ico_arrow_02.gif) 0 3px no-repeat; padding:0 0 0 10px; line-height:17px} .contentFAQ dd li a:hover{ color:#ec9600; text-decoration:underline; background:url(../ximg/ico_arrow_05.gif) 0 3px no-repeat; padding:0 0 0 10px } .contentFAQ .showDeatilFAQ{width:240px; padding:10px 15px; background:#fff; border:#ec9600 solid 1px; /*position:absolute; left:0; top:0; z-index:9999; */display:none; float:right} .contentFAQ .showDeatilFAQ h4{font-size:11px; padding:0; margin:0 0 7px 0; } .showDeatilFAQ p{ color:#000 } .showDeatilFAQ .btnClose{float:right;} /*--------contact------*/ .formContact{width:918px; margin:5px 0 0 0;} .formContact *{font-size:11px; } .formContact dt{text-transform:uppercase; color:#546875; background:#dce7ee; padding:8px; margin:0 0 5px 0;} .formContact form fieldset { width:600px; padding:0 0 0 23px; float:left} .formContact form p{display:block; width:500px; padding:0; margin:0 0 10px 0; overflow:hidden;} .formContact form label{ color:#000; font-weight:normal; width:190px; display:block; float:left;} .formContact form label.lbl1{ width:25px; } .formContact form label.lbl2{ width:200px; } .formContact form label.lbl3{ width:100px; } .formContact form label.lbl4{ width:300px; } .formContact form input{ width:200px; color:#546875; border:#a5acb2 solid 1px; height:16px; float:left; margin:0;} .formContact form input.inputDate { width:38px;} .formContact form input.radioSet1 { width:13px; border:0; margin:0 10px 0 0;} .formContact form input.non { width:13px; border:0; margin:0 20px 0 0;} .formContact form input.souhaite { width:13px; border:0; margin:0 15px 0 0;} .formContact form textarea {border:#a5acb2 solid 1px; width:710px; height:100px; margin:10px 0 15px 0; float:left} .formContact form img.btnEnvoyez{margin:85px 0 0 50px; float:left} .formContact p a.accueil{background:url(../ximg/bgd_arrow_03.gif) 0 4px no-repeat; padding:0 0 0 10px;} .formContact p span{ float:left; margin:2px 5px 0 5px;} .formContact p.space{ width:305px; margin:0 0 0 195px; color:#546875;} .formContact p.space label{ color:#546875;} .formContact dl.zonSecond dt{color:#546875; background:none; padding:5px 0 5px 8px; margin:0 0 5px 0; border-bottom:#dce7ee solid 1px;} .formContact dl.zonSecond dt a{text-transform:none; text-decoration:none; font-weight:normal; background:url(../ximg/ico_arrow_06.gif) 0 4px no-repeat; padding:0 0 0 15px;} .formContact dl.zonSecond li a{ color:#000; font-weight:normal; text-decoration:none; line-height:16px; padding:0 0 0 23px;} .formContact dl.zonSecond li a:hover{ color:#ec9600; text-decoration:underline;} .formContact dl.zonSecond .active a{color:red; text-transform:none; text-decoration:none; font-weight:normal; background:url(../ximg/ico_arrow_07.gif) 0 4px no-repeat; padding:0 0 0 15px;} .formContact dl.zonSecond dd ul {padding:0; margin:0;} .formContact dl.zonSecond dd ul li {line-height:16px;} .formContact dl.zonSecond dt.active {padding:5px 0 5px 8px; margin:0 0 5px 0;} .formContact dl.zonSecond dd a.currentTheme {color:#ec9600; text-decoration:underline;} .formContact select#jour {width: 50px; margin: 0 15px 0 0;} .formContact select#mois {width: 50px; margin: 0 15px 0 0;} .formContact select#annee {width: 70px;} /*--------Vos Address------*/ #frmVosAddress{ padding:10px;} #frmVosAddress .note{ font-size:10px; font-style:italic;} #frmVosAddress dt{font-size:11px; text-transform:uppercase; color:#546875; background:#dce7ee; padding:8px; margin:0 0 5px 0;} #frmVosAddress p{ padding:8px 0;} #frmVosAddress label{ width:150px; float:left; padding:0 0 0 8px;} #frmVosAddress label.lblType01{ width:220px;} #frmVosAddress input{ width:250px; height:16px;} #frmVosAddress a{ background:url(../ximg/bgd_arrow_active.gif) 0 5px no-repeat; padding:0 0 0 10px; font-size:11px; font-weight:normal;} #frmVosAddress li.selected a{ color:#e7a507;} #frmVosAddress ul{ padding:10px 0 10px 0;} #frmVosAddress li{ padding: 4px 30px 4px 8px; display:inline;} #frmVosAddress .btn { padding:10px 0 0 150px;} #frmVosAddress .btn a{ background:none;} #frmVosAddress .btn1 { padding:10px 0 0 220px;} #frmVosAddress .btn1 a{ background:none;} #magasinCacheCache {margin:0; padding:0;} .bottomContent {padding: 0 0 18px;} #main{width:940px; background:url(../ximg/bgd_bottomContent_01.gif) 0 100% no-repeat; margin:5px auto 0 auto;} #submain{width:940px; background:#fff url(../ximg/bgd_topContent_01.gif) 0 0 no-repeat;} .addsalelistbutton{margin-bottom:10px;cursor:pointer;} span.barre {text-decoration:line-through;font-weight:normal;margin-bottom:1px;display:block;}