body
	{
	width: 760px;
	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-image: url("images/2017gitepub.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	/*  */
	background-repeat: no-repeat;
	background-position : center  ;	/* top bottom left center right     bottom right*/
	background-attachment: fixed;	/* fixed scroll */
	background-color: black;
}
#en_tete
{
   width: 780px;
   height: 100px;
   background-image: url("images/giteetapearmoiries.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}

.element_menu
{
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

.element_menu ul
{
   list-style-image: url("images/puce.png");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Le corps de la page */

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   padding: 5px;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
}

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

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   background-image: url("images/titre.png"); /* 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: 30px;
   color: #B3B3B3;
   text-align: left;
}
#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("images/motif.png");
   background-repeat: repeat-x;
   border: 2px solid black;
}

caption
{
   caption-side: bottom; /* Le titre sera placé en bas du tableau */
   margin: auto;
   font-family: "Comic Sans MS", Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.0em;
   color: rgb(250,160,0);    /* #009900; */
   margin-top: 20px; /* La marge doit se faire au-dessus et non en-dessous maintenant */
}

table
{
   margin: auto;  /* margin: auto;    auto left right ; */
   border: 4px outset green;
   border-collapse: collapse;
}

th
{
   background-color: #006600;
   color: white;
   font-size: 1.1em;
   font-family: "Comic Sans MS", Arial, "Arial Black", Times, "Times New Roman", serif;
}

td
{
   height: 80px; /* J'agrandis la hauteur des cellules pour que l'on puisse voir l'alignement vertical */
   vertical-align: bottom; /* Alignement vertical, le contenu des cellules sera placé en bas */
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center;
   padding: 5px;
   color: rgb(250,160,0)
}



p
	{
	width: 95%;
	text-indent: 30px;
	color: rgb(250,160,0);			/*  Les paragraphes seront bleus */
	font-size: large;				/* xx-small x-small small medium large x-large xx-large */
	font-family: "Comic sans Ms", "Arial", Impact;
	}
p1
	{
	text-indent: 30px;
	color: rgb(250,250,250);			/*  Les paragraphes seront bleus */
	font-size: small;				/* xx-small x-small small medium large x-large xx-large */
	font-family: "Comic sans Ms", "Arial", Impact;
	}
photo1
{
	margin-left: 0px;
	margin-top: 250px;
	width: 250px;
	height: 100px;
	overflow: hidden;
}
photo2
{
	margin-left: 10px;
	margin-top: 750px;
	width: 250px;
	height: 100px;
	overflow: hidden;
}
.imageblock
{
   display: block;
}

	a
	{
	font-size: large;
	text-decoration: none;
	color: rgb(158,255,62);
	font-style: italic;
	}
a:hover
	{
	text-decoration: underline;
	color: yellow;
	}
a:active
	{
	background-color: red;
	}

	h1
	{
	color: rgb(250,180,40);		/* Les grands titres seront rouges rgb(100,250,250) */
	font-style: italic;				/* normal italic */
	font-weight: bold;				/* normal bold */
	text-transform: uppercase;		/* uppercase lowercase capitalize none */
	text-decoration: underline;		/* underline line-through overline blink none */
	font-size: xx-large;
	text-align : center;			/* left center right justify */
	}
h2
	{
	font-style: italic;
	color: rgb(250,160,0);			/* avant 100,250,250)   Les titres seront jaunes */
	font-size: x-large;
	}
h2 em
	{
	color: red;						/* Les titres seront verts */
	}
h2 ej
	{
	color: yellow;						/* Les titres seront verts */
	}
.important
	{
	color: red;
	font-size: large;
	}
#logo
	{
	/* Mettez lez propriétés CSS ici */
	}
.nom
	{
	color: rgb(100,215,221);
	font-size: small;
	text-decoration: none;
	}
.jaune
	{
	color: yellow;
	}
.jauneorange
	{
	color: rgb(250,160,0);
	}
.vert
	{
	color: green;
	}
.vertclair
	{
	color: rgb(158,255,62);
	}
.noir
	{
	color: black;
	}
.grisfonce
	{
	color: rgb(105,105,105);
	}
.grisclair
	{
	color: rgb(180,180,180);
	}
	.blanc
	{
	color: white;
	}
.droite
	{
	text-align: right;
	color: white;
	}
.nom:hover
	{
	color: purple;
	text-decoration: underline;
	}
.nom:active
	{
	background-color: yellow;
	}
.telecharger
	{
	width: 400px;
	height: 20px;
	position: fixed;
	right: 100px;
	top: 100px;
	font-family: "Comic Sans MS";
	font-size: small;
	color: vertclair;
	}
.accueil
	{
	width: 80px;
	height: 20px;
	position: fixed;
	right: 70px;
	bottom: 50px;
	font-family: "Comic Sans MS";
	font-size: x-small;
	color: rgb(250,160,0);
	}
.signature
	{
	width: 120px;
	height: 20px;
	position: fixed;
	right: 120px;
	bottom: 20px;
	font-family: "Comic Sans MS";
	font-size: x-small;
	color: white;
	}
	.cercle
{
   list-style-type: circle;
}
.carre
{
   list-style-type: square;
}
.rien
{
   list-style-type: none;
}



input, textarea
{
   font-family: "Arial", Times New Roman, Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
	background-color: rgb(220,255,120);
}
 
label
{
	font-size: large;
	font-family: "Comic sans Ms", "Arial", Impact;
	color: rgb(158,255,62); /* vertclair */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: rgb(100,250,250);
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   /* background-color: #FFFFCC; */
}