*{margin:0;padding:0} body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.7em; color:black; background:black url(../images/uk/bg.gif) no-repeat center top; } #global{width:960px;margin:0 auto} #header, #wrapper, #footer, ul#menu{width:960px} #logo{display:block;position:absolute;top:21px;} #logo a{width:200px;height:98px;display:block} #logo h2, #logo h1{ display:none; } #header{float:left;background:transparent url(../images/uk/header.jpg) no-repeat left top;position:relative;} #header.shop{background:transparent url(../images/uk/header_shop.jpg) no-repeat left top;} a{text-decoration:none;outline:none} sup{font-size:8px} ul{list-style:none} /*////////////////////////////////////////////////////////////////////////////////// #lang + #header_search ///////////////////////////////////////////////////////////////////////////////////*/ #lang {position:absolute;top:44px;right:-19px} #lang ul{list-style:none} #lang ul li a{display:block;width:19px;height:18px;text-indent:-9000px} #lang ul li a.fr{background:url(../images/uk/flag_fr.jpg) no-repeat left top} #lang ul li a.en{background:url(../images/uk/flag_en.jpg) no-repeat left top} #lang ul li a.actif{background-position:left top} #lang ul li a.inactif{background-position:left bottom} #lang ul li a.inactif:hover{background-position:left top} #header_search{position:relative;float:right;margin:90px 4px 0 0;height:25px;width:175px} #header_search fieldset{border:none} #header_search legend{display:none} #header_search input{ background:transparent url(../images/uk/header_search.jpg) no-repeat left top; border:none; color:#ccc; font-size:11px; width:130px; height:16px; padding:6px 35px 3px 10px; } #header_search a{display:block;height:20px;width:30px;text-indent:-9000px;position:absolute;top:2px;right:2px} .bienvenue{position:absolute;padding:3px 0 0 5px;color:white} .bienvenue strong{color:#57b5f9} #home_information{background:url(../images/uk/infos.jpg) no-repeat left top;height:145px;width:545px;display:block;position:relative} #mail_accueil{display:block;height:20px;width:110px; text-indent:-9000px;position:absolute;top:100px;right:40px} /*////////////////////////////////////////////////////////////////////////////////// #sub_header ///////////////////////////////////////////////////////////////////////////////////*/ #sub_header {position:absolute;top:0;right:0;width:256px;height:60px;overflow:hidden} #sub_header ul{list-style:none;} #sub_header ul li{float:left;cursor:pointer} #sub_header ul li a{display:block;height:120px;text-indent:-9000px;margin-top:0;position:relative} #sub_header ul li a.commande{background:url(../images/uk/onglet_commande.png) no-repeat left top;width:110px;z-index:1;margin-right:-30px} #sub_header ul li a.compte{background:url(../images/uk/onglet_compte.png) no-repeat left top;width:110px;z-index:2;margin-right:-30px} #sub_header ul li a.contact{background:url(../images/uk/onglet_contact.png) no-repeat left top;width:95px;z-index:3} #sub_header ul li a:hover{margin-top:-60px;cursor:pointer} /*////////////////////////////////////////////////////////////////////////////////// #menu ///////////////////////////////////////////////////////////////////////////////////*/ ul#menu{height:72px;background:url(../images/uk/menu_bg.gif) repeat-x left top;margin-top:144px;position:relative;z-index:100} ul#menu li{ float:left; display:block; height:72px; background:url(../images/uk/menu_limit.jpg) no-repeat right top; text-align:center; color:white; position:relative; z-index:50; } ul#menu li.first{background:url(../images/uk/menu_left.jpg) no-repeat left top;width:155px;padding-right:3px} ul#menu li.last{background:url(../images/uk/menu_right.jpg) no-repeat -5px top;width:194px;float:right;z-index:10} ul#menu li.first a{background:url(../images/uk/m1.jpg) no-repeat left -43px} ul#menu li.last a{background:url(../images/uk/m8.jpg) no-repeat left -43px} ul#menu li.menu_none {background:url(../images/uk/m_none.jpg) no-repeat -5px top;z-index:10} ul#menu li.m2{width:73px} ul#menu li.m4{width:123px} ul#menu li.m3{width:104px} ul#menu li.m5{width:62px} ul#menu li.m6{width:97px} ul#menu li.m7{width:114px} ul#menu li.m9{width:88px} ul#menu li.m10{width:95px} ul#menu li.m11{width:62px} ul#menu li.m12{width:88px} ul#menu li.m2 a{background:url(../images/uk/m2.jpg) no-repeat left top} ul#menu li.m3 a{background:url(../images/uk/m3.jpg) no-repeat left top} ul#menu li.m4 a{background:url(../images/uk/m4.jpg) no-repeat left top} ul#menu li.m5 a{background:url(../images/uk/m5.jpg) no-repeat left top} ul#menu li.m6 a{background:url(../images/uk/m6.jpg) no-repeat left top} ul#menu li.m7 a{background:url(../images/uk/m7.jpg) no-repeat left top} ul#menu li.m9 a{background:url(../images/uk/m9.jpg) no-repeat left top} ul#menu li.m10 a{background:url(../images/uk/m10.jpg) no-repeat left top} ul#menu li.m11 a{background:url(../images/uk/m11.jpg) no-repeat left top} ul#menu li.m12 a{background:url(../images/uk/m12.jpg) no-repeat left top} ul#menu li a{display:block;height:43px;text-indent:-9000px} ul#menu li a:hover{background-position:left bottom} ul#menu li.first a:hover{background-position:left top} ul#menu li.last a:hover{background-position:-5px top} /* sous menu */ ul#menu li ul.sousMenu{ background:white url(../images/uk/sous_menu_bg.jpg) no-repeat left top; width:175px; border-bottom:1px solid #333; position:absolute; top:41px; left:-2px; display:none; z-index:50; } ul#menu li.menu_item:hover ul.sousMenu{display:block} ul#menu li ul.sousMenu li{ background:url(../images/uk/sous_menu_puce.png) no-repeat left top; border-left:1px solid #333; border-right:1px solid #333; clear:left; height:auto; font-weight:bold; text-align:left; } ul#menu li ul.sousMenu li a{line-height:95%;background-image:none;text-indent:18px;height:13px;width:173px;display:block;color:black;text-decoration:none} ul#menu li ul.sousMenu li a:hover{cursor:pointer;color:white;width:173px;display:block;height:13px;background:url(../images/uk/sous_menu_over.png) no-repeat left top;} ul#menu li ul.sousMenu li.first{padding-top:12px;border:none;background:none} ul#menu li ul.sousMenu li.last{width:173px;float:left;background:url(../images/uk/sous_menu_footer.jpg) no-repeat left bottom} ul#menu li ul.sousMenu li ul li{background:none;border:none} /*////////////////////////////////////////////////////////////////////////////////// #wrapper ///////////////////////////////////////////////////////////////////////////////////*/ #wrapper{background:white url(../images/uk/bg_wrapper.gif) repeat-y left top;height:100%;float:left} #wrapper.team{background:white url(../images/uk/bg_wrapper_team.gif) repeat-y left top;height:100%;float:left} #wrapper div#bloc_left, #wrapper div#bloc_center{float:left} /*////////////////////////////////////////////////////////////////////////////////// #bloc_left ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_left{width:200px;padding-left:7px;background:black url(../images/uk/bloc_left_footer.gif) no-repeat 94px bottom;margin-bottom:10px;font-size:10px} #bloc_left div.bloc1{background:url(../images/uk/bloc_left_bg.jpg) no-repeat left 8px;padding-left:7px;margin-left:-7px} #bloc_left div.bloc{margin-bottom:6px} #bloc_left div.bloc, #bloc_left div.bloc h3{width:200px} #bloc_left div.bloc h3, #bloc_left div.bloc h2{height:50px;margin-top:10px;text-indent:-9000px} #bloc_left div.bloc h3.catalogue{background:url(../images/uk/bloc_left_h3_catalogue.jpg) no-repeat left top;margin-top:-8px;} #bloc_left div.bloc h3.revendeur{background:url(../images/uk/bloc_left_h3_revendeurs.jpg) no-repeat left top} #bloc_left div.bloc h3.partenaire{background:url(../images/uk/bloc_left_h3_partenaires.jpg) no-repeat left top} #bloc_left div.bloc h3.rapid{background:url(../images/uk/bloc_left_h3_rapid.jpg) no-repeat left top;margin-top:-7px} #bloc_left div.bloc h3.compte{background:url(../images/uk/bloc_left_h3_compte.jpg) no-repeat left top} #bloc_left div.bloc h3.panier{background:url(../images/uk/bloc_left_h3_panier.jpg) no-repeat left top} #bloc_left div.bloc h3.newsletter{background:url(../images/uk/bloc_left_h3_news.jpg) no-repeat left top} #bloc_left div.bloc div.wrapper, #bloc_left div.bloc div.footer{width:185px} #bloc_left div.bloc div.wrapper{width:185px;background:url(../images/uk/bg_blocWrapper2.gif) repeat-y left top} #bloc_left div.bloc div.wrapper .content{background:url(../images/uk/bloc_left_wrapper_bg.jpg) no-repeat 1px top;padding-left:7px;padding-right:7px} #bloc_left div.bloc div.footer, #bloc_left div.bloc div.foot1, #bloc_left div.bloc div.foot2{background:url(../images/uk/bloc_left_blocFooter.jpg) no-repeat;height:21px;text-align:center;width:185px;font-size:10px;font-weight:bold} #bloc_left div.bloc div.foot1{background-position:left -21px;padding-top:3px;height:18px} #bloc_left div.bloc div.foot2{height:31px;background-position:left -42px;text-align:left;padding:5px 0 0 20px;width:165px} #bloc_left div.bloc input, #bloc_left div.bloc select{color:#666;border:1px solid #999;width:170px;font-size:11px;margin-bottom:5px} #bloc_left div.bloc2{background:none} #bloc_left div.bloc2 h3.catalogue{background-position:left bottom;margin-top:0} #bloc_left div#bloc_cat.bloc{background:url(../images/uk/bloc_left_bg.jpg) no-repeat left 0px;padding-left:7px;margin-left:-7px} #bloc_left div#bloc_cat.bloc h2.cat, #bloc_left div.bloc h2.cat{height:40px;margin-top:0} #bloc_left div#bloc_cat.bloc h2.m1{background:url(../images/uk/h3_cat1.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m43{background:url(../images/uk/h3_cat2.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m41{background:url(../images/uk/h3_cat11.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m3{background:url(../images/uk/h3_cat1.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m4{background:url(../images/uk/h3_cat1.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m5{background:url(../images/uk/h3_cat5.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m6{background:url(../images/uk/h3_cat6.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m8{background:url(../images/uk/h3_cat1.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc h2.m45{background:url(../images/h3_cat45.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc div.wrapper{background:url(../images/uk/bloc_cat_wrapper.gif) repeat-y left top} #bloc_left div#bloc_cat.bloc div.footer{ background:url(../images/uk/cat_footer.gif) no-repeat left top;width:200px;height:15px} #bloc_left div#bloc_cat.bloc ul{list-style:none;padding:0 2px} #bloc_left div#bloc_cat.bloc ul li{display:block;height:15px} #bloc_left div#bloc_cat.bloc ul li h3{ margin:0; padding:0; line-height:8px; font-size:10px; font-weight:normal} #bloc_left div#bloc_cat.bloc ul li a, #bloc_left div#bloc_cat.bloc ul li span {text-indent:20px;display:block;width:181px;height:11px;color:white} #bloc_left div#bloc_cat.bloc ul li a:hover{background:url(../images/uk/cat_a_hover.jpg) no-repeat left top} #bloc_left div#bloc_cat.bloc ul li span.active{background:url(../images/uk/cat_a_hover.jpg) no-repeat left top} #bloc_left div.rapid1{background:url(../images/uk/bloc_left_bg.jpg) no-repeat left 10px;padding-left:7px;margin-left:-7px} #bloc_left div.rapid1 h3.rapid{background:url(../images/uk/bloc_left_h3_rapid2.jpg) no-repeat left top;margin-top:-10px;} /*////////////////////////////////////////////////////////////////////////////////// bloc_panier ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_panier .BlocContent{padding:0 2px} #bloc_panier p.arrow{cursor:pointer;display:block;width:181px;height:14px} #bloc_panier p.panier_up{background:url(../images/uk/panier_up.gif) no-repeat left top;margin:0px 0 2px 0} #bloc_panier p.panier_dwn{background:url(../images/uk/panier_down.gif) no-repeat left top;margin-Top:0px} #bloc_panier p.arrow:hover{background-position:left -14px} #bloc_panier .foot1 a:hover{color:#b36f05} #bloc_panier ul.wrapper{list-style:none; position:absolute} #bloc_panier ul.wrapper li{padding:3px;width:175px;height:52px;overflow:hidden;margin-bottom:2px;background:url(../images/uk/bg_itemsPanier.gif) repeat-x left top} #bloc_panier ul.wrapper li p.titre{height:20px;margin-bottom:4px} #bloc_panier ul.wrapper li span.plus:hover, #bloc_panier ul.wrapper li span.moins:hover{background-position:left -16px} #bloc_panier ul.wrapper li span.quantite{display:block;float:left;padding-top:2px} #bloc_panier ul.wrapper li p.titre a{color:#cc9900} #bloc_panier ul.wrapper li p.titre a:hover{text-decoration:underline} #bloc_panier ul.wrapper a.img{border:1px solid #e9e9e9;overflow:hidden;display:block;float:left;margin-right:2px;width:35px;height:35px} #bloc_panier ul.wrapper a.img:hover{border:1px solid #cc9900} #bloc_panier ul.wrapper a img{border:none;width:35px;height:35px} /*////////////////////////////////////////////////////////////////////////////////// #bloc_center ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_center{width:753px;background:white url(../images/uk/bg_center.gif) repeat-y right top} #ariane{float:left;background:#ebebeb url(../images/uk/ariane_bg.jpg) repeat-y left bottom;width:565px} #ariane p{background:url(../images/uk/ariane_light.jpg) no-repeat left top;padding:10px;width:545px;min-height:12px} #contenu{float:left;width:545px;background:white url(../images/uk/ariane_border.jpg) no-repeat left top;padding:10px} #contenu.home{padding:20px 0 0 0;width:565px} #bloc_center.noiziteam_details{width:753px;background:none} #bloc_center.noiziteam_details #contenu{background:black;padding-top:0;color:white;min-height:100%;position:relative} #bloc_center.noiziteam_details #ariane{display:none} #flashAccueil{width:565px;height:650px} /* noiziteam */ .teamBigImg{padding-bottom:15px;} /*.teamBigImg img{width:545px}*/ .teamLogo{margin:0 10px 10px 0;float:left} .teamLogo img{width:150px;margin:20px 0 10px 0} .more_team{border-bottom:1px dashed #898989;padding:20px 0 10px 0;} .more_team ul{width:415px} .more_team ul.link{width:415px;padding-bottom:10px;float:right} .more_team ul.link li{float:left;display:block;width:135px;text-align:center} .more_team ul.link li a{color:#666666;text-decoration:none;font-weight:bold} .more_team ul.link li a.actif{color:#a91f4d;text-decoration:underline;font-weight:bold} .more_team ul.link li a:hover{text-decoration:underline;color:#a91f4d} .more_team p.floatLeft img{width:120px;margin-right:10px} .more_team h3{color:#a91f4d;font-weight:bold;font-size:12px} .addict{background:url(../images/uk/addict.gif) no-repeat left bottom;padding-bottom:65px} b.corner{ background:url(../images/uk/corner.gif) no-repeat left top; display:block; width:8px; height:8px; position:absolute; top:0; right:-8px; } .slider_clip{position:relative; min-height:100px;overflow:hidden;width:415px} .slideMoreTeam{position:relative;width:1245px} .moreteam_items{width:415px;float:left;} .moreteam_items ul.audio li{display:block;width:415px;min-height:20px;float:left;clear:left;margin-bottom:5px; background-color:#666666} .moreteam_items ul.audio li span{display:block;padding:2px;width:211px;float:left;} #dewplayer_content.team_audio{position:inherit;float:right;display:block;width:200px} /*////////////////////////////////////////////////////////////////////////////////// blocLisitng ///////////////////////////////////////////////////////////////////////////////////*/ .blocListing{width:267px;background:url(../images/uk/bg_lisiting.jpg) no-repeat right bottom;float:left;margin-bottom:20px;position:relative;height:190px} .listing_img{background:url(../images/uk/elipse_imgListing.jpg) no-repeat right top;height:190px;width:100px;padding-right:7px} .listing_text{width:150px;height:190px;padding-left:10px} div.listing_img, div.listing_text{display:block;float:left} .listing_text strong{display:block} .listing_text h3 a{ color:#000; font-size:11px;} .listing_text div, .lisiting_text p{width:150px} .listing_cat{height:60px} .listing_cat a img{ border:none; } .listing_cat strong.cat{background:#333 url(../images/uk/puce_listing.gif) no-repeat left top;height:13px;color:white;margin-left:-13px;position:relative;text-indent:14px;margin-bottom:5px} /*.listing_title{font-size:10px;height:30px}*/ .listing_prix{height:30px;background:url(../images/uk/bg_prix.jpg) no-repeat left top;padding:5px 0 0 12px;} .listing_prix strong{font-size:18px;} .details_ancienPrix2 strike{font-size:9px} .listing_title{ height:20px} .listing_details{clear:both;padding:10px 0 8px 0; min-height:23px} .listing_details span.details_stocks_listing{margin:0 0 0 0;position:relative;margin-left:-10px;font-size:9px;height:15px;padding:5px 0 0 30px;display:block;font-weight:bold;background:url(../images/details_stocks.gif) no-repeat left top} .listing_details span.stocks_type1{background-position:left top;color:#cccc33} .listing_details span.stocks_type2{background-position:left -20px;color:#ff9900} .listing_details span.stocks_type6,.listing_details span.stocks_type3,.listing_details span.stocks_type4,.listing_details span.stocks_type5{background-position:left -40px;color:#990000} .listing_details a{display:block;text-decoration:underline;color:#911032;height:15px;background:url(../images/uk/puce_details.gif) no-repeat left 2px;padding-left:15px} .listing_details a:hover{color:black} .listing_addCart{height:8px;color:white;font-size:9px;text-align:left;margin-top:-6px;position:relative} .listing_addCart a{cursor:pointer;color:white;font-weight:bold;margin-left:2px} .listing_addCart a:hover{text-decoration:underline} div.solde{background:url(../images/soldes.png) no-repeat left top;width:64px;height:144px;position:absolute;left:50px;z-index:2;text-indent:-9000px} /*////////////////////////////////////////////////////////////////////////////////// #bloc_right ///////////////////////////////////////////////////////////////////////////////////*/ #bloc_right{width:188px;background:#ebeef2 url(../images/uk/right_top.jpg) no-repeat left top;padding-top:10px;float:right} #actu{padding:8px 7px 30px 12px;/*height:702px;*/background:white url(../images/uk/bloc_right_bg.jpg) no-repeat left bottom} #actu h3{width:169px;height:26px;padding-bottom:10px;text-indent:-9000px} #actu div.news h3{background:url(../images/uk/bloc_right_h3_news.jpg) no-repeat left top} #actu div.video h3{background:url(../images/uk/bloc_right_h3_video.jpg) no-repeat left top} #actu div.noiziTeam h3{background:url(../images/uk/bloc_right_h3_noiziteam.jpg) no-repeat left top} /*////////////////////////////////////////////////////////////////////////////////// #actu div.news ///////////////////////////////////////////////////////////////////////////////////*/ #actu div.news{min-height:195px;text-align:left} #actu div.news p, #actu div.news h4{padding:5px;} #actu div.news h4{font-size:11px} #actu div.news h4 small.date{color:#999999} #actu div.news a{color:#a91f4d} #actu div.news a.bt_suite{ color:#3399cc; font-size:10px; /*background:url(../images/uk/bt_suite.jpg) no-repeat left top;*/ width:96px; height:12px; text-align:center; display:block; padding:1px 0 0 0; margin:10px 5px 10px 0; float:right; } #actu div.news a.bt_suite:hover{background-position:left bottom} /*////////////////////////////////////////////////////////////////////////////////// #actu div.video ///////////////////////////////////////////////////////////////////////////////////*/ #actu div.video{ height:270px; } #actu div.video small{margin:5px 0 10px 0;float:right;color:#57b5f9} #actu div.video small a{color:#57b5f9} #actu div.video small a:hover{text-decoration:underline} #noiziTeam{height:200px;position:relative} #bloc_paiement, #bloc_livraison{position:relative;width:200px;height:height:265px} #bloc_livraison{height:382px} #bloc_paiement a, #bloc_livraison a{text-decoration:none;text-indent:-9000px;display:block;position:absolute;} #bloc_paiement a.pop1, #bloc_paiement a.pop2{top:175px;width:70px;height:13px} #bloc_paiement a.pop1{left:15px} #bloc_paiement a.pop2{left:110px} #bloc_paiement a.pop3, #bloc_livraison a.pop3{width:145px;height:30px;top:235px;left:15px} #bloc_livraison a.pop3{top:355px;height:15px;left:30px} /*#actu div#diapoTeam{position:absolute;width:160px;overflow:hidden;z-index:2;height:180px} #actu div#diapoTeam img{width:160px;border:none}*/ #bloc_paiement a.pop1,#bloc_paiement a.pop2{display:none} #diapoTeam { position:relative; /*height:180px;*/ cursor:pointer; } #diapoTeam IMG { position:absolute; top:0; left:5px; z-index:8; opacity:0.0; } #diapoTeam IMG.active { z-index:10; opacity:1.0; } #diapoTeam IMG.last-active { z-index:9; } #noiziTeam small{position:absolute;bottom:0;right:1px;color:#57b5f9} #noiziTeam small a{color:#57b5f9} #noiziTeam small a:hover{text-decoration:underline} /*////////////////////////////////////////////////////////////////////////////////// #footer ///////////////////////////////////////////////////////////////////////////////////*/ #footer{background:transparent url(../images/uk/footer.jpg) no-repeat 7px top;height:44px;margin-bottom:30px;padding-top:10px;font-size:10px} #footer ul{list-style:none;clear:left;float:left;width:780px;padding-left:180px;text-align:center;color:#999} #footer ul li{float:left;display:block} #footer ul.last{padding-top:13px;color:#333;padding-left:110px;width:850px} #footer ul li a{color:#999} #footer ul.last li a{color:#333} #footer ul li a:hover{text-decoration:underline;color:#802442} /*////////////////////////////////////////////////////////////////////////////////// class ///////////////////////////////////////////////////////////////////////////////////*/ .bt_connect{ font-weight:bold; color:#44abcb; background:url(../images/uk/bt_connect.gif) no-repeat left top; width:85px; height:17px; padding:4px 0 0 15px; display:block; cursor:pointer; font-size:10px; } .bt_connect:hover{color:#006699;background-position:left -21px} .margBot5{margin-bottom:5px} .normal{font-weight:normal} .red{color:#a91f4d} a.lienNoir{color:black} a.lienNoir:hover{text-decoration:underline} a.lienGris{color:#333} a.lienGris:hover{text-decoration:underline} a.lienBleu{color:#006699} a.lienBleu:hover{color:black;text-decoration:underline} a.lienRouge{color:#a91f4d} a.lienRouge:hover{text-decoration:underline} .newsDesc a{color:#a91f4d}