body
{
    background-color: #f9eeee;
    

}
#cadre
{
    margin-top: 0px;
background : url( images/bg.gif) repeat;
width : 990px;


margin : auto;

}
#banner
{
width : 990px;
height : 160px;

} 
#banner1
{
width : 990px;
height : 60px;


}
#banner2
{
width : 990px;
height : 25px;
}
#banner3
{
width : 990px;
height : 25px;

}
#banner4
{
width : 990px;
height : 25px;
}
#banner5
{
width : 990px;
height : 25px;
}
.separate
{
height : 10px;}
.separate2
{
height : 20px;
}
/* **********************menu -horizontal ******************** */
#top-menu
{
width : 990px;
height : 30px;
background-image: url("images/barre.png");

}

#acceuil
{
width : 190px;
height : 30px;
}
#communaute
{
width : 190px;
height : 30px;
margin-left : 199.5px;
margin-top : -30px;
}
#vocation
{
width : 190px;
height : 30px;
margin-left : 399px;
margin-top : -30px;
}
#photos
{
width : 190px;
height : 30px;
margin-left : 598.5px;
margin-top : -30px;
}
#contacts
{
width : 190px;
height : 30px;
margin-left : 798px;
margin-top : -30px;
}
.top-element
{
width : 190px;
height : 30px;
/* background : url( images/top2.gif ) ; */
}
.top-element:hover
{

background : url( images/top3.png ) ;

}


.top-element:hover .top-link
{
color : black;
}
.top-link
{

padding-left : 25px;
font-size : 22px;
font-family : "Times New Roman",Arial,"Comic Sans MS" ;
color : white;
}
#top-acceuil
{
padding-left : 50px;
}
#top-photos
{
padding-left : 60px;
}
#top-contact
{
padding-left : 50px;
}
/* *********************  body *******************************/
#main-content
{
width : 990px;

}
a 
{
text-decoration : none;
color : rgb(80,21,00);
}

/* ------------------------le menu gauche ---------------------- */
#left-menu
{
width : 175px;
height : 440px;
margin-left : 3px;
}
.cadre-left
{
width : 173px;
/*height : 202px;*/
background : url( images/left.gif) repeat-y;
border-top : 1px solid rgb(80,21,00);
border-bottom : 1px solid rgb(80,21,00);

}
.left-element
{
width : 173px;
height : 40px;

} 
.left-element:hover
{
background-image : url( images/left1.gif);
/*border-top : 1px solid rgb(80,21,00);
border-bottom : 1px solid rgb(80,21,00); */

}
.left-link
{
padding-left : 30px;

font-size : 20px;
font-family : "Times New Roman",Arial,"Comic Sans MS" ;

}
.left-link:hover
{
    padding-top: 5px;
}
/*-- -----------------le contenu de la page ----------------- -- */
#general-content
{
width : 770px;
margin-top : -442px;
margin-left : 210px;

} 
.message
{

height: 21px;

} 
.underline
{
width : 500px;
height: 6px;
}
/* ************************ sur les articles  de l'index *****************/
.article  /* enveloppe de //évenements */
{

width : 770px;
height : 280px;


} 
#evenement /* contenu evenement */
{
width : 435px;

margin-top : 4px;

background : white;
border : 1px rgb(80,21,00) solid;
}
#evenement-image
{
width : 310px;
height : 205px;
margin-top : -200px;
margin-left : 450px;

}
.article2 /* enveloppe de //activites */
{
width : 435px;


} 
#activite  /*contenu activite */
{
width : 435px;

border : 1px solid rgb(80,21,00);
background : white;
}
.article3 /* enveloppe de //les derniers  articles */
{
width : 310px;


margin-left : 450px;
margin-top : -227px;
}
#dernier-article
{
width : 310px;

border : 1px solid rgb(80,21,00);
background : white;
}
.head1
{
width : 154px;
height : 27px;

}
.head2
{
width : 243px;
height : 27px;

}
/*************** les articles *********************** */
.lire-suite
{
margin-left :300px;
color : green;
font-size : 15px;
font-weight : bold; 
}
.lire-suite a
{

color : green;
text-decoration : underline;
}

p
{
text-align : justify;
font-size : 17px;
}
p:first-letter
{
float: left; /* Flotte à gauche */
   font-size: 3em; /* Fasse une hauteur de 3 lignes */
   font-family: Arial, Georgia, "Times New Roman", Times, serif; /* Soit mise en Arial si possible*/
   font-weight: bold; /* Soit écrite en gras (c'est plus voyant) */
   margin-right: 5px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
	color : rgb(80,21,00);
}
.titre-article
{
	font-weight : bold;
	font-size: 20px;
	color : rgb(80,21,00);
}
li
{
font-weight : bold ;
padding-top : 5px;
padding-bottom : 5px;
color : rgb(80,21,00);
text-decoration : underline;
}
/* ***********************pied de page et autre ************************/
/******************animation**/
.animation
{
width : 770px;
height : 60px;
} 
.info
{
width : 500px;
margin-left : 100px;
font-size : 25px;

font-weight : bold;

}
.info a
{
color : brown;
text-decoration: none;
}
#footer
{
background : url(images/footer.png) ;
width : 990px;
margin : auto;
height : 30px;

}
#footer-link
{
width : 400px;
height : 25px;
margin-left : 300px;
font-size : 15px;
}
.footer-link
{
padding-left : 20px;
padding-right : 20px;

}
#design-by
{

height : 25px;
margin-left : 730px;
padding-top : 5px;
font-size : 12px;
}