p.debug{text-align:left;background-color:white;} body{margin:0;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a;background:#3f3f3f url("/design/images/fond.jpg") repeat-x top; scrollbar-3dlight-color:#FFFFFF; scrollbar-arrow-color:#FF0000; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-track-color:#FFFFFF;} td,p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; } img{border:0;} a:link, a:visited, a:hover {color:#F30404;text-decoration: underline;} a:hover {text-decoration: none;} #fond{ width:100%; height:100%;background:url("/design/images/fondImage.jpg") no-repeat top center;} #bloc{position:relative;clear:both;margin:auto;width:1000px;} /* === Header === */ #header{position:relative;clear:both;width:1000px;height:170px;background:url("/design/images/header.gif") no-repeat top left;} #logo{ position:absolute;top:15px;left:15px;width:141px; height:118px;} #panierContainer{position:absolute;top:0;right:0;width:345px; height:41px;background:url("/design/images/panierContainer.jpg") no-repeat top right; margin:0; padding:5px 0 0 10px;} #panierContainer li{ float:left; height:37px; display:block; background:none; background-image:none; margin:0; padding:0;} /* ===================================== */ /* === Barre Chercher / Newsletter === */ #chercheContainer{position:absolute; left:0; top:131px;width:1000px;height:39px;text-align:left;margin:0; padding:0;background:url(/design/images/fondChercher.jpg) no-repeat top;} #chercheContainer li{ background:none; background-image:none; margin:0; padding:0;} #chercher h4{ margin:0; padding:0 0 0 10px;} #chercher .formText{width:196px;height:20px;padding:2px 0 0 2px;position:absolute; top:8px; left:120px;} #chercher .formBouton,#chercher .formBoutonOver{width:30px;height:24px;padding:0;position:absolute; top:8px; left:330px;cursor:pointer;} #newsletter h4{ position:absolute;top:0; right:200px; margin:0; padding:0; } #newsletter .email{position:absolute; top:8px; right:50px;margin:0; padding:2px 0 0 2px; width:140px; height:20px;border:1px solid #9b9b9b;} #newsletter .formBouton,#newsletter .formBoutonOver{position:absolute; top:8px; right:10px;margin:0;padding:0;width:30px; height:24px;cursor:pointer;} /* ===================================== */ /* ====== Form ====== */ form{ margin:0;} .formBouton{background:#464646 url(/design/images/fondBouton.jpg) repeat-x top;border:1px solid #ffffff;color:#FFFFFF; margin:0; padding:1px 2px;font-size:12px;} .formBoutonOver{background:#e00202 url(/design/images/fondBouton_over.jpg) repeat-x top;border:1px solid #ffffff;color:#FFFFFF;margin:0; padding:1px 2px;font-size:12px;} .formText{border:1px solid #9b9b9b;padding:3px 2px; font-size:12px; width:200px;text-align:left;} .formTextarea{border: 1px solid #9b9b9b; padding:3px 2px;width:200px;} .formLabel { background-color:#E9EBED; text-align:right; padding: 4px 10px 4px 0px; } .error { border:1px solid red; background-color: #FFEBDF; color:#FF0000; padding:10px; } /* ===================================== */ /* === Fil d'Arianne === */ #urlhere{font-size:11px;text-align:left; margin:0; padding:0 0 10px 0;} #urlhere a{background:url(/design/images/arrow_here.gif) no-repeat left top;padding:0 10px 0 12px;text-decoration:none; color:#424B58;} #urlhere a:hover{} /* === Main content === */ #blocContent{position:relative;clear:both;width:960px; padding:10px 20px 15px 20px;background-color:#FFFFFF;text-align:justify; margin:auto;} #mainContent{ text-align:center;min-height:270px;} #retour{margin:0px 0px 20px 10px; text-align:left; font-size:11px;} ul.article{margin:20px 0px 0px 30px;padding:0;} .article li{background:url(/design/images/puce_article.gif) no-repeat left top;list-style-image:none; list-style:none; padding:3px 0px 5px 30px;} .bar{ position:relative; clear:both;} /* === Produit === */ .notePhoto{color:#2D2D2D;text-align:center; font-size:10px;} .thumbImage{ position:relative;} /* === Footer === */ #footerContainer{position:relative; clear:both; margin:15px auto 0 auto; padding:0;width:960px; min-height:130px;background:#dddddd url("/design/images/footerContainer.jpg") repeat-x top ; border:1px solid #e7e7e7;} #footerContainer ul{ float:left; display:block; margin:0 0 10px 0; padding:0 8px 0 8px; border-left:1px solid #ffffff;min-height:120px;} #footerContainer ul.services{width:210px;} #footerContainer ul li{background:url(/design/images/arrow_footer.gif) no-repeat left top; padding:0px 0px 3px 10px; margin:0 0 0 20px;} #footerContainer ul li.title{ margin:auto; padding:0 15px 5px 15px; background:none; background-image:none; text-align:center;} #footerContainer ul li.numAudiotel{margin-top:4px;} #footerContainer ul li.horaires{width:200px;} #footerContainer a{ text-decoration:none; color:#333333;} #footerContainer a:hover{ color:#EC1116; } #footerLinks{width:1000px; height:30px;text-align:left;margin:auto; padding:0;} #footerLinks li{float:left; margin:5px 10px 0 0; padding:0;background:none; background-image:none;/*background: url("/design/images/puce_footer.gif") no-repeat top left; */ font-size:12px;} #footerLinks a{padding:0 0 0 10px; border-left:1px solid #cccccc;color:#cccccc;display:block; } #footerLinks a:hover{ color:#FFFFFF;} .numAudiotel{ margin-top:3px;} #credit{position:relative; clear:both; margin:auto;width:1000px;font-size:11px;text-align:right; padding:0;color:#FFFFFF;} #credit a{ color:#FFFFFF;} h1, h2, h3, h4, h5, h6 {margin:0;padding:0;color:#245a7e;} h1{font-weight:normal;font-size:24px;padding:10px 0px 15px 0px; margin:0; text-align:center;} h2{ background:url(/design/images/puce_guillemet.gif) no-repeat left top; margin:15px 0 5px 0; padding:5px 0 0 40px; color:#245a7e; font-size:14px; font-weight:bold; font-style:italic; border:0; text-align:left; min-height:25px;} h3{font-size:14px;padding:10px 0px 5px 0px;font-weight:bold;} h4{font-size:12px;padding:5px 0px;font-weight:bold;} h5{padding:3px 0px;} h6{padding:3px;font-weight:normal;font-style:italic; color:#666666;} ul {list-style-image:none; list-style:none; text-align:left;} ul ul{ list-style-type:square;} ul ul ul{list-style-type: none;} ul li{background:url(/design/images/list-style-image.gif) no-repeat left top; padding:0px 0px 3px 20px;list-style-image:none; list-style:none;} form div.error span.error{border:none} /* === Form Login === fieldset{ margin: 0.5em 0 1em 0; } fieldset p{ margin: 0 0 0.6em 1em;height: 1.4em; position:relative;} fieldset h5{ margin:0 0 1em 2ex; padding:0; font-size:0.8em; font-weight:normal;} legend{font-size:1.3em;padding:0 1.2ex;font-weight:bold;color:#F30404;} #usernameLogin,#password{position: absolute;left:26ex; width:22ex;} #Login{position: absolute;left:58ex; width: 4ex;} .registerRow input,.registerRow textarea{position: absolute;left:38ex; width:24ex;} #username,#password_1,#password_2,#last_name,#first_name,#phone_1,#user_email,#address_1,#zip,#city,#country {position: absolute;left:38ex; width:24ex;} p#pAdress{height: 6em;} #address_1{height:100%;margin: 0 0 0 6ex;width:28ex;} p#submitBouton{margin: 2em 0 0.6em 20ex;} */ /* ==== Pager (ancien) ==== */ #pager,#pagerTop,#pagerBottom {font-size: 0.8em;margin: 2px auto;padding:2px 4px;display: block;white-space: nowrap;text-align:center; height:auto; width:auto; clear:both;} #pagerTop,#pagerBottom {height:auto;} #pager,#pagerBottom { clear:both;} .pagerTable{ margin:auto;} #pager a,#pagerTop a,#pagerBottom a{background:#FF0000;color:#FFFFFF;padding:2px 4px;text-decoration:none;border:1px solid #FF0000;} .pagerTableCurrentPage{background:#FFFFFF;color:#FF0000; border:1px solid #FF0000;padding:2px 4px; margin:0 8px 0 0;} #pager a:hover,#pagerTop a:hover,#pagerBottom a:hover{background:#FFFFFF;color:#FF0000; border:1px solid #FF0000;} /*.pagerCurPageLink{ font-weight: bolder; border: 1px solid #98D1BC; background:#56C099; color:#FFFFFF; padding:2px 4px; }*/ /* cart messages hardmenager */ #checkout-installationOfferte{clear:both;color:#FF5353;font-weight:bold;font-size:1em;margin:0;} .cartGratuit{font-size:1.2em} /* flash */ #flashHeaderMessage{font-size:1.2em} #flashRegisterContainer{} /* === Inscription Newsletter Résultat === */ #newsletterSub-subscribeResult{ font-size:1.2em; padding-bottom:250px;background: url("/design/contactOK/newsletter_fond.jpg") no-repeat right bottom;} #newsletterSub-belowResultMessage {} /*========= Personnalisation tableLess =========*/ form.tableLess{ width:98%; max-width:100%;} form.tableLess fieldset{ clear:none;border:1px solid #F2B600; margin-bottom:10px;} form.tableLess fieldset legend {background:url(/design/images/login_header.jpg) no-repeat left top; color:#FFFFFF;font-weight:bold;font-size:14px; min-height:22px; padding:2px 15px 2px 15px; display:block;color:#3a3a3a;} form.tableLess label.element {width: 220px;} form.tableLess input,form.tableLess textarea{border:1px solid #c4b4a0; width:250px;} form.tableLess input#__submit__{ width:auto;background:url(/design/images/fondBouton.jpg) repeat-x top; color:#FFFFFF; border:0; cursor:pointer;} form.tableLess input#loginSubmit,form.tableLess input#submit,form.tableLess input#submitZone,form.tableLess input#submitSearch{ width:auto;background:url(/design/images/fondBouton.jpg) repeat-x top; color:#FFFFFF; border:0; cursor:pointer;} input#myPassword{ float:left; display:block; clear:right;} input#username,input#password,input#password2{ float:left; display:block; clear:right;} /*===================================================*/ /*================ Identification ================*/ #shopLogin-Container{} form#loginForm fieldset#loginFormFieldset legend{color:#3a3a3a;} #shopLogin-divRegisterForm legend{color:#3a3a3a; font-size:1.2em;} p#shopLogin-registerURLBlock{background:url(/design/images/puce_FlecheJaune.gif) no-repeat left top; padding:8px 0 8px 35px; margin:1em 0 2em 300px;width:250px;} #shopLogin-registerURLBlock a{ background:url(/design/images/puce_rectangleFlecheOrange.gif) no-repeat left top; padding:0 0 0 35px;} form.tableLess#loginForm{ width:70%;max-width:70%; margin:auto;} form#loginForm fieldset#loginFormFieldset legend{ color:#3a3a3a;min-height:18px;} /*===================================================*/ form.tableLess li span.error{border:none;background:none;} form.tableLess input.radio{border:0;width:30px;} form.tableLess input[type="radio"]{border:0;width:30px;} p#checkoutThankyou-howtoPaymentMessage{text-align:justify;} /* ======================= Menus ============================*/ #menu{ position:absolute; top:-68px; left:172px;margin:0; padding:0; list-style:none; list-style-image:none; background:none;z-index:50;} #menu ul,#menu li{ margin:0; padding:0; list-style:none; list-style-image:none; background:none;} #menu a{display: block;/*width: 10em;*/ } #menu, #menu ul {padding: 0;margin: 0;list-style: none; } #menu a {display: block;/*width: 11em;*/color:#FFFFFF;text-decoration:none;} #menu li{float: left;/*width: 11em;*/margin:0 4px 0 0;height:29px; padding:0;color:#FFFFFF;display:block;font-size:11px; text-align:center;} *html #menu li{margin:0 2px 0 0;} #menu li a{height:21px;padding:8px 0 0 0;margin:0;background:url(/design/images/menu0_0.gif) no-repeat bottom;color:#FFFFFF;text-decoration:none; display:block;} #menu li a:hover{background:url(/design/images/menu0_0.gif) no-repeat top;color:#535353;} #menu li ul {position: absolute; top:29px;width:13em;left: -999em; z-index:10; border-left:1px solid #b7b7b7; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;} #menu li ul li{width:13em;height:auto;background-color: #ffffff; color:#333333;background-image:none; text-align:left; margin:0; padding:0;} #menu li ul li a{ background:none;background-image:none;height:auto;color:#333333; margin:0; padding:5px 0 5px 8px;} #menu li ul li a:hover{ background-image:none;} #menu li:hover ul {left: auto; } #menu li:hover ul, #menu li.sfhover ul {left: auto; } #menu li.menuLevel0_0,#menu li.menuLevel0Active_0{ padding-left:140px;} *html #menu li.menuLevel0_0,*html #menu li.menuLevel0Active_0{ padding-left:120px;} #menu li.menuLevel0_0 a{background:url(/design/images/menu0_0.gif) no-repeat top; width:74px; color:#ffffff;} #menu li.menuLevel0_0 a:hover{background:url(/design/images/menu0_0.gif) no-repeat bottom; color:#535353;} #menu li.menuLevel0Active_0 a{background:url(/design/images/menu0_0.gif) no-repeat bottom; width:74px; color:#535353;} #menu li.menuLevel0Active_0 a:hover{background:url(/design/images/menu0_0.gif) no-repeat bottom; width:74px; color:#535353;} #menu li.menuLevelNumInLevel01 a{background:url(/design/images/menu0_1.gif) no-repeat bottom;width:79px;} #menu li.menuLevelNumInLevel01 a:hover{background:url(/design/images/menu0_1.gif) no-repeat top;} #menu li.menuLevelNumInLevel02 a{background:url(/design/images/menu0_2.gif) no-repeat bottom;width:85px;} #menu li.menuLevelNumInLevel02 a:hover{background:url(/design/images/menu0_2.gif) no-repeat top;} #menu li.menuLevelNumInLevel03 a{background:url(/design/images/menu0_3_090504.gif) no-repeat bottom;width:104px;} #menu li.menuLevelNumInLevel03 a:hover{background:url(/design/images/menu0_3_090504.gif) no-repeat top;} #menu li.menuLevelNumInLevel04 a{background:url(/design/images/menu0_4.gif) no-repeat bottom;width:123px;height:28px;padding:1px 0 0 0;} #menu li.menuLevelNumInLevel04 a:hover{background:url(/design/images/menu0_4.gif) no-repeat top;} #menu li.menuLevelNumInLevel05 a{background:url(/design/images/menu0_5.gif) no-repeat bottom;width:85px;} #menu li.menuLevelNumInLevel05 a:hover{background:url(/design/images/menu0_5.gif) no-repeat top;} #menu li.menuLevelNumInLevel06 a{background:url(/design/images/menu0_6.gif) no-repeat bottom;width:104px;} #menu li.menuLevelNumInLevel06 a:hover{background:url(/design/images/menu0_6.gif) no-repeat top;} #menu li.menuLevelNumInLevel07{ position:absolute; top:0; left:0;} *html #menu li.menuLevelNumInLevel07{ position:relative; top:-29px;} #menu li.menuLevelNumInLevel07 a{background:url(/design/images/menu0_7.gif) no-repeat bottom;width:104px;} #menu li.menuLevelNumInLevel07 a:hover{background:url(/design/images/menu0_7.gif) no-repeat top;} #menu li.menuLevelNumInLevel01 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel02 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel03 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel04 ul a{background:none;background-image:none;height:auto;padding:5px 0 2px 8px; width:auto;display:block;} #menu li.menuLevelNumInLevel05 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel06 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel07 ul a{background:none;background-image:none; width:auto;display:block;} #menu li.menuLevelNumInLevel01 ul a:hover{background:#3a8fd7;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel02 ul a:hover{background:#f68b2c;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel03 ul a:hover{background:#f351ba;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel04 ul a:hover{background:#812c8b;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel05 ul a:hover{background:#61cc31;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel06 ul a:hover{background:#1dc4b6;background-image:none; color:#FFFFFF;} #menu li.menuLevelNumInLevel07 ul a:hover{background:#767676;background-image:none; color:#FFFFFF;} /*===================================================*/