.retoric{}
/*-----homepage @Carousel ------- */
/*note hmtl#js si js actif, sinon aucun id*/
#js #carouselImages{position:relative; width:752px; background:#fff; height:310px; border:#999 solid 1px;-moz-border-radius:5px;-webkit-border-radius:5px; margin-left:2px; margin-top:5px}
#carouselImages .numerotation{position:absolute; top:5px; right:5px; z-index:3}
#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:742px; height:300px; margin:5px; background:#fff}
#js #carouselImages ul{position:absolute; top:0; left:0; z-index:2; float:left}
#carouselImages ul{width:742px; padding:0; list-style:none}
#carouselImages li{float:left; height:300px; padding:0; width:742px; 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:1}
#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}
/* edito et contour top */
.edito{float:left; width:753px; _width:712px; padding:0; border:#999 solid 1px; margin:5px 0 0 2px; -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 .produit_promo h3 a{font-size:16px}
/* col de droite*/ 
#RightContent2C{float:right; width:199px; _width:140px; vertical-align:top; margin:0; _margin-top:20px;background-color:#f0f0f0; font-size:11px; _margin-right:-2px}
#RightContent2C h2, h2 a{font-size:15px; padding:1px 2px; float:right; text-align:right; color:#4a767b; margin-right:5px}
#RightContent2C h2 a:hover{color:#e2007a}
#RightContent2C p{text-align:center; font-size:11px; width:180px;_width:160px; float:left}
#RightContent2C ul{list-style:none}
 /*newsletter*/
.magasin{background:url(img/_background/newsletter_col_droite.jpg) no-repeat; width:190px; _width:180px; margin:1px 5px; margin:1px 3px; float:left}
.newsletter input{border:solid 1px #999; margin-left:3px; _margin-left:2px; margin-top:2px; color:#E2007A}
.newsletter ul{width:185px; _width:180px; margin:0; list-style:none; height:70px}
.newsletter li{float:left; padding:0 0 0 1px; _padding:0}
li.champ{padding-top:2px; margin-top:3px}
.NlResgister h2{color:#E2007A}
 /*magasin*/
#magasin{background:url(img/_background/magasin_col_droite.jpg) no-repeat; width:190px; _width:180px; height:130px; margin:5px 2px 2px}
#magasin ul{list-style:none; margin-top:0; margin-right:5px; _margin-right:0; padding-top:95px}
#magasin ul li{float:right; margin-right:5px; _margin-right:0; margin-top:6px; text-align:right}
 /*ecole de musique*/
#campus{background:url(img/_background/campus_col_droite.jpg) no-repeat; width:190px; _width:180px; height:85px; margin:4px 5px}
#campus img{padding-bottom:17px; padding-top:0; padding-left:10px}
 /*mise en avant colone de droite*/
.mise_en_avant{border:1px solid #BEBEBE; width:188px; _width:168px; height:auto; margin:5px 7px 4px 3px; background:white}
.mise_en_avant img{padding:4px}
/* Centre*/
#contenu_home{width:759px;margin:0; padding:0;float:left; _margin-top:20px}
.produit_home{width:370px;_width:362px; float:left; margin:5px 0 0 2px; display:block; background:url(img/_background/boite.jpg)repeat-x bottom; border:solid 1px #666; padding:3px 2px; _padding:3px 1px; height:210px; _height:2px; -moz-border-radius:5px;-webkit-border-radius:5px}
.produit_home h2, h2 a{margin:2px 0 2px 2px; width:100%; float:left; text-align:left}
.produit_home h3{font-size:12px}
.produit_home ul{list-style:none; float:left; width:120px; color:#6A6B6B;font-size:12px; _height:210px}
.produit_home li{margin:0 0 2px 0; text-align:left}
.produit_home li strong a{margin-top:5px}
.produit_home img{float:left;width:100px; display:block; margin:0 5px 0 0}
/* tete de gondole*/
.tete_gondole ul{float:left; display:block; width:143px; border:none}
.tete_gondole li.prix_milonga{display:none}	
h3 a{font-size:12px; margin-left:0; color:#333333}
.promos{width:100%; margin:0; display:block; text-align:left}
.promos h2{background:url(img/_background/BkPictoArrowL.gif) no-repeat; margin:5px; padding-bottom:5px; padding-left:30px; text-align:left; 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:20px; display:block; margin-bottom:5px}
.produit_promo img{margin:5px 5px 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_internet{line-height:18px}
.produit_promo .EuroSave{font-size:10px}