body
{
width:100%
}


a img
{
   border: none; 
}

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

a:hover, a:active
{
    color: #f4c329;
	font-weight: bold;
}


.promo
{
font-size: 14px;
text-align: justify;
font-family: "Comic Sans MS", "trebuchet MS", Georgia, serif;
text-decoration: blink;
color:#f4c329;
}

.date
{
font-size: 16px;
text-align: center;
font-family:"Comic Sans MS", "trebuchet MS", Georgia, serif;
font-weight: bold;
color:#fffacd;
}

.date2
{
font-size: 16px;
text-align: center;
font-family:"Comic Sans MS", "trebuchet MS", Georgia, serif;
font-weight: bold;
color:#fffacd;
}


body
{
   width: 1200px;
   margin: auto; 
   margin-top: 20px; 
   margin-bottom: 20px;    
   background-color: #000000;   
   background-repeat: no-repeat;
 
   }

#titre
{
   width: 410px;
   height: 70px;
   background-image: url("titre/5avenues.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-left: 32%; 
}

#pochette
{
   width: 410px;
   height: 450px;
   background-image: url("dessin/lutin_face_new3.jpg");
   background-repeat: no-repeat;
   margin-top: -105px;
   margin-left: -5%; 
}

#corps
{
   width: 500px;
   height: 330px;
   background-image: url("lien/bio.jpg");
   margin-top: -280px;
   margin-left: 31%; 
}

#datedespectacle
{
   width: 185px;
   height: 260px;
   background-color: #123456;
   text-align: center;
   padding: 10px 5px 25px 10px ;
   background-color: #000000;
   background-repeat: no-repeat;
   margin-top: -370px;
   margin-left: 75%;
   border: 6px inset #fffacd;
   color: #fffacd;
   }
   
#alabelleetoile
{
   width: 185px;
   height: 108px;
   background-image: url("dessin/etoile2.jpg");
   background-repeat: no-repeat;
   margin-top: -114px;
   margin-left: 76.7%; 
}   


#boutons
{
   width: 800px;
   height: 75px;
   background-repeat: no-repeat;
   margin-top: 3%;
   margin-left: 10%;
}

#myspace
{
   width: 170px;
   height: 165px;
   background-repeat: no-repeat;
   margin-top: -17%;
   margin-left: 100%;
}