﻿/*CSS commun */
#photos{visibility:hidden; width:730px}
a{text-decoration:underline}
#liste{width:760px; float:right; height:630px; padding-left:5px}
#liste h1{float:left; margin-left:20px; font-size:30px}
#navigation{width:180px}
#navigation a.selected{background:url(http://medias.milongamusic.com/Web/EMerch/expanded.gif)}
#menu_gauche ul{background:#fff; margin-left:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px 0}
#menu_gauche{width:190px; margin:50px 5px 0 0; padding:0; height:660px;}
#navigation ul{border:0; margin-left:5px; text-indent:0}
#navigation li{list-style:none; display:inline}
#navigation ul a{text-decoration:none; font-size:12px}
.premiers-produit{background:#fff}
.galleryview{width:730px; _width:630px; margin:10px 0 0 15px; height:250px; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#fff}
.loader{background:url(img/loader.gif) center center no-repeat #ddd}
.panel{width:720px; background:#fff; height:400px; padding:5px; list-style:none; -moz-border-radius:5px;-webkit-border-radius:5px}
.bande{width:730px}
.premiers-produit .menu_produit li a{color:#fff}
.filmstrip{padding:25px; font-size:10px}
.filmstrip li{color:#000; text-align:center; width:160px; padding:1px}
/* mise en avant */ 
.panel h2{float:left; width:725px; margin-bottom:3px; font-size:18px}
.panel h2 a{margin-left:5px; font-weight:bold; font-size:20px}
.panel ul{list-style:none}
.menu_produit{width:720px; float:left}
.panel .menu_produit li{float:left; margin-left:5px}
.panel .menu_produit li a{font-size:12px}
.panel .part_1{float:left; width:300px; height:300px}
.panel .part_1 img{padding:5px}
.panel .part_2{float:left; width:390px; _width:290px; font-size:12px; color:#fff; height:320px}
.panel .part_2 ul.description{height:260px; float:left; width:390px; _width:370px; margin-left:20px}
.panel .part_2 ul.description .prix_internet{color:#e2007a}
.panel .part_2 ul.description li{width:390px; _width:370px; color:#666}
.panel .part_2 ul.description li ul.prix{margin:5px 0 15px 0; width:300px; color:#fff}
.panel .part_2 ul.description li ul.prix li{text-align:center; width:300px}
.panel .part_2 li p{font-size:12px; width:380px; _width:360px; float:left}
.panel .part_2 li.zone-clique a img{width:400px; _width:350px; height:50px; background:url(http://medias.milongamusic.com/Web/EMerch/jenprofite.png) no-repeat}
a.toutes_les_infos{margin-top:32px; _margin-top:12px; float:right; width:420px; _width:390px; font-size:10px; font-weight:bold; text-align:center}
/*zone prix */ 
.panel .part_2 ul.prix{width:285px; height:110px; float:left; color:#e2007a; margin:0; background:#fff; border:1px solid #ccc}
.panel .part_2 ul.prix li{text-align:center; padding:0 0 1px 0}
.panel .part_2 li.prix_internet{font-size:38px; text-shadow:1px 1px 1px #000; font-weight:bold; color:#e2007a; margin-top:10px}
.panel .part_2 .ecopart, .membre, .membre a{display:none}
.panel .part_2 .prix_catalogue {text-decoration:line-through; margin:0; font-size:22px;color:#666}
.panel .part_2 .economie {font-size:12px; color:#E2007A; text-align:center; margin-top:5px}
/* POINTER FOR CURRENT FRAME */
.pointer{border:none; padding-top:10px; height:190px}
/* TRANSPARENT BORDER FIX FOR IE6 *//* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer{border:red solid 1px; filter:chroma(color='transparent')}
/* Noël */
#top-noel{background:url(http://medias.milongamusic.com/Web/EMerch/fond-noel.gif) no-repeat top right; margin:0; background-color:#1b4c74}
#top-noel #menu_gauche{background:url(http://medias.milongamusic.com/Web/EMerch/colgauche-noel.gif) no-repeat; padding-top:90px; margin:0;}
#top-noel #navigation a.head{cursor:pointer; border:1px solid #fff; background: url(http://medias.milongamusic.com/Web/EMerch/collapsed_noel.gif) no-repeat scroll 3px 4px; color:#1b4c74; display:block; font-size:13px; font-weight:bold; margin:0; padding:2px; text-indent:14px; text-decoration:none}
#top-noel #navigation  li a.head:hover, #top-noel #navigation li a:hover {color:#e2007a}
#top-noel #navigation li a{color:#1b4c74; display:block; text-indent:10px}
#top-noel #navigation a.head:hover, #top-noel #navigation a.current, #top-noel #navigation li a.selected{color:#1b4c74}
#top-noel #liste{padding-top:90px; width:750px}
#top-noel ul.prix{background:#1b4c74; border:2px solid #e2007a; height:65px}
#top-noel #menu_gauche #navigation{border:1px solid #e2007a; width:190px}
#top-noel .panel .part_2 ul.description li ul.prix li{text-align:center; width:300px; color:#FFF}
#top-noel #photos{visibility:hidden; width:730px; border:1px solid #ccc}
#top-noel .panel .part_2 .prix_catalogue, #top-noel .panel .part_2 .economie {display:none}
#top-noel .panel h2 a{margin-left:5px; font-weight:bold; font-size:20px; color:#1b4c74;}
#top-noel .panel h2 a:hover{color:#e2007a}
#top-noel .panel .menu_produit li a{font-size:12px; color:#1b4c74}
#top-noel .panel .menu_produit li a:hover{font-size:12px; color:#e2007a}
#top-noel a.toutes_les_infos{margin-top:32px; _margin-top:12px; float:right; width:420px; _width:390px; font-size:10px; font-weight:bold; text-align:center; color:#1b4c74}
#top-noel a:hover.toutes_les_infos {margin-top:32px; _margin-top:12px; float:right; width:420px; _width:390px; font-size:10px; font-weight:bold; text-align:center; color:#e2007a}
#top-noel .panel .part_2 li.zone-clique a img{width:400px; _width:350px; height:50px; background:url(http://medias.milongamusic.com/Web/EMerch/jenprofitenoel.gif) no-repeat}
