/*Jumelé avec site mounphp - Formats pour l'affichage*/
body 
{
	width: 960;
	margin: auto;/*pour centrer la page*/
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("../images/bordu_004.jpg");
	background-repeat: repeat-y;
	font-family: Georgia, "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
}
#en_tete
{
	margin-left: 180px;
	margin-bottom: 20px;
	height: 160px;
	border: 2px solid red; 
}
.et1
{
	position: absolute; 
	margin-left: 40px;
	width: 300px;
	height: 150px;
	border: none;
}
.et2
{
	float: right;
	margin-top: 40px;
	margin-right: 5px;
	margin-right: 40px;
	width: 300px;
	height: 80px;
	border: none;
}
#menu
{
   float: left; /* Le menu flotteà gauche */
   width: 160px; /* taille du menu */
   position: fixed;
   top: 1.6em;
   left: 0em;
   border: 2px solid red;
}
.element_menu
{
    margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
	margin-right: 20px;
}
.element_menu h3 /* Tous les titres de menus */
{    
   color: black;
   margin-bottom: 5px;
   margin-left: 5px;
   font-family: Georgia, "Times New Roman", Arial, Helvetica, Times, serif;
   font-size: 1em;
   text-decoration: underline;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images/puce7.gif"); /* changer l'apparence des puces */
   padding: 0px; 
   padding-left: 40px; /* décalage de gauche */
   margin: 0px; /*  */
   margin-bottom: 5px; /* marge du bas */
   text-decoration: none;
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: black;
   text-decoration: none;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #c0c0c0;
   color: red;
}
.element_menu a:visited/*couleur du lien après utilisation*/
{
	color: #45540a;
}
#corps
{
   margin-left: 180px; /* marge à gauche pour pousser le corps, qu'il ne passe pas sous le menu */
   margin-bottom: 20px; /* pour éviter que le corps colle  au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle  à la bordure */
   padding-bottom: 30px;
   color: black;
   border: 2px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
h2
{
	margin-top: 50px;
}
h3
{
	color: darkred;
	margin-left: 5px;
	font:weight: bold;
	font-size: 1.25em;
}
#corps a
	{
	color: black;
	font-weight: bold;
	}
#corps a:visited
	{
	color: darkgreen;
	}
.d1/*paragraphes en retrait page index*/
{
	margin-left:80px;
}
.d2
{
	margin-left:400px;
}
.photo1/*gauche*/
{
	float: left;
	height: 150px;
	width: 200px;
	margin: 0 10px 5px 0;
}
.photo2/*droite*/
{
	float: right;
	height: 150px;
	width: 200px;
	margin: 0 3px 15px 10px;
}
.photo3
{
	float: none;
	height: 250px;
	width: 450px;
	margin: 10px 5px 5px 120px;
}
.photo4
{
	float: left;
	height: 200px;
	width: 300px;
	margin: 0px 5px 3px 0px;
	
}
.photo5
{
	float: right;
	height: 80px;
	width: 120px;
	margin: 0px 5px 3px 0px;
	
}
.photogp/*vignettes*/
{
	height: 100px;
	width: 130px;
}
.photogv/*vignettes verticales*/
{
	height: 100px;
	width: 100px;
	margin-left: 10px;
}
.photogs/*la casse-pieds*/
{
	height: 100px;
	width: 60px;
	margin-left: 25px;
}
.photo6
{
	float: right;
	height: 80px;
	width: 80px;
	border: none;
}
.photo8
{
	float: right;
	height: 60px;
	width: 60px;
	border: none;
}
.back/*boutons retour*/
{
	border: none;
	float: right;
}
.sitec/*image site en construction*/
{
	position:absolute;
	margin-left: 300px;
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px ridge green; /* Bordure du tableau avec autre effet 3D (outset) en relief*/
   border-collapse: collapse; /* Colle les bordures entre elles */
}
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   border: 4px outset green;/* Bordure avec effet 3D (outset) comme un bouton */
   font-family: Georgia, Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.3em;
   color: darkred;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
option
{
	font-family: Georgia, Arial, Times, "Times New Roman", serif;
}
#pied_de_page
{
	margin-left: 180px;
	padding: 5px;
	text-align: center;
    color: black;
    border: 2px solid red;
}
	
legend
{
	font-size: 1.5em;
	color: darkred;
	font-weight: bold;
}
#conteneur 
	{
	position : absolute;
    width: 760px;
    height : 600px;
	top: 70px;
	left : 120px;
    text-align: left;
}
#temoin
{
	text-align: justify;
}