@charset "windows-1252";
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-left: 2%;
				margin-bottom: 20px; 
				background-image:  url("home/fond_4.jpg")
				}
/**************************************** L'en-tête **********************************************/		
/* L'en-tête 1 gauche*/
#en_tete1 {
					float: left; 
   					width: 22%; 
					height:25%;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete1  img
					{
					width:100%;
					height:96%
					}
/* L'en-tête 2 gauche*/
#en_tete2 {
					float: left; 
   					width: 50%; 
					height:25%;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete2  img
					{
					width:100%;
					height:96%
					}
/* L'en-tête 3 gauche*/
#en_tete3 {
					float: left; 
   					width: 6%; 
					height:25%;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete3  img
					{
					width:100%;
					height:96%
					}
/* L'en-tête 4 droite*/
#en_tete4 {
					float: left; 
					width: 18%; 
					height:25%;
					text-align: left; 
					background-color: white;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}		
					
#en_tete4 h1
					{
					color:navy; 
					text-align: left; 
					font-family: arial; 
					font-size: 12px
					}
#en_tete4 a 
					{color: navy; 
					font-family: arial; 
					font-size: 12px
					}	
#en_tete4 a:hover
					{
					background-color:silver;
					color:#07034C; 
					font-family: arial; 
					font-size: 12px
					}			
/**************************************** Le menu **********************************************/

dl, dt, dd, ul, li {
					margin: 0;
					padding: 0;
					list-style-type: none
					}	
dl#menu 
					{
					width: 17%;	   
					height: 60%;	 
					position: absolute;
					top: 29%;
					left: 1%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					color: navy;	  
					border: 1px solid navy;  
					background: #32cccc

					}	

dl#menu h1 
					{ 
					color: white; 	
					background: navy;
					text-align: center;			 
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					cursor: pointer;
					margin: 1px ;
					height: 30px;
					line-height: 30px;
					text-align: center;
					font-weight: bold;
					}
dl#menu dt 
					{ 
					color: navy; 
					text-align: center;			 
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					
					cursor: pointer;
					margin: 2px ;
					height: 30px;
					line-height: 30px;
					text-align: center;
					font-weight: bold;

					}
dl#menu dd 
					{
					border: 1px solid navy
					}
dl#menu li 
					{ 
					color: navy; 
					text-align: center;			 
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					
					margin: 2px ;
					height: 30px;
					line-height: 30px;
					text-align: center;
					background: #84E1E1
					}
dl#menu li a, dl#menu dt a 
					{
					color: navy;
					text-decoration: none;
					display: block;
					border: 0 none;
					height: 100%;
					}

dl#menu li a:hover, dl#menu dt a:hover 
					{
					background: navy;
					color: white
					}


/**************************************** Le corps **********************************************/

#logo 
					{
					width: 17%;	
					height: 20%;
					position: absolute;
					top: 90%;
					left: 1%
					
					}	 
#logo h1
					{
					text-align: center; 
					}	 
#logo  img
					{
					width:40%; 
					height:80%
					}
/**************************************** Le corps **********************************************/

#corps 
					{
					width: 55%;	
					height: 79%;
					position: absolute;
					top: 29%;
					left: 20%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					border: 1px solid navy; 
					color: navy 

					}	
#corps h1
					{
					color:navy; 
					padding-top:5px;
					margin-left:10%;
					text-align: left; 
					font-family: Comic Sans MS; 
					font-size: small
					}
 
#corps h2
					{
					font-size: 15px;
					padding-top:10px;
					text-align: center; 
					}
#corps h3
					{
					font-size: 15px;
					padding-top:10px;
					padding-left:15px;
					text-align: left 
					}
#corps h4
					{
					font-size: 12px;
					padding-top:10px;
					padding-left:15px;
					padding-right:15px;
					text-align: justify 
					} 
#corps PRE
					{
					font-size: 15px;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
					} 
#corps a            {
					font-size: 12px; 
					padding-top: 10px; 
					padding-left: 15px; 
					padding-right: 15px; 
					text-align: justify; 
					color: royalblue
					}
#corps a:hover
					{
					font-size: 12px;
					padding-top:10px;
					padding-left:15px;
					padding-right:15px;
					text-align: justify;
					color: red 
					}
#corps  img
					{
					width:70%;
					}
/**************************************** Marge droite **********************************************/

#marge 
					{
					width: 20%;	
					height: 79%;
					position: absolute;
					top: 29%;
					left: 76%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					color: black;
					border: 1px solid navy;  
					background: white
					}					
#marge h1
					{ 
					padding-top:5px;
					margin-left:5%;
					text-align: left; 
					font-size: 12px
					}
					
#marge h2
					{ 
					padding-top:5px;
					margin-left:5%;
					text-align: left;
					color: navy; 
					font-size: 10px
					}	
/**************************************** pied_de_page **********************************************/

#pied_de_page 
					{
					width: 97%;	
					height: 12%;
					position: absolute;
					top: 110%;
					left: 1%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					color: black;
					border: 1px solid navy;  
					background: #32cccc
					}		
#pied_de_page h1
					{ 
					padding-top:15px;
					margin-right:2%;
					text-align: right; 
					font-size: 10px
					}