﻿#breadcrumbTrail {width:740px}
#RightContent{float:right; width:199px; _width:140px; vertical-align:top; padding-top:10px;  background:#f0f0f0; font-size:11px; margin-left:5px }
#RightContent h2, h2 a {font-size:16px; padding:1px 2px; color:#4a767b; margin-right:5px; width:190px}
#RightContent h2 a:hover{color:#e2007a}
#RightContent p{text-align:center; font-size:11px; width:180px;_width:160px; float:left}
#RightContent ul{list-style:none}
.magasin{background:url(img/_background/newsletter_col_droite.jpg) no-repeat; width:190px; _width:180px; margin:1px 3px; float:left}
/*magasin*/
#magasin{background:url(img/_background/magasin_col_droite.jpg) no-repeat; width:190px; _width:180px; height:130px; margin:5px 5px 2px 5px}
#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}
#list-magasin #MenuCategory{float:left}
#list-magasin div#MenuCategory{margin-left:12px}
/*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:4px 5px; background:#fff}
.mise_en_avant img{padding:4px}

.mise_en_avant ul{list-style:none; padding:0}
.mise_en_avant ul li{list-style:none; padding:2px 0 0 0; text-align:left; text-indent:4px; display:block; height:20px; background:#fff;line-height:19px}
.mise_en_avant ul li a{background:url(img/_picto/_picto_fleche_drilldown.gif) no-repeat left bottom; padding-left:3px; margin-left:4px; display:block; text-decoration:none; color:#666; vertical-align:middle; width:100%}
.mise_en_avant ul li a:hover {background:url(img/_picto/_picto_fleche_drilldown_hover.gif) no-repeat left bottom;color:#E2007A}

/*decrouvrez milonga*/
.decouvrer{width:730px; float:left; margin:5px 0 0 2px;_height:2px; display:block; background:url(img/_background/boite.jpg)repeat-x bottom; border:solid 1px #666; padding:2px}
.decouvrer h2{margin:2px 0 2px 2px; width:725px; padding-left:5px; float:left}
.decouvrer ul{list-style:none; float:left; width:120px; color:#6A6B6B; _height:210px}
.decouvrer li{margin:0 0 2px 0; text-align:left}
.decouvrer li strong a{margin-top:5px}
.decouvrer img{float:left;width:100px; display:block; margin:0 5px 0 0}

/**/
#decouvrer_magasin{height:220px; width:750px}
#decouvrer_magasin h3{width:700px; text-align:left; float:left; margin:5px 20px}
#decouvrer_magasin p{width:180px; float:left; margin:25px}
#decouvrer_magasin a img{float:left; margin:0 50px}
#decouvrer_magasin select{float:left; margin:5px 100px; border:solid 1px #000}
.decouvrer_magasin{width:720px; float:left; min-height:300px; padding:10px 0 20px 0}
.decouvrer_magasin h3{text-align:center;width:720px; float:left}
.decouvrer_magasin h3 strong{width:400px; margin-left:120px; margin-right:auto; display:block; margin-top:10px; float:left}
.decouvrer_magasin p{float:left; margin:0; padding-top:8px; width:180px}
.decouvrer_magasin a img{float:left; width:130px; margin-left:2px}
.decouvrer_magasin select{float:left; margin:5px 60px; border:solid 1px #000}
/**/
#DMActualite{width:100%; height:200px}
#DMActualite div.rss{width:100%; display:block}
#DMActualite div.rss ul{list-style:none;width:720px; display:block; height:auto; float:left}
#DMActualite div.rss ul li{list-style:none; border-bottom:solid 1px #aaa; width:710px; float:left; padding:5px 0 10px 2px}
#DMActualite div.rss ul li img.RssImageNewsCorporate{border:solid 1px #fff; height:55px; width:102px; float:left; margin:5px 10px 0 5px}
#DMActualite div.rss ul li span{display:inline}
#DMActualite div.rss ul li a{text-decoration:none; display:inline}
#DMActualite div.rss ul li p{padding:3px 0px 5px 0px; font-weight:normal}
#DMActualite a.ArrowLinkR{text-decoration:underline; float:left; margin:10px; padding-top:0; padding-bottom:10px}
/**/
#DMcampus, #DMRecrutement {width:100%; height:auto}
#DMcampus img{float:left; margin:35px 10px}
#DMcampus p{float:left; width:400px; margin:15px}
/**/
#DMRecrutement p{float:left; width:600px}
#DMRecrutement img.Recrutement{width:103px; height:152px; margin:10px; float:left}
#DMRecrutement div.rss{float:left; width:600px; padding:20px 0}
#DMRecrutement div.rss ul{list-style:none; margin:0; padding:0;float:left}
#DMRecrutement div.rss ul li{list-style:none; margin:0; padding:3px 0; border-bottom:solid 1px #052b5a}
#DMRecrutement div.rss ul li a{display:block; text-decoration:none; font-weight:bold}

/* page cgv */
#cgv h2{width:730px; background:#F7F7F7; padding-left:5px; padding-top:10px; margin:20px 0 10px 1px;color:#a2a2a2}
#cgv h2 .petit a{font-size:10px;color:#4a767b; float:right; padding-bottom:10px; text-align:right}
#cgv h2 .petit a:hover{color:#E2007A}
#cgv h3{margin-left:50px; margin-top:10px}
#cgv h4{text-align:center}
#cgv ul{list-style:none; margin:5px 30px 5px 10px; width:730px}
#cgv li{margin:5px}
#cgv p, #mentionlegal p{margin-left:10px; text-indent:30px; font-weight:normal; display:block; text-align:justify; width:720px}

.JauneGras{color:#e2007a; font-weight:bold; padding:0}
#cgv #menu-condition{margin:10px; float:left; width:730px; background:#F7F7F7; padding-bottom:5px; border:solid 1px #a2a2a2; -moz-border-radius:5px;-webkit-border-radius:5px;}
#cgv #menu-condition h2{background:#fff; width:722px; padding:2px; color:#a2a2a2; text-indent:30px; margin:2px}
#cgv #menu-condition ul{list-style:none; margin:5px 0 0 0;float:left; width:33%; display:block}
#cgv #menu-condition li{margin-top:2px}
#cgv #menu-condition a{color:#4a767b; font-size:.8em; text-decoration:none}
#cgv #menu-condition a:hover{color:#E2007A}
#cgv .enstoke, #cgv .pas_dispo{margin-right:10px; font-weight:bold}
.pas_dispo a{color:#4a767b; font-weight:bold; font-size:10px}
.pas_dispo a:hover{color:#E2007A}
address{text-align:center; margin:20px; padding:10px; width:700px}

#cgv, #AboutUs, #mentionlegal {float:left; width:730px; display:block; padding:10px}
#cgv h1, #AboutUs h2{float:left; width:730px; margin:10px 0; font-size:18px}

/*contact Elodie*/
.boite_contact{width:345px; height:auto; float:left; margin-left:10px; margin-top:10px; background:url(img/_background/boite.jpg) repeat-x center bottom; border:1px solid #a2a2a2; -moz-border-radius:3px; border-radius:3px}
.boite_contact h2{font-size:14px; color:#4A767B; width:320px; height:24px; padding-top:5px; text-indent:5px}
.boite_contact ul{list-style:none; float:left; padding:10px}
.boite_contact li {margin-top:20px; font-size:12px}
.boite_contact a{color:#E2007A; text-decoration:none}

#conseil_achat {width:760px; float:left}
#conseil_achat h1{width:760px;text-align:center; margin:20px 0}
#conseil_achat h3{margin:20px 5px 5px 5px}
#conseil_achat .ecouteur{width:350px; border-right:1px solid #E2007A; height:auto; float:left; padding:0 14px 20px 14px; margin:10px 0}
#conseil_achat .ecouteur h3, #conseil_achat .casque h3 {margin:5px 0}
#conseil_achat .casque, #conseil_achat .micro{width:350px; height:auto; float:left; padding:0 14px 20px 14px; margin:10px 0}
#conseil_achat .principaux_param {width:740px; padding:10px}
#conseil_achat .retour_casque {width:760px; float:left; margin-top:10px; margin-left:10px}
#conseil_achat .directivite {width:740px; padding:10px}
#conseil_achat .directivite p {width:620px; padding:10px; float:right}

#form1 .ClassForm #general #content {background-image:url(http://medias.milongamusic.com/images_site/fond-Noel-jeu.jpg); background-repeat: no-repeat; background-position:top left; width:740px;}
#content {width:740px;float:left}

a.rollover1 img, a.rollover2 img, a.rollover3 img, a.rollover4 img {display: none;}

a.rollover1:hover img,a.rollover2:hover img, a.rollover3:hover img, a.rollover4:hover img {display: block; position: absolute}

a.rollover1:hover img {background-position: top left; margin:0 0 100px 10px}
a.rollover2:hover img{background-position: bottom center; margin-left:10px}
a.rollover3:hover img{background-position: bottom left; margin-right:30px}
a.rollover4:hover img {background-position: bottom right; margin-right:10px}
