body /* On travaille sur la balise body, donc sur TOUTE la page */
{
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
   background-color: #3C79A6; /* Le fond de la page*/
   background-image: url("herminebleu.gif");
   color: black; /* Le texte de la page*/
}
a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

p
{
	text-align: justify;
}

h1
{
	text-align:center;
	font-weight: bold;
	font-size: xx-large;
}

h3
{
	text-decoration: underline;
	font-weight:normal;
	font-size: 1 em;
}

#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 22px;
	padding-left : 10px;

}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}
	
#menu a:link, #menu a:visited	{
/*	background : #E8EBF0; */
	border : 1px solid #ccc;
	color : #000;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 17px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	background-image:url("degrade.jpg");
	background-repeat:repeat-x;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
}

	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
		background-image:url("degrade3.jpg");
	background-repeat:repeat-x;
}

 #menu ul a:hover {
	color : #f00 !important;
}

#contents {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 19px;
}
#globalnav UL A:hover,
#globalnav UL A:active,
#globalnav UL A.here:link,
#globalnav UL A.here:visited {
	color:#444;
}

#boite { 
   margin-left: 5%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   width:90%;
   margin-bottom: 10px; /* 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 */
   
   color: #000000;
   background-color: #73A6CC; /* Une couleur de fond pour le corps */
 /*  background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
  /* 
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
  /*filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5}*/
   }
