*{ padding:0px; margin:0px;}
body{ font-family:Verdana, Arial, Helvetica, sans-serif; background:#FFFFFF;}
h1{ margin:10px auto; display:block; text-align:center;}
ul{ list-style:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline; color:#f0e9a9;}
/** **/
#cont { width:840px; margin:0px auto;}
#nav{width:836px; height:40px; background:url(../_img/bg_nav.gif) no-repeat 0px 0px;}
#nav ul{ padding:2px 3px;}
#nav li{ float:left;}

#contFrame{ width:830px; margin:0px auto;}
#player{ text-align:right;}
#playerb{ text-align:right;}
#reflet{ width:830px; height:30px; background:url(../_img/bg_reflet.gif) no-repeat 0px 0px; margin:0px auto;}

.clr{ clear:both; font-size:1px; height:1px; line-height:1px;}

/** Accueil **/
#cold{ width:305px; padding:0px; float:right; text-align:center;}
#cold #illu{ margin-bottom:10px;}

#blocPhotos{ width:305px; height:68px; background:url(../_img/bg_bloc.gif) no-repeat 0px 0px; margin-bottom:5px;}
#blocPhotos ul{ padding:5px 0px 0px 0px; color:#FFFFFF; font-size:11px; display:block;}
#blocPhotos ul{ height:49px;}
#blocPhotos ul{ padding-left:20px;}
*html #blocPhotos ul{ padding-left:15px;}
#blocPhotos li{ float:left; margin:0px 5px 0px 5px;}
#blocPhotos li a img{ border:1px solid #FFF;}

#blocVideos{ width:305px; height:68px; background:url(../_img/bg_bloc.gif) no-repeat 0px 0px; margin-bottom:5px;}
#blocVideos ul{ padding:5px 0px 0px 0px; color:#FFFFFF; font-size:11px; display:block;}
#blocVideos ul{ height:49px;}
#blocVideos ul{ padding-left:20px;}
*html #blocVideos ul{ padding-left:15px;}
#blocVideos li{ float:left; margin:0px 5px 0px 5px;}
#blocVideos li a img{ border:1px solid #FFF;}

#newsHome{ float:left; width:500px; }
#newsHome h3{ font-size:11px; font-weight:normal; }
#newsHome h2{ font-size:13px;}

a.voirtout{ font-size:13px; color:#000; font-weight:bold; display:block; padding-top:110px; margin-left:300px;}
a.voirtout:hover{ font-size:13px; color:#000; }
/** **/
.bouton{ text-align:right; padding-right:5px;}
.hidden{ display:none;}

/** **/
#news{ float:left; width:580px; }
#news2{ float:left; width:450px; }
#news h3{ font-size:11px; font-weight:normal; }
#news h2{ font-size:13px;}

ul#liste2{ float:left; margin:10px 0px;}
ul#liste2 li{ width:250px; height:25px; line-height:25px; font-size:10px; background:url(../_img/bg_actu.png) no-repeat 0px 0px; padding-left:5px; margin-bottom:5px;}
ul#liste2 li a{ color:#000000;}
ul#liste2 li h2{ color:#000000; font-size:13px; border-bottom:3px solid #5E5E5E; margin-bottom:5px; background:none;}

ul#liste{ float:right; margin:20px 10px; background:#EFEFEF; padding:5px; border-right:2px solid #D2D2D2; border-bottom:2px solid #D2D2D2;}
*html ul#liste{ float:right; margin:20px 10px 20px 0px; border:1px solid #FFFFFF;}
ul#liste li{ width:200px;  font-size:11px;  padding-left:5px; margin-bottom:10px;}
ul#liste li a{ color:#000000;}
ul#liste li h2{ color:#000000; font-size:13px; border-bottom:3px solid #5E5E5E;}

#news .illu{ width:272px; margin:10px 10px 10px 0px; float:left;}

.texte{ float:left; width:250px; font-size:11px; padding-top:10px;}
.texte a{ font-weight:bold; color:#000000;}
/** Réglages zones de scroll news Home**/
#mycustomscrollHome {
/* Typical fixed height and fixed width example */
 width:500px; height:150px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px 5px 20px 0px;
z-index:1;
float:left;
margin-left:0px;
font-size:11px;
}

html:not([lang*=""]) #mycustomscrollHome{height:150px;}
#mycustomscrollHome, x:-moz-any-link { height:150px;}

*html #news #mycustomscrollHome {
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
margin-left:0px;
height:190px;
width:500px;
float:left;
}
#mycustomscrollHome a{ font-weight:bold; color:#000000;}


/** Réglages zones de scroll news **/
#mycustomscroll2 {
/* Typical fixed height and fixed width example */
 width:570px; height:305px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px 5px 20px 0px;
z-index:1;
float:left;
margin-left:0px;
font-size:11px;
}

html:not([lang*=""]) #mycustomscroll2{height:305px;}
#mycustomscroll2, x:-moz-any-link { height:305px;}

*html #news #mycustomscroll2 {
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
margin-left:0px;
height:345px;
width:565px;
float:left;
}
#mycustomscroll2 a{ font-weight:bold; color:#000000;}

/** Réglages zones de scroll bio **/
#mycustomscroll3 {
/* Typical fixed height and fixed width example */
 width:439px;  _width:410px; height:305px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px 5px 20px 0px;
z-index:1;
float:left;
margin-left:20px;
font-size:11px;
}

html:not([lang*=""]) #mycustomscroll3{height:305px;}
#mycustomscroll3, x:-moz-any-link { height:305px;}

