@charset "utf-8";
/* CSS Document */

body
{
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, verticalement */
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* L'en-tête */

#en_tete
{
   width: 994px;
   height: 195px;
   background-image: url("images/Banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 4px;
}

/* Le menu */

#menu
{
	float: left; /* Le menu flottera à gauche */
	width: 184px; /* Très important : donner une taille au menu */
	margin-bottom: 0px;
	margin:0px;
}
#menu h3 /* Tous les titres de menus */
{
	margin-top: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
	color: #000000;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
}

#menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   
   list-style-type: none;
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 4px;   /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 10 pixels */
   padding-right: 4px; 
   padding-bottom: 4px;
   margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 4px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
   font-size: 18px;
   border-width: 2px;
   border-style: solid;
   border-color: #005EB8;
   /*background-color: #d9dde7;*/
}

a
{
	text-decoration:none;
}

#menu li/* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-type: none;
	padding: 5px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	padding-top: 5px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	line-height: 20px;
	color: #9A99FF;
}

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

#menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #005EB8;
}

h1 
{
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005EB8;
	width: 100%;
	font-size: 18px;
	color: #2a3753;
	clear: both;
}

#corps
{
	margin-left: 190px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 0px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
}

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

	padding-left: 10px;
	text-align: left;
	font-size: 17px;
	color: #85B18A;
	margin:0px;
	
}

#corps h3 /* Tous les titres h3 du corps */
{
	text-align: center;
	font-size: 20px;
	color: #000000;
}

#corps p /* Tous les balises p du corps */
{
	padding-left: 10px;
	text-align: left;
	font-size: 15px;
	color: #000000;
}

#corps a:hover /* Quand on pointe sur un lien du menu */
{
   color: #005EB8;
}

td.temp
{
   height: 20px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   font-family: Verdana, "Arial", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left;   
   padding:5px;
   margin:5px;
  
}

table.temp
{
   border: 2px outset blue;
   border-collapse: collapse;
   width:800px;
   margin:6px;
}
table.graph
{
   width:800px;
}

td.graph
{
   height: 20px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   font-family: Verdana, "Arial", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;   
   padding:5px;
   margin:5px;
}

table.accueil
{
   width:800px;
   height:auto;
}

td.accueil2
{
	height: 80px;
	font-family: Verdana, "Arial", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	text-align: left;
	padding:5px;
	margin:5px;
	border-width: 2px;
	border-style: solid;
	border-color: #005EB8;
	width: 900px;
}

td.accueil
{
   height: 80px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   width:320px;
   font-family: Verdana, "Arial", "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: left;   
   padding:5px;
   margin:5px;
   border-width: 2px;
   border-style: solid;
   border-color: #005EB8;
}

.cadrelien

{

	background-color: #ccd3e0;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	position: relative;
	color: #1d2538;
	clear: both;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #005EB8;
	border-right-color: #005EB8;
	border-bottom-color: #005EB8;
	border-left-color: #005EB8;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;

}

.cadrelien:hover 

{
	background-color: #d7ffe8;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	color: #2a3753;
	text-decoration: none;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #005EB8;
	border-right-color: #005EB8;
	border-bottom-color: #005EB8;
	border-left-color: #005EB8;

}

#pied_de_page
{
   padding: 2px;
   text-align: center;
   color: #005EB8;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #005EB8;
}

td.haut_de_page
{
	padding: 2px;
	text-align: center;
	color: #9A99FF;
	border-bottom-color: #005EB8;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

a
{
	color:#000000;
}

a:hover /* Quand on pointe sur un lien du menu */
{
	color: #005EB8;
}