/* Gabarit 2 colonnes du Front */ * { margin:0; padding:0; border: none;} body { padding: 0; font-family: arial; font-size: 11px; text-align: center; color: #aeaeae; background:url(../images/bgd_body.gif) left top repeat-x;background-color: #000; } h1 { position: absolute; top: 15px; left: 10px;} h2 { margin: 5px 0 10px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001;} h3 { margin: 15px 0 10px 0px; font-size:14px; color: #333; font-weight:bold; padding-left:47px } h4 { margin: 5px 0 10px 0px; font-size:12px; font-weight:bold; color:#8a1a96} h5 { margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #806b3c } #content h1 { position: relative; top: auto; left: auto;} p { font: normal 11px/15px arial; margin: 0 0 5px 0; text-align:left } input , select { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } #content li { margin-left:15px} ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat } ul.radio li { float: left; list-style-type:none; width:175px } ul.radio { margin-top:10px; margin-bottom:40px} ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0; border:none } a img { border: none; text-decoration: none } a { color:#c75dcb; text-decoration: none; } a:hover { color:#901b9b; } /* Conteneurs generaux */ #main{ margin: 0 auto; text-align:left; width:100%} #header { width:100%; height:172px; text-align:center} .divheader{ position:relative; height:172px;} #content { margin: 0; padding:0; background-color:#fff; width:950px; padding-top:10px; overflow:hidden;} .home #content { margin: 0; padding:0; background-color:#fff; height:auto; width:1050px; padding-top:20px } #conteneur #content {} #conteneur{ position:relative; margin:0 auto; width:950px; z-index:10;} #centpourcent{ width:100%; } /* INDEX */ #logg{ position:absolute; right: 50px; top: 17px;} #logg input{ background-color:white; color:#454444; font-size:11px; margin-right:15px} #logg label{ color:#454444;} #logg .login{ margin:0; padding:0; background:none; color:#454444;cursor:pointer;} #menu-logged {position:absolute; top: 0; width:445px; right:0;} #menu-logged .client{margin: 14px 0 0 0; color:#454444;} #menu-logged .commercial, #menu-logged p{ color:#454444;} #menu-login{position:absolute; top: 15px; width:450px; right:0;} #options{ position:absolute; top:60px; right: 50px;width:447px; text-align:center;} #options a{ color:#454444; text-decoration:none; margin-left:15px} #options a:hover{ color:#555} #basket {background: #efefef;width:168px; height:31px; position:absolute; right:0; top:93px;} #basket p{text-align:center;margin:0;} #basket p img{float:left; padding: 0 0 0 5px} #basket p a{line-height:31px; text-align:center; color: #454444; font-size:13px; text-decoration:none;} #basket p a .articles {color:#6c6c6c; font-size:11px;} #menu-top {} #menu-main{ position:absolute; top:95px; left:0;} #menu-main, #menu {list-style:none;} #menu-main li, #menu li {display:block; float:left;list-style: none; } #menu-header {display:block; position:absolute; top: 124px; left:0; width:950px;z-index: 7; padding:0;margin:0;} #menu-main {width:403px;} #menu-main li a{background: url(../images/menu_sprites.png); display:inline-block; position:relative; text-indent:-5000px;float:left;outline:0;} #menu-main li a.shop{ height:29px; width:119px; background-position: -2px -58px; } #menu-main li a.limited{ height:29px; width:134px; background-position: -120px 0;} #menu-main li a.design{ height:29px; width:147px; background-position: -256px 0;} #menu-main .menuselected a.shop{ height:29px; width:119px; background-position: -1px 0; } #menu-main .menuselected a.limited { height:29px; width:134px; background-position: -120px -29px;} #menu-main .menuselected a.design { height:29px; width:147px; background-position: -256px -58px;} #menu-main li a.shop:hover, #menu-main .menuselected a.shop:hover{ height:29px; width:119px; background-position: -1px -87px; } #menu-main li a.limited:hover, #menu-main .menuselected a.limited:hover { height:29px; width:134px; background-position: -120px -116px;} #menu-main li a.design:hover , #menu-main .menuselected a.design:hover { height:29px; width:147px; background-position: -256px -145px;} /* cas de la boutique */ #menu {height:48px; background: url(../images/bgd_menu.gif) 0 24px repeat-x} .mydesign #menu {height:48px; background: none;} #menu, #menu ul {padding: 0;margin: 0;list-style: none;line-height: 1;float:left;position: relative;z-index:5;} #menu li {position:relative; z-index:6;} .mydesign #menu li {margin: 10px 0 0 0;} #menu li a {display:inline-block; text-transform:uppercase; color: white; background:url(../images/bgs_menuSeparator.gif) bottom right no-repeat; padding: 3px 7px 0; margin: 0 0 0 3px;line-height:21px;height:21px;} #menu .sub-level {z-index:5;} #menu .last a{background:none;} #menu li ul {position:absolute; z-index: 4; top:24px; display:block; width:170px; background: #e7e7e7; left: -999em; margin:0;} #menu li:hover, #menu li:hover a, #menu .menuselected, #menu .menuselected a, #menu .sfHover, #menu .sfHover a, #menu li a:hover {background: #ececec; color:black;} #menu li:hover ul, #menu .sfhover ul {left:0;} #menu li:hover ul.right, #menu .sfhover ul.right {right:0; left:auto;} #menu li ul li{display:block;width:170px;text-align:left; margin:0; padding:0;} #menu li ul li a{text-align:left; background: none; display:block; margin:0; text-transform:none; line-height: auto; padding: 8px 10px; min-height: 9px; height: auto !important; height: 9px; color: #343434; border-top: 2px solid #e1e0e1;} #menu li ul li a:hover{background: #b9218e; border-top: 1px solid #b9218e; border-bottom: 1px solid #cb6fb1;color: white;} /* ventes flash */ .flash-sales #menu-header {text-align:left;} .flash-sales #menu-header .breadcrumb {font-size:14px; color: white; line-height:48px; float:left; display:inline; margin:0;} .flash-sales #menu-header a {font-size:14px; color: white;} .flash-sales #menu-header a:hover {text-decoration:underline;} .flash-sales .limited-form {float:right;display:inline; padding: 15px 15px 0 0;} .flash-sales .limited-form label, .flash-sales .limited-form input{float:left;display:inline;} .flash-sales .limited-form input.text{width:203px; border: 1px solid #3e3d3d; padding: 1px; margin: 0 6px;} .flash-sales .limited-form input.btn {padding: 3px 0 0 0} .flash-sales .limited-form label {padding: 2px 0 0 0; color:white; font-size:14px;} .flash-sales #wrap-content {background:none;} .flash-sales #wrap-content #content{background:white url(../images/bgd_contentFlashSale.png) top left repeat-x; padding: 0 0 5px 0;} .product #wrap-content #content{background:white; padding: 15px 0 5px;} .flash-sales .prochainement {background: url(../images/bgd_prochainement.png) left center no-repeat; width:523px; margin: 0 auto; font-size:14px; color:black; padding: 12px 0 12px 405px } .flash-sales .wrap-box {background:url(../images/bgd_boxesTop.png) top left no-repeat; width:950px; margin: 0 auto;} .flash-sales .wrap-box .box{background:url(../images/bgd_boxesBottom.png) bottom left no-repeat; overflow:hidden; margin: 0; padding:8px 8px 8px 7px;} .flash-sales .wrap-box .box p{margin: 0;} .flash-sales .wrap-box .box .content-box{position:relative;} .flash-sales .wrap-box .box .link { background: url(../images/bgd_separationVentes.gif) top left no-repeat; padding: 25px 0 0 0;} .flash-sales .wrap-box .box .link, .flash-sales .wrap-box .box .date {text-align:center; padding: 25px 0;} .flash-sales .wrap-box .box .link a, .flash-sales .wrap-box .box .date span{display:inline-block; background: white; color: black; text-decoration:underline; width:190px; padding: 3px 0; font-size:12px; } .flash-sales .wrap-box .box .flashsale-terminated .date span, .flash-sales .wrap-box .box .flashsale-terminated .link span {display:inline-block; background: #be1725; color: white; text-decoration:underline; width:190px; padding: 3px 0; font-size:12px; } .flash-sales .wrap-box .box .date span, .flash-sales .wrap-box .box .flashsale-terminated .date span{text-decoration:none;} .flash-sales .wrap-box .box .flashsale-terminated .link span {text-decoration:none; text-transform:uppercase;} .flash-sales .wrap-box .box .time-limit{background: url(../images/bgd_separationVentes.gif) top left no-repeat; padding: 12px 0 12px 0; text-align:center; width:250px; overflow:hidden;} .flash-sales .wrap-box .box .time-limit .flleft{float:left;} .flash-sales .wrap-box .box .time-limit p {float:left; display:inline; width: 223px; margin: 0; text-align:center; font-size: 12px; color: white;} .flash-sales .wrap-box .box .time-limit .restant {font-size:14px; padding: 0 0 5px 0;} .flash-sales .wrap-box .box .time-limit .restant input {font-size:14px; background:none; display:inline; float:none;padding: 0; color:white; width: 103px;} .flash-sales .wrap-box .box .intro-flashsale {padding: 3px; min-height: 140px; height:auto !important; height:140px;} .flash-sales .wrap-box .box .flashsale-active{background: black; height:200px;} .flash-sales .wrap-box .box .flashsale-inactive{background: #bcbcbc; height:200px;} .flash-sales .wrap-box .box .flashsale-terminated{background: black; height:200px;} .flash-sales .wrap-box .box .img {position:absolute; top:0; left:0; z-index:0;} .flash-sales .wrap-box .box .sale-infos {position:absolute; top:0; right:0; z-index:1; width:250px; height:200px;} .flash-sales .wrap-box .box .flashsale-inactive .sale-infos {padding: 26px 0 0 0;} .head-limited h3 {padding: 0 0 0 8px; width:942px;overflow:hidden; font-size:17px; font-weight:normal;} .head-limited h3 img{padding: 0 5px 0 0; float:left;} .head-limited h3 span{float:left;padding: 14px 0 0 0;} .head-limited h3 .current{color:#e0081f;} .no-flash-products {padding:0 12px;} .no-stock-over {position:absolute; top:1px; left:1px; background: url(../images/fgd_productNoStock.png) 0px 0px no-repeat; display:block; height: 152px; width:210px; z-index:4;} .alert-img {position:absolute; top:0; right: 250px;} .flash-sales .limited-form .alert label {padding: 17px 2px 0 0; font-size:10px;} .limited-quantity {clear:right; width:200px; float:right; padding: 0 12px 0 0;display:block; margin:0;} .fin-imminente {clear:right; float:right; padding: 0 12px 0 0;display:block; margin: 4px 0;} .limited-quantity .intitule{color:black; font-size:15px; display:block; width:200px; font-weight:normal;} .limited-quantity .text-dispo{color:#3b3b3b; font-size:13px; display:block; width:200px; padding: 4px 0;} .limited-quantity .curseurs{display:block; width:200px; height:66px; background:url(../images/bgd_curseurs.png) 0 0 no-repeat; position:relative; text-indent:-5000px;} .limited-quantity .dispo-10{ background:url(../images/bgd_curseurs.png) 0 -604px no-repeat;} .limited-quantity .dispo-20{ background:url(../images/bgd_curseurs.png) 0 -537px no-repeat;} .limited-quantity .dispo-30{ background:url(../images/bgd_curseurs.png) 0 -470px no-repeat;} .limited-quantity .dispo-40{ background:url(../images/bgd_curseurs.png) 0 -403px no-repeat;} .limited-quantity .dispo-50{ background:url(../images/bgd_curseurs.png) 0 -336px no-repeat;} .limited-quantity .dispo-60{ background:url(../images/bgd_curseurs.png) 0 -269px no-repeat;} .limited-quantity .dispo-70{ background:url(../images/bgd_curseurs.png) 0 -202px no-repeat;} .limited-quantity .dispo-80{ background:url(../images/bgd_curseurs.png) 0 -135px no-repeat;} .limited-quantity .dispo-90{ background:url(../images/bgd_curseurs.png) 0 -68px no-repeat;} .limited-quantity .dispo-100{ background:url(../images/bgd_curseurs.png) 0 -1px no-repeat;} /* contenu */ #wrap-content {background: #f4f4f2 url(../images/bgd_content.png) top center repeat-y; overflow:hidden; width:auto;} .list-products #wrap-content {background: #f4f4f2 url(../images/bgd_content.png) top center repeat-y; overflow:hidden; width:auto;} .home #wrap-content {background: none;} /*.product #wrap-content {background: #f4f4f2;}*/ #wrap-content #content {width:950px; margin: 0 auto; overflow:hidden; text-align: left; background: none;} .home #wrap-content #content {width:950px; margin: 0 auto; overflow:hidden; background: white;} #products-content-title{float:right; width:730px; text-align: left;} #products-content-title h2{padding:0;} /* Footer */ .text-footer {padding: 5px 12px;} .content-text-prefoot {text-align:center; padding: 5px 12px;} #wrap-footer {background: #cfcfcf; clear: both;} #footer {width:960px; margin: 0 auto;} #copyright {width:950px; margin: 0 auto; overflow:hidden; background:black;} /*#outro { width:100%; margin: 0} #outro td{ padding:5px; color:#939393} #outro td a{ text-decoration:none; color:#939393} #outro td.outborder{ border-right:1px solid #939393; } #divfoot{border-top:1px solid #535353; width:95%; margin:0 auto; text-align:center; color:#656565;padding-top:2px} #divfoot a{color:#656565; text-decoration:none; } .linkbottom{ float:left; width:100%} #outro td .linkbottom a{ text-decoration:underline} .iestyle{float:right; width:730px; display:inline;}*/ #footer .column-interieur {float:left; display:inline; padding:20px 15px 14px 0;} #footer .column-content{float:left; display:inline; padding:20px 0 14px 0;} #footer .contact{width:100%; overflow:hidden;} #footer .magasins{width:196px; height:99px; float:left;display:inline; background:white; border:1px solid #b8218e; padding: 10px 6px 19px 6px;} #footer .magasins h3{text-align:center; color: #b8218e; font-size: 21px; font-weight: normal; margin: 0; padding:0 0 5px 0 ;text-transform:uppercase;} #footer .magasins p{font-size:14px; color: #525252; } #footer .magasins p strong{color:#0b0b0b; font-size:16px; font-weight:normal;font-weight:bold} #footer .magasins a{font-size:14px; color: #757575; text-decoration:underline;} #footer .newsletter{width:276px; height:100px; float:left;display:inline; background: url(../images/bgd_newsletter.png) top left no-repeat; padding: 18px 6px 12px; margin: 0 10px;} #footer .newsletter h3{text-align:left; color: white; font-size: 21px; font-weight: normal; margin: 0; padding:0 0 5px 0 ;text-transform:uppercase;} #footer .newsletter p{color: #1e1e1e; font-size:14px;} #footer .newsletter .form-newsletter span{display:block; width:276px; overflow:hidden;} #footer .newsletter .form-newsletter input.mail {background: white; border:1px solid #d47abb; color:#7f7f7f; font-size:14px; float:left; padding: 4px; margin:1px 3px 0 0; width:225px;} #footer .newsletter .form-newsletter input.ok{float:left;} #footer .social {float:left; display:inline; width:180px; padding: 24px 0 0 0; text-align:left;} #footer .social a{display:inline-block; text-align:left; line-height:25px; margin: 0 0 5px 0; padding: 0 0 0 32px} #footer .social a.facebook {background: url(../images/btn_fb.png) top left no-repeat;color: #517ac5;} #footer .social a.twitter {background: url(../images/btn_twitter.png) top left no-repeat;color: white;} #footer .social a.blog {background: url(../images/btn_blog.png) top left no-repeat;color: #cd6bbd;} #footer .infos {width:690px; border-collapse:collapse; margin: 15px 0 0 0;} #footer .infos tr th {color: white; font-size:18px; text-transform:uppercase; text-align:center; font-weight:normal; border-top: 1px solid white; border-bottom: 1px solid white; padding: 4px 0;} #footer .infos tr .paiement{width:160px;} #footer .infos tr .address {width:308px;} #footer .infos tr td.paiement, #footer .infos tr td.address {background: url(../images/bgd_decoTableFooter.gif) center right no-repeat; padding: 8px; vertical-align:top;} #footer .infos tr td.address .phone{color:#010101; font-size:16px;} #footer .infos tr td.address .local{color:#959595} #footer .infos tr td.address a {color:#010101} #footer .infos tr td ul {list-style:none;text-align:left; font-size: 13px; color: #4b4a4a; } #footer .infos tr td ul li{padding: 1px 0 0 0;} #footer .infos tr td.paiement ul {padding: 0 0 0 27px } #footer .infos tr td.services ul {padding: 0 0 0 24px} #footer .infos tr td.address ul {padding: 0 0 0 48px} #copyright .outro {color:#b3b3b3; font-size:11px; padding: 8px 0; text-align:justify} #copyright .menu-foot {color:white; font-size:11px;} #copyright .menu-foot a {color:white; font-size:11px; text-decoration:none;} #copyright .menu-foot a:hover {text-decoration:underline;} /* Pages internes */ /* Menu-left */ #menu-catalog{ float:left; width:220px; display:inline;} #menu-catalog .title p{margin: 0 0 9px 0;} #menu-catalog .title p a{display:block; width:202px; color: #b8218e; font-size:15px; text-transform:uppercase; text-align:center; padding: 18px 0 19px; border-bottom: 1px solid #b8218e;} #menu-left1{ margin-left:20px} #menu-left1 li{ list-style-type:none;background: url(../images/puce_menuLeft.gif) left 18px no-repeat; padding: 15px 0 12px 15px; margin-left:1px} #menu-left1 li li{ margin: 4px 0 4px 5px; background:none; padding: 3px 0 3px 2px; width:150px;} #menu-left1 li li a{ color:#acacac; font-size:12px} #menu-left1 li li.currentproduct a{ color:#757373} #menu-left1 li li.currentproduct { background-color:#f6e6f8} #menu-left1 li a.areplace{ font-weight:bold; font-size:14px; color:black; letter-spacing: -0.04em} /* Les cadres */ .cadre{ width:700px; } .cadre-topleft{ width: 37px; height:60px;background: url(../images/fond/cadre-topleft.jpg) left bottom no-repeat;} .cadre-top{ height:60px;background: url(../images/fond/cadre-top.jpg) left bottom repeat-x; } .cadre-topright{ width: 43px; height:60px;background: url(../images/fond/cadre-topright.jpg) left bottom no-repeat;} .cadre-bottomleft{ width: 37px; height:52px;background: url(../images/fond/cadre-bottomleft.jpg) left top no-repeat;} .cadre-bottom{ height:52px;background: url(../images/fond/cadre-bottom.jpg) left top repeat-x;} .cadre-bottomright{ width: 43px; height:52px;background: url(../images/fond/cadre-bottomright.jpg) left top no-repeat;} .cadre-left{ width:37px;background: url(../images/fond/cadre-left.jpg) left top repeat-y;} .cadre-right{ width:43px;background: url(../images/fond/cadre-right.jpg) left top repeat-y;} .cadre .newsletter{background: url(../images/illustr/newsletter.jpg) right center no-repeat; padding-right:182px} .cadre .contact{background: url(../images/illustr/contact.jpg) right top no-repeat; padding-right:100px} .cadre .login{background: url(../images/illustr/login.jpg) right center no-repeat;} .cadre .register{background: url(../images/illustr/register.jpg) right bottom no-repeat;} .cadre .register2{background: url(../images/illustr/register2.jpg) right bottom no-repeat;} .cadre .register2 .lbleft{ width:178px} .cadre .forget{background: url(../images/illustr/forget.jpg) right center no-repeat;} .cadre .paniervide{background: url(../images/illustr/paniervide.jpg) right bottom no-repeat; padding-right:231px} .cadre .venteflash{background: url(../images/fond/flash.jpg) right top no-repeat;} /* Home */ #home{ width:936px; height:504px; margin:0 auto; margin-top:-4px;} #home.config { width:942px; height:auto; padding:0 4px; border-bottom:10px solid #bd43bc;} #machome{ position:absolute; top:469px; left:10px} #mousemove{width:928px; height:160px; overflow: hidden;margin: 0 auto;position:relative;} #insidemove img{ border:4px solid #fff} #insidemove a{ color:#696969} #insidemove a:hover{ color:#fff} .imgmac{width: 170px; height: 125px;} .imgmac img{margin-top: 15px;} .cadre_fleche{ position:relative} .flecheleft, .flecheright{position:absolute; top:60px; z-index:1000} .flecheleft{ left:0px} .flecheright{left:918px} #actuHome{ position:absolute; width:200px; top:233px; left:620px; z-index:100} #marqueebox{ overflow:hidden; height:155px;} #marqueebox .title{ color:#fff; font-weight:bold} #marqueebox p{ color:#fff; } #menupromo{ position:absolute; width:200px; top:210px; left:159px} #marqueepromo{ overflow:hidden; height:155px;} #marqueepromo .title{ color:#fff; font-weight:bold; font-size:20px} #marqueepromo p{ color:#fff; } #marqueepromo .tarif{ color:#FF99FF; font-weight:bold; font-size:18px; text-align:center } #marqueepromo .objet{ color:#fff; font-weight:bold; font-size:12px; text-align:center } /* Fiche prod */ .prodimg{ width:470px; height:444px;} .prodimg .cadre{ width:100; margin:0; width:457px} .minidescri{ color:#7d7d7d; text-align:justify} .etat-rouge{ font-weight:bold; color:#a20000} .etat-rouge2{ font-weight:bold; color:#f6be12} .etat-orange{ font-weight:bold; color:#FF9900} .etat-vert{ font-weight:bold; color:#86A626} .intitule{ font-weight:bold; color:#7d7d7d;} .doubleOptions{} select{ border:1px solid #ccc; color:#777} .select-options {width:150px; margin:3px 0 7px 0;} .etiquette{ width:154px; height:101px; background: transparent url(../images/fond/price.jpg) left top no-repeat; padding-left:10px; padding-top:15px; zoom:1; float:left} .special{ text-align:right; height:33px} /*.special2{ height:33px;text-align:right}*/ .promo{ font-size:16px; font-weight:bold; color:#fff} .barre{ font-size:12px; color:#2c2c2c; text-decoration:line-through;} .envoiami{ text-align:right; margin:0; padding:0} .explainPorts{position:abolute;background-color:#000; color:#990099; width:200px; border:1px solid #ccc; padding:5px; text-align:center; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;} /*#div01, #div02{background-color:#000; color:#990099; width:100px; border:1px solid #ccc; padding:5px; text-align:center; opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;}*/ /*#div02{left:311px}*/ /*#div01{left:290px}*/ /* Catalogue */ #products-content{ width:100%;} #products-content h2{ margin-bottom:0} .prod{position:relative; width:238px; height:218px ; padding: 0px 34px 0 21px; background: url(../images/fond/fond_listeprod.jpg) left 18px no-repeat; text-align:left; } .prod .txtpremprod {display:block; float:none; text-align: center;} .prod .txtpremprod img {float:none;} .prod .ie6taille {position: absolute; left: 19px; bottom: 42px; display:inline-block; background: white; width: 150px; text-align: center;} .prod .plusprod {position: absolute; left: 19px; bottom: 27px; display:inline-block;} .prodinprom{ width:272px; height:200px ; padding: 18px 0 0 15px; background: url(../images/fond/fond_listeprod.jpg) left top no-repeat; text-align:left; position:relative} .inprod img, .txtpremprod img{ float:left; margin-right:5px} .inprod{ width:233px; margin:0px 1px 2px 3px; } .plusprod{} .chemin{ color:#979797; margin:0 0 15px 26px;} .chemin a{ text-decoration:underline; color:#c5c3c3} .ajoutpanier{float:left; padding:15px 0 0 0;} .txtpremprod{margin:0; padding:0; height:98px; float:left} .titlecatego{ color:#C75DCB; font-weight:bold; font-size:14px; height:0; position: relative} .particularH h1{ margin:0 0 10px 0; left:0; top:0} .particularH h2{ margin:0 0 10px 0; padding-left:0} #products-content .particularH h2{ margin:0 0 10px 0; padding-left:0} .particularH h3{ margin:0 0 3px 0; padding-left:0} /*.cadre-prix {width:391px; height:89px; margin:0 0 10px 0; background:url('../images/fond/cadre-prix.gif') left top no-repeat;} .cadre-prix .gauche {float:left; width:284px; height:89px; padding:0px 10px;} .cadre-prix .droite {float:right; width:87px; height:89px; background:url('../images/fond/cadre-prix-promo.gif') left top no-repeat;} .cadre-prix p {margin:5px 0; color:#000000; line-height:22px;} .cadre-prix .prix-old {display:block; margin:0; padding:0; height:20px; line-height:20px; font-size:12px;} .cadre-prix .prix {display:block; margin:0; padding:0; height:35px; line-height:35px; font-size:34px; font-weight:bold; color:#de78d4;} .cadre-prix .mensualite {display:block; margin:0; padding:0; height:34px; line-height:34px; font-size:10px;} .cadre-prix .mensualite.double {line-height:17px;} .cadre-prix .rose {font-size:12px; font-weight:bold; color:#de78d4;} .cadre-prix .prix-promo {line-height:80px; font-size:36px; /* font-weight:bold; */ /*color:#de78d4; text-align:center;} .cadre-prix .prix-promo sup {vertical-align:text-top;}*/ /*/////////////////////////////////////////////////////////////////////////////////////////////////////*/ #visualiser_produit a { display: inline; margin: 0; } #visualiser_produit a p { padding: 15px 0;text-align:center; color:#434343; font-size:12px; } div.visualiser_360{ clear:both; margin-bottom: 11px; margin-top: 10px; } div.visualiser_360 div.bgd { float:left; width:72px; margin: 0px 3px 3px 0px; height:52px; overflow:hidden; text-align:left; background: #ffffff; } div.visualiser_360 div.bgd div.image { background: #ffffff; border: 1px solid rgb(204, 204, 204); width:70px; height:50px; overflow:hidden; text-align:left; margin-left:0px; } #nouvelle_fonctionnalite{ margin: 10px 0px 0px 0px; width: 402px; border-collapse: collapse; } td.rayure_top { background: transparent url(../images/fond/fond_rayure_top.gif) left bottom no-repeat; height: 28px; text-align: right; } td.rayure_top a { margin: 0px 35px 0px 0px; } tr.rayure_centre { background: transparent url(../images/fond/fond_rayure.gif) left top repeat-y; color: #434343; font-size: 12px; } td.texte_rayure { padding: 10px 10px 0px 10px; } td.texte_rayure2 { padding: 0px 0px 10px 10px; } td.rayure_btn { background: transparent url(../images/fond/fond_rayure.gif) right top repeat-y; } td.rayure_bottom { background: transparent url(../images/fond/fond_rayure_bottom.gif) left top; height: 12px; } hr.separateur { width: 100%; margin: 5px 0px; height: 0px; border-bottom: 1px dashed #cfcfcf; } /*//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Panier */ .basket{ width:700px} .basket th{ background-color:#c759cc; color:#000; font-weight:bold; padding:3px;} .basket th, .basket td { border:1px solid #ccc} .adrbasket { margin: 20px 0 15px 140px } .adr2basket { margin: 20px 0 15px 45px } .adrbasket, .adr2basket { float: left; height:154px; padding:5px; border:1px solid #ccc; width: 199px; background-color:#eee} .adr-Botbasket, .adr2-Botbasket { padding: 16px; color:#000 } .livraison {float:left; width:32%; margin:0 1% 0 0; padding:0; text-align:center; color:#bcbcbc;} .livraison input {vertical-align:middle;} .livraison label {font-size:11px; font-family:Arial; vertical-align:middle;} .livraison p {margin:0; text-align:center; font-size:10px; font-family:Verdana; font-weight:bold;} .livraison a {color:#969799; text-decoration:underline;} .livraison a:hover {color:#969799; text-decoration:none;} .advantages { width:383px; float:right; display:inline; margin: 45px 10px 0 0; border:0; border-collapse:collapse; } .advantages caption { text-align:left; font-size:12px; color: #9c31a2; text-transform: uppercase; padding: 3px 0;} .advantages caption span { color: #000; } .advantages .odd td {background: #e5e4e7;} .advantages .even td {background: #f1f1f2;} .advantages tr td { font-size:11px; text-transform: uppercase; padding: 3px 5px; color:#000;} .advantages tr .cell-right { text-align: right; color:#ac37ae; font-size:14px;} .advantages tr .cell-right a { text-align: right; color:#ac37ae; font-size:11px;} /* Vente Flash */ .oldprice{ position:absolute; color:#000; text-decoration:line-through; font-size:11px; top:196px; left:20px;} .newprice{ position:absolute;color:#fff; font-size:16px; font-weight:bold; top:222px; left:77px} .date_depart{ position:absolute; color:#7b1676; font-weight:bold; font-size:11px; top:31px; left:38px} .date_fin{ position:absolute; color:#7b1676; font-weight:bold; font-size:11px;top:124px; left:184px} .aflash{ color:#333232; font-size:12px; font-weight:bold} .flashnow1{ background:url(../images/fond/flashnow1.gif) left top no-repeat} .flashnow2{ background:url(../images/fond/flashnow2.gif) left top repeat-y; padding-left:42px} .flashnow2 p{ width:500px} /*.flashnow2 p{color:#fff; font-weight:bold; font-size:13px;width:553px}*/ .flashnow3{ background:url(../images/fond/flashnow3.gif) left top repeat-y; text-align:right;padding-right:25px} .flashnow3 input{ color:#fff; background-color:#7b148b; font-weight:bold; font-size:12px; text-align:right; } .flashnow4 td{ background:url(../images/fond/fondprodflash.jpg) left top no-repeat; width:139px; height:163px; padding:2px} .flashnow4{ background:url(../images/fond/flashnow4.gif) left top repeat-y; padding-left:45px; padding-top:15px;} .flashnow5{ background:url(../images/fond/flashnow5.gif) left top repeat-y} .flashnow6{ background:url(../images/fond/flashnow6.gif) left top no-repeat} .flashnow5 .timing{ background:url(../images/fond/tinmingnow.jpg) left top no-repeat; width:273px; height:242px; position:relative} .flashafter1{ background:url(../images/fond/flashafter1.gif) left top no-repeat} .flashafter2{ background:url(../images/fond/flashafter2.gif) left top repeat-y; padding-left:42px} /*.flashafter2 p{color:#7d148b; font-weight:bold; font-size:13px;width:553px}*/ .flashafter3{ background:url(../images/fond/flashafter3.gif) left top repeat-y; text-align:right;padding-right:25px} .flashafter3 input{ color:#fff; background-color:#d8d8d8; font-weight:bold; font-size:12px; text-align:right; } .flashafter4 td{ background:url(../images/fond/fondprodflash.jpg) left top no-repeat; width:139px; height:265px; padding:2px} .flashafter4{ background:url(../images/fond/flashafter4.gif) left top repeat-y; padding-left:45px; padding-top:15px;} .flashafter5{ background:url(../images/fond/flashafter5.gif) left top repeat-y} .flashafter6{ background:url(../images/fond/flashafter6.gif) left top no-repeat} .flashafter5 .timing{ background:url(../images/fond/tinmingafter.jpg) left top no-repeat; width:273px; height:242px; position:relative} /* Page Mentions */ .adr { margin: 20px 0 15px 24px } .adr2 { margin: 20px 0 15px 45px } .adr, .adr2 { float: left; padding: 0; width: 265px;background: url(../images/fond/mentions.jpg) left top no-repeat; } .adr-Bot, .adr2-Bot { padding: 43px; color:#fff; background: url(../images/fond/bgd_mentionsBottom.jpg) left bottom no-repeat;} /* Page Contact */ ul.listecontact { margin: 15px 0 10px 0; padding: 0 } ul.listecontact li { float: left; margin: 0 5px 15px 5px; padding: 4px; border: 1px dotted #8adad9 } form.contactform { width: 60%; margin: 0 auto; padding: 0;} form.contactform .two-columns { float:left; width:156px; } form.contactform .two-columns label { width:156px; } form.contactform input{ border: 1px solid #cfcfcf; padding: 0 0 0 2px } form.contactform label, form.formatform label { width: 196px; font: normal 11px verdana } form.contactform textarea { width: 95%; margin: 6px auto 0 auto; border: 1px solid #cfcfcf; display: block; height:100px } .conformement { margin: 0 auto; font: normal 10px arial; width: 85%; font-style:italic; margin-top:30px; text-align:center } select#civility { border: 1px solid #CFCFCF } a.question_boule { cursor: help; width: 19px; height: 20px; margin: 0 0 0 5px; position:relative; top: 4px; left: 0 } .centerbut { text-align: center; margin: 13px 0 5px 0 } form.contactform input.valid{ font-weight:bold; color:#000;background: url(../images/fond/input.gif) left top repeat-x; height:25px; border:1px solid #999} input.valid, a.valid{font-weight:bold; color:#000;background: url(../images/fond/input.gif) left top repeat-x; height:25px; border:1px solid #999} a.valid{ padding:5px} input.valid_paypal{border:none} /* Login/Register/Forget */ .register2 form.contactform{ width:100%} .register2left, .register2right{ float:left; width:400px} /* Page 404 */ #plan404 li{ margin-top:3px; margin-bottom:7px} #plan404 li li{ margin-top:0px; margin-bottom:0px} #plan404 li a{ font-weight:bold; color:#666} #plan404 li li a{ font-weight: normal; color:#C75DCB} /* login */ .user-control .cadre { float:left; width: 300px; padding: 0 15px 15px 15px; margin: 0 0 0 10px; border:1px solid #ddd;} .user-control .cadre .login, .user-control .cadre .register { height:248px;} /* General styles */ .lbleft { float: left; width: 140px } .input { border: 1px solid black } .bordered { border: 1px solid black } form.contactform input.noborder { border:none } .noborder { border:none } .kill { display: none } .fleft { float: left } .fright { float: right } .center { text-align: center } .clear { clear:both; visibility: hidden } .clearright { clear:right; visibility: hidden } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #ae24b5 } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .button { text-align: center; margin: 15px 0 10px 0; clear: both } .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .bold{ font-weight:bold} .flash{ margin-left:20px; border:1px solid #ccc; color:#990099; background-color:#CC99CC; width:920px; font-weight:bold; padding:5px} /* Messages d erreurs */ .denied, .message { margin: 10px 20px 20px 30px; color:#CC0000; font: normal 12px arial; } .denied ul li, .message ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: transparent url(../images/puce/pucerouge.gif) left 2px no-repeat; list-style-type:none; zoom:1 } .parcelshop { margin: 0; padding: 5px; } .parcelshop p { margin: 0; } .parcelshop-selected { background-color: #C75DCB; color: #fff; } .parcelshop-selected a { color: #fff; } /**************************************************************************** Ajouts CCZ octobre 2010 ****************************************************************************/ /* produits */ #products-content {overflow:hidden; margin:0 0 0 0; padding: 0;} #products-content h2 {margin: 8px 0;} .iestyle #products-content {overflow:hidden; margin:0; padding: 0; width: 730px;} .iestyle {overflow:hidden; margin:0; padding: 0; width: 730px;} #products-content .back-list {float: left; display: inline; padding:15px 0 0;} #products-content .back-list p {font-size: 15px; color: #af5cb1;} #products-content .producttitle {float:right; display:inline; padding: 0 20px 8px 0; font-family: arial; font-weight: normal; color: black; font-size:27px;} #products-content .display-product {background: white; border: 1px solid #c8c8c7; clear: both; overflow: hidden; width:948px; height:450px;} #products-content .visuel {width:624px; position:relative; z-index: 0; float:left;display:inline;} #products-content .visuel #showimg{position:relative;} #products-content .visuel #showimg #image_360 {position:absolute; top:0; left:0;} #products-content .visuel #showimage #image_360 {background: url(../images/bgd_flash_loader.gif) center center no-repeat;} #products-content .special2 {width:82px; height: 83px; position:absolute; top:0; left:0; z-index: 3;} #products-content .tools {overflow:hidden;position:relative; float:right; width: 316px; height:450px;} .inside-links {text-align: right; margin: 8px 0 0 0; } .inside-links a{color:#707070; font-size:12px; text-decoration: underline; padding: 0 10px;} #products-content .tools-visu {position:absolute; bottom:0; left;0;} #products-content .tools-visu .ahreflink {position:relative; display:inline-block;} #products-content .cadre-prix {margin: 20px 0 0 0;} #products-content .cadre-prix p{text-align: right; clear: both; margin: 5px 0} .prix-promo {float: right; display: inline; padding: 0 4px 0 0;} .prix-promo .fond-color{background: #f4e3f5; color: #a815ac; font-size: 18px; display: inline-block; padding: 3px 0; width: 170px; text-align: center; } .prix-promo .fond-color .normal{font-size:12px; font-weight: bold;} .prix-promo sup {font-size: 12px;} .prix-old {float: right; color: black; padding: 0 16px 0 0;} .prix-old .prix-conseil{background: #ddddd7; display: inline-block; text-align:center; padding: 4px 0; width: 170px;color: black; font-size: 12px; font-weight: bold;} .prix {color: black; font-size: 57px; padding: 0 40px 0 0; line-height: 60px; position: relative;} .prix span {margin: 0 0 0 0; font-size: 30px; position: absolute; top:0; right: 20px; line-height: 40px;} .mensualite {padding: 0 20px 0 0; color: #a6a5a6;} .mensualite .prix-3x {color: #a815ac; font-weight: bold; font-size: 14px;} .options-select {clear: both; float: right; margin: 0 20px 0 0; height:auto;} .ajoutpanier {float: right; padding: 0;} .dispo {clear: both; padding: 5px 20px 0 0; border-top: 1px solid #b4b3b3; float:right;width:190px;} .dispo p{text-align: right;} .column-details {float: left; background: white; border: 1px solid #c8c8c7; display: inline; width: 228px; margin: 0 0 0 6px;} #products-content .desc {width:465px;} #products-content .last {border: 1px solid #F4F4F2; overflow:hidden; background:none;} #products-content .last .delivery{border: 1px solid #c8c8c7; margin: 0 0 6px 0;background: white;} #products-content .last .payement{border: 1px solid #c8c8c7; margin: 0;background: white; height: 190px;} #products-content .last .euro {padding: 0 0 0 55px;} #products-content .desc-rub {margin:0; width: 690px; padding: 3px 12px 15px 28px} #products-content .desc-rub p {color: #010101;} #products-content .desc-rub h1 {display:inline; color:#b8218e; font-size:19px; font-weight:normal; font-family:"Trebuchet MS";} #products-content .desc-rub h2 {margin: 5px 0 10px 0; padding: 0 0 0 0; display:inline; color:#010101; font-size:14px; font-weight:bold; font-family:"Trebuchet MS";} #products-content .desc-rub h3 {margin: 15px 0 10px 0; padding: 0;} .column-details h4 {background: #b3b3b3; color:#3d3d3d; font-size: 17px; text-align: center; margin: 0 0 10px 0; padding: 2px 0;} .column-details p{padding: 0 5px;} .column-color {border:1px solid #babab9; background: white; width: 132px; height:119px; float: left; margin: 10px 0 0 10px;} .column-color p {text-decoration: underline; text-align: center; padding: 8px 0 0 0; color: #666;} .column-color .all-colors {margin: 2px 0 0 1px; overflow:hidden; text-align: center;} .column-color .all-colors a {display:inline-block; margin: 2px; border: 1px solid #cccccc} .visu-interieur {margin: 10px 0 0 0; border:1px solid #babab9; display:inline-block; float:right; } /* accueil des rubrique */ .rubrique-top {background: url(../images/bgd_rubriqueTop.png) top right repeat-y; border:1px solid #cccccc; overflow:hidden; margin: 0 0 0 0; width: auto;} #products-content .sublevel {background:url(../images/bgd_rubriqueTop.png) repeat-y right top;border:1px solid #CCCCCC;margin: 0 0 12px;overflow:hidden;} .rubrique-top img {float: left; margin: 0;} #products-content .rubrique-top .desc {display: inline; float:right; width: 255px; padding: 0 5px 0 0;} #products-content .rubrique-top h1 {position: relative; top: 5px; left:0;} #products-content .rubrique-top h2 {margin: 0; font-weight: bold; padding: 15px 0 0 0;} #products-content .rubrique-top h3 {margin: 0; font-weight: bold; padding: 18px 0 0 0; text-align: center;} .categories-slider-cont{clear: both; background: url(../images/bgd_categories.png) top right repeat-y; margin: 28px 0; overflow: hidden; position:relative; width: 730px;} .categories-slider-cont .clear-left {clear: left;} .categories-slider-cont h4 { float:left; display: inline; color: #5b5b5b; font-size:18px; padding: 0 0 0 5px;} .categories-slider-cont h4 span {display: inline-block; color: #ab0bae; font-size:14px; text-decoration: underline;} .categories-slider-cont .see-category {background: url(../images/btn_voirTout.png) center left repeat-x; padding: 8px 25px; font-size: 14px; font-weight:bold; color: white; text-transform:uppercase; display: inline-block; float: right; margin: 8px 85px 0 0 ;} #content .categories-slider-cont .slider-product {float:left; display: inline; width:212px; margin: 0 0 0 5px; background: none; height: auto; padding: 0; text-align: left; position: relative;} .categories-slider-cont .slider {width:655px; overflow:hidden; display:block;margin:0 0 0 0px; position:relative;} .categories-slider-cont .slider-items {width:655px; white-space:nowrap; position:relative ; margin:0px 0 0px; } .categories-slider-cont .slider-bk {display:none;width:0;} .categories-slider-cont .slider-fwd {background: white url(../images/btn_sliderProduct.png) center center no-repeat; display:block; position:absolute; cursor:pointer; width:60px; height:270px; top:0px; right:15px; z-index: 5;} #content .slider-product .color {margin: 4px 0 0 0; overflow:hidden;width:212px;} #content .categories-slider-cont .slider-product .color p{float:left;} #content .slider-product .color div{float:right;} #content .slider-product .paiement-3x {color:#C75DCB; font-size:10px; float:right;} #content .slider-product .paiement-3x span{color:black;} /* liste des produits */ #content .slider-product {float:left; display: inline; width:212px; margin: 0 0 12px 25px; background: none; height: auto; padding: 0; text-align: left; position: relative; overflow: hidden; z-index: 0;} .list-products #content .slider-product {float:left; display: inline; width:212px; margin: 0 12px 12px 12px; background: none; height: auto; padding: 0; text-align: left; position: relative; overflow: hidden; } #content .slider-product .inprod {width:210px;} #content .slider-product .img-prod {width:210px; height:152px; border:1px solid #ccc; position:relative; text-align: center; vertical-align: middle; background: white;} #content .slider-product .img-prod table {height:100%;width:100%;vertical-align: middle;text-align: center; border-collapse:collapse;} #content .slider-product .special {position: absolute; top:0; left: 0; z-index:3;} #content .slider-product .special img {width: 58px;} #content .slider-product .exclusivite {position: absolute; top:137px; left: 0; z-index:3; width:212px; height:16px; } #content .slider-product .exclusivite img {width: 212px;} #content .slider-product .color p{display:inline;float:left; width: 80px; color: #020202;} #content .slider-product .color div a {border:1px solid #b2b0b0; display: inline-block; width:16px; height:16px; margin: 1px;} #content .slider-product .color div a span {display: inline-block; cursor:pointer;} #content .slider-product .inprod {overflow:hidden; margin: 5px 0;} #content .slider-product .infos-prix{float:left; font-size:12px;} #content .slider-product .category-price{float:right; color: black; font-size: 15px; font-weight: bold;text-align:right;} #content .slider-product span.old-price{font-size: 10px; font-weight:normal;} #products-content .slider-product-img .spanimage360 {position:absolute; background:url(../images/logo_360small.gif) top left no-repeat; top:0; left:0; display:block;width: 71px; height:72px; z-index:3;} /* orderconfirm.php*/ #orderconfirmvalid {width: 100%;} .paiement3x {border: 1px solid #ddd; width: 500px; padding: 8px; margin: 0 auto; background: #F4F4F2;} .paiement3x .prix {color: #C759CC; font-size:14px; line-height:20px;} .paiement {border-top: 1px solid #ddd;} .paiement .separation td {border-bottom:1px solid #ddd;} .paiement .moyens td {padding: 8px 0; vertical-align: middle;} /*my design*/ #popup-category {display: none; position: absolute; z-index: 101; background: white url(../images/bgd_popUpDesign.png) top center no-repeat; width: 655px; height: 335px;} #popup-category ul{list-style:none; padding: 64px 0 0 192px;} #popup-category ul li{margin: 19px 0;} #popup-category ul li a{color: #8a8a8a; font-size:20px; padding:18px 0 19px 35px; background: url(../images/puces_selection.png) 0px 16px no-repeat;} #popup-category ul li a:hover{background: url(../images/puces_selection.png) 0px -41px no-repeat;} .mydesign #wrap-content {background: none;} .mydesign #wrap-content #content {background: #fff; padding: 14px 0 0 0} /*.mydesign #wrap-content #content h2{background: url(../images/h2_myDesign.png) center left no-repeat; position: relative; text-indent: -5000px; height: 72px; margin:5px 0 10px 25px;}*/ .mydesign #wrap-content #content h2{display:none;} .mydesign #wrap-content .mydesign-bloc{background: url(../images/bgd_myDesignCentre.png) center top no-repeat; margin: 20px auto 0 auto; padding:4px 7px 15px 12px;width:902px;overflow:hidden;} .mydesign .mydesign-bloc .image {height:467px; width: 735px;float:left; display:inline; background: white;} .mydesign .mydesign-bloc .image table tr td {height:467px; vertical-align: middle;} .mydesign .mydesign-bloc .menu {float: right; display:inline; width:166px; background:url(../images/bgd_repeatMenuDesign.gif); height:467px;} .mydesign .mydesign-bloc .menu h3{margin: 0; padding:0;} .mydesign .mydesign-bloc .menu .composer label{display: block; text-transform: uppercase; color: black; padding: 4px 0 0 8px;} .mydesign .mydesign-bloc .menu .composer select{width:149px; height: 20px; border: 1px solid black; margin: 0 0 0 8px;} .mydesign .mydesign-bloc .menu .composer #submit{position:relative; z-index: 10; margin:8px 0 0 0; padding:0; left:-15px;} .mydesign .mydesign-bloc .menu .summary {width:142px; margin: 0 auto; border: 1px solid #878686; padding:4px 7px 0 7px; background:url(../images/bgd_summaryDesign.gif);overflow:hidden;} .mydesign .mydesign-bloc .menu .summary h3{color:black; font-size: 14; text-decoration:underline; font-weight: normal; padding: 0 0 5px 0;} .mydesign .mydesign-bloc .menu .summary dl dt{float:left; clear:left; border-bottom: 1px solid black; color: black; padding: 3px 0; width: 45%;} .mydesign .mydesign-bloc .menu .summary dl dd{float:left;border-bottom: 1px solid black; color: black; padding: 3px 0 3px 3px; width: 52%;} .mydesign .prix-promo {background:none;color:#A815AC;display:inline;float:none;font-size:11px;padding:0;} .mydesign .mydesign-bloc .menu .summary dl .total {border:none; font-size: 14px; font-weight: bold;} .mydesign .mydesign-bloc .menu .summary dl dt.total {text-align: right;} .mydesign .mydesign-bloc .menu .btn-command-design {width:157px; margin: 0 auto;} .mydesign .details {margin:5px 0 10px 25px; background: #dadada; overflow:hidden; width: 925px; color: black;} .mydesign .details h4{font-weight: normal; color:black; text-decoration: underline;} .mydesign .details .flleft{background: url(../images/bgd_detailsDesign.gif) center right no-repeat; display:inline; float:left;} .mydesign .details .details-options {padding: 8px 15px; width: 150px;} .mydesign .details .details-options p {text-align:center; padding:0; margin:0;} .mydesign .details .details-technical {padding: 8px 15px; width: 333px;} .mydesign .details .details-manufacture {padding: 8px 15px; width: 350px; display:inline; float:right} /* register */ #main_body .register-account { position:relative; width:auto;} .register-account .wrap-buttons { position:absolute; top:8px; left:19px; height:37px;width:500px;} .register-account .wrap-buttons label { display:inline; float:left; width:218px; height:37px; position:relative; overflow:hidden; cursor:pointer; margin: 0 3px 0 0; outline:none;} .register-account .wrap-buttons label span{ text-indent:-5000px; position:relative; display:block; } .register-account .wrap-buttons label input { position:absolute; top:0; left:-20px; } .register-account .typeuser-client span { display:inline-block; width:218px; height:37px; background:url(../images/btn_createAccount_n.png) 0 0 no-repeat; } .register-account .typeuser-client .active { background:url(../images/btn_createAccount_o.png) 0 0 no-repeat; } .register-account .typeuser-professionnel span { width:218px; height:37px; background:url(../images/btn_createAccountPro_n.png) 0 0 no-repeat; } .register-account .typeuser-professionnel .active { background:url(../images/btn_createAccountPro_o.png) 0 0 no-repeat; } .btn-pro {position:absolute; top:0; right:0;} /* thumbnail slider begin */ /* apply the gallery design - links slider */ #slider-cont { width:628px ; height:112px ; margin:10px auto 10px; background:#dcdcdc ; padding:7px 0px 0px; display:block; position:relative; float: left;} /* the width is set to show the number of thumbnails that will be visible */ #slider-items{ position:relative ; overflow:hidden ; width:575px ; height:112px ; margin:0px auto 0px; } /* the thumbnails container */ #slider { white-space:nowrap; display:block; position:relative; overflow:hidden; margin:0 auto;} #slider a { padding:0px; margin: 13px 2px 0 0px; width: 112px; height: 80px; display: inline-block; text-align: center; background: white; vertical-align: center; position:relative; } #slider a img{ position:absolute; top:0; left:0; cursor:pointer;} /* the forward and backward buttons */ .slider-fwd { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; right:0px; background:url(../images/btn_forwardProduct.png) no-repeat; } .slider-bk { display:block; position:absolute; cursor:pointer; width:25px; height:101px; top:0px; left:0px; background:url(../images/btn_backProduct.png) no-repeat; } /* thumbnail slider end */ /*modifications du panier*/ #content .suividAchat {margin: 0;} /* SMOOTHBOX */ #TB_overlay {position: absolute; z-index:100; top: 0px; left: 0px; background-color:#241303;} #TB_window {position: absolute; background: #ffffff; z-index: 102; text-align:left; color:#3c2610;} #TB_window img {display:inline; margin:0 0 0 15px; float:left;} #TB_caption_wrap {width:100%; float:left; padding:10px 0;} #TB_caption {width:98%; margin:0 auto; text-align:center; font-weight:bold; position:relative;} #TB_caption p {width:60%; margin:0 auto 10px;} #TB_prev a, #TB_next a {color:#a79d93; font-weight:normal; text-decoration:none;} #TB_prev {position:absolute; left:0; bottom:0; text-align:left;} #TB_next {position:absolute; right:0; bottom:0; text-align:right;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#a79d93;} #TB_closeWindow {height:16px; width:14px; padding:5px; float:right;float:right;} #TB_closeWindowButton { display:inline-block; position:relative; text-align:left; text-indent:-5000px; background:url(../images/ico_popClose_n.png) 0 0 no-repeat; width:132px; height:30px; } #TB_closeWindowButton:hover { background:url(../images/ico_popClose_o.png) 0 0 no-repeat;} #TB_closeAjaxWindow {padding:5px 10px 7px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle { float:left; padding:0 0 0 36px;margin-bottom:1px; height:44px; line-height:44px; text-transform:uppercase; font-size:16px; color: #343434;} #TB_ajaxWindowTitle span {color:#b9228d;} #TB_ajaxContent {clear:both; overflow:auto; padding:0; text-align:left; } #TB_ajaxContent p {padding:0;} #TB_title {background-color:#fff; height:45px;} #TB_load {position: absolute; display:none; height:100px; width:100px; z-index:101; } #TB_HideSelect { z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; } #TB_iframeContent {clear:both; border:none; margin-bottom:-1px; margin-top:1px;} /* correction slidebox*/ #boxjava2 {z-index:2;} #slidebox_new3 {position:static; }