*html #news #mycustomscroll3 {
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
margin-left:20px;
height:345px;
}
#mycustomscroll3 a{ font-weight:bold; color:#000000;}

/** Réglages zones de scroll  liste commentaires **/
#mycustomscroll4 {
/* Typical fixed height and fixed width example */
 width:475px;  _width:445px; height:150px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px 5px 20px 0px;
z-index:1;
float:left;
margin-left:20px;
font-size:11px;
}

html:not([lang*=""]) #mycustomscroll4{height:150px;}
#mycustomscroll4, x:-moz-any-link { height:150px;}

*html #news #mycustomscroll4 {
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
margin-left:20px;
height:170px;
}
#mycustomscroll4 a{ font-weight:bold; color:#000000;}

/** Réglages zones de scroll  boutique **/
#mycustomscroll5 {
/* Typical fixed height and fixed width example */
 width:489px;  _width:489px; height:325px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 20px 5px 20px 0px;
z-index:1;
float:left;
margin-left:0px;
font-size:11px;
}

html:not([lang*=""]) #mycustomscroll5{height:325px;}
#mycustomscroll5, x:-moz-any-link { height:325px;}

*html #news #mycustomscroll5 {
/* IE overflow fix, position must be relative or absolute*/
position: relative;
padding: 0px 5px 0px 0px;
margin-left:2px;
height:365px;
}
#mycustomscroll5 a{ }

#contDyn{ }

/** **/
.commentHome{ float:left; width:500px;  _width:470px;  font-size:11px; margin:0px 0px;}
.commentHome a.lien{ padding-top:10px; display:block; float:left; margin-right:10px; _margin-right:5px; color:#000; font-weight:bold;}

.commentHome .partager{ padding:5px 0px 0px 0px; font-size:11px;} 
.commentHome .picto{ margin:5px 3px 5px 3px; _margin:5px 1px 5px 1px;}

.comment{ float:left; width:550px;  _width:520px;  font-size:11px; margin:0px 0px;}
.comment a.lien{ padding-top:10px; display:block; float:left; margin-right:30px; _margin-right:15px;}
#news .illu img{ border-right:3px solid #d2d2d2; border-bottom:3px solid #d2d2d2;}

.comment .partager{ padding:5px 0px 0px 0px;; float:right; font-size:11px;} 
.comment .picto{ margin:5px;}

/** **/
#pied1{ float:left; font-size:10px;}
#pied1 a{ color:#000000;}
#pied2{ float:right; padding-top:5px;}

/** **/
.aller{ font-size:11px; padding-top:10px;  font-weight:normal; padding-right:10px;}
.aller a{color:#000000; font-weight:bold;}

/** **/
label{ float:left; font-size:11px; width:200px; display:block;}
form{ padding:10px 10px 10px 10px; font-size:11px; height:200px; width:460px;}
input.bouton{ float:right;}
input.texte{ padding:0px; font-size:11px;}
textarea.texte{ padding:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}

.add{ padding:10px; font-size:11px; text-align:right;}
.add a{ color:#000000; font-weight:bold;}

.commentaires li{ margin-bottom:10px; border-bottom:1px dashed #DEDEDE; padding-bottom:5px;}
.petit{ font-size:10px; padding-top:5px;}

/** **/
#illubig{ width:215px; height:215px; padding:2px; float:right;background:url(../_img/bg_albums_big.gif) no-repeat 0px 0px;}
#illusmall{ width:108px; height:108px; padding:2px; background:url(../_img/bg_albums_small.gif) no-repeat 0px 0px;}
.colg{ width:345px; float:left; margin-right:10px; padding-top:100px; margin-left:40px}
.colg2{ width:380px; float:left; margin-right:20px; margin-left:0px}

/** **/
.footer{ font-size:10px;}
.footer a { color:#000000; }

.playlist li{ font-size:11px; padding-bottom:10px;}
.playlist{ padding-top:100px;}
.concerts li{ font-size:11px; padding-bottom:10px;}
.concerts{ padding-top:20px;}

/** **/
.goodie{ font-size:14px;}
#bg_big2{ width:320px; height:344px; padding:1px; float:right; text-align:right;}
#bg_big{ width:362px; height:344px; padding:1px; float:right;}
#bg_big img{ width:350px; border-right:4px solid #D2D2D2;border-bottom:4px solid #D2D2D2; margin-top:20px;}
#credits{ font-size:11px; color:#000000; text-align:right; padding:5px;}

ul.petit{ width:400px; display:block; float:left; border:1px solid #FFF; margin-top:10px;}
*html ul.petit{ width:410px; display:block; float:left; border:1px solid #FFF; margin-top:10px;}
ul.petit li{ float:left; margin:10px 5px; display:block;}
ul.petit li img{ border:1px solid #000;}

#prec{ float:left; margin-top:160px;}
#next{ float:left; margin-top:160px;}
/** **/
.pochette{ border-right:2px solid #D2D2D2; border-bottom:2px solid #D2D2D2; float:left;}
.telecharger{ float:right; width:200px;}
.telecharger li{ background:url(../_img/bg_piste.gif) no-repeat 50% 0px; line-height:27px; text-align:center; color:#FFF; font-size:10px; letter-spacing:-0.05em; width:200px;}
.telecharger li a.normal{ font-weight:normal; color:#FFF;}

li.neutre{ background:none;line-height:10px;}
li.neutre a{ color:#000;}

/** **/
.bgNoir{ background:#000000;}

/** **/
*html #notie{ display:none;}
*+html #notie{ display:none;}