body
{
margin-left:10%;
margin-top:0px;
margin-right:10%;
}

p
{
font-family: "Trebuchet MS", Arial, Verdana, serif;
font-size:14px;
}
/*Le titre en haut*/
#titre
{
background: url(images/spectacles_titre.jpg) center center no-repeat;
height:70px;
}
/*Le lien de situation en haut*/
.retour
{
color:#999999;
}
.retour a
{
color:#999999;
text-decoration:none;
}
.retour a:hover
{
text-decoration:underline;
color:black;
}

.en-tete
{ 
text-indent: 2em;
letter-spacing: 0.1em;
color:#B82727;
font-size:18px;
}

/*Elements de la page bientot*/
#agenda-proche
{
height:220px;
border: 1px solid #999999;
}
#agenda1
{
height:120px;
padding-left:10px;
margin-top:10px;
border: 1px solid #999999;
}
#affiche
{
width:200px;
height:2OOpx;
margin: 10px 10px 10px 10px;
float:left;
}
.nomspectacle
{
font-weight:bold;
font-size:16px;
}
.mois
{
color:#B82727;
font-weight:bold;
font-size:16px;
}
.date
{
color:#B82727;
}
#merci
{
height:100px;
background: url("http://perso.orange.fr/la-basse-cour/2_spectacles/images/merci_asso.jpg") no-repeat center center;
}

/*Elements de la page archives certains elements sont communs avec ceux de la page bientot*/
.archives
{
height:170px;
}
.affichearchive
{
height:150px;
width:150px;
margin:10px 10px 10px 10px;
float:left;
}
.lienartiste
{
color:#999999;
}
.lienartiste a
{
color:#999999;
text-decoration:none;
}
.lienartiste a:hover
{
color:black;
text-decoration:underline;
}

/* Les liens en bas*/
.liens
{
color:#999999;
text-align:center;
}

.liens a
{
color:#999999;
text-decoration:none;
}

.liens a:hover
{
color:black;
text-decoration:underline overline;
}

/*Design des News de la page menu.html*/


/*Le copyright en bas de page */
.copyright
{
font-size:12px;
text-align:center;
}
/*bouton en haut */
li
{ width:25%; height:25px; background-color:#b62626; text-align:center; font-family:"Trebuchet MS", Arial, Verdana, serif; color:white; letter-spacing:5px; font-size:16px; float: left; margin-bottom: 20px; padding-top:5px; display: block; }
li a
{
text-decoration:none;
color:white;
}
ul { position: relative; left: -40px; width: 100%; }
li a:hover
{
letter-spacing:5px;
font-weight:bold;
}
img
{
border:none;
}
#componews
{ float: left; }
.newstitle
{
font-size:22px;
font-weight:bold;
}
.newsdate
{
text-indent:10px;
font-size:18px;
color:#b62626;
}
.newstop
{
font-size:16px;
}
span { color: #450d04; }
#textnews { width: auto; height: 402px; }
#corps { width: auto; height: 495px; }