/*---------------------------------------------------*/
/*----------- le style général de la page -----------*/
/*---------------------------------------------------*/

* {
border:0;
margin: 0 auto;
padding: 0;
font: normal 18px eras light itc, terbuchet ms;
color: #fff;
text-decoration: none;
text-align: justify;
list-style-type: none;
}

body {
background: #b8e0ae;
}

/*---------------------------------------------------*/
/*------------ le haut -------------*/
/*---------------------------------------------------*/

#haut {
width: 760px;
height: 114px;
margin: 0;
background: url('images/background/haut.jpg') no-repeat;
}

/*---------------------------------------------------*/
/*------------ le menu ou se trouve les liens principaux pour naviguer sur le site -------------*/
/*---------------------------------------------------*/

#menu {
float: left;
width: 194px;
height: 400px;
background: url('images/background/menu.jpg') no-repeat;
}

#menu ul li a:link, #menu ul li a:visited {
font: normal 25px alba;
color: #ffff00;
margin: 0 0 0 12px;
}

#menu ul li a:hover {
font: normal 30px alba;
color: #666;
}

#contenu {
float: left;
width: 500px; /* donne la taille du container principale */
margin-right: 10px;
}

#contenu h1 {
font: bold 25px alba;
margin: 0 0 10px 0;
}

#contenu p {
color: #000;   /* permet de changer l'apparence dans le container principal */
margin: 5px 0;
}

#contenu li {
color: #000;   /* permet de changer l'apparence dans le container principal */
line-height: 24px;
}

#contenu p.centre {
text-align: center;
}

#contenu p a:link, #contenu p a:visited, #contenu li a:link, #contenu li a:visited {
color: #103806; /*couleur des liens dans le contenu*/
}

#contenu p a:hover, #contenu li a:hover {
color: #666;
}

#contenu form input{
color : #000;
}

#contenu textarea{
color : #000;
}

#contenu h1 p{
color : #000;
}

#contenu b, #contenu hr{
color : #000;
}

#contenu ul form li textarea{
color : #000;
}



/*---------------------------------------------------*/
/*------------ pour la galerie -------------*/
/*---------------------------------------------------*/

.quart {
float: left;
width: 25%;
}

.videos {
float: left;
width: 220px;
}

ul.galeries li {
display: inline;
color: #000;   /* permet de changer l'apparence dans le container principal */
line-height: 24px;
}

ul.galeries li a:link, ul.galeries li a:visited {
color: #103806;  /*couleur des liens dans la galerie*/
font-family: alba;
}

ul.galeries li a:hover {
color: #666;
}

p span {
font-weight: bold;
}

/*---------------------------------------------------*/
/*------------ divers -------------*/
/*---------------------------------------------------*/

.spacer {
clear: both;
}

.centre {
text-align: center;
}