A:LINK {color: #07033C}
A:LINK {TEXT-DECORATION: NONE} 
A:VISITED {color: #07033C} 
A:VISITED {TEXT-DECORATION: NONE} 
A:ACTIVE {color: #07033C} 
A:ACTIVE {TEXT-DECORATION: NONE} 

			
body	  {
				width: 100%; 
				margin: auto; 
				margin-top: 20px;
				margin-bottom: 20px; 
				background-image:  url("fond_1.bmp")
				}
/**************************************** L'en-tête **********************************************/		
/* L'en-tête 1 gauche*/
#en_tete1 {
					float: left; 
   					width: 19%; 
					height:120px;
					text-align:center;
					padding:10px; 
					padding-top:10px;
					background-color: #07034C; 
					border: 2px solid silver
					}
#en_tete1  img
					{
					padding-bottom:20px;
					width:160px;
					height:80px;
					}
#en_tete1 a
					{
					color: silver; 
					font-family: arial; 
					font-size: 18px
					}
#en_tete1 a:hover
					{
					background-color:silver;
					color:#07034C; 
					font-family: arial; 
					font-size: 18px
					}
					
/* L'en-tête 2 droite*/
#en_tete2 {
					float: right; 
					width: 17%; 
					height: 140px; 
					text-align: center; 
					background-color: #07034C;
					border: 2px solid silver
					}		
					
#en_tete2 h1
					{
					color:silver; 
					padding:5px;
					padding-top:10px;
					text-align: left; 
					font-family: arial; 
					font-size: small
					}
#en_tete2 a 
					{color: silver; 
					font-family: arial; 
					font-size: small
					}	
#en_tete2 a:hover
					{
					background-color:silver;
					color:#07034C; 
					font-family: arial; 
					font-size: small
					}				
/* L'en-tête 3 centre */
#en_tete3 {
					width: 59.5%; 
					margin-left: 22%;
					margin-bottom: 10px; 
					height: 140px; 
					background-color: #07034C;
					border: 2px solid silver
					}
#en_tete3 h1
					{
					color: silver; 
					padding:45px;
					text-align: center; 
					font-family: arial; 
					font-size: 30px					}
#en_tete3 h2
					{
					color: silver; 
					padding:45px;
					text-align: center; 
					font-family: arial; 
					font-size: 30px
					}		
			
/**************************************** Le menu **********************************************/

#menu
					{
					float: left; 
   					width: 19%; 
					height:400px;
					padding:10px; 
   					background-color: #07034C;
					border: 2px solid silver
					}

.element_menu
					{background-color: #07034C;}
.element_menu h1 
					{color:silver; 
					padding:10px;
					padding-top:10px;				 
					font-family: arial; 
					font-size: 18px
					}				

.element_menu a
					{
					font-size: 12px;
					font-family: arial;
   					color: silver;
					}

.element_menu a:hover
					{
					font-size: 12px;
					padding:0px;
					font-family: arial;
   					background-color: silver;
   					color:#07034C
					}

#menu  h2
					{
					color: silver; 
					padding-top:240px;
					text-align: right; 
					font-family: Comic Sans MS; 
					font-size: 15px
					}

/****************************************Choix photo **********************************************/
				
#choix
					{ 
					width: 76%; 
					height: 340px;	
					position: absolute;
					left: 20%;
					text-align: center; 
					padding-top:10px
					}	
#choix h1
					{
					color: silver; 
					padding:4px;
					text-align: center; 
					font-family: arial; 
					font-size: 30px					}
#choix  img
					{ 
					border: 4px solid silver;
					width:500px /*pour 12 photos max. 92px*/
					}
	
/*********************** Le pied de page (qui se trouve tout en bas, en général pour les copyrights) *********/

#pied_de_page
					{
					padding-left:5%;
					height:30px;
  					 text-align: center;
  					 color: #1509F6;
  					 background-color:  #07034C;
					 border: 2px solid silver
					}
#pied_de_page h1
					{
					color: silver; 
					text-align: center; 
					font-family: arial; 
					font-size: 12px
					}
#pied_de_page h2
					{
					color: silver; 
					text-align: left; 
					font-family: arial; 
					font-size: 10px
					}