body{
margin: auto;	
/*background-image: url("");*/
background-color:#EAF1D3;
font-family: arial;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                             Structure                                            */
/*--------------------------------------------------------------------------------------------------*/

#menuleft{
float:left;
width:200px;
height:560px;
background-color:#D5E3A5;
border-left:1px solid #060;
}

img{
border:none;
padding:0px;
margin:0px;
}

#menuright{
float:left;
width:178px;
height:560px;
font-size:13px ;
background-color:#FFFFFF;
border-right:1px solid #060;
color:#00632E;
}

#menuright a{
text-decoration: underline;
color:#E7511E;
}

#vmarquee a{
text-decoration:none;
}


#marqueecontainer{
position: relative;
margin:15px 0 10px 0;
width: 175px; /*marquee width */
height: 455px; /*marquee height */
overflow: hidden;

}

#log{
text-indent: 0px;
font-size: 16px;
text-align: center;
color: black;
vertical-align: -35px;
display: inline;
}

#header{
width: 990px;
height: 130px;
margin: auto;
text-align: center;
margin-top:5px;

}

#conteneur{
width:990px;
height:100%;
overflow:auto;
margin:auto;
}

.corps{
margin: 15px;
text-align: justify;
/*text-indent: 20px;*/
}

.vert{
color:#00632E;
font-weight:bold;
}

.texte-resultats{
color:#333;
font-size:12px;
}

h1#actualites{
color:#FFFFFF;
text-align:center;
font-size:15px;
margin:0;
padding:8px 0 0 0;
}

h1#titre-actus{
font-size:13px;
font-weight:bold;
margin:2px 0 5px 0;
color:#00632E;
}

.texte-actus{
color:#00632E;
font-size:12px;
}

.texte-actus a{
color:#E7511E;
text-decoration:underline;
font-style:italic;
}

.texte-actus a:hover{
color:#333;
}


h4{
color:#00632E;
font-size:14px;
font-weight:bold;
margin:4px 0 0 5px;
padding:0;
}

.text-right{
float: right;
}

.contain{
background-color:#FFF;
width:610px;
height:560px;
float:left;
}

div#conteneur-toutes-actualites{
width:600px;
height:540px;
margin:10px 0 0 0;
overflow:auto;
scrollbar-face-color:#A4c32D;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFF;
scrollbar-shadow-color:#939393;
scrollbar-3dlight-color:#A4c32D;
background:url(../images/bg-arbre.gif) no-repeat;
}

.contain-admin{
background-color:#FFF;
width: 788px;
height: 560px;
float: left;
}
.categories{
margin: 0px;
padding: 0px;
width: 200px;
height: 34px;
}

.bouton{
text-indent: 0px;
font-size: 16px;
text-align: center;
color: black;
}

.link{
text-indent: 0px;
font-size: 16px;
text-align: right;
color: black;
}

.presentation{
margin-top: 5px;
text-indent: 20px;
font-size: 16px;
font-weight: bold;
color:#00632E;
}

.text{
text-indent: 20px;
font-size: 16px;
text-align: justify;
color: grey;
}

.italique{
font-style: italic;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                            Menu Gauche                                           */
/*--------------------------------------------------------------------------------------------------*/
#residents{
margin-left: 20px;
margin-bottom: 5px;
color:#00632E;
font-size: 14px;
}

#residents a{
text-decoration: none;
color:#00632E;
}

#residents a:hover{
color:#636363;
}

.marge_residents{
margin:0 0 0 10px;
}


/*--------------------------------------------------------------------------------------------------*/
/*                                          Page résidents                                          */
/*--------------------------------------------------------------------------------------------------*/

#textresident{
font-size: 13px;
text-align:justify;
color:#636363;
margin:15px 0 30px 15px;
}

#textresident a{
color:#E7511E;
text-decoration:none;
}

#textresident a:hover{
color:#333;
}

.logo{
float: left;
margin-left:0px;
margin-right:15px;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                            Page accueil                                          */
/*--------------------------------------------------------------------------------------------------*/

#photos-alpha{
height:100px;
width:590px;
}

#photos-alpha p{
margin:2px;
font-size:11px;
color:#333;
text-align:center;
font-style:italic;
}

#photos-alpha ul{
margin:0px;
padding:0px;
}

