.retoric{}
#guitare_categorie{background:url(img/_background/_background_h2_guitare_electrique.jpg) no-repeat}
#basse_categorie{background:url(img/_background/_background_h2_basse.jpg) no-repeat}
#accessoires_guitares{background:url(img/_background/_background_h2_accessoires_guitare.jpg) no-repeat}
#exotiques_categorie{background:url(img/_background/_background_h2_exotiques.jpg) no-repeat}
#pianos_categorie{background:url(img/_background/_background_h2_piano.jpg) no-repeat}
#claviers_categorie{background:url(img/_background/_background_h2_synthetiseur.jpg) no-repeat}
#accessoires_categorie{background:url(img/_background/_background_h2_accessoires.jpg) no-repeat}
#batteries_acoustiques_categorie{background:url(img/_background/_background_h2_batterie_accoustique.jpg) no-repeat}
#batteries_electroniques_categorie{background:url(img/_background/_background_h2_batterie_electronique.jpg) no-repeat}
#percussions_categorie{background:url(img/_background/_background_h2_percussions.jpg) no-repeat}
#accessoires_percu_categorie{background:url(img/_background/_background_h2_batterie_accessoires.jpg) no-repeat}
#dj_percu_categorie{background:url(img/_background/_background_h2_dj.jpg) no-repeat}
#sono_percu_categorie{background:url(img/_background/_background_h2_table_mixage.jpg) no-repeat}
#home_studio_percu_categorie{background:url(img/_background/_background_h2_home_studio.jpg) no-repeat}
#pedagogie_categorie{background:url(img/_background/_background_h2_pedagogie.jpg) no-repeat}
#partitions_categorie{background:url(img/_background/_background_h2_recueils.jpg) no-repeat}
#cadeaux_categorie{background:url(img/_background/_background_h2_cadeaux.jpg) no-repeat}
#instruments_enfants{background:url(img/_background/_background_h2_instruments_enfants.jpg) no-repeat}
#eveil_musical{background:url(img/_background/_background_h2_eveil.jpg) no-repeat}
#jouets{background:url(img/_background/_background_h2_jouet.jpg) no-repeat}
#textile{background:url(img/_background/_background_h2_textil.jpg) no-repeat}
#art_table{background:url(img/_background/_background_h2_table.jpg) no-repeat}
#decoration{background:url(img/_background/_background_h2_deco.jpg) no-repeat}
#papeterie{background:url(img/_background/_background_h2_cahier.jpg) no-repeat}
#porte_clef{background:url(img/_background/_background_h2_porte_clef.jpg) no-repeat}
#conservatoire{width:345px; background:url(img/_background/_background_h2_conservatoir.jpg); height:665px; float:right; margin:5px}
#cuivre{background:url(img/_background/_background_h2_cuivre.jpg) no-repeat}
#bois{background:url(img/_background/_background_h2_bois.jpg) no-repeat}
#cordes{background:url(img/_background/_background_h2_cordes.jpg) no-repeat}
#accordeons{background:url(img/_background/_background_h2_accordeon.jpg) no-repeat}
#harmonicas{background:url(img/_background/_background_h2_harmonicas.jpg) no-repeat}
#livre_categorie{background:url(img/_background/_background_h2_livre.jpg) no-repeat}
#methode{background:url(img/_background/_background_h2_methode.jpg) no-repeat}
#songbook{background:url(img/_background/_background_h2_songbook.jpg) no-repeat}
#solfege{background:url(img/_background/_background_h2_solfege.jpg) no-repeat}

