/* -----------------------------------    STRUCTURE DU SITE      -------------------------------- */
body {
background: #efeded url(img/fond-degrade.gif) left repeat-y;
margin: 0;
}
#conteneur {
width: 950px;
min-height: 100%;
padding: 0;
margin: 0;
background: #efeded url(img/fond-degrade.gif) left repeat-y;
}

#banner {
width: 950px;
height: 200px;
padding: 0;
margin: 0;
}

#sommaire {
width: 950px;

background: #504d4d url(img/fond-sommaire.gif) repeat-x;
margin: 0 0 10px 0;
height: 30px;

}


#site {
width: 945px;
background: #efeded;
padding: 0 0 30px 0;
margin: 0;

}

#bas {
background: #990000;
height: 35px;
padding: 0;
margin: 0;
}

/* -----------------------------------   FIN STRUCTURE DU SITE      -------------------------------- */

/* -----------------------------------    SOMMAIRE DU SITE      -------------------------------- */

#sommaire a {
/*display: block;
float:left;*/
/*width: 150px;*/
font: bold 1em Verdana, sans-serif;
color: #990000;
text-align:center;
text-decoration:none;
padding: 20px 10px 0 10px;
/*border: 1px solid #ffffff;*/

}

#sommaire p {
color: #ffffff;

}
#sommaire a:hover {
background-color: #f1f1f1;
color: #990000;
}

ul#menu{
list-style-type: none;

}

#menu li {
float:left;
}

#menu a {
/*display: block;*/
/*width: 150px;*/
font: bold 1em Verdana, sans-serif;
color: #ffffff;
text-align:center;
text-decoration:none;
/*border: 1px solid #ffffff;*/
line-height:-20px;
}

#menu a:hover {
color: #ffffff;
background-color:#cccccc;
text-decoration:none;

}
/* -----------------------------------   FIN SOMMAIRE DU SITE      -------------------------------- */



#bas p {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align:center;
padding: 0;
}


#bas a{
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration:none;
}

#bas a:hover{

text-decoration:underline;
}


/* -------------------------------------- titres de la page -------------------------------------- */

h2 {
font: 1.4em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
background: #ffffff;
padding-left: 6px;
width: 930px;
}

h3 {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
}

#site p {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #990000;

}


.ListTitreAlbum{
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align:center;}
p {
padding: 0 0 0 10px;
}

h5 {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
text-align:right;
padding-right: 10px;
}



h6 {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color:#990000;
padding-left:15px;
margin-bottom:5px;

}
/* --------------------------------------- PAGES ARTISTES --------------------------------------- */

#BlocPochette img {
float:left;
width:150px;
height:150px;

}

#BlocPochette {
width: 500px;
margin-left: 200px;
height: 150px;
}

#infos h6 {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
margin-left: 50%;
}

#paroles {
clear:both;
margin-bottom: 100px;
}

#paroles p {
color:#000000;
}

.refrain {
color:#990000;

}
/* liens de la page
#site a{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
text-align:left;
}

#site a:hover{
text-decoration:underline;
}*/


#ArtistesPhoto {
margin: 20px auto 50px auto;
width: 500px;
height:150px;
}
#ArtistesPhoto img {float:left;
width:180px;
height:150px;
padding-right: 100px;
}

#ArtistesPhoto h2{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
background: transparent;
margin-left: 20px;

}
#ArtistesActu{
margin: 50px auto 50px auto;
width: 700px;
clear:both;

}

#ArtistesActu p, #ArtistesDisco p{
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}

#ArtistesActu h6, #ArtistesDisco h6{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
background-color:#990000;
padding-left:15px;
}

#ArtistesDisco{
margin: 20px auto 100px auto;
width: 700px;
clear:both;

}


/* ----------VIDEO dans la page artiste -----*/

#PageFanmusik {
clear:both;
}

ul#ListVideos {
list-style-type:none;
width:700px;

}

ul#ListVideos li {
float:left;
padding: 10px;
}
ul#ListVideos li p {
text-align:center;
}

/* ###  PHOTOS   ### 

#droite {

width:400px;
float:left;
padding: 20px;
}

#autre {
clear:both;
}

#photos {

width:450px;
margin-left:20px;
float:left;
}

#photos h3{
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin-bottom: 0;
}

#photos p {
font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin: 0;
}

.BlocPhoto {
width: 13em;
float: left;
margin: 8px 0 8px 0;
height: 5em;
}




#photos img {
width: 70px;
height: 70px;
float: left;
padding: 0 10px 10px 10px;
border:0;
}


.BlocPhoto a {
color: #ffffff;
text-decoration: none;
background: transparent;
} 

.BlocPhoto a:hover {
color: #ffcccc;
text-decoration: none;
background: transparent;
} 
*/

/* ---------------------------------------   PAGE RFM PARTY 80 ------------------------------------------------ */

#BlocPhotos80s {
margin-top: 20px;
margin-left: 50px;
margin-right: 50px;
margin-bottom: 20px;
clear:both;


}

#BlocPhotos80s h3, #actu h3{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #f1f1f1;
background: #990000;
padding-left:10px;

}


#BlocPhotos80s p, #actu p {
padding: 10px;
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}


#BlocPhotos80s img {
margin: 0 10px 0 10px;

}


/* ---------------------------------------   liens de la page ------------------------------------------------ */

 a{
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #990000;
text-decoration:none;
text-align:left;
}

 a:hover{
text-decoration:underline;
}


/* ###  PHOTOS   ### */

#droite {
width:400px;
float:left;
padding: 20px;
background:#FFCC66;
}

#autre {
clear:both;
}


/* ---------------------------------------   NEW PHOTOS  ------------------------------------------------ */

#NewPhotos {
width:450px;
margin-left:20px;
float:left;
background:#efeded;
/*url(newsletter/img/rub-photos.jpg) no-repeat;*/
}


/* ---------------------------------------   BLOC PHOTO  ------------------------------------------------ */

.BlocPhoto {
/*width: 210px;
float: left;
margin: 8px 0 8px 0;*/
width: 13em;
float: left;
margin: 8px 0 8px 0;
height: 5em;

}

.BlocPhoto h3{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin-bottom: 0;
background:#33CC00;
text-align:left;
}

.BlocPhoto p {
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding: 0;
margin: 0;
background:#00CCFF;
text-align:left;
}

.BlocPhoto img {
width: 70px;
height: 70px;
float: left;
padding: 0 10px 10px 10px;
border:0;
}

.BlocPhoto a {
color: #990000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: transparent;
} 

.BlocPhoto a:hover {
color: #ffcccc;
text-decoration: underline;
background: transparent;
} 


#OldPhotos {
margin-left:20px;
margin-right: 20px;
clear:both;
height:100%;
}
/*
#OldPhotos img {
float:left;
}*/

/* ---------------------------------------   XXXXXXXXXX  ------------------------------------------------ */

#photos h3{
font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin-bottom: 0;
}

#photos p {
font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin: 0;
}

#photos img {
width: 70px;
height: 70px;
float: left;
padding: 0 10px 10px 10px;
border:0;
}

/* -----------------------------------  PAGE LIVRE -----------------------*/

#AutreLivre li {
font: normal normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #333333;

}

#AutreLivre ul a {
font: normal normal 0.9em Verdana, Arial, Helvetica, sans-serif;
color: #990000;

}