body
{
   width: 760px;
   margin: auto; /* centrer page */
   margin-bottom: 20px;
}

#en_tete
{
   height: 100px;
   background-image: url("images/fondbandeaubleu.gif");
   background-repeat: repeat;
   /* margin-bottom: 10px; */
}

.bandeau
{
   height: 80px; 
   margin-top: 10px;
   margin-left : 40px;
}

#menu
{
   float: left; 
   width: 180px; /* Taille menu */
   }


.element_menu
{
   background-color: #B5DEE7;
   background-repeat: repeat-x;
   border: 1px solid blue;
}


.element_menu h3 /* Tous les titres de menus */
{    
   color: #3735A6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.1em;
   text-align: left;
   margin-bottom: 1px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   /* list-style-image: url("images/puce.png"); */
   padding: 0px; 
   padding-left: 20px; 
   margin: 0px; 
   margin-bottom: 5px;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #3735A6;
   text-decoration: none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #E0b7A0;
   color: black;
}

.inactif a /* Quand on pointe sur un lien du menu */
{
   color: #3735A6;
   color: grey;
}

.inactif a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #EBDEF4;
   color: grey;
}

#corps
{
	margin-left: 180px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
    margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
    padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */   
    border: 2px solid blue; /* bordure */
}

h1
{
   color: #3735A6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.4em;
   font-variant: small-caps;
   text-align: center;
   margin-bottom: 1px;
}

h2
{
   color: #3735A6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.2em;
   text-align: center;
   margin-bottom: 1px;
   background-color : orange ; 
}

.h2IMPORTANT
{
   color: #ff0000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.2em;
   text-align: center;
   margin-bottom: 1px;
}

h3
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1em;
   text-align: left;
   margin-bottom: 1px;
   font-variant: small-caps;
}

h4
{
   font-family: Times, "Times New Roman", "Times New Roman", Times, serif;
   font-size: 0.9em;
   text-align: align;
   margin-bottom: 1px;
   margin-left: 190px;
}

#pied_de_page
{
   text-align: center;
   background-color: #B5DEE7;
}

.verset
{
   color: #3735A6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   text-align: center;
   margin-bottom: 1px;
}

.datesgroupe
{
   color: #3735A6;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   text-align: left;
   margin-top:0px;
   margin-bottom:30px;
}

.news h3
	{
		background-color:#B5DEE7;
        margin-top:0px;
    }
	
.news p
	{
        margin-top:0px;
    }

.news
        {
        width:70%;
        margin:auto;
    }

.dimanche
	{
	    color:#3735A6;
		margin-top:0px;
	}

.liens a /* Tous les liens se trouvant dans un menu */
{
   color: #3735A6;
   text-decoration: none;
}

.liens a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #E0b7A0;
   color: black;
}