/************************************************************************/ /***** Changelog ******************************************************** Fichier CSS de la HOME. Ce fichier n'est charge QUE dans ce cas. 2010.09.23 - Ajout de CSS pour les no (nouveaux onglets) - Ajout de CSS pour les nb (nouveaux boutons) - Retrait des proprietes liees au background pour les specifier dans la globale_py /************************************************************************/ /************************************************************************/ /***** Imports **********************************************************/ /************************************************************************/ @import url(/mgd_reset.css); @import url(/mgd_global_py.css); @import url(/vad_metabar.css); @import url(/mgd_header_py.css); @import url(/mgd_footer_py.css); /*@import url(/mgd_celebros.css);*/ @import url(/mgd_no_v1.css); @import url(/mgd_nb_v1.css); /************************************************************************/ /***** CSS HOME *********************************************************/ /************************************************************************/ /* ***** GLOBAL HOME ***** */ body{background-position: center 22px; background-image:url(/hab/habillage-6fois.gif); font-family:Arial, Helvetica, sans-serif;} /*body.jour{background-image:url(/hab/habillage_generique-home.jpg)} body.nuit{background-image:url(/hab/habillage_nuit_home.jpg)}*/ #home-fev12{ width:1000px; margin:0 auto; padding:0; background:#fff;} #orangepixel{display:none} #home-fev12 a.spot-tv{ margin-left:5px;} #home-fev12 #engagements{ padding:0 10px; float:left;} #home-fev12 #slideshow{ width:560px; height:290px; position:relative; float:left;} #home-fev12 #slideshow ul#slides{ list-style-type:none; width:560px; height:250px;} #home-fev12 #slideshow ul#slides li{ position: absolute; top:0; left:0;} #home-fev12 #slideshow ul#numeros{ position:absolute; bottom:0; left:0; list-style-type:none; width:560px; height:40px;} #home-fev12 #slideshow ul#numeros{ margin:0; padding:0;} #home-fev12 #slideshow ul#numeros li{ display:inline; float:left;} #home-fev12 #slideshow ul#numeros li a{ display:block; height:20px; width:112px; background:url(/partage/images/animation/fr_fr/home-fev12_btnslider.gif); font-size:11px; color:#FFF; text-decoration:none; text-align:center; padding-top:20px;} #home-fev12 #slideshow ul#numeros li a.selected{ background:url(/partage/images/animation/fr_fr/home-fev12_btnslider-hover.gif);} #home-fev12 #avantages{ width:200px; height:290px; float:left; padding:0 10px;} #home-fev12 #avantages p.titre-relaispromo{ width:200px; height:30px; line-height:30px; text-align:center; color:#09C; font-size:20px;} #home-fev12 #avantages a.relaispromo{ display:block; float:left; padding-top:10px;} #home-fev12 h2.bonnesaffaires{ width:1000px; height:50px; background:url(/partage/images/animation/fr_fr/home-fev12_bonnes-affaires.gif); text-indent:-9999px; clear:left;} #home-fev12 #selection-noel{ width:990px; height:481px; padding:0 0 0 10px;} #home-fev12 #selection-noel .blocproduit{ width:195px; height:221px; float:left; position:relative; background:url(/partage/images/animation/fr_fr/home-fev12_sep-produits.jpg) top right no-repeat; margin-top:15px; -moz-border-radius: 15px;border-radius:15px; border:1px #fff solid;} #home-fev12 #selection-noel .blocproduit:hover{ width:195px; height:221px; -moz-border-radius: 15px;border-radius:15px; border:1px #999 solid;} #home-fev12 #selection-noel .blocproduit.last{ background:none;} #home-fev12 #selection-noel a.categorie{ display:block;font-size:14px; color:#09c; text-decoration:none; text-align:center; height:16px; line-height:16px;} #home-fev12 #selection-noel a.categorie:hover{ text-decoration:underline;} #home-fev12 #selection-noel a.marque{ display:block; font-size:12px; color:#000; text-decoration:none; text-align:center;} #home-fev12 #selection-noel a.marque:hover{ text-decoration:underline;} #home-fev12 #selection-noel a.marque span{ font-weight:bold;} #home-fev12 #selection-noel a.image{ position:relative; text-align:center; display:block;} #home-fev12 #selection-noel span.sep{ clear:left; display:block; width:1000px; height:6px; background:url(/partage/images/animation/fr_fr/home-fev12_sep-pdts-bas.jpg);} #home-fev12 #selection-noel img.picto{ position:absolute; top:50px; right:20px; z-index:200;} #home-fev12 #selection-noel span.discount{ display:block; width:30px; height:17px; color:#FFF; font-weight:bold; position:absolute; top:20px; right:20px; z-index:100; background:url(/hab/home_bg_discount.png); text-decoration:none; font-size:12px; padding:5px 0 0 2px;} #home-fev12 #selection-noel p.prix{ font-size:16px; text-align:center; font-weight:bold; color:#F00;} #home-fev12 #selection-noel p.prix sup{ font-size:12px; vertical-align:top;} #home-fev12 #selection-noel span.prix-de-ref{ font-size:11px; font-weight:normal; color:#666;} #home-fev12 #reassu{ clear:left;} #home-fev12 #reassu a{ display:block; float:left; margin:0;} /* PARTIE CATALOGUE */ #home-fev12 #catalogue { width:990px; height:450px; margin:0 0 0 10px; clear:left;} #home-fev12 #catalogue .bloc_catalogue { float:left; width:240px; height:150px; margin-top:30px; border-right:1px dotted #CCC; margin-right:6px; } #home-fev12 #catalogue .bloc_catalogue h2 { margin:0 0 13px 0; font-size:20px; } #home-fev12 #catalogue .bloc_catalogue ul { list-style: url(/hab/fle_mgd.gif) inside; padding:0 0 0 20px; margin:0; } #home-fev12 #catalogue .bloc_catalogue ul li { padding:0; margin:0; font-size:11px; margin-top:5px; } #home-fev12 #catalogue .bloc_catalogue ul li a { color:#7a7a7a; text-decoration:none; } #home-fev12 #catalogue .bloc_catalogue ul li a:hover { text-decoration:underline; } #home-fev12 #catalogue .bloc_catalogue ul li.dernier_lien { margin-top:10px; } #home-fev12 #catalogue .catalogue_electro h2, #home-content #catalogue .catalogue_electro ul li.dernier_lien a { color:#09c; } #home-fev12 #catalogue .catalogue_hightech h2, #home-content #catalogue .catalogue_hightech ul li.dernier_lien a { color:#7d5565; } #home-fev12 #catalogue .catalogue_mobilier h2, #home-content #catalogue .catalogue_mobilier ul li.dernier_lien a { color:#aba696; } #home-fev12 #catalogue .catalogue_loisirs h2, #home-content #catalogue .catalogue_loisirs ul li.dernier_lien a { color:#856297; } #home-fev12 #catalogue .catalogue_brico h2, #home-content #catalogue .catalogue_brico ul li.dernier_lien a { color:#a6a75c; } /*ie*/ *+html #home-fev12 #reassu{ margin-top:250px;}