body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background:url("../../imgs/fond2.jpg");
        }

h2 {
        font: bold 15px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

body,#en_tete {
	width:1024px
}

body,.element_menu,#corps {
	margin-bottom:20px
}

#en_tete {
	background:url("../../imgs/banniere2.jpg") no-repeat;
	height:170px;
	margin-bottom:10px
}

img {
    border: none;
}

/*- Menu 4--------------------------- */

#menu3 {
		float: left;
        width: 200px;
        margin: 10px;
        border-style: solid solid none solid;
        border-color: #000;
        border-size: 1px;
        border-width: 1px;
        }

#menu3 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #CCC;
        display: block;
        background:  url(../gifs/menu4.gif);
        padding: 8px 0 0 10px;
        }

#menu3 li a:hover, #menu3 li #current {
        color: #FFF;
        background:  url(../gifs/menu4.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
#navcontainer {
        background: #000000;
        width: 30%;
        margin: 0 auto;
        padding: 1em 0;
        font-family: georgia, serif;
        font-size: 13px;
        text-align: center;
        text-transform: lowercase;
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 70%;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 100%;
        padding: 0.5em 0 0.5em 2em;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #B3B3B3;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        background: #f0e7d7;
        color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #800000;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
}
		
#corps
{
   margin-top: 21px;
   margin-left: 220px; /* 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 */
   font-family: Arial Black, "Verdana", "Times New Roman", Times, serif;
   color: #B3B3B3;
   background-color: #000000; /* Une couleur de fond pour le corps */
/*   background-image: url("../imgs/motif.png");
   background-repeat: repeat-x; Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 2px groove white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Algerian, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   

   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
   font-family: Broadway, "Arial Black", "Times New Roman", Times, serif;
}
#corps h3 /* Tous les titres h3 du corps */
{
   color: #B3B3B3;
   text-align: center;
   font-family: Algerian, "Arial Black", "Times New Roman", Times, serif;
}
#corps h4 /* Tous les titres h4 du corps */
{
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 40px;
   color: #B3B3B3;
   text-align: left;
   font-family: Broadway, "Arial Black", "Times New Roman", Times, serif;
}

#corps ul
{
   list-style-image: url("../../imgs/puce.png"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */

}
#corps p
{
padding-right: 10px;
padding-left: 10px;
text-align: justify;
}

#pied_de_page
{
   padding: 5px;
   margin-left: 10px;
   text-align: center;
	
   color: #B3B3B3;
   background-color: #000000;
 /*  background-image: url("../imgs/motif.png");
   background-repeat: repeat-x; */
   font-family: Verdana, "Arial Black", "Times New Roman", Times, serif;
   border: 2px groove white;
}