/************************************************************************* _____ _____ _ __ _ _____ _ __ _____ _____ | _ \ / _ \ | | | \ | | |_ _| | | / / | ____| | _ \ | |_| | | | | | | | | \| | | | | | __ / / | |__ | |_| | | ___/ | | | | | | | |\ | | | | | / | / / | __| | _ { | | | |_| | | | | | \ | | | | |/ |/ / | |___ | |_| | |_| \_____/ |_| |_| \_| |_| |___/|___/ |_____| |_____/ ************************************************************************** Copyright 2010 POINT WEB type : screen categorie : structure site Auteur : site : **************************************************************************/ *{ margin:0; padding:0; outline:none; } /*fix bug navigateur*/ .myhr{ clear:both; height:0; overflow:hidden; visibility:hidden; } #jserror{ background:#FFFFCC; border:#FF0000 solid 1px; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left; } #jserror dt{ font-weight:bold; } body{ background:url(../images/bg_body.jpg) repeat-x left top #252124; font-family:Verdana, Geneva, sans-serif} #global{ width:995px; margin:0 auto} .bleu{ color:#129a8c} .douze{ font-size:12px;} .img1{ float:left; margin-right:15px; border:solid 1px #5e5a5a} .marge_bas{ margin-bottom:8px} .clear{ clear:both} .left{ float:left} .marge_droite{ margin-right:20px} /*---------------------------< HEADER >---------------------------*/ #header{ width:995px; height:239px; float:left;} /*------< header_left >------*/ #header_left{ float:left; width:231px; height:239px; background:url(../images/bg_header_left.jpg) no-repeat left top;} /*module_compte*/ #module_compte{ background:url(../images/bg_module_compte.jpg) no-repeat left top; width:161px; height:45px; padding:10px 0 0 70px} #module_compte h2{ background:url(../images/titre_module_compte.jpg) no-repeat left top; text-indent:-9999px; width:109px; height:17px} #module_compte p{ font-size:11px; color:#757366} #module_compte a{ color:#757366; text-decoration:none} #module_compte a:hover{ text-decoration:underline} /*module_panier*/ #module_panier{ background:url(../images/bg_module_panier.jpg) no-repeat left top; width:161px; height:42px; padding:12px 0 0 70px} #module_panier h2{ background: url(../images/titre_module_panier.png) no-repeat left top; width:103px; height:18px; text-indent:-9999px} #module_panier a{ color:#22e0d1; text-decoration:none; font-size:11px} #module_panier a:hover{ text-decoration: underline} /*module_recherche*/ #module_recherche{ height:66px; width:231px; padding:20px 0 0 0} #module_recherche h2{ background:url(../images/titre_module_recherche.png) no-repeat left top; width:139px; height:10px; text-indent:-9999px; margin-bottom:5px} #module_recherche fieldset{ border:none} #module_recherche legend{ display:none} #module_recherche label{ display:none} #module_recherche input[type=text]{ background:#ffffff; border:1px solid #178577; color:#333333; float:left; height:18px; width:190px} #module_recherche input[type=text]:hover{ background:#cec9ae;} #module_recherche input[type=text]:focus{ background:#cec9ae;} #module_recherche input[type=submit]{ background:#8a8670; border:1px solid #6f6c5b; font-weight:bold; color:#fff; float:left; height:20px; margin-left:6px} /*titre_produits*/ #titre_produits{ background:url(../images/titre_produits.jpg) no-repeat left top; width:231px; height:44px; text-indent:-9999px} /*------< header_right >------*/ #header_right{ float:left; width:644px; height:169px; background:url(../images/bg_header_right.jpg) no-repeat left top; padding:70px 0 0 120px;} #subMenu{ display:none} h1{ display:none} #1976{ } /*---------------------------< WRAPPER >---------------------------*/ /*------< wrapper_left >------*/ #wrapper_left{ float:left; width:227px; margin-left:1px} /*menu nos produits*/ #nos_produits{ border:1px solid #656251;} #nos_produits dl{ padding:10px; border-bottom: 1px dotted #292728; background:#cec9ae } #nos_produits dt{ font-weight:bold; font-size:12px; } #nos_produits dt a{color:#292728; text-decoration:none; background:url(../images/ico_fleche_menu.png) no-repeat left top; padding-left:15px} #nos_produits dt a:hover{ color:#129a8c} #nos_produits dd { display:none} #nos_produits dd li{ list-style-type:none; margin-left:16px} #nos_produits dd a{ font-size:10px; list-style-type:none; background:url(../images/ico_puce_menu.png) no-repeat left top; padding-left:10px; text-decoration:none; color:#2a2929;} #nos_produits dd a:hover{ font-weight:bold; text-decoration:underline; color:#129a8c} /*menu_gamme*/ #menu_gamme{} #menu_gamme ul{background:#8a8670; border-right:1px solid #656251; border-left:1px solid #656251;} #menu_gamme h2{ background:url(../images/titre_menu_gamme.jpg) no-repeat left top #656251; text-indent:-9999px; height:45px; width:227px;} #menu_gamme li{ height:22px; list-style-type:none; border-bottom:1px dotted #e3dec6; padding:8px 10px 0 12px} #menu_gamme li h3{ font-weight:normal; font-size:12px} #menu_gamme li a{ color:#fff; text-decoration:none;background:url(../images/ico_fleche_gamme.png) no-repeat left top; padding-left:15px} #menu_gamme li a:hover{ color:#3f3c2e} #menu_gamme p{ background:url(../images/bg_menu_gamme_bottom.png) no-repeat left top; width:227px; height:12px; text-indent:-9999px} /*btn_catalogue*/ #btn_catalogue{ background:url(../images/btn_catalogue.png) no-repeat left top; width:170px; height:28px; margin-top:20px; padding:30px 0 0 60px} #btn_catalogue a{ color:#fff; font-size:11px} /*------< wrapper_right >------*/ #wrapper_right{ float:left; width:767px;} /*menu*/ h5{ font-size:18px; color:#fff; background: url(../images/bg_titre.jpg) no-repeat left top; padding-left:30px; line-height:13px; margin-bottom:30px} h5 strong{ color:#0eab9a;} h5 em{ font-size:11px; color:#7d7d7d} h5 span{ font-size:14px; color:#ccc} .titre a{ color:#fff; text-decoration:none;} #menu{ width:434px; height:42px} #menu li{ list-style-type:none; float:left} #menu a{ display:block; height:42px; text-indent:-9999px} #btn_accueil a{ background:url(../images/btn_accueil.jpg) no-repeat left top; width:97px;} #btn_accueil a:hover{ background:url(../images/btn_accueil.jpg) no-repeat left bottom;} #btn_produits a{ background:url(../images/btn_produit.jpg) no-repeat left top; width:98px;} #btn_produits a:hover{ background:url(../images/btn_produit.jpg) no-repeat left bottom;} #btn_liens a{ background:url(../images/btn_liens.jpg) no-repeat left top; width:133px;} #btn_liens a:hover{ background:url(../images/btn_liens.jpg) no-repeat left bottom;} #btn_contact a{ background:url(../images/btn_contact.jpg) no-repeat left top; width:106px;} #btn_contact a:hover{ background:url(../images/btn_contact.jpg) no-repeat left bottom;} /*content*/ #content{ padding:36px 0 30px 25px; float:left; width:742px } #content p{ color:#cccccc; font-size:11px; line-height:16px} #content .lien{ color: #0eab9a;} #content .lien:hover{ color:#76a896} #content .liste{ font-size:11px; color:#cccccc; line-height:16px;} #content .liste li{ list-style-type:none; } #content .puce_ss_titre{ margin-right:5px} #content .liste_pompes{ float:left; border:solid 1px #5e5a5a; background:#3d3b3c; padding:10px; margin:8px 10px 0 0; height:80px; margin-bottom:15px} /*block_a_deplier*/ .block_a_deplier_lien{ display:none; float:left; width:580px} .block_a_deplier{ display:none; margin-bottom:10px; float:left; width:730px} .deplier a{ color:#129a8c; text-decoration:none; font-size:14px; display:block; padding:15px 0 15px 50px} .deplier a:hover{ color:#08d7c1} .zoom_titre{ border:1px solid #5e5c5d; background: url(../images/ico_zoom.png) no-repeat 10px 10px #4d4b4c; margin-bottom:10px; clear:both;} .separateur{ clear:both; border-bottom:none; border-left:none; border-right:none; margin:22px 0 22px 0} /*block_video*/ #block_video{ background:url(../images/bg_video.png) no-repeat left top; width:114px; height:46px; float:left; margin-right:20px; padding:35px 0 0 75px} #block_video a{ color:#757171; font-size:10px; line-height:10px} #block_video a:hover{ color:#8e8b8b} /*partenaire*/ .blocPartenaire dl{ padding-bottom:10px; padding-top:10px; border:solid 1px #5e5a5a; background:#3d3b3c; padding:15px; width:120px; margin:10px; float:left} .blocPartenaire dt{font-size:12px; color:#129a8c; margin-bottom:5px; } .blocPartenaire dd img{ border:1px solid #5e5a5a} .blocPartenaire dd a{ color:#666666; font-size:11px; line-height:16px; text-align:center} .blocPartenaire dd a:hover{ color:#129a8c} /*listing_produit*/ .choix_categorie{ border:1px solid #5e5c5d; background: url(../images/ico_logo.png) no-repeat 15px 20px #4d4b4c; padding:15px 15px 15px 80px; margin:0 18px 25px 5px} .choix_categorie fieldset{ border:none} .choix_categorie legend{ font-size:12px; color:#ccc} .choix_categorie select{ width:400px; margin-top:5px} .listing_produit{ border:1px solid #545354; background:#3d3b3c; width:201px; height:180px; float: left; padding:15px; margin:5px} .listing_produit dt{ font-size:11px; margin-bottom:10px; height:13px; overflow:hidden} .listing_produit .photo img{ border:solid 1px #5e5a5a} .listing_produit .savoir{text-align:right; margin-top:4px; margin-right:5px} .listing_produit .savoir a{ color:#777777; font-size:11px; background:url(../images/ico_puce_plus.jpg) no-repeat right top; padding:0 15px 0 0; } .listing_produit .savoir a:hover{ color:#129a8c} /*detail_produit*/ .produit_detail dt{ border:1px solid #545354; background:#3d3b3c; padding:8px 16px 8px 16px; font-size:14px; margin-bottom:15px} .produit_detail .description{ font-size:11px; color:#ccc} .produit_detail .prix{ font-size:14px; margin-top:25px} .produit_detail .icones{ text-align:right} .produit_detail .icones a img{ border:none} /*pagination*/ .pagination{ margin:20px 10px 10px 0; text-align:center} .pagination ul{ list-style-type:none} .pagination li{ display:inline; color:#808080; font-size:10px} .pagination li a{ color:#808080; font-size:10px} .pagination li a:hover{ color:#129a8c} .pagination li a.activ{ font-weight:bold; color:#129a8c} /*form_seconnecter*/ #form_seconnecter fieldset{ border:1px solid #666666; padding:0 25px 25px 25px; margin:10px 0 15px 0 ; background: url(../images/ico_cadena.png) no-repeat 10px 25px;} #form_seconnecter legend{ font-weight:bold; color:#0eab9a; font-size:12px;} #form_seconnecter div{ padding-left:110px; float:left; margin-bottom:5px} #form_seconnecter label{font-size:12px;color:#fff; float:left; width:140px;} #form_seconnecter input[type=text]{ float:left; width:350px; background:#e3dec6; font-size:11px; color:#333; border:1px solid #f4f0dc; height:20px} #form_seconnecter input[type=text]:hover{ background:#cec9ae; } #form_seconnecter input[type=text]:focus{ background:#cec9ae} #form_seconnecter input[type=password]{ float:left; width:350px; background:#e3dec6; font-size:11px; color:#333; border:1px solid #f4f0dc; height:20px} #form_seconnecter input[type=password]:hover{ background:#cec9ae; } #form_seconnecter input[type=password]:focus{ background:#cec9ae} #form_seconnecter input[type=submit]{ height:30px; background:#0eab9a; border:solid 1px #11c4b1; color:#fff; font-weight:bold; margin:10px 0 0 140px; width:350px; clear:both; } /*form_oublier*/ #form_oublier fieldset{ border:1px solid #666666; padding:0 25px 25px 25px; margin:10px 0 15px 0 ; background:url(../images/ico_cles.png) no-repeat left 20px;} #form_oublier legend{ font-weight:bold; color:#0eab9a; font-size:12px;} #form_oublier div{ float:left; margin-bottom:5px; padding-left:90px} #form_oublier label{font-size:12px;color:#fff; float:left; width:50px;} #form_oublier input[type=text]{ float:left; width:450px; background:#e3dec6; font-size:11px; color:#333; border:1px solid #f4f0dc; height:20px} #form_oublier input[type=text]:hover{ background:#cec9ae; } #form_oublier input[type=text]:focus{ background:#cec9ae} #form_oublier input[type=submit]{ height:30px; background:#0eab9a; border:solid 1px #11c4b1; color:#fff; font-weight:bold; margin:10px 0 0 50px; width:450px; clear:both; } /*compte_perso*/ #compte_perso{ border:1px dotted #666666; padding:15px 15px 20px 80px; margin:0 0 15px 0; background:url(../images/ico_perso.png) no-repeat left 15px;} /*compte_pro*/ #compte_pro{ border:1px dotted #666666; padding:15px 15px 20px 80px; margin:0; background:url(../images/ico_pro.png) no-repeat left 15px; } /*inscription_compte*/ .inscription_compte p{ float:left;border:1px solid #545354; background:#3d3b3c; padding:5px; margin:25px 0 10px 0; width:655px} .inscription_compte fieldset{ border:1px solid #666666; border:1px solid #666666; padding:0 20px 20px 20px; margin-top:10px ; width:670px } .inscription_compte legend{font-weight:bold; color:#e3dec6; font-size:12px;} .inscription_compte div{ float:left; margin-bottom:5px; font-size:11px; color:#fff} .inscription_compte label{font-size:12px;color:#fff; float:left; width:200px;} .inscription_compte input[type=text]{ float:left; width:465px; background:#e3dec6; font-size:11px; color:#333; border:1px solid #f4f0dc; height:20px} .inscription_compter input[type=text]:hover{ background:#cec9ae; } .inscription_compte input[type=text]:focus{ background:#cec9ae} .inscription_compte input[type=password]{ float:left; width:465px; background:#e3dec6; font-size:11px; color:#333; border:1px solid #f4f0dc; height:20px} .inscription_compter input[type=password]:hover{ background:#cec9ae; } .inscription_compte input[type=password]:focus{ background:#cec9ae} .inscription_compte input[type=submit]{ height:30px; background:#0eab9a; border:solid 1px #11c4b1; color:#fff; font-weight:bold; margin:10px 0 0 200px; width:465px; clear:both; } /*panier*/ #monpanier{ border:solid 2px #545354; margin:20px 0 0 0} #monpanier tr{ color:#fff;} #monpanier td{border-bottom:solid 1px #545354; border-right:solid 1px #545354; font-size:12px; padding:5px; color:#fff; border-top:none; border-left:none;} #monpanier td td{border:none} #monpanier .titre_tableau{ background:#0eab9a; font-weight:bold; color:#fff} #monpanier .resultat{ background:#e3dec6; font-weight:bold; color:#087469} #monpanier .centre{ text-align:center} #monpanier .total{ background:#383637;} #monpanier a img{ border:none} #monpanier .ligne_clair{ background:#383637; color:#fff} .espace_droit{ margin-right:20px} /*---------------------------< FOOTER >---------------------------*/ #footer{ background:url(../images/bg_footer_repeat.png) repeat-x left top; clear:both; height:163px} #footer_global{ width:995px; margin:0 auto} /*------< footer_top >------*/ #footer_top{ width:995px; height:107px; padding:26px 0 0 0; font-size:10px; color:#898889; float:left} /*footer_top_left*/ #footer_top_left{ float:left; width:497px } #footer_top_left h6{ text-indent:-9999px; background: url(../images/titre_footer_coordonnees.jpg) no-repeat left top; height:18px; width:157px; margin-bottom:10px} #footer_top_left a{ color:#898889; text-decoration:none; } #footer_top_left a:hover{color:#0c9183} /*footer_top_right*/ #footer_top_right{ float:left; width:497px; text-align:right} #footer_top_right h6{ text-indent:-9999px; background:url(../images/titre_footer_liens.jpg) no-repeat left top; height:18px; width:125px; margin-bottom:10px; margin-left:375px} #footer_top_right a{ color:#898889; text-decoration:none} #footer_top_right a:hover{color:#0c9183} /*------< footer_bottom >------*/ #footer_bottom{ height:20px; width:995px; text-align:center; font-size:11px; color:#6d6868; padding-top:10px } #footer_bottom a{ color:#6d6868; text-decoration:none;} #footer_bottom a:hover{ color:#0c9183}