/*------------------------------------ L'en-tête ----------------------------------------------*/
body
{
   width: 767px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
/*   background-image: url("images/fond.jpg");  /*Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-color:rgb(0,0,0);  /*Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

/*------------------------------------ L'en-tête ----------------------------------------------*/
body-inside
{
   width: 500px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
/*   background-image: url("images/fond.jpg");  /*Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-color:rgb(0,0,0);  /*Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
}

/*------------------------------------ L'en-tête ----------------------------------------------*/

#en_tete
{
   width: 626px;
   height: 141px;
   background-image: url("images/bandeau4.jpg") ;/*original bandeau4.jpg*/
   background-repeat: repeat-y;
   float: left;
   border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */

}
/*------------------------------------ Timbre ----------------------------------------------*/

#timbre
{
   width: 130;
   height: 141px;
   background-image: url("images/timbre_fd.jpg");
   margin-left: 636px;
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
   border: 1px solid white;
}

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

.element_timbre a /* Tous les titres h1 du corps */
{
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_timbre a:hover
{
   background-color: #a9a3B3;
   color: #a9c3c3;
}

/*--------------------- Pour les images, qu'elles n'aient pas de bordures -----------------------------------*/
a img {
	border:medium none;
}




/*------------------------------------ Le MENU ----------------------------------------------*/
#menu
{
   margin-right: 2px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-left: 2px; /* Pour éviter que les éléments du menu ne soient trop collés */
   float:left;
   font-family: Arial, "Arial",serif;
   font-height: 10px;

   width: 105px; /* Très important : donner une taille au menu */
   background-repeat: repeat-y;
   border:px solid white;

}

.element_menu
{
   background-image: url("images/kevlar-vignette.gif");
}





/*--------------------------------- Elements du menu---------------------------------------*/


.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: black;
}

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



/*---------------------------------------------- ARTICLE ---------------------------------------------*/
#article
{
   
   color: #B3B3B3;
   background-color: #626262; /* Une couleur de fond pour le corps */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   border="2";
   cellpadding="0";
   cellspacing="0";

   font-family: Arial, "Arial",serif;
   font-height: 10px;

}
/*------------------------------------------------ CORPS ---------------------------------------------*/
#corps
{
   width: 756px;
   margin-top: 44px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px; /* 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: #5E5E5E;
   background-color: rgb(255,255,255); /* Une couleur de fond pour le corps */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   /*border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   border="0";
   cellpadding="0";
   cellspacing="0";

   font-family: Arial, "Arial",serif;
   font-height: 10px;
}

#corps-size
{
	width:550px;
}


table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

td
{		
		background-color:rgb(255,255,255);  /*essais pour la galerie photo*/
		text-align:center;
		border: 0px solid black;

}

tr
{
		text-align:center;
		border: 0px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
   color: #5E5E5E;
   background-color:rgb(224,224,224);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 34px;

   background-image: url("images/puce_etrave.jpg"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 34px;
   color: #B3B3B3;
   text-align: left;
}

#corps h3 /* Tous les titres h3 du corps */
{
   height: 30px;
   font-size: 25px;
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h4 /* Tous les titres h4 du corps */
{
   height: 10px;
   color: #B3B3B3;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps hwhite /* titre en blanc */
{
   color: rgb(255,251,251);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps signature 
{
	text-align: right;
	font-family: "comic sans MS", georgia,"times new roman",serif;
	font-size: 80%;
	font-style: italic;
}
#corps legende 
{
	text-align: center;
	font-family: "comic sans MS", georgia,"times new roman",serif;
	font-size: 70%;
	font-style: italic;
}
#corps li 
{
	text-indent:0px;
	padding-left:30px;
	text-align: justify;
}
/*------------------------- Modules----------------------*/
#module
{
	border: 1px solid grey;
	font-size:13px;
	width:195px;
	float:right;
	margin-top:12px;
	margin-right:4px;	
}

/*------------------------------------------------ Pied de page ---------------------------------------------*/

#pied_de_page
{
   
	/*float: bottom;*/
	   width:766px;
	   padding-top: 5px;
	   height: 40px;
	   text-align: center;
	   color: #B3B3B3;
	   background-color: rgb(232,232,232);
	   background-repeat: repeat-x;
	   border: 0px solid black;
}




/*------------------------------------------------ Photos ---------------------------------------------*/

#tofs
{
   margin-bottom: 5px; /* 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: #B3B3B3;
   background-color: #626262; /* Une couleur de fond pour le corps */
   max-width=700px;
   border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   text-align: center;
}

#corps-galerie
{
   width: 743;
   margin-top: 44px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px; /* 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: #5E5E5E;
   background-color: rgb(255,255,255); /* Une couleur de fond pour le corps */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   /*border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   border="0";
   cellpadding="0";
   cellspacing="0";

   font-family: Arial, "Arial",serif;
   font-height: 10px;
}

#thumbnail
{
   /*float: bottom;*/
   
   /*padding: 5px;*/
	
	margin:auto;
	
	text-align: center;

	color: #B3B3B3;
	background-color: rgb(255,255,255);
	background-repeat: repeat-x;
	border: 0px solid black;
}




















/*------------------------------------------------ CORPS ---------------------------------------------*/
#corps-galerie2
{
   width: 90%;
   margin-top: 44px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px; /* 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: #5E5E5E;
   background-color: rgb(255,255,255); /* Une couleur de fond pour le corps */
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   /*border: 1px solid white; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
   border="0";
   cellpadding="0";
   cellspacing="0";

   font-family: Arial, "Arial",serif;
   font-height: 10px;

}


table
{
   border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}


#corps-galerie2 h1 /* Tous les titres h1 du corps */
{
   color: #5E5E5E;
   background-color:rgb(224,224,224);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps-galerie2 h2 /* Tous les titres h2 du corps */
{
   height: 34px;

   background-image: url("images/puce_etrave.jpg"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   
   padding-left: 34px;
   color: #B3B3B3;
   text-align: left;
}

#corps-galerie2 h3 /* Tous les titres h3 du corps */
{
   height: 30px;
   font-size: 25px;
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps-galerie2 h4 /* Tous les titres h4 du corps */
{
   height: 10px;
   color: #B3B3B3;
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps-galerie2 hwhite /* titre en blanc */
{
   color: rgb(255,251,251);
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps-galerie2 signature 
{
	text-align: right;
	font-family: "comic sans MS", georgia,"times new roman",serif;
	font-size: 80%;
	font-style: italic;
}
#corps-galerie2 legende 
{
	text-align: center;
	font-family: "comic sans MS", georgia,"times new roman",serif;
	font-size: 70%;
	font-style: italic;
}