#photos-alpha ul li{
list-style-type:none;
margin-right:10px;
padding:0px;
text-align:center;
float:left;
}

#lien-societe{
margin-top:20px;
width:580px;
}


/*--------------------------------------------------------------------------------------------------*/
/*                                          Page actualites                                         */
/*--------------------------------------------------------------------------------------------------*/

.actu{
text-align: justify;
color:#00632E;
margin:15px;
}

.actus{
height: 540px;
text-align: justify;
color:#00632E;
margin:15px;
overflow:visible;
}

.titreactu{
width: 170px;
height: 543px;
text-align: center;
background-image: url(../images/bloc-actus.gif);
background-position: center;
background-repeat: no-repeat;
margin-left: 4px;
margin-top: 8px;
}

hr{
color:#00632E;
}


/*--------------------------------------------------------------------------------------------------*/
/*                                          Page Résultats                                          */
/*--------------------------------------------------------------------------------------------------*/

#resultat{
color: #636363;
margin:15px;
}

#plan-gauche{
float:left;
width:300px;
margin:5px 5px 0 5px;
}

#resultats-droite{
float:left;
width:255px;
margin:5px 0 0 0;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                          Page Ecoactive                                          */
/*--------------------------------------------------------------------------------------------------*/
.texte-ecoactive, .texte-alpha{
color:#333;
font-size:12px;
margin:0 0 5px 0;
text-align:left;
}

#emballages{
margin:0 30px 0 0;
float:left;
width:275px;
height:200px;
}

#emballages img{
float:left;
margin: 0 5px 5px 0;
vertical-align:top;
}

#dechets{
margin:0;
float:left;
width:270px;
height:220px;
}

#dechets img{
float:right;
margin: 0 0 5px 5px;
vertical-align:top;
}

#bilan{
margin:10px 30px 0 0;
float:left;
width:275px;
height:200px;
}

#bilan img{
float:left;
margin: 0 0 5px 5px;
vertical-align:top;
}

#reduction{
margin:10px 0 0 0;
float:left;
width:270px;
height:200px;
}

#reduction img{
float:right;
margin: 0 0 5px 5px;
vertical-align:top;
}

/*--------------------------------------------------------------------------------------------------*/
/*                                            Page Alpha                                            */
/*--------------------------------------------------------------------------------------------------*/

.texte-ecoactive a, .texte-alpha a{
color:#E7511E;
text-decoration:none;
}

 .texte-ecoactive a:hover, .texte-alpha a:hover{
color:#333;
}

#contact-rsa{
margin:5px;
background-color:#FFF;
border:1px solid #033;
padding:5px;
}

#photos-signaletique{
height:100px;
width:590px;
}

#photos-signaletique p{
margin:2px;
font-size:11px;
color:#333;
text-align:center;
font-style:italic;
}

#photos-signaletique ul{
margin:0px;
padding:0px;
}

#photos-signaletique ul li{
width:100px;
list-style-type:none;
margin-left:5px;
padding:0px;
text-align:center;
float:left;
}

/*---------------------------------------------------------------------------------------------------*/
/*                                           Page Contact                                            */
/*---------------------------------------------------------------------------------------------------*/

div#contact{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
/*border:solid 1px;*/
margin:0;
padding:5px;
}

.formulaire{
margin:0;
color:#00632E;
}

div#gauche-contact{
width:200px;
float:left;
}

div#droite-contact{
width:200px;
height:500px;
float:right;
}

.marge{
margin-left:170px;	
}

div#contact input, div#contact textarea{
margin-bottom:5px;
font-size:12px;
vertical-align:middle;
border:1px solid #00632E;
}

.asterisque{
font-style:italic;
}



/*---------------------------------------------------------------------------------------------------*/
/*                                           Pied de page                                            */
/*---------------------------------------------------------------------------------------------------*/

#footer{
width: 990px;
height: 25px;
background-image: url(../images/frame-pied-page.gif);
background-repeat: repeat-x;
border-left:1px solid #060;
border-right:1px solid #060;
margin:auto;
}

.piedpage{
margin:0px;
font-size:12px;
color:#333;
text-align: center;
line-height:27px;
}

.piedpage a{
text-decoration:none;
color:#00632E;
font-style:italic;
}

.piedpage a:hover{
color:#333;
}