body{
	font-family: "Calibri", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	color: green;
	margin: auto;
	width: 760px;
	margin-top: 10px;
    margin-bottom: 10px;
	font-size: 15px;
	text-align: justify;
}

h1
{
	text-align: center;
	}
	
h2
{
	text-align: center;
	}

p
{
	text-align: center;

}



#noms table
{
	margin: auto;
	border: 4px outset green;
	border-collapse: collapse;
}

#noms td 
{
   border: 1px solid green;
   width: 445px;
   height: 75px;
   text-align: center;
   padding: 5px;
   vertical-align: middle;
   font-weight: bold;
}

#logogite
{
	position: absolute;
	height: 70px;
	width: 70px;
    left: 50%;
	margin-left: -35px;
	margin-top: -35px;
}

#en_tete
{
	font-size: x-large;
	text-align: center;
	margin-top: 20px;
	border: 1px solid green;
}

#en_tete img
{
	float: right;
	padding: 5px;
	margin-top:-35px;
	border: 0;
	}

#menu, #menu ul
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding : 0;
    list-style : none;
    line-height : 30px;
}

#menu
{

    font-family : Calibri;
    font-size : 16px; /* hauteur du texte : 16 pixels */
	text-align: center;
}

#menu a /* Contenu des listes */
{
    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding : 0; /* aucune marge intérieure */
    background : rgb(31, 114, 37); /* couleur de fond */        
    color : white; /* couleur du texte */
    text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
    width : 125.6px; /* largeur */
}

#menu li /* Elements des listes */      
{ 
    float : left; 
    /* pour IE qui ne reconnaît pas "transparent" */
    border-right : 1px solid white; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
   border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#corps
{
   margin-top: 70px;
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border: 1px solid green; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   text-align: center;
}

#corps p
{
	text-align: justify;
	color: black;
}

#corps img
{

	border: 1px solid black;
	margin-bottom: 10px;
	padding: 5px;
	}


#corps table
{
	margin: auto;
	border: 1px solid black;
	border-collapse: collapse;
	font-weight: bold;
}

#corps td 
{
   border: 1px solid green;
   width: 130px;
   height: 50px;
   text-align: center;
   padding: 5px;
   vertical-align: middle;
   color: black;
}


#corps a
{
	color: rgb(31, 114, 37);
	text-decoration: none;
}

.img_flottante
{
	float: left;
}

#liens_itea
{
	margin: auto;
	}
	
#liens_itea table
{
	margin: auto;
	border: 0;

}
#liens_itea td 
{
   font-size: 18px;
   width: 200px;
   height: 50px;
   text-align: center;
   padding: 5px;
   vertical-align: middle;
   color: black;
   border: 0;
}
	
#lien_photo
{
	color: green;
	font-size: 11px;
	text-align: left;

}

#titres
{
	font-size: 18px;
	text-align: left;
	color: green;
	text-decoration: underline;
	}


#centrage
{
	text-align: center;
	color: black;
}
#presentation
{
	width:100%;
	height:5em;
	
}

#pied_page
{
   color: black;
   padding: 0;
   text-align: center;
   border: 1px solid green;
}

#pied_page img
{
   border: none;
}