body {
font: 1em "Trebuchet MS", helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#CC3333;
}
h1,h2,h3,h4 {
text-transform:uppercase;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
h5 {
padding-left : 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p {
margin: 0 0 10px 0;
}
#entete {
height: 100px;
background:#CC3333 url(../img/entete3.png) center no-repeat;
}
#haut {
height: 30px;
background-color: #FFCC66;
}
#conteneur {
text-align:left;
margin:0 auto;
border-width:1px ;
border-color:#990000;
border-style:solid;
}
#centre {
background-color:#CC3333;
color:#FFCC33;
margin-left: 92px;
margin-right: 200px;
padding-left:100px;
border-style:inset;
border-color:#990000 #FFCC66 #FFCC66 #990000;
padding:5px;
}
#centre a {
color:#FFCC33;
}
#centre a:hover {
color:#FFCC66;
}
#gauche {
background: url(http://www.vivrelarue.infini.fr/images/pano.vert..jpg);
float:left;
width: 92px;
height: 567px;

}
#gauche2 {
background: url(../img/presentation.png)  no-repeat;
float:left;
width: 92px;
height: 567px;

}
#droite{
color:#FFCC66;
background-color:#CC3333;
float:right;
 width: 200px;
 text-align:center;
}
#droite a{
color:#FFCC66;
}
#imagepresentation1 {
background: url(images/Image-05.jpg);
width: 150px;
height: 217px;

}
#imagepresentation2 {
background: url(images/utopiste.gif);
width: 150px;
height: 114px;

}
#imageprog {
background: url(../img/miniprogramme.png);
width: 200px;
height: 278px;

}
#imagedroite {
background: url(../img/hautdroite.png);
width: 200px;
height: 278px;

}
#pied {
color:#FFCC66;
padding:10px;
font-family:Arial, Helvetica, sans-serif;
clear:both;
height: 30px;
background-color: #CC3333;
text-align:center;
border:1px solid #990000;
}
#pied a {
color:#FFCC66;
text-align:center;

}
#pied a:hover {
color: #990000;
text-align:center;
}
.menutitre {
background:#CC3300;
font-size: 1em;
font-weight:bold;
color:#FFFFFF;
text-align:center;
 width: 150px;
}
.menusoustitre {
background:#FFCC33;
font-weight:bold;
color:#CC3333;
text-align:center;
 width: 150px;
}
.boutons a{
background:url(../img/boutongauche.png) repeat-x;
 color: #CC3333;
font:0.9em "Trebuchet MS", helvetica, sans-serif;
 text-decoration: underline;
 text-align: center;
 display: block;
 width: 150px;
 height: 20px;
 }
 .boutons a:hover {
 color:#990000;
 background:url(../img/boutongauche2.png) repeat-x;
 }
 .boutons a:active {
 background:url(../img/boutongauche2.png) repeat-x;
 }
#menuhaut {
border-top:1px solid #990000;
border-bottom:1px solid #990000;
background:url(../img/boutonhaut.png) repeat-x;
}

#menuhaut ul {
color:#CC3333;
text-align:center;
font-weight:bold;
font-size:small;
padding-bottom:5px;
padding-top:5px;
margin:0;
}

#menuhaut ul li {
display:inline;
margin-left:-4px;
}

#menuhaut ul li a {
color:#CC3333;
text-decoration:none;
border-right:1px solid #990000;
padding:5px 10px;
}

#menuhaut ul li a:hover {
background:url(../img/boutonhaut2.png) repeat-x;
color:#990000;
}

#active a {
color:#990000;
background:url(../img/boutonhaut2.png) repeat-x;
border-left:1px solid #990000;
}
#imageaccueil {
background-image:url(http://www.vivrelarue.infini.fr/images/rue-vide.jpg);
 width: 450px;
 height: 350px;
}
.photos a{
background:url(../img/photo.png) center no-repeat;
color:#FFCC66;
padding-top: 50px;
 margin: 10px;
 text-decoration: underline;
 text-align: center;
 display: block;
 }
.photos a:hover{
background:url(../img/photohover.png) center no-repeat;
color:#990000;
 }
.photos a:active{
background:url(../img/photohover.png) center no-repeat;
color:#990000;
 }
 .audio a{
background:url(../img/audio.png) center no-repeat;
color:#FFCC66;
padding-top: 50px;
 margin: 10px;
 text-decoration: underline;
 text-align: center;
 display: block;
 }
.audio a:hover{
background:url(../img/audiohover.png) center no-repeat;
color:#990000;
 }
.audio a:active{
background:url(../img/audiohover.png) center no-repeat;
color:#990000;
 }
  .texte a{
background:url(../img/texte.png) center no-repeat;
color:#FFCC66;
padding-top: 50px;
 margin: 10px;
 text-decoration: underline;
 text-align: center;
 display: block;
 }
.texte a:hover{
background:url(../img/textehover.png) center no-repeat;
color:#990000;
 }
.texte a:active{
background:url(../img/textehover.png) center no-repeat;
color:#990000;
 }