@charset "iso-8859-2";
/* CSS Document */



/* ---------------------------------------###   STRUCTURE PAGE  ---------------------------------------- ### */
body{
margin: 0;
padding: 0;
background:#efeded;
}

#conteneur {
/*background: #efeded;*/
width: 880px;

}

#site {
background:  url(http://www.FanMusik.com/newsletter/img/fond.gif) repeat-y;
width: 864px;
padding-left:8px;
padding-right: 8px;
}

#bandeau {
background: #990000;
height: 200px;
width: 880px;
padding: 0;
margin: 0;

}

#foot {
background: #efeded;
width: 880px;
height: 108px;
}



 a {
color: #000000;
text-decoration: none;
} 

 a:hover {
color: #999999;
text-decoration: nona;
} 


/* TITRES */
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0;
padding: 0;
}

#edito {
background: #efeded;
/*height: 100px;*/
padding: 10px;
}

#edito p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}
#edito img{
float:left;
margin-right: 5px;
}

/* -------------------------------------------###   COUP DE COEUR   ### ----------------------------------------*/
#CoupCoeur {
background: #999999 url(http://www.FanMusik.com/newsletter/img/rub-coups-coeur.jpg) top no-repeat;
padding-top: 40px;
width: 422px;
/*height: 230px;*/
float: left;
}


.BlocCoupCoeur {
width: 410px;
float: left;
margin-bottom: 10px;
}

.BlocCoupCoeur p{
margin-top: 2px;
text-align:justify;
}


#CoupCoeur a {
color: #000000;
text-decoration: none;
} 
#CoupCoeur a:hover {
color: #ffffff;
text-decoration: none;
} 


#CoupCoeur img {
width: 100px;
height: 100px;
float: left;
padding: 0 10px 10px 10px;
}

/* --------------titres------------------ */
h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
}

#CoupCoeur p, #actualite p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 5px;
}


/* ############"  NEWS FANMUSIK TV ############ */

#NewsFanmusiktv {
background: #efeded url(http://www.FanMusik.com/newsletter/img/rub-fanmusiktv.gif) top left no-repeat;
width: 422px;
float: left;
padding-top: 60px;
	}
	
#NewsFanmusiktv img{
	margin: 2px 2px 2px 2px;
	
}

#NewsFanmusiktv p {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 4px 4px 2px 10px;

}

/*   -------------------------------------------### ACTUALITE ------------------------------------------### */
 
#actualite {
background: #efeded url(http://www.FanMusik.com/newsletter/img/rub-actualite.jpg) top left no-repeat;
width: 422px;
/*height: 230px;*/
float: left;
padding-top: 50px;
margin-left:4px;
}

.BlocActu {
width: 412px;
float: left;
margin: 4px 4px 4px 4px;
}

#actualite img {
width: 100px;
height: 100px;
float: left;
padding: 4px 6px 2px 4px;
}

.BlocActu p {
margin-top: 2px;
text-align:justify;
}

#actualite a {
color: #000000;
text-decoration: none;
} 

#actualite a:visited {
text-decoration: none;
} 


#actualite a:active {
text-decoration: none;
} 
#actualite a:hover {
color: #999999;
text-decoration: none;
} 


/* ----------------------------------- ###  PHOTOS  ### ---------------------------------------- */


#photos {
background: #990000 url(http://www.FanMusik.com/newsletter/img/rub-photos.jpg) top no-repeat;
width:432px;
float: right;
padding-top: 40px;
}

#photos .NomArtiste{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin-bottom: 0;
}

#photos .PhotoInfo {
font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin-bottom: 0;
}


#photos p {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
padding: 0;
margin: 0;
text-align:center;
}

.BlocPhotoAnnonce {
width: 426px;
float: left;
margin: 2px 2px 20px 6px;
}

#photos img {
width: 420px;
height: 203px;
float: left;
padding: 0 2px 2px 2px;
border:0;
}

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

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

/* ------------------------------  ####  DISQUES #### -------------------------------  */

#disques {
background: #efeded url(http://www.FanMusik.com/newsletter/img/rub-disques.jpg) top left no-repeat;
width: 422px;
float: left;
padding-top: 60px;
}


.BlocDisques {
float: left;
}

#disques p {
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:5px;
}



.BlocDisques p{
margin-top: 2px;
background:#efeded;
}


.BlocDisques img {
width: 100px;
height: 100px;
float: left;
padding: 0 10px 10px 10px;
}

/* -----------------------------------####  LIVRES #### -----------------------------------------*/
 
 #livres {
background: #efeded url(http://www.FanMusik.com/newsletter/img/rub-livres.jpg) top left no-repeat;
width: 422px;
float: left;
margin-left:4px;
padding-top: 40px;
}
 

#BlocLivre {
width: 412px;
float: left;
margin: 4px 4px 4px 4px;
	}


#BlocLivre img {
float: left;
padding: 0 6px 4px 0px;
}

#livresTexte {
clear:both;
}

#livresTexte p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-align:justify;
}


#couvertures img {
float: left;
padding: 20px 20px 8px 35px;
}

.left {float:left;}

/* ------------------------------------  ####  CONCERTS #### ---------------------------        */

#concerts {
background: #333333 url(http://www.fanmusik.com/newsletter/img/rub-concerts.gif) no-repeat;
padding-top: 50px;
clear:both;
}


#ConcertsAffiches {
background: #efeded;
height: 320px;
clear:both;
}

/*#ConcertsAffiches img {
width: 198px; 
height: 296px;
float:left;
margin: 10px 10px 10px 5px;
border:0;
}*/


#ConcertsAffiches img {
width: 198px; 
height: 296px;
float:left;
margin: 10px 45px 10px 45px;
border:0;
}


#concerts h3 {
color: #f1f1f1;
}

#concerts p {
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;

}

#concerts a {
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;
}

#concerts a:hover {
color: #999999;
text-decoration: none;
background: transparent;
}

.BlocConcerts {
width: 430px;
margin-bottom:20px;
}

.BlocConcerts img {
width: 100px;
height: 100px;
float: left;
padding: 0 10px 10px 10px;
}


.BlocConcerts p {
margin-top: 10px;
}
#dates p{
padding: 10px;
}