/*---------------------------------------------------------- Style principal Projet: Sommaire: Reset css Balises par défaut Disposition Disposition générale Disposition des éléments courants Navigation principale Navigation secondaire Disposition des pages internes Home Articles Contact Mentions Classes générales IE Patchs (PNG fix, hasLayout triggers, etc.) ----------------------------------------------------------*/ /* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html { height:100% } body { background:#f6f3f1 url(../images/fond/bg_01.gif) repeat-x 0 0; font:normal normal normal 11px/11px arial; color:#544b47; height:100%; } h1 { } h2 { } h3 { } h4 { } h5 { } h6 { } p { } img { } sup { } abbr, acronym { } blockquote, q { } blockquote { } cite { } ul { } ol { } dl { } form { } fieldset { } input { } label { } button { cursor:pointer } a { color:#9A9391 } a:link { color:#9A9391 } a:visited { color:#9A9391 } a:hover { color:#9A9391 } a:focus { color:#9A9391 } a[hreflang]:after { color:#9A9391 } a img { } code, pre { } pre { } hr { } /* * Text replacements */ h2 span, h3 span, h4 span { visibility: visible; } .hand {cursor:pointer;} /* ======================================================================== * Disposition * ========================================================================*/ /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ div#center { width:957px; margin:0 auto; position:relative; background:#f6f3f1 url(../images/fond/bg_01.gif) repeat-x 0 0; } div#header { width:949px; height:98px; position:relative; padding:0 4px } div#header a.logo { position:absolute; top:10px; left:35px } div#header div.sur-mesure { width:200px; height:73px; position:relative; left:480px; z-index:1;} div#header a.consult-catalog { display:block; width:175px; height:16px; position:absolute; top:12px; left:533px; background:url(../images/bt/consultercat.gif) no-repeat 0 0 } div#header a.consult-catalog:hover { background:url(../images/bt/consultercat.gif) no-repeat 0 -16px } div#header div.menu-top { width:205px; height:55px; position:absolute; top:12px; left:748px } div#header div.menu-top a { text-align:center } div#header div.menu-top a.cart { width:115px; height:24px; padding:0 0 0 90px; position:absolute; top:0; left:0; background:url(../images/fond/bg_06.gif) no-repeat 0 0; font:normal normal bold 11px/24px arial; text-decoration:none; color:#fff } div#header div.menu-top a.account { width:74px; height:17px; padding:4px 0 0 0; position:absolute; top:24px; left:0; background:#fff; border:1px solid #cec8c6 } div#header div.menu-top a.account:hover, div#header div.menu-top a.new:hover, div#header div.menu-top a.help:hover { border-bottom:3px solid #a59f9d; height:15px } div#header div.menu-top a.new { width:88px; height:17px; padding:4px 0 0 0; position:absolute; top:24px; left:75px; background:#fff; border:1px solid #cec8c6 } div#header div.menu-top a.help { width:39px; height:17px; padding:4px 0 0 0; position:absolute; top:24px; left:164px; background:#fff; border:1px solid #cec8c6 } div#header div.search { width:130px; height:25px; position:absolute; top:71px; left:800px; } div#header div.search input.text { width:106px; height:15px; position:absolute; top:5px; left:0; background:url(../images/fond/input_01.gif) no-repeat 0 0; border:0; color:#99928f; font:normal normal normal 10px/12px arial } div#header div.search input.bt { position:absolute; top:5px; left:106px; width:24px; height:15px;} div#header div.language { width:44px; height:15px; position:absolute; top:77px; left:1000px } div#header div.menu-main { width:949px; height:25px; background:url(../images/fond/bg_02.gif) repeat-x 0 0; position:absolute; top:71px; left:4px } div#header div.menu-main ul#menu li { float:left } div#header div.menu-main ul#menu li a { display:block; width:130px; height:25px; background-image:url(../images/menu/menu.gif); background-repeat:no-repeat; text-align:left; text-indent:-5000px; overflow:hidden } div#header div.menu-main ul#menu li a.category-1, div#header div.menu-main ul#menu li a.lingedelit /* a supprimer */ { background-position:0 0 } div#header div.menu-main ul#menu li.on a.category-1, div#header div.menu-main ul#menu li a.category-1:hover, div#header div.menu-main ul#menu li a.lingedelit:hover /* a supprimer */ { background-position:0 -25px } div#header div.menu-main ul#menu li a.category-2, div#header div.menu-main ul#menu li a.lingedebain /* a supprimer */ { background-position:-130px 0 } div#header div.menu-main ul#menu li.on a.category-2, div#header div.menu-main ul#menu li a.category-2:hover, div#header div.menu-main ul#menu li a.lingedebain:hover /* a supprimer */ { background-position:-130px -25px } div#header div.menu-main ul#menu li a.category-3, div#header div.menu-main ul#menu li a.lingedetable /* a supprimer */ { background-position:-260px 0 } div#header div.menu-main ul#menu li.on a.category-3, div#header div.menu-main ul#menu li a.category-3:hover, div#header div.menu-main ul#menu li a.lingedetable:hover /* a supprimer */ { background-position:-260px -25px } div#header div.menu-main ul#menu li a.category-4, div#header div.menu-main ul#menu li a.accessoiresdeco /* a supprimer */ { background-position:-390px 0 } div#header div.menu-main ul#menu li.on a.category-4, div#header div.menu-main ul#menu li a.category-4:hover, div#header div.menu-main ul#menu li a.accessoiresdeco:hover /* a supprimer */ { background-position:-390px -25px } div#header div.menu-main ul#menu li a.category-5, div#header div.menu-main ul#menu li a.loungewear /* a supprimer */ { background-position:-520px 0 } div#header div.menu-main ul#menu li.on a.category-5, div#header div.menu-main ul#menu li a.category-5:hover, div#header div.menu-main ul#menu li a.loungewear:hover /* a supprimer */ { background-position:-520px -25px } div#header div.menu-main ul#menu li a.vp, div#header div.menu-main ul#menu li a.vp /* a supprimer */ { background-position:-654px 0; } div#header div.menu-main ul#menu li.on a.vp, div#header div.menu-main ul#menu li a.vp:hover, div#header div.menu-main ul#menu li a.vp:hover /* a supprimer */ { background-position:-654px -25px; } div#main { width:949px; padding:0 4px } div#footer { width:957px } div#footer div.reassur { width:957px; height:95px; float:left; padding:15px 0 0 2px } div#footer div.reassur a { display:block; float:left; width:319px; height:64px } div#footer div.reassur a.reassur-01 { background:url(../images/bt/livraisoncolis.gif) no-repeat 0 0 } div#footer div.reassur a.reassur-02 { background: url(../images/bt/fraisofferts.gif) no-repeat 0 0; width:244px; height:24px; padding:40px 0 0 75px; text-decoration:none; font-weight:bold; color:#726f6c; font-size:10px; font-family:verdana } div#footer div.reassur a.reassur-02 span { font-size:12px } div#footer div.reassur a.reassur-03 { background: url(../images/bt/suivisms.gif) no-repeat 0 0 } div#footer div.map { width:949px; float:left } div#footer div.map div.map-01 { width:183px; height:95px; border-left:1px solid #c6bebb; float:left; padding:0 0 0 5px } div#footer div.map div.map-01 h3 { font:normal normal bold 11px/22px arial; color:#7c6575 } div#footer div.map div.map-01 a { font:normal normal normal 10px/15px arial; text-decoration:none; color:#968985; background:url(../images/puce/puce_01.gif) no-repeat 0 5px; padding:0 0 0 5px } div#footer div.intro { clear:both; padding:30px 0 15px 0 } div#footer div.intro p { font:normal normal normal 10px/12px arial; color:#8e817c; text-align:center } div#footer div.lien-partenaires { width:957px; padding:0 0 15px 0;} div#footer div.lien-partenaires p { font:normal normal normal 10px/12px arial; color:#8e817c; text-align:center } div#footer div.lien-partenaires a { color:#8e817c; text-decoration:none;} div#footer div.outro { width:957px; height:50px; background:url(../images/fond/bg_05.gif) no-repeat center top; zoom:1 } div#footer div.outro p { font:normal normal normal 11px/20px arial; color:#8e817c; text-align:center } div#footer div.outro a { color:#8e817c; text-decoration:none;} /* ----------------------------------------- * Les éléments courants * ------------------------------------------*/ /* __________ Fil d'arianne */ div#breadcrumb { width:929px; height:23px; background:url(../images/fond/bg_03.gif) repeat-x 0 0; font:normal normal normal 10px/23px arial; padding:0 10px; clear:both} div#breadcrumb p, div#breadcrumb a { color:#fff; text-decoration:none; } #menu-privatesales {float:right; margin:-21px 0 0 0; padding:0 5px 0 0;} #menu-privatesales #menu-privatesales-title {text-transform:uppercase; color:#FFFFFF; padding:5px 8px 4px 20px; width:129px; background:url(../images/puce/puce_plus.gif) no-repeat 5px 5px;} #menu-privatesales #menu-privatesales-title a {color:#FFFFFF; text-decoration:none;} #menu-privatesales #menu-privatesales-tree {display:none; position:absolute; z-index:999; background:#FFFFFF; padding:10px; width:137px; border:1px solid #D8BFD5; border-top:none;} #menu-privatesales #menu-privatesales-tree li {border-bottom:1px dotted #D8BFD5; margin:0 0 8px;} #menu-privatesales #menu-privatesales-tree li a {text-transform:uppercase; font-weight:bold; text-decoration:none;} #menu-privatesales #menu-privatesales-tree li ul {padding:5px 0 5px 10px;} #menu-privatesales #menu-privatesales-tree li ul li {padding:0 0 3px; margin:0; border:none;} #menu-privatesales #menu-privatesales-tree li ul li a { text-transform:none; font-weight:normal; background:url(../images/puce/puce_01.gif) no-repeat left 6px; padding:0 0 0 8px;} #menu-privatesales #menu-privatesales-tree li ul li a:hover {text-decoration:underline;} #menu-privatesales.active #menu-privatesales-title {background:#FFF url(../images/puce/puce_minus.gif) no-repeat 5px 5px; border:1px solid #D8BFD5; border-bottom:none; color:#9A9391;} #menu-privatesales.active #menu-privatesales-title a { color:#9A9391;} #menu-privatesales.active #menu-privatesales-tree {display:block;} #form-filter-privatesale select {border:1px solid #CAC3C0; font:10px/10px verdana; margin:5px 0 10px 0; width:170px;} /* __________ Menu de gauche */ div.menu-left { width: 173px; min-height:269px; height:auto !important; height:269px; float:left; padding:0 8px; } div.menu-left h3 { padding:10px 5px; font:normal normal normal 16px/20px verdana; text-transform:uppercase; color:#8e817c } div.menu-left ul { width: 173px; border-top:1px solid #e2e0df; overflow:hidden; } div.menu-left ul li { width: 173px; border-bottom:1px solid #e2e0df; float:left; } div.menu-left ul li a { display:block; width:153px; text-transform:uppercase; font:normal normal normal 10px/20px verdana; text-decoration:none; color:#544b47; background:url(../images/menu/onglet_01.gif) no-repeat 0 0; padding:0 0 0 20px } div.menu-left ul li a:hover { background:url(../images/menu/onglet_01.gif) no-repeat 0 -101px; color:#fff; font-weight:bold } div.menu-left ul li a.new { font-weight:bold; color:#a882a3 } div.menu-left ul li a.new:hover { color:#fff } div.menu-left ul li a.kit { font-weight:bold; color:#a19a99 } div.menu-left ul li a.kit:hover { color:#fff } div.menu-left ul li.on a { width:153px; height:20px; text-transform:uppercase; font:normal normal bold 10px/20px verdana; text-decoration:none; color:#fff; background:url(../images/menu/onglet_01.gif) no-repeat 0 -101px; padding:0 0 0 20px } /* __________ Menu de résumé */ div.menu-sumup ul { width: 173px; border-top:1px solid #e2e0df } div.menu-sumup ul li { width: 173px; border-bottom:1px solid #e2e0df; float:left; } div.menu-sumup ul li a { display:block; width:153px; text-transform:uppercase; font:normal normal normal 10px/20px verdana; text-decoration:none; color:#544b47; background:url(../images/menu/onglet_01.gif) no-repeat 0 0; padding:0 0 0 20px } div.menu-sumup ul li a:hover { background:url(../images/menu/onglet_01.gif) no-repeat 0 -101px; color:#fff; font-weight:bold } /* __________ Bannières */ div.ban { width: 760px; float:left; position:relative; } div.ban .ban-pic {background:url(../images/fond/bgd_headerPic_ps.png) repeat-x left bottom; padding:0 0 5px; width:100%;} div.ban p { font:italic normal normal 11px/18px arial; color:#888380; text-align:center; width:750px; } h2 { width: 749px; background:#9a9492 url(../images/fond/bg_16.gif) no-repeat left bottom; padding:42px 20px 42px 180px; color:#fff; font-size:24px } /* __________ Navigation avec numéro de page */ div.nav-numpage { float:right; padding:10px; height:13px; width:700px; } div.nav-numpage table { float:right; } div.nav-numpage span { display:block; float:left; width:20px; height:13px; text-align:center; font:normal normal bold 11px/12px verdana; color:#544b47 } div.nav-numpage a { display:block; float:left; width:20px; height:13px; text-align:center; font:normal normal normal 11px/12px verdana; text-decoration:none; color:#544b47 } div.nav-numpage a:hover { font:normal normal bold 11px/12px verdana } div.nav-numpage a.twid-left { padding:0; text-align:left; text-indent:-5000px; overflow:hidden; width:13px; background:url(../images/bt/fl_01.gif) no-repeat 0 0 } div.nav-numpage a.twid-left:hover { background:#e4e1e0 url(../images/bt/fl_01.gif) no-repeat 0 0 } div.nav-numpage a.twid-right { padding:0; text-align:left; text-indent:-5000px; overflow:hidden; width:13px; background:url(../images/bt/fl_02.gif) no-repeat 0 0 } div.nav-numpage a.twid-right:hover { background:#e4e1e0 url(../images/bt/fl_02.gif) no-repeat 0 0 } div.nav-numpage a.all { display:inline; width:auto; height:auto; font:normal normal normal 10px/12px arial; text-decoration:underline; margin:0 10px } div.nav-numpage a.twid-left-2 { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/bt/fl_04.gif) no-repeat 0 0; } div.nav-numpage a.twid-left-2:hover { background:#e2e2e2 url(../images/bt/fl_04.gif) no-repeat 0 0 } div.nav-numpage a.twid-right-2 { text-align:left; text-indent:-5000px; overflow:hidden; width:13px; height:13px; background:url(../images/bt/fl_03.gif) no-repeat 0 0 } div.nav-numpage a.twid-right-2:hover { background:#e2e2e2 url(../images/bt/fl_03.gif) no-repeat 0 0 } div.nav-numpage a.all:hover { font:normal normal normal 10px/12px arial; text-decoration:none } /* __________ Haut de page */ a.top { font:normal normal normal 10px/30px arial; text-decoration:underline; margin:0 10px; color:#544b47 } a.top:hover { text-decoration:none } /* __________ Prix en promotion */ .promo { color:#ce0e32; font-weight:bold } .promo span { color:#ce0e32; font-weight:normal; text-decoration:line-through } /* __________ Réassurance */ .slide-helper { background:#fff; border:2px solid #e4e4e4; width:268px } .slide-helper .accordion { border:1px solid #fff } .slide-helper .accordion h3 { cursor:pointer } .slide-helper .accordion p { padding:10px; line-height:14px } .slide-helper .accordion ul { padding:10px } .slide-helper .accordion ul li { background:url(../images/puce/puce_01.gif) no-repeat 0 4px; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#948782; padding:0 0 0 5px } /* __________ Boutons */ .more { display:block; width:94px; height:17px; background:url(../images/bt/ensavoirplus.gif) no-repeat 0 0; text-align:left; text-indent:-5000px; overflow:hidden } .button-simple { color:#a19b96; font-weight:bold } .button-simple span.add { background:url(../images/puce/puce_03.gif) no-repeat 0 1px; padding:0 0 0 15px } .button-full { padding:2px 5px; text-decoration:none; font:normal normal bold 12px/15px arial; border:0; zoom:1; background:url(../images/fond/bg_14.gif) repeat-x 0 0; color:#fff !important; cursor:pointer; } .button-full-2 { padding:4px 10px; text-decoration:none; font:normal normal bold 16px/15px arial; border:0; zoom:1; background:#52334e url(../images/fond/bg_14.gif) repeat-x 0 0; color:#fff !important; cursor:pointer; text-transform:uppercase; } .button-full-3 { padding:2px 5px; text-decoration:none; font:normal normal bold 12px/15px arial; border:0; zoom:1; background:#938681; color:#fff !important; cursor:pointer; } .button-shy { color:#a19b96 } /* __________ Styles de texte */ .subtitle_01 { font-weight:bold; color:#9D6497;} .security { background:url(../images/puce/puce_05.gif) no-repeat 0 0; padding:4px 0 4px 20px } /* __________ Pop-up glossaire */ div.tip-wrap { z-index:50000; visibility:hidden;} div.tip-text h1.name { margin-bottom : 5px; } div.tip-text p.link { margin-top : 3px; } /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* __________ Home.php */ div#home div.anim_flash { width: 949px; height:392px } div#home div.news { width: 949px; height:155px; position:relative } div#home div.news div.visuelwrap { width: 523px; height:155px; background:url(../images/fond/bg_04.png) no-repeat 0 0; position:absolute; top:0; left:426px; z-index:990; } div#home div.news div.visuel { width: 523px; height:155px; position:absolute; top:0; left:426px; z-index:1; } div#home div.news div.cache { width: 400px; height:120px; background:url(../images/fond/bg_04_bis.png) no-repeat 0 0; padding:10px 0 33px 40px } div#home div.news div.cache a.news-link { display: block; width: 100%; height:100%; text-decoration:none; } div#home div.news div.cache h4 { width: 386px; height:27px; color:#fff; font:normal normal normal 11px/11px arial; text-align:center } div#home div.news div.cache p { color:#fff; font:normal normal bold 11px/18px arial; text-align:center } div#home div.news div.newsletter { width: 400px; height:31px; position:absolute; top:123px; left:0 } div#home div.news div.newsletter img.pict { position:absolute; top:10px; left:20px } div#home div.news div.newsletter input.text { width:132px; height:15px; position:absolute; top:8px; left:126px; background:url(../images/fond/input_01.gif) no-repeat 0 0; border:0; color:#99928f; font:normal normal normal 10px/12px arial } div#home div.news div.newsletter input.bt { position:absolute; top:7px; left:264px;} .private-sale-modal {background:url("../images/fond/bg_17.gif") repeat-x scroll 0 0 #FFFFFF; border:3px solid #D7CFC8; padding:10px; width:422px; z-index:1005; position:absolute; top:125px; left:50%; margin-left:-211px;} .private-sale-modal h3 {color:#948782; border-bottom:1px solid #948782; font:bold 11px/15px verdana; padding:0 0 3px; margin:5px 0;} .private-sale-modal input.text {border:1px solid #BBB4B2; font:11px/18px arial; margin:0; padding:0 3px; width:230px;} .private-sale-modal p {padding:0 0 3px;} .private-sale-modal label {float:left; font-weight:bold; line-height:15px; padding:0 10px 0 0; text-align:right; width:105px;} .private-sale-modal label.option {float:none; padding:0; text-align:left; width:auto;} .private-zoom {text-align:right; margin:0 0 8px;} #private-sale-form-subscribe {margin-top : 15px; margin-bottom : 15px;} #private-sale-form-subscribe input.text { margin:0; padding:0 3px; width:190px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } #private-sale-form-subscribe-fly input.text { margin:0; padding:0 3px; width:170px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } /*div#private-sale-login { z-index : 999; position:fixed; left: 50%; margin-left:-211px;} div#private-sale-subscribe { z-index : 999; position:fixed; left: 50%; margin-left:-211px;} */ /* __________ Pagelist.php */ div#pagelist { background:#fff; float:left } div#pagelist div.lingedebain { background:url(../images/bandeau/lingedebain_01.jpg) no-repeat 0 0 } div#pagelist div.nav-01 { background:#f6f3f1; padding:10px 0 } div#pagelist div.nav-01 select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; margin:0 0 0 10px } div#pagelist div.nav-01 label { font:normal normal bold 10px/10px verdana; margin:0 0 0 97px } div#pagelist div.listprod { width:933px; margin:0 auto; background:#f1efef; overflow:hidden; } div#pagelist div.product { width:257px; height:318px; float:left; padding:27px; background:url(../images/fond/bg_10.gif) no-repeat 17px 17px; position:relative } div#pagelist div.product .pict { width:257px; height:257px; display:block; overflow:hidden } div#pagelist div.product .pict img { display:block } div#pagelist div.product h3 { text-align:center; padding-top:3px } div#pagelist div.product h3 a { font-size:15px; line-height:20px; color:#948782; text-decoration:none; text-align:center; } div#pagelist div.product .price { font:normal normal bold 12px/20px verdana; text-align:center } div#pagelist div.product .othercolors { font:normal normal normal 9px/9px verdana; text-align:center } div#pagelist div.product .new { width:95px; height:95px; background:url(../images/fond/bg_19.gif) no-repeat 0 0; position:absolute; top:21px; left:21px; text-align:left; text-indent:-5000px; overflow:hidden } /* __________ Pagelist.php - Ventes privées */ .categories {} div.menu-left ul.sub-categories {border:none;} div.menu-left ul.sub-categories li {border-bottom:none; border-top:1px solid #E2E0DF;} div.menu-left ul.sub-categories li a {padding:0 0 0 30px; background-position:10px 0; color:#8E817C;} div.menu-left ul.sub-categories li a:hover {background-position:10px 0; color:#544B47;} #private-heading {width:100%; height:195px; position:relative; overflow:hidden; background:url(../images/fond/bgd_header_ps.jpg) no-repeat left top;} #private-heading h2 {padding:0; width:auto; background:none; float:left;} #private-heading #private-login {background:url(../images/fond/bgd_subscribe_ps.png) no-repeat left top; padding:6px; width:326px; height:154px; float:right; margin:15px 15px 0 0; display:inline;} #private-login dl {padding:20px 0; text-align:center;} #private-login dt {padding:0 0 5px 0;} #private-login form {margin:0 auto; width:275px;} #private-login p {color:#6d6867; width:100%; overflow:hidden; font-size:12px; padding:0 0 8px;} #private-login label {color:#000000; font-size:11px; line-height:18px; vertical-align:middle; float:left;} #private-login .login-ps {background:url(../images/fond/bgd_input_ps.png) no-repeat left top; padding:1px 2px; width:126px; height:16px; margin:0 8px 0 5px; display:inline-block; float:left;} #private-login .login-ps input {border:none; background:#f7f7f7; width:123px; font-size:10px; line-height:12px;} #private-login input {float:left;} #current-private-sales {padding:10px; width:929px; overflow:hidden; background:#FFFFFF;} #current-private-sales h3 {background:#eeeae7; padding:9px 23px 6px; margin:0 0 10px; text-transform:uppercase; color:#897e82;} #current-private-sales p.intro {color:#897e82; font-size:12px; line-height:14px; margin:0 0 2px; padding:0 2px; } .current-private-sale {width:375px; float:left; margin:0 0 10px;} .current-sale-wrap {background:url(../images/fond/bgd_privateSales.gif) no-repeat left top; width:375px; padding:8px 0 0; margin:13px 0 0;} .current-sale {background:url(../images/fond/bgd_privateSales.gif) no-repeat left bottom; padding:0 4px 8px 8px; width:363px; overflow:hidden; position:relative;} .current-sale .sale-illus {float:left; width:179px;} .current-sale .sale-illus img {float:left;} .current-sale .sale-info {float:right; width:184px; text-align:center;} .current-sale .sale-info h4 {color:#78736f; font-size:16px; font-weight:normal; padding:24px 0;} .current-sale .sale-info p {color:#78736f; font-size:13px; line-height:15px;} .current-sale .sale-info p.sale-send {font-size:13px; line-height:22px; position:absolute; bottom:30px; right:4px; width:184px;} .current-sale .sale-info p.sale-send a {color:#4e324b; text-decoration:none;} .current-sale .sale-info p.sale-access {background:#4e324b; color:#eeeae7; font-size:13px; line-height:22px; position:absolute; right:4px; bottom:8px; width:184px;} .current-sale .sale-info p.sale-access a { color:#eeeae7; text-decoration:none;} #permanent-private-sales {width:540px; float:right;} .permanent-sale-wrap {background:url(../images/fond/bgd_permanentSales.gif) no-repeat left top; width:540px; padding:8px 0 0; margin:13px 0 0;} .permanent-sale {background:url(../images/fond/bgd_permanentSales.gif) no-repeat left bottom; padding:0 8px 8px 8px; width:524px; overflow:hidden; position:relative;} .permanent-sale .permanent-pic img {float:left;} .permanent-sale .permanent-info {position:absolute; right:18px; top:30px; background:url(../images/fond/bgd_permanentInfo.png); padding:15px 0 50px; width:225px; text-align:center;} .permanent-sale .permanent-info h4 {color:#78736f; font-size:16px; font-weight:normal; padding:0 0 20px;} .permanent-sale .permanent-info p {color:#78736f; font-size:13px; line-height:15px; margin:0 0 10px;} .permanent-sale .permanent-info p.sale-send {font-size:13px; line-height:22px; position:absolute; bottom:24px; right:0; width:225px; margin:0;} .permanent-sale .permanent-info p.sale-send a {color:#4e324b; text-decoration:none;} .permanent-sale .permanent-info p.sale-access {background:url(../images/fond/bgd_saleAccess.png); color:#eeeae7; font-size:13px; line-height:22px; position:absolute; left:0; bottom:2px; width:225px; margin:0;} .permanent-sale .permanent-info p.sale-access a { color:#eeeae7; text-decoration:none;} .no-sale p {text-align:center; font-size:14px; padding:10px 0;} #private-intern {background:url(../images/fond/bgd_header_ps_intern.gif) repeat-x left top; padding:16px 0 9px; margin:0; width:100%; text-align:center;} .private .menu-left {padding:0; width:189px;} .private .menu-left h3 {background:url(../images/fond/bgd_menuLeft_ps.gif) repeat-x left top; border-top:1px solid #FFFFFF; padding:10px; border-bottom:none; line-height:18px; } .private .menu-left .categories {margin:0 auto;} #pagelist .product-private { width:277px; float:left; padding:17px 17px 0; background:#F1EFEF url(../images/fond/bg_private.gif) no-repeat 17px 13px; position:relative } #pagelist .product-wrap { width:257px; float:left; padding:10px 10px 5px; background:#FFFFFF url(../images/fond/bg_private.gif) no-repeat left bottom; } #pagelist .product-private .pict {width:257px; height:257px; display:block; overflow:hidden } #pagelist .product-private .pict img { display:block } #pagelist .product-private h3 { text-align:center; padding-top:3px } #pagelist .product-private h3 a { font-size:15px; line-height:20px; color:#948782; text-decoration:none; text-align:center; } #pagelist .product-private .price { font:normal normal bold 12px/20px verdana; text-align:center; padding:5px 0; display:block; } #pagelist .product-private .price span { color:#4e324b; text-align:center; display:inline-block; padding:0 10px; background:#e6e6e6 url(../images/fond/bgd_price.gif) repeat-x left top;} #pagelist .product-private .remise {color:#CE0E32; font-size:14px; text-align:center; font-weight:bold; margin:5px 0;} #pagelist .product-private .remise span {color:#948782; font-size:12px; text-align:center; font-weight:bold; margin:5px 0;} #pagelist .product-private .othercolors { font:normal normal normal 9px/9px verdana; text-align:center } #pagelist .product-private .new { width:95px; height:95px; background:url(../images/fond/bg_19.gif) no-repeat 0 0; position:absolute; top:21px; left:21px; text-align:left; text-indent:-5000px; overflow:hidden } .private .ban h2 {padding:0; width:auto; background:none; position:absolute; right:0;} /* __________ Events.php */ div#events { width:879px; background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 35px; float:left } div#events .frame_01 { background:#fff; border:6px solid #cec8c6; padding:20px 40px; width:450px; float:left; margin:0 40px 0 40px } div#events .frame_01 h3 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#events .frame_01 h3 a { color:#9d6497; text-decoration:none } div#events .frame_01 h4 { padding:16px 0 3px 0; color:#9d6497; margin:0 0 10px 0 } div#events .frame_01 p { margin:12px 0; line-height:15px } /* __________ Event.php */ div#event { background:#fff; float:left; width:949px; } div#event div.lingedebain { background:url(../images/bandeau/lingedebain_01.jpg) no-repeat 0 0 } div#event div.nav-01 { background:#f6f3f1; padding:10px 0 } div#event div.nav-01 select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; margin:0 0 0 10px } div#event div.nav-01 label { font:normal normal bold 10px/10px verdana; margin:0 0 0 97px } div#event div.listprod { width:933px; margin:0 auto; background:#f1efef; overflow:auto } div#event div.product { width:257px; height:318px; float:left; padding:27px; background:url(../images/fond/bg_10.gif) no-repeat 17px 17px; position:relative } div#event div.product .pict { width:257px; height:257px; display:block; overflow:hidden } div#event div.product .pict img { display:block } div#event div.product h3 { text-align:center; padding-top:3px } div#event div.product h3 a { font-size:15px; line-height:20px; color:#948782; text-decoration:none; text-align:center; } div#event div.product .price { font:normal normal bold 12px/20px verdana; text-align:center } div#event div.product .promo { text-align:center; font-size:15px } div#event div.product .othercolors { font:normal normal normal 9px/9px verdana; text-align:center } div#event div.product .new { width:95px; height:95px; background:url(../images/fond/bg_19.gif) no-repeat 0 0; position:absolute; top:21px; left:21px; text-align:left; text-indent:-5000px; overflow:hidden } div#event div.desc { padding:20px 40px; line-height:normal; } div#event .date { font:normal normal bold 22px/44px arial; text-align:center; background:url(../images/fond/bg_01.gif) repeat-x 0 0 } div#event h4 { background:#9a9391; text-align:center; padding:10px 0; font-size:24px; color:#fff } /* __________ Newsletter.php */ div#newsletter { background:#f6f3f1 url(../images/fond/bg_13.gif) repeat-x left bottom; float:left; width:909px; padding:20px; } div#newsletter p { padding:2px 0; font:normal normal bold 11px/14px arial; color:#6a6068 } div#newsletter label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:130px } div#newsletter input.text { margin:0; padding:0 3px; width:230px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#newsletter select { border:1px solid #bbb4b2; margin:0; font:normal normal normal 11px/18px arial; } div#newsletter .frame_01 { width:430px; background:#fff; border:6px solid #9c9694; padding:10px 15px } div#newsletter .frame_01 p { line-height:15px } div#newsletter div.contact-01 { width:327px; height:137px; background:#fff; border:6px solid #9c9694; position:absolute; top:20px; left:540px; padding:10px 15px; } div#contact-onmeasure .frame_01 { margin:auto; } /* __________ Search.php */ div#search { background:#fff; float:left } div#search div.lingedebain { background:url(../images/bandeau/lingedebain_01.jpg) no-repeat 0 0 } div#search div.nav-01 { background:#f6f3f1; padding:10px 0; width:949px } div#search div.nav-01 select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; margin:0 0 0 10px } div#search div.nav-01 input.text { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; margin:0 0 0 10px } div#search div.nav-01 label { font:normal normal bold 10px/10px verdana; margin:0 0 0 27px; text-transform:uppercase } div#search div.listprod { width:933px; margin:0 auto; background:#f1efef; overflow:auto } div#search div.categories h3 { border-bottom:2px solid #dad5d4; clear:both; margin:0 10px; padding:4px 0 } div#search div.product { width:257px; height:318px; float:left; padding:27px; background:url(../images/fond/bg_10.gif) no-repeat 17px 17px } div#search div.product .pict { width:257px; height:257px; display:block; overflow:hidden } div#search div.product .pict img { display:block } div#search div.product h3 { text-align:center; padding:3px 0 0 0; border:0 } div#search div.product h3 a { font-size:15px; line-height:20px; color:#948782; text-decoration:none; text-align:center } div#search div.product .price { font:normal normal bold 12px/20px verdana; text-align:center } div#search div.product .othercolors { font:normal normal normal 9px/9px verdana; text-align:center } /* __________ Product.php */ div#product { background:#fff; float:left } div#product .lingedebain { background:url(../images/bandeau/lingedebain_02.jpg) no-repeat 0 0 } div#product .main-pict { width:318px; height:318px; float:left } div#product .main-pict a { display:block; float:left; position:relative; width:318px; height:318px; } div#product .main-pict a img.zoom { display:block; position:absolute; bottom:0; right:0 } div#product .desc { width:631px; float:left } div#product div.nav-02 { width:631px; background:#eeeae7; float:left } div#product div.nav-02 div { float:left } div#product div.nav-02 div a { display:block;} div#product div.nav-02 div.suivant { width:240px; height:29px } div#product div.nav-02 div.suivant a { float:right } div#product div.nav-02 div.precedent { width:240px; height:29px } div#product .details { border-bottom:1px solid #ebebeb; font:normal normal normal 11px/20px verdana; margin:0 25px; clear:both; zoom:1 } div#product .details h3 { font:normal normal bold 16px/20px verdana; padding:10px 0 10px 0; clear:both; width:360px } div#product .details div.container { border-top:1px solid #ebebeb; position:relative; min-height:107px; height:auto !important; height:107px;} div#product .details .tab-description { width:70px; height:18px; background:url(../images/bt/descriptif.gif) no-repeat 0 0; position:absolute; top:-18px; left:365px } div#product .details .tab-material { width:70px; height:18px; background:url(../images/bt/matiere.gif) no-repeat 0 0; position:absolute; top:-18px; left:438px } div#product .details .tab-style { width:70px; height:18px; background:url(../images/bt/style.gif) no-repeat 0 0; position:absolute; top:-18px; left:511px } div#product .details .on { background-position:0 -18px } div#product .details .container h4 { overflow: hidden; text-indent: -99px } div#product .details .glossary { font-weight:bold; } div#product .options { position:relative; width:631px; overflow:hidden; /*margin-bottom:105px;*/ } /* old: height:168px; pas de margin-bottom*/ div#product #container-pic {width:100%; overflow:hidden;} div#product div.pict-01 { width:100px; margin:40px 10px 10px 10px; border:1px solid #FFFFFF; /*position:absolute; top:28px; left:8px; z-index:1;*/ float:left; } div#product div.pict-01 img { /*position:absolute; top:0; left:0; z-index:1;*/ } div#product div.pict-02 { width:100px; margin:40px 10px 10px 10px; border:1px solid #FFFFFF; /*position:absolute; top:28px; left:8px; z-index:1;*/ float:left; line-height:0; font-size:0; } div#product div.pict-01.selected { border:1px solid #938b84 !important; } div#product div.pict-02.selected { border:1px solid #938b84 !important; } div#product div.pict-product { width:100px; padding:40px 10px 10px 10px; float:left; } div#product div.pict-product img { width:100px; } div#product .pict-product { width:100px; height:100px; position:relative; top:25px; left:8px; float:left; margin-right:5px} div#product .link-01 { position:absolute; top:5px; left:181px } div#product .link-02 { position:absolute; top:5px; left:311px } div#product .link-03 { float:left; } /* old: top:145px;*/ div#product a.a2a_dd { float:left; margin:1px 0 0 0; } /* old : bottom:6px;*/ div#product .link-04 { float:left; }/* old: top:145px;*/ div#product .sharing {float:right; padding:0 11px 0 0;} div#product .sharing li {float:left; margin:0 0 0 5px; display:inline;} div#product .com-01 { width:949px; margin:10px 0; float:left; } div#product .com-01 thead td { border-top:1px solid #c8beb5; border-bottom:1px solid #c8beb5; color:#948782; font:normal normal bold 11px/20px verdana; padding:0 40px } div#product .com-01 .c-01 td { font:normal normal normal 12px/30px arial; padding:0 40px; background:#f6f3f1 } div#product .com-01 select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0 } div#product .com-01 input.text { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; width:50px } div#product table.idealwith { width:655px; background:#f6f3f1; border:5px solid #e6e2df; float:left; margin:5px } div#product table.idealwith h4 img { display: block } div#product table.idealwith td.idealwith { width:500px; text-align:center; padding:15px 0; vertical-align:top } div#product table.idealwith td.idealwith h4 { background:url(../images/fond/bg_07.gif) repeat-x 0 30px; text-align:left; margin:0 25px; padding-bottom:8px; height:30px } div#product table.idealwith td.idealwith .pict { width:113px; height:113px; border:3px solid #c6c1bd } div#product table.idealwith td.idealwith .title { font:normal normal bold 11px/18px verdana; text-decoration:none; color:#8e817c; } div#product table.idealwith td.idealwith .price { font:normal normal bold 11px/16px verdana; text-decoration:none; color:#544b47; } div#product table.idealwith td.idealwith table.idealwith-inner { width:100% } div#product table.idealwith td.ensemble { text-align:center; background:#e6e2df; padding:15px 0; vertical-align:top } div#product table.idealwith td.ensemble h4 { text-align:left; margin:0 25px; padding-bottom:8px; height:30px } div#product table.idealwith td.ensemble .pict { border:3px solid #948883 } div#product table.idealwith td.ensemble .title { font:normal normal bold 11px/18px verdana; text-decoration:none; color:#8e817c; } div#product table.idealwith td.ensemble .price { font:normal normal bold 11px/16px verdana; text-decoration:none; color:#544b47; } div#product table.idealwith td.ensemble table.ensemble-inner { width:100% } div#product .slide-helper { float:left; margin:2px } div#product .top-page {float:right;} /* __________ Cart.php */ div#cart { background:#fff; float:left } div#cart input.text { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; width:50px } div#cart input.text2 { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; width:120px } div#cart select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0 } div#cart div.cart-inner { padding:30px 95px } div#cart table.container td.pricetotal { font-size:20px; font-weight:normal; text-align:right} div#cart table.container td { vertical-align:top;} div#cart div.cart-navigation { width:760px; height:37px } div#cart div.cart-navigation.menu-01 { background:url(../images/bt/menu_cart.gif) no-repeat 0 0 } div#cart div.cart-navigation.menu-02 { background:url(../images/bt/menu_cart.gif) no-repeat 0 -37px } div#cart div.cart-navigation.menu-03 { background:url(../images/bt/menu_cart.gif) no-repeat 0 -74px } div#cart div.cart-navigation.menu-04 { background:url(../images/bt/menu_cart.gif) no-repeat 0 -111px } div#cart div.cart-navigation a { width:100%; display:block; height:37px; text-align:left; text-indent:-5000px; overflow:hidden } div#cart div.cart-navigation .n_01 { width:250px; height:37px } div#cart div.cart-navigation .n_02 { width:184px; height:37px } div#cart div.cart-navigation .n_03 { width:190px; height:37px } div#cart div.cart-navigation .n_04 { width:227px; height:37px } div#cart div.savecart { } div#cart div.savecart h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#cart div.cart-logos { padding:20px 0; background:url(../images/fond/bg_12.gif) repeat-x 0 0; margin:20px 0; zoom:1 } div#cart div.cart-logos td { vertical-align:middle;} .button-cards {background:url(../images/illustr/cc.gif) no-repeat left top; border:medium none; cursor:pointer; height:61px; width:764px;} /*Panier 1ère étape*/ div#cart div.set-cart table.product { width:100%; margin:20px 0 0 0 } div#cart div.set-cart table.product th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#cart div.set-cart table.product td { margin:20px 0 0 0; padding:15px; border:1px solid #c8beb5 } div#cart div.set-cart table.product td.delete { vertical-align:middle } div#cart div.set-cart table.product td.desc { font:normal normal normal 10px/13px verdana } div#cart div.set-cart table.product td.desc h6 { font:normal normal bold 11px/13px verdana; padding-bottom:10px } div#cart div.set-cart table.product td.stock { font:normal normal normal 10px/13px verdana } div#cart div.set-cart table.product td.stock h6 { font:normal normal bold 11px/13px verdana; padding-bottom:10px; /*color:#82aa15;*/ } div#cart div.set-cart table.product td.priceuni { font-size:12px; color:#ce0e32; line-height:16px; text-align:center } div#cart div.set-cart table.product td.pricecal { font-size:12px; font-weight:bold; line-height:16px; text-align:center } div#cart div.set-cart .codepromo { background:#eeeae7; margin-bottom:20px; padding:10px 10px } div#cart div.set-cart .codepromo input.text { border:1px solid #d3cdcc; font-size:12px; width:230px; padding:3px 0; margin-left:190px } div#cart div.set-cart table.gift input.text { border:1px solid #d3cdcc; font-size:12px; width:150px; padding:3px 0} div#cart div.set-cart table.gift { background:#fff url(../images/fond/bg_09.gif) repeat-x 0 0; border:1px solid #e3ddd9; width:270px } div#cart div.set-cart table.gift td { padding:10px;} div#cart div.set-cart table.gift h6 { font-size:13px; line-height:30px } div#cart div.set-cart table.total { width:100%; font-size:12px; line-height:15px; margin-bottom:20px } div#cart div.set-cart table.total th { text-align:left; padding-left:10px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#cart div.set-cart table.total td { margin:20px 0 0 0; border:1px solid #e9e5e1; padding:8px 10px; text-align:right; vertical-align:middle } div#cart div.set-cart table.total td.t-01 { background:#f6f4f3; font-weight:bold; color:#544b47 } div#cart div.set-cart table.total td.t-02 { background:#eeeae7; font-weight:bold; color:#544b47 } div#cart div.set-cart table.total td.pricetotal { font-size:20px; font-weight:normal } div#cart div.set-cart .slide-helper { margin-bottom:10px } div#cart div.set-cart .cgv { font-weight:bold; font-size:13px; color:#9d6497 } /*Panier 2ème étape*/ div#cart div.adresses div.fieldset { margin:20px 0 } div#cart div.adresses div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#cart div.adresses div.fieldset p { margin:4px 0 } div#cart div.adresses div.fieldset label { width:160px; text-align:right; font-weight:bold; float:left; padding:0 10px 0 0; line-height:15px } div#cart div.adresses div.fieldset input.text { margin:0; padding:0 3px; width:160px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#cart div.adresses div.fieldset textarea { padding:0 3px; width:160px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#cart div.adresses table.shipadresses { width:100%; line-height:15px; } div#cart div.adresses table.shipadresses h4 { line-height:11px; background:none; padding-left:0; margin-bottom:20px; } div#cart div.adresses table.shipadresses th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#cart div.adresses table.shipadresses td { margin:20px 0 0 0; padding:15px; border:1px solid #c8beb5; vertical-align:top } div#cart div.adresses table.shipadresses td.delete { vertical-align:middle; text-align:center } div#cart div.adresses table.shipadresses td.selection { vertical-align:middle; text-align:center } div#cart div.adresses table.shipadresses tr.selected td { background:#f8f7f6 } /*Panier 3ème étape*/ div#cart div.payment div.fieldset { margin:20px 0 } div#cart div.payment div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#cart div.payment table.total { width:100%; font-size:12px; line-height:15px; margin-bottom:20px; margin-top:20px } div#cart div.payment table.total th { text-align:left; padding-left:10px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#cart div.payment table.total td { margin:20px 0 0 0; border:1px solid #e9e5e1; padding:8px 10px; text-align:right; vertical-align:middle } div#cart div.payment table.total td.t-01 { background:#f6f4f3; font-weight:bold; color:#544b47 } div#cart div.payment table.total td.t-02 { background:#eeeae7; font-weight:bold; color:#544b47 } div#cart div.payment table.total td.pricetotal { font-size:20px; font-weight:normal } div#cart div.payment ul.chose-payment li { padding:10px; background:#f8f7f6; border:1px solid #E9E5E1; margin:10px 0; font-size:12px; font-weight:bold } div#cart div.payment ul.chose-payment li input { margin:0 10px 0 0 } /*Panier 4ème étape*/ div#cart div.confirm div.fieldset { margin:20px 0 } div#cart div.confirm div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#cart div.confirm div.fieldset p { margin:15px 0; line-height:15px } div#cart div.confirm table.rib { width:100%; margin:10px 0 10px 0 } div#cart div.confirm table.rib th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#cart div.confirm table.rib td { margin:20px 0 0 0; padding:15px; border:1px solid #c8beb5 } div#cart div.confirm table.rib td.pricetotal { text-align : right; font-size : 15px; } /*Panier paiement CB*/ div#cart div.confirmcb { line-height:15px; } div#cart div.confirmcb ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 5px; padding:0 10px 0 10px; margin:10px 0; } div#cart div.confirmcb h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } /*Sauvegarde du panier*/ div#cart div.savecart table { background:#eeeae7; border:1px solid #c8beb5; } div#cart div.savecart table td { padding:5px; vertical-align:middle; } /* __________ Collection.php */ div#collection { background:#fff; float:left } div#collection div.lingedebain { background:url(../images/bandeau/lingedebain_02.jpg) no-repeat 0 0 } div#collection div.main-pict { width:318px; height:318px; float:left } div#collection div.main-pict a { display:block; position:relative; float:left; min-width:318px; } div#collection div.main-pict a img.zoom { display:block; width:62px; height:16px; position:absolute; bottom:0; right:0 } div#collection div.desc { width:631px; float:left } div#collection div.nav-02 { width:631px; background:#eeeae7; float:left } div#collection div.nav-02 div { float:left } div#collection div.nav-02 div a { display:block;} div#collection div.nav-02 div.suivant { width:240px; height:29px } div#collection div.nav-02 div.suivant a { float:right } div#collection div.nav-02 div.precedent { width:240px; height:29px } div#collection div.details { border-bottom:1px solid #ebebeb; font:normal normal normal 11px/20px verdana; margin:0 25px; clear:both; zoom:1 } div#collection div.details h3 { font:normal normal bold 16px/20px verdana; padding:10px 0 10px 0; clear:both; width:360px } /*div#collection div.details div.container { border-top:1px solid #ebebeb; position:relative; height:107px } div#collection div.details .tab-description { width:70px; height:18px; background:url(../images/bt/descriptif.gif) no-repeat 0 0; position:absolute; top:-18px; left:365px } div#collection div.details .tab-material { width:70px; height:18px; background:url(../images/bt/matiere.gif) no-repeat 0 0; position:absolute; top:-18px; left:438px } div#collection div.details .tab-style { width:70px; height:18px; background:url(../images/bt/style.gif) no-repeat 0 0; position:absolute; top:-18px; left:511px } div#collection div.details .on { background-position:0 -18px }*/ div#collection div.details .glossary { font-weight:bold; } div#collection .details { border-bottom:1px solid #ebebeb; font:normal normal normal 11px/20px verdana; margin:0 25px; clear:both; zoom:1 } div#collection .details h3 { font:normal normal bold 16px/20px verdana; padding:10px 0 10px 0; clear:both; width:360px } div#collection .details div.container { border-top:1px solid #ebebeb; position:relative; min-height:107px; height:auto !important; height:107px; } div#collection .details .tab-description { width:70px; height:18px; background:url(../images/bt/descriptif.gif) no-repeat 0 0; position:absolute; top:-18px; left:365px; z-index:1; } div#collection .details .tab-material { width:70px; height:18px; background:url(../images/bt/matiere.gif) no-repeat 0 0; position:absolute; top:-18px; left:438px; z-index:1; } div#collection .details .tab-style { width:70px; height:18px; background:url(../images/bt/style.gif) no-repeat 0 0; position:absolute; top:-18px; left:511px; z-index:1; } div#collection .details .on { background-position:0 -18px } div#collection .details .container h4 { overflow: hidden; text-indent: -99px } div#collection div.options { position:relative; /*height:168px;*/ overflow:hidden; margin-bottom:5px; padding-bottom:15px; width:631px;} div#collection div.pict-01 { width:100px; padding:1px; margin:35px 10px 10px 10px; /*position:absolute; top:28px; left:8px; z-index:1;*/ float:left; border:1px solid #fff;} div#collection div.pict-01 img { /*position:absolute; top:0; left:0; z-index:1;*/ } div#collection div.pict-02 { width:100px; padding:40px 10px 10px 10px; /*position:absolute; top:28px; left:8px; z-index:1;*/ float:left; } div#collection div.pict-product { width:100px; padding:1px; margin:35px 10px 10px 10px; float:left; border:1px solid #fff; } div#collection div.pict-product img { } div#collection a.link-01 { position:absolute; top:5px; left:181px; z-index:1; } div#collection a.link-02 { position:absolute; top:5px; left:311px; z-index:1; } div#collection a.link-03 { position:absolute; bottom:0; left:438px; z-index:1; } div#collection a.link-04 { position:absolute; bottom:0; left:549px; z-index:1; } div#collection a.a2a_dd { position:absolute; bottom:1px; left:260px; z-index:1; } div#collection div.selected { border:1px solid #938b84 !important; } div#collection table.com-01 { width:949px; margin:10px 0 } div#collection table.com-01 a.title { font:normal normal bold 11px/14px verdana; color:#56514e; text-decoration:none } div#collection table.com-01 a.detail { font:normal normal normal 10px/14px verdana; color:#a09c99; background: url(../images/puce/puce_02.gif) no-repeat 79px 4px; text-decoration:none; padding:0 10px 0 0 } div#collection table.com-01 thead td { border-top:1px solid #c8beb5; border-bottom:1px solid #c8beb5; color:#948782; font:normal normal bold 11px/20px verdana; padding:0 20px } div#collection table.com-01 tr.c-01 td { font:normal normal normal 12px/17px arial; padding:6px 20px; background:#f6f3f1; vertical-align:middle } div#collection table.com-01 tr.c-02 td { font:normal normal normal 12px/17px arial; padding:6px 20px; background:#fff; vertical-align:middle } div#collection table.com-01 select { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0 } div#collection table.com-01 input.text { font:normal normal normal 10px/10px verdana; border:1px solid #cac3c0; width:50px } div#collection .slide-helper { float:right; margin:10px } div#collection .add-cart { height:40px; zoom:1 } div#collection .total-bordered { display:block; border:1px solid #e1e1e1; background:#f6f2f1; padding:4px 5px; font-size:14px; font-weight:bold; position:relative; top:5px } div#collection .collection-product { cursor:default } /* __________ Register.php */ div#register { background:#f6f3f1 url(../images/fond/bg_13.gif) repeat-x left bottom; padding:20px 35px } div#register div.fieldset { margin:10px 0 } div#register div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#register div.fieldset p { margin:4px 0 } div#register label { width:170px; text-align:right; font-weight:bold; float:left; padding:0 10px 0 0; line-height:15px } div#register label.long { width:auto; text-align:right; font-weight:bold; float:none; padding:0 10px 0 0; line-height:15px } div#register input.text { margin:0; padding:0 3px; width:160px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#register input.date { margin:0; padding:0 3px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#register select { margin:0; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#register textarea { padding:0 3px; width:240px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#register table.adresses { width:100%; margin:10px 0 0 0 } div#register table.adresses thead th { background:#f6f3f1; line-height:20px; color:#a28f86; text-align:left } div#register table.adresses input.text { border:0; margin:0; padding:0 3px; width:80px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#register table.adresses td.button-option { text-align:center } div#register div.fieldset-option { margin:50px 0 10px 0; border-top:1px solid #d8bfd5 } div#register div.fieldset-option p { margin:5px 0 } div#register div.fieldset-option p.option { font-weight:bold; color:#9d6497; font-size:12px; line-height:18px; margin:5px 0 } div#register div.fieldset-option p.option label { width:auto; text-align:left; float:none; padding:0; } div#register .buttons { text-align:center; margin-top:20px } div#register .frame_01 { background:#fff; border:6px solid #cec8c6; padding:20px 40px; width:650px; float:left; margin:0 40px 0 40px } /* __________ Connect.php */ div#connect { background:#f6f3f1 url(../images/fond/bg_13.gif) repeat-x left bottom; padding:20px 35px; min-height:340px } div#connect div.fieldset { margin:10px 0 } div#connect div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#connect div.fieldset p { margin:4px 0 } div#connect label { width:163px; text-align:right; font-weight:bold; float:left; padding:0 10px 0 0; line-height:15px } div#connect input.text { margin:0; padding:0 3px; width:230px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#connect .buttons { text-align:center; margin-top:20px !important } div#connect .frame_01 { background:#fff; border:6px solid #cec8c6; padding:10px 15px } div#connect .frame_01 p { line-height:15px } div#connect .frame_01 label { width:180px; text-align:left } div#connect div.fieldset-option { margin:10px 0; border-top:1px solid #d8bfd5 } div#connect div.fieldset-option p { margin:5px 0 } /* __________ Newsletterconfirm.php */ div#newsletterconfirm { background:#f6f3f1 url(../images/fond/bg_13.gif) repeat-x left bottom; padding:20px 35px } div#newsletterconfirm div.fieldset { margin:10px 0 } div#newsletterconfirm div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#newsletterconfirm div.fieldset p { margin:15px 0; line-height:15px } div#newsletterconfirm label { width:163px; text-align:right; font-weight:bold; float:left; padding:0 10px 0 0; line-height:15px } div#newsletterconfirm .frame_01 { background:#fff; border:6px solid #cec8c6; padding:10px 15px; width:500px; margin:25px auto } div#newsletterconfirm .frame_01 p { line-height:15px } div#newsletterconfirm .frame_01 label { width:300px; text-align:left } /* __________ Espacepro.php */ div#espacepro { background:#fff url(../images/fond/bg_08.jpg) no-repeat left bottom; padding:20px 0 44px 0 } div#espacepro .frame_01 { background:#fff; border:6px solid #cec8c6; padding:20px 40px; width:540px; margin:30px 50px 0 50px } div#espacepro .frame_01 h3 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#espacepro .frame_01 h4 { padding:16px 0 3px 0; color:#9d6497; margin:0 0 10px 0 } div#espacepro .frame_01 p { margin:12px 0; line-height:15px } /* __________ Presse.php */ div#presse { width:949px; background:#fff url(../images/fond/bg_10.jpg) no-repeat 0 0; padding:20px 0 44px 0; float:left; min-height:400px } div#presse .frame_01 { background:#fff; border:6px solid #cec8c6; padding:20px 40px; width:450px; float:left; margin:0 40px 0 40px } div#presse .frame_01 h3 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#presse .frame_01 h4 { padding:16px 0 3px 0; color:#9d6497; margin:0 0 10px 0 } div#presse .frame_01 p { margin:12px 0; line-height:15px } div#presse .frame_02 { background:#fff; border:6px solid #cec8c6; padding:20px 40px; width:200px; float:left } div#presse .frame_02 p { margin:12px 0; line-height:15px } /* __________ Maintenancetips.php */ div#maintenancetips { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:30px 80px; line-height:15px } div#maintenancetips p, div#maintenancetips ul { margin:15px 0 } div#maintenancetips ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 5px; padding:0 10px 0 10px; margin:10px 15px } div#maintenancetips ul li li { background:#fff; height:35px; line-height:35px; margin:0 15px; padding:3px 10px } div#maintenancetips ul li li div { float:left; padding:0 10px 0 0 } div#maintenancetips .important { border:1px solid #e5e2e1; padding:10px; color:#a59f9d; font-weight:bold } div#maintenancetips h3.toggler { background:url(../images/fond/bg_15.gif) repeat-x 0 0 ; padding:8px; color:#99918e; cursor:pointer; font-size:12px } div#maintenancetips h3.toggler-on { background:url(../images/fond/bg_15.gif) repeat-x 0 -31px ; color:#fff } div#maintenancetips div.element { padding:20px; margin:0 0 10px 0; color:#88807d; background:#fbf9f9 } div#maintenancetips .subtitle_01 { font-weight:bold; color:#9d6497 } /* __________ FAQ.php */ div#faq { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:30px 80px; line-height:15px } div#faq p, div#faq ul { margin:15px 0 } div#faq ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 5px; padding:0 10px 0 10px; margin:10px 15px } div#faq ul li li { background:#fff; height:35px; line-height:35px; margin:0 15px; padding:3px 10px } div#faq ul li li div { float:left; padding:0 10px 0 0 } div#faq h4.toggler2 { background:url(../images/fond/bg_15.gif) repeat-x 0 0 ; padding:8px; color:#99918e; cursor:pointer; font-size:12px } div#faq h4.toggler2-on { background:url(../images/fond/bg_15.gif) repeat-x 0 -31px ; color:#fff } div#faq div.element2 { padding:20px; margin:0 0 10px 0; color:#88807d; background:#fbf9f9 } div#faq .mentions { color:#d1c8c5; font-size:9px; line-height:10px; text-align:justify } #faq #highlight-help-wrap {background:#FFFFFF; border:2px solid #E4E4E4; margin:0 0 20px;} #faq #highlight-help {border:1px solid #FFFFFF;} #faq #highlight-help #help-illus {float:right;} #faq #highlight-help h3 {background:url(../images/fond/bgd_highlightHelp.gif) repeat-x left top; height:25px; padding:0 0 0; text-align:center;} #faq #highlight-help p {padding:10px; margin:0;} #faq #highlight-help ul {padding:10px; margin:0;} #faq #highlight-help li {background:url("../images/puce/puce_01.gif") no-repeat scroll 0 7px transparent; color:#948782; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; padding:0 0 0 5px; margin:0;} /* __________ Glossary.php */ div#glossary { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:30px 80px; line-height:15px } div#glossary h4.toggler2 { background:url(../images/fond/bg_15.gif) repeat-x 0 0 ; padding:8px; color:#99918e; cursor:pointer; font-size:12px } div#glossary h4.toggler2-on { background:url(../images/fond/bg_15.gif) repeat-x 0 -31px ; color:#fff } div#glossary div.element2 { padding:20px; margin:0 0 10px 0; color:#88807d; background:#fbf9f9 } /* __________ Partnerswebsites.php */ div#partnerswebsites { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 35px; line-height:15px } div#partnerswebsites .frame_01 { background:#fff; border:6px solid #cec8c6; padding:10px 15px; width:630px; margin:30px auto } div#partnerswebsites table.list-partners { } div#partnerswebsites table.list-partners td { vertical-align:middle; padding:10px } /* __________ Brandpresentation.php */ div#brandpresentation { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 40px 20px 20px; line-height:15px } div#brandpresentation table.container td { vertical-align:top } div#brandpresentation div.menu-sumup { width:173px; padding:10px 40px 10px 0 } div#brandpresentation h3 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#brandpresentation p { margin:15px 0 } /* __________ Material.php */ div#material { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 40px 20px 20px; line-height:15px } div#material table.container td { vertical-align:top } div#material div.menu-sumup { width:173px; padding:10px 40px 10px 0 } div#material h3 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#material p { margin:15px 0 } /* __________ Imagepopup.php */ div#imagepopup { width:667px; margin:0 auto } div#imagepopup .image { width:400px; height:400px; overflow:hidden; zoom:1; position:relative } div#imagepopup #image-container { width:400px; height:400px; background:url(../images/fond/bg_11.gif) no-repeat 0 0; padding:132px; position:relative } div#imagepopup #image-container .zoom-in { position:absolute; background:url(../images/bt/zoom_in.gif) no-repeat 0 0; top:98px; left:460px; width:20px; height:26px; border:0; padding:0 } div#imagepopup #image-container .zoom-out { position:absolute; background:url(../images/bt/zoom_out.gif) no-repeat 0 0; top:98px; left:500px; width:20px; height:26px; border:0; padding:0 } div#imagepopup #image-container .fit-screen { position:absolute; background:url(../images/bt/fit-screen.jpg) no-repeat 0 0; top:124px; left:546px; width:24px; height:20px; border:0; cursor:pointer; padding:0 } div#imagepopup #vignette-container { width:598px; margin:20px auto; border:1px solid #dad2cf; padding:10px } div#imagepopup #vignette-container .vignette { width:80px; height:80px } div#imagepopup #vignette-container .vignette img { display:block } div#imagepopup .zoom-close { display:block; background:url(../images/bt/delete.gif) no-repeat 0 11px; padding: 8px 0 8px 16px; line-height:20px; color:#a19b96; border:0; font: normal normal normal 11px/15px sans-serif; text-decoration:underline; position:absolute; top:20px; left:535px } /* __________ Addcart.php */ div#addcart { width:422px; border:3px solid #d7cfc8; background:#fff url(../images/fond/bg_17.gif) repeat-x 0 0; padding:10px; position:absolute; top:61px; left:505px; z-index:50000; visibility:hidden; } div#addcart table { width:100% } div#addcart table.listproduct td { vertical-align:top; border-top:1px solid #d7cfc8; padding:14px 0; font:normal normal normal 10px/12px verdana } div#addcart table.listproduct thead th { text-align:left; color:#948782; padding:0 0 10px 0; font: normal normal bold 11px/15px verdana } div#addcart table.listproduct tfoot td { text-align:left; color:#948782; font-weight:bold; padding:10px 0 20px 0; font: normal normal bold 11px/15px verdana } div#addcart table.listproduct h3 { text-transform:uppercase } div#addcart table.listproduct p.price { margin-bottom:10px } div#addcart table.buttons { width:100% } div#addcart .button-full { color:#fff } div.tip { border:3px solid #d7cfc8; background:#fff url(../images/fond/bg_17.gif) repeat-x 0 0; padding:10px; } /* __________ Account.php */ div#account { background:#f6f3f1 url(../images/fond/bg_13.gif) repeat-x left bottom; float:left; padding-bottom:20px } div#account div.account-inner { padding:0 35px; width:583px; float:left } div#account div.intro { width:869px; height:244px; background:url(../images/fond/bg_09.jpg) no-repeat 0 0; padding:40px 40px 0 40px } div#account div.intro div.infos { width:422px; border:3px solid #d7cfc8; background:#fff url(../images/fond/bg_17.gif) repeat-x 0 0; padding:20px 30px } div#account div.intro div.welcome { line-height:20px; font-size:12px } div#account div.fieldset { margin:20px 0 } div#account div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#account div.fieldset h5 { color:#c7a7c3; padding:0 0 10px 12px } div#account div.fieldset ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 8px; padding:0 0 0 10px; line-height:20px } div#account .slide-helper { float:left; margin-top:20px } div#account table.orders { width:100% } div#account table.orders th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#account table.orders td { background:#fff; margin:20px 0 0 0; padding:10px; border:1px solid #c8beb5; vertical-align:top } div#account table.carts { width:100% } div#account table.carts th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#account table.carts td { background:#fff; margin:20px 0 0 0; padding:10px; border:1px solid #c8beb5; vertical-align:top } /* __________ Sendtofriend.php */ body#sendtofriend { background:#fff url(../images/fond/bg_18.gif) repeat-x 0 0 } body#sendtofriend div.header { height:88px; padding:0 10px } body#sendtofriend div.header p.logo { padding:7px 0 12px 0 } body#sendtofriend div.header .close-window { padding-top:14px; float:right } body#sendtofriend div.body { padding:10px } body#sendtofriend div.body div.details { border:3px solid #d7cfc8; background:#fff url(../images/fond/bg_17.gif) repeat-x 0 0; padding:20px 30px; font:normal normal normal 11px/20px verdana } body#sendtofriend div.body div.details td { vertical-align:top } body#sendtofriend div.body div.details h3 { font:normal normal bold 16px/20px verdana; padding:10px 0 10px 0 } body#sendtofriend div.body div.details .price { font:normal normal bold 12px/20px verdana; padding:0 0 10px 0 } body#sendtofriend div.body div.fieldset { margin:20px 0 } body#sendtofriend div.body div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } body#sendtofriend div.body div.fieldset p { margin:4px 0 } body#sendtofriend div.body label { width:170px; text-align:right; font-weight:bold; float:left; padding:0 10px 0 0; line-height:15px } body#sendtofriend div.body input.text { margin:0; padding:0 3px; width:160px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } body#sendtofriend div.body select { margin:0; width:108px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } body#sendtofriend div.body textarea { padding:0 3px; width:240px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } body#sendtofriend div.footer { border-top:1px solid #bab7b6; background:url(../images/fond/bg_12.gif) repeat-x 0 0; height:50px; padding:14px 10px } body#sendtofriend div.footer .close-window { float:right } body#sendtofriend .close-window a { display:block; background:url(../images/bt/delete.gif) no-repeat 0 5px; padding: 0 0 0 16px; line-height:20px; color:#a19b96 } /* __________ Mentions.php */ div#mentions { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 35px; line-height:15px } div#mentions p { margin:10px 0 } div#mentions table.adr { width:100%; border-top:3px solid #eceae9; border-bottom:3px solid #eceae9 } div#mentions table.adr td { width:50%; padding:30px } /* __________ Sitemap.php */ div#sitemap { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:20px 35px; line-height:15px } div#sitemap h3 { background:#aea8a5; clear:both; color:#fff; font-size:14px; padding:5px 10px; } div#sitemap .column { float:left;width:220px; padding:35px; } div#sitemap ul li a { text-decoration:none; } /* __________ Size.php */ div#size { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:30px 80px; line-height:15px } div#size p, div#size ul { margin:15px 0 } div#size ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 5px; padding:0 10px 0 10px; margin:10px 15px } div#size ul li li { background:#fff; height:35px; line-height:35px; margin:0 15px; padding:3px 10px } div#size ul li li div { float:left; padding:0 10px 0 0 } div#size .important { border:1px solid #e5e2e1; padding:10px; color:#a59f9d; font-weight:bold } div#size h3.toggler { background:url(../images/fond/bg_15.gif) repeat-x 0 0 ; padding:8px; color:#99918e; cursor:pointer; font-size:12px } div#size h3.toggler-on { background:url(../images/fond/bg_15.gif) repeat-x 0 -31px ; color:#fff } div#size div.special { padding:10px; border:3px solid #CEC8C6; margin:10px 0 0 0 } div#size div.special h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:0 0 3px 12px; color:#9d6497; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#size div.element { margin:0 0 10px 0; color:#88807d; background:#fbf9f9 } div#size table { width:100% } div#size table thead th { border-top:1px solid #c8beb5; border-bottom:1px solid #c8beb5; color:#948782; font:normal normal bold 11px/20px verdana; padding:0 20px } div#size table tr.c-01 td { font:normal normal normal 11px/17px arial; padding:6px 10px; background:#f6f3f1; vertical-align:middle; text-align:center } div#size table tr.c-02 td { font:normal normal normal 11px/17px arial; padding:6px 10px; background:#fff; vertical-align:middle; text-align:center } /* __________ Orderview.php */ div#orderview { width:809px; background:#fff; padding:20px 70px; float:left } div#orderview div.fieldset { margin:20px 0 } div#orderview div.fieldset h4 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; color:#9d6497; margin:0 0 10px 0; background:url(../images/puce/puce_04.gif) no-repeat 0 8px } div#orderview div.fieldset p { margin:4px 0; line-height:15px } div#orderview div.total .global { font-size:14px } div#orderview div.total table { width:100% } div#orderview div.total table td { text-align:right; padding:5px 0; font-weight:bold } div#orderview table.com-01 { width:100% } div#orderview table.com-01 thead th { height:15px; background:url(../images/fond/bg_08.gif) repeat-x 0 0; color:#948782; font:normal normal bold 11px/20px verdana } div#orderview table.com-01 tr td { background:#fff; margin:20px 0 0 0; padding:10px; border:1px solid #c8beb5; vertical-align:top } /* __________ Articles.php */ div#articles { } /* __________ Contact.php et Onmeasure.php*/ div#contact { background:#e1ddde url(../images/fond/bg_07.jpg) no-repeat left bottom; padding:20px; position:relative; } div#contact-onmeasure p, div#contact p { padding:2px 0; font:normal normal bold 11px/14px arial; color:#6a6068 } div#contact-onmeasure label.lbleft, div#contact label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:130px } div#contact-onmeasure input.text, div#contact input.text { margin:0; padding:0 3px; width:230px; font:normal normal normal 11px/18px arial; border:1px solid #bbb4b2 } div#contact-onmeasure select, div#contact select { border:1px solid #bbb4b2; margin:0; font:normal normal normal 11px/18px arial; } div#contact-onmeasure textarea, div#contact textarea { border:1px solid #bbb4b2; padding:0 3px; width:230px; font:normal normal normal 11px/18px arial } div#contact-onmeasure p.conformement, div#contact p.conformement { color:#888; font-size:11px; line-height:14px; padding:10px 0 0; text-align:justify } div#contact-onmeasure .frame_01, div#contact .frame_01 { width:430px; background:#fff; border:6px solid #9c9694; padding:10px 15px } div#contact-onmeasure .frame_01 p, div#contact .frame_01 p { line-height:15px } div#contact-onmeasure div.contact-01, div#contact div.contact-01 { width:327px; height:137px; background:#fff; border:6px solid #9c9694; position:absolute; top:20px; left:540px; padding:10px 15px; } /* __________ Contactcustomer.php */ div#contactcustomer { background:url(../images/fond/bg_07.jpg) no-repeat 0 0 } div#contactcustomer p { padding:2px 0; font:normal normal bold 11px/14px arial; color:#6a6068 } div#contactcustomer label.lbleft { float:left; padding:0 10px 0 0; text-align:right; width:100px } div#contactcustomer input.text { border:0; margin:0; padding:0 3px; width:280px; font:normal normal normal 11px/18px arial } div#contactcustomer textarea { border:0; padding:0 3px; width:280px } div#contactcustomer p.conformement { color:#888; font-size:11px; line-height:14px; padding:10px 0 0; text-align:justify } /* __________ 404.php */ div#error404 { width:809px; background:#fff; padding:20px 70px } div#error404 ul { margin:15px 0 } div#error404 ul li { background:url(../images/puce/puce_02.gif) no-repeat 0 5px; padding:0 10px 0 10px; margin:10px 15px } /* __________ Pages internes éditables */ /*div#main div.format{ background-color:#fff; padding:30px 80px }*/ /* __________ guideachat.php */ div#guideachat { background:#fff url(../images/fond/bg_13.gif) repeat-x 0 0; padding:30px 120px; line-height:15px } div#guideachat .guide { margin:20px 0 } div#guideachat ul.home { padding:15px 0; background:#fff; } div#guideachat ul.home li { background:url(../images/puce/puce_02.gif) no-repeat 10px 10px; padding:5px 20px; } div#guideachat ul.home li a { font-size:12px; font-weight:bold; text-decoration:none; } div#guideachat ul.home li a:hover { color:#90778d; text-decoration:underline; } div#guideachat h3 { background:url(../images/fond/bg_15.gif) repeat-x center top ; padding:8px 15px; font-size:12px; text-transform:uppercase; font-size:23px; font-weight:normal; color:#90778d;} div#guideachat h3 a { text-decoration:none; color:#90778d; } div#guideachat .content { padding:1px 30px; background:#fff; } div#guideachat .content h4 { background:url(../images/puce/puce_02.gif) no-repeat 0 05px; font-size:12px; color:#90778d; padding:0 10px; margin:30px 0 10px 0; text-decoration:underline;} div#guideachat .content h5 { font-size:11px; margin:10px 0 0 0; color:#9A9391; } div#guideachat .content p { margin:10px 0; text-align:justify; } /* __________ outlets.php */ #outlets {width:100%; overflow:hidden; padding:15px 0 0 0; } div#outlets #left-map { float:left; height:470px; width:435px; padding:0 0 0 30px;} #left-map h3 {padding:0 0 7px 20px;} #left-map h4 {padding:0 0 3px 7px; margin:20px 0; background:url(../images/puce/puce_02.gif) no-repeat left 3px; font-size:12px; display:inline-block;} #left-map select.outlet-inter {padding:3px; width:385px; height:26px; border:1px solid #c8c2bf; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 10px 20px;} div#outlets #left-map-google { float:left; height:450px; width:49%; border:1px solid #c8c2bf; } div#outlets #outlet-address { height:450px; width:465px; display:inline-block; float:right; overflow:auto; } div#outlets #outlet-address .outlet-address-cont {border:1px solid #c8c2bf; background:#FFFFFF; width:425px; padding:10px; } div#outlets #outlet-address .outlet-address-cont p.address {margin:0 0 10px;} div#outlets #outlet-address .outlet-address-cont p.illus {text-align:center;} div#outlets .frame_01 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 10px 12px; width:413px; margin:0 0 10px; color:#9d6497; overflow:hidden; } div#outlets .frame_01 h3 {color:#53344f; padding:0 0 4px; font-size:12px;} div#outlets .frame_01 #illus { float:left; margin:0 8px 0 0;} div#outlets .frame_01 p { font-size:12px; line-height:14px; color:#010101; } div#outlets .frame_01 p.desc { font-weight:bold; font-style:italic; margin:10px 0 10px;} div#outletsinternational #outlet-address { height:450px; width:50%; display:inline-block; overflow:auto} div#outletsinternational .frame_01 { font-size:13px; border-bottom:1px solid #d8bfd5; padding:5px 0 3px 12px; margin-bottom: 30px; color:#9d6497; } div#outletsinternational .frame_01 p { margin:8px 0; line-height:12px } #map-resellers { width:285px; height:289px; margin:15px 0 0 0;} .bretagne { background:url(../images/outlets/bretagne.gif); } .pays-loire { background:url(../images/outlets/pays-loire.gif); } .basse-normandie { background:url(../images/outlets/basse-normandie.gif); } .poitou-charentes { background:url(../images/outlets/poitou-charentes.gif); } .aquitaine { background:url(../images/outlets/aquitaine.gif); } .midi-pyrenees { background:url(../images/outlets/midi-pyrenees.gif); } .corse { background:url(../images/outlets/corse.gif); } .languedoc-roussillon { background:url(../images/outlets/languedoc-roussillon.gif); } .provence-alpes { background:url(../images/outlets/provence-alpes.gif); } .rhone-alpes { background:url(../images/outlets/rhone-alpes.gif); } .auvergne { background:url(../images/outlets/auvergne.gif); } .limousin { background:url(../images/outlets/limousin.gif); } .franche-comte { background:url(../images/outlets/franche-comte.gif); } .centre { background:url(../images/outlets/centre.gif); } .bourgogne { background:url(../images/outlets/bourgogne.gif); } .alsace { background:url(../images/outlets/alsace.gif); } .lorraine { background:url(../images/outlets/lorraine.gif); } .champagne-ardenne { background:url(../images/outlets/champagne-ardenne.gif); } .nord-calais { background:url(../images/outlets/nord-calais.gif); } .ile-france { background:url(../images/outlets/ile-france.gif); } .haute-normandie { background:url(../images/outlets/haute-normandie.gif); } .picardie { background:url(../images/outlets/picardie.gif); } .mayotte { background:url(../images/outlets/mayotte.gif); } .reunion { background:url(../images/outlets/reunion.gif); } .guyane { background:url(../images/outlets/guyane.gif); } .martinique { background:url(../images/outlets/martinique.gif); } .guadeloupe { background:url(../images/outlets/guadeloupe.gif); } /* ======================================================================== * Classes générales * ========================================================================*/ .denied { color:#c4000c; font-weight:bold; } .denied ul li { list-style-position:inside; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px } p.denied { margin: 10px 0 0 30px } .clear { clear:both !important; height:0; line-height:0; font-size:0; margin:0; padding:0; } .nodisplay { display:none !important } .center { text-align:center !important } .italic { font-style:italic !important } .bold { font-weight:bold !important } .bita { font-style:italic !important; font-weight:bold !important } .right { text-align:right !important } .flright { float:right !important } .flleft { float:left !important } .null { font-style:italic !important; text-align:center !important } .small { font-size: smaller; } /* ======================================================================== * IE Patchs (PNG fix, hasLayout triggers, etc.) * ========================================================================*/