.menu_categorie,.media_home{width:364px;_width:360px; float:left; margin:5px 4px 0 0; _margin:5px 0 0 8px; display:block; border:solid 1px #999999; padding:3px 2px; _padding:3px 1px; min-height:250px; height:auto; _height:2px; -moz-border-radius:5px;-webkit-border-radius:5px}
.menu_categorie h2{color:#fff; padding:90px 0 0 7px; margin:0 0 0 2px; width:97%; font-size:14px}
.menu_categorie p{font-size:12px; width:310px; margin:10px}
.menu_categorie h3{height:20px; padding:0 0 0 15px; margin:10px 0 0 0; display:block; width:300px}
.menu_categorie ul{list-style:none; margin:5px; width:310px; font-size:12px}
.menu_categorie a{background:url(img/_picto/_picto_fleche.gif) no-repeat center left; padding-left:7px; text-decoration:none; line-height:20px; vertical-align:middle}
.menu_categorie a:hover{background:url(img/_picto/_picto_fleche_hover.gif) no-repeat center left; text-decoration:underline; font-size:14px}
.media_categorie{margin-left:8px}
.media_categorie p{width:320px; text-indent:40px; margin-bottom:10px; margin-top:10px}

/*categorie piano test elodie*/
.categorie_center{float:left; width:760px;_width:730px;margin:10px 3px 10px 10px; background:url(img/_background/_background_categorie_center.jpg);padding:0}
.categorie_center a{color:#e3631e; text-decoration:none}
.categorie_center a:hover{color:#FF3300}
.categorie_top{background:url(img/_background/_background_categorie_top.jpg) no-repeat; height:42px}
.categorie_bottom{background:url(img/_background/_background_categorie_bottom.jpg) no-repeat; height:40px}
.categorie_top h2{background:url(img/_background/BkPictoArrowL.gif) no-repeat center left; margin:0 0 5px 5px; padding:5px; text-indent:20px; font-size:15px; text-align:left; color:#000; display:block}
.categorie_center a.voir_fiche_prod{color:#71b7f2}
.categorie_marque{width:720px; font-size:12px; margin-left:10px}
.categorie_marque ul{list-style:none; float:left; margin-top:20px}
.categorie_marque li{display:inline; float:left; margin:10px 5px 0 5px}
.categorie_marque img{border:0}
.categorie_pub{width:720px}
.categorie_pub ul{list-style:none; margin-top:15px; float:left; text-align:left}
.categorie_pub a img{border:0; margin-left:10px}
.categorie_pub h3{font-size:12px; text-align:center; margin-top:10px; margin-bottom:10px}

/*edito et contour top*/
.edito{float:left; width:753px; _width:712px; padding:0; border:#999 solid 1px; margin:5px 0 0 0; -moz-border-radius:5px;-webkit-border-radius:5px}
.edito a{text-decoration:none; font-size:12px}
.edito h1{color:#E3631E; margin-left:10px; text-shadow:none}
.edito h2 a{margin:5px; text-align:left; display:block; font-weight:normal; font-size:20px}
.edito .produit_promo h2, .edito .produit_promo .prix_milonga, .edito h1, .edito br{display:none}
.edito h3 a{font-size:16px}

.magasin{float:left; margin:0; padding:0; width:180px; height:auto; background:url(img/_background/_background_col_gauche_boite_haut180.gif) no-repeat}
.magasin2{float:left; width:100%; height:100%; margin-top:14px; padding:0; background:url(img/_background/_background_col_gauche_boite_centre180.gif) repeat-y; text-align:center}
.magasin3{float:left; width:100%; height:14px; background:url(img/_background/_background_col_gauche_boite_bas180.gif) no-repeat; }
/*@Carousel*/

/*note hmtl#js si js actif, sinon aucun id*/
#js #carouselImages{position:relative; width:748px; background:#fff; height:310px; border:#999 solid 1px; -moz-border-radius:5px;-webkit-border-radius:5px; margin-left:0; float:left; z-index:1}
#carouselImages .numerotation{position:absolute; top:5px; right:5px; z-index:6}
#carouselImages .numerotation a{display:block; float:left; width:12px; height:12px; text-align:center; padding:3px 4px 5px 4px; background:#ddd; border:1px solid #4a767b; margin:0 4px; font-size:12px; text-decoration:none; font-weight:bold}
#carouselImages .numerotation a.actif{background:#fff; color:#E2007A}
#carouselImages .masque{clear:left; overflow:hidden; position:relative; width:743px; height:300px; margin:5px; background:#fff}
#js #carouselImages ul{position:absolute; top:0; left:0; z-index:5; float:left}
#carouselImages ul{width:743px; padding:0; list-style:none}
#carouselImages li{float:left; height:300px; padding:0; width:743px; color:#000; text-decoration:none}
/*todo*/
#carouselImages li h2{display:block; width:660px; height:18px; float:left; margin:8px 0 3px 0; padding-left:5px; z-index:2}
#carouselImages li p{display:block; color:#000; margin:0}
#carouselImages li a{text-decoration:none; float:left; display:block}
#carouselImages li a:hover{color:#E2007A}

#campus{background:#00216B}
#campus h1{color:#FEAC0A; font-style:italic; font-size:1em}
#baniere_campus a:hover img{filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50}
#baniere_campus{width:210px; float:left; text-align:center; display:block}
#baniere_campus ul{list-style-type:none; margin:5px; width:180px}

/*page promo same layout as tophomapge except css below note div#promo as class TopProductList*/
.promos{width:100%; margin:0; display:block; text-align:left}
.promos h2{margin:5px 0; padding-bottom:5px; padding-left:30px; color:#0099CC}
.produit_promo{width:235px; _width:225px; height:250px; float:left; padding:2px; margin:2px 0 7px 7px; _margin:5px 0 0 2px}
.produit_promo h3 a{text-align:left; height:25px; display:block; margin-bottom:5px}
.produit_promo img{margin:5px 3px 0 0; float:left; width:100px}
.produit_promo ul{width:110px; margin-left:0; margin-top:2px; float:left; list-style:none}
.produit_promo li.pas_dispo, .produit_promo .prix_catalogue{display:none}
.produit_promo .prix_milonga{line-height:11px}
.produit_promo .prix_internet{line-height:18px}
.produit_promo .EuroSave{font-size:10px}