body
{
   width: 1000px;
   margin: auto;
   margin-top: 15px;
   margin-bottom: 10px;
   background-color: rgb(255,245,175);
}

a
{
   color: rgb(0,0,255);
}

a:hover
{
   color: rgb(243,98,0);
}

/* L'en-tête */

#en_tete
{
   width: 1000px;
   height: 100px;
   background-image: url("../images/banniere_entete.jpg");
   background-repeat: no-repeat;
   background-position: top center;
   margin-bottom: 15px;
}

/* Le menu  droit l'association*/

#menu_droite
{
   float: right;
   width: 150px;
   padding: 0px;
}

.element_menu_droite
{
   margin: 0px;
   margin-bottom: 20px;
   padding: 0px;
}

/* Quelques effets sur les menus */
.element_menu_droite h1
{    
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 1.45em;
   color: rgb(254,123,0);
}

.element_menu_droite h1 a
{    
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: rgb(254,123,0);
}

.element_menu_droite a:hover
{
   color: rgb(243,98,0);
}

.element_menu_droite ul
{
   padding: 0px;
   padding-left: 30px;
   margin: 0px;
   margin-bottom: 5px;
   color: rgb(0,0,255);
}

.element_menu_droite ul a
{
   font-family: Arial, "Arial Black", "comic sans MS", "Times New Roman", Times, serif;
   font-size: 0.9em;
   font-weight : bold;
   color: rgb(0,0,255);
   text-align : left;
}

/* Le corps de la page */

#corps
{
   margin-right: 170px;
   margin-bottom: 20px;
   padding: 5px;
   color: rgb(0,0,255);
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.9em;
}

#corps h1
{
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1.8em;
   color: rgb(0,0,160);
   margin-top: 30px;
   margin-bottom: 15px;   
}

#corps h2
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   font-size: 1.1em;
   color: rgb(254,123,0);
   margin: 0px;
   margin-top: 17px;
   margin-bottom: 5px;
}

#corps h3
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   background-repeat: no-repeat;
   font-size: 1em;
   color: rgb(0,0,160);
}

#corps p
{
   margin: 0px;
   margin-bottom: 15px;
}

#corps img
{
   border: none;
}

.align_droite
 {
   text-align: right;
}

.align_gauche
 {
   text-align: left;
}

.justifie
{
   text-align: justify;
}

.centre
 {
   text-align: center;
}

.flottant_gauche
 {
   float: left;
   padding-right: 5px;
}

.flottant_droite
 {
   float: right;
   padding: 0px;
   padding-left: 5px;
   padding-right: 250px;
   padding-top: 5px;
}

strong
{
	color: rgb(254,123,0);
}

em
{
	font-weight: bold;
}

/* l'historique avec la frise */
#image_fond
{
	position: relative;
	left: 50px;
}
#date1
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 363px;
	right: 169px;
	color: rgb(0,0,160);
}

#date2
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 275px;
	right: 95px;
	color: rgb(254,123,0);
}

#date3
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 175px;
	right: 30px;
	color: rgb(0,0,160);
}

#date4
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 80px;
	right: 175px;
	color: rgb(254,123,0);
}

#date5
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	top: 20px;
	right: 327px;
	color: rgb(0,0,160);
}

#date6
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 75px;
	right: 480px;
	color: rgb(254,123,0);
}

#date7
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 173px;
	right: 630px;
	color: rgb(0,0,160);
}

#date8
{
	font-size: 1.1em;
	font-weight: bold;
	color: rgb(254,123,0);  
	position: relative;
	bottom: 270px;
	right: 560px;
	color: rgb(254,123,0);
}


/* cadre de texte*/

#texte_presentation
{
	position: relative;
	bottom: 350px;
	left: 510px;
	width: 300px;
	text-align: justify;
}

/* Le pied de page */

#pied_de_page
{
   width: 980px;
   height: 60px;
   padding: 5px;
   text-align: center;
   border: 3px double rgb(0,0,160);
	position: absolute;
	top: 775px;   
}

#pied_de_page table
{
	margin: 0px;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-weight : bold;
	color: rgb(0,0,160);
}

#pied_de_page img
{
	border: none;
	float: right;
}

#pied_de_page a
{
   color: rgb(0,0,160);
}

#pied_de_page a:hover
{
   color: rgb(243,98,0);
}

#pied_de_page p
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: rgb(0,0,160);
   font-size: 0.9em;
   visibility: hidden;
}