@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: 80%;
				height: 1300px;
  				max-width: 1920px;
  				min-width: 1000px; 
				margin: auto; 
				margin-top: 20px;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px; 
				background-color: #2E2E2E;
				}
/**************************************** L'en-tête **********************************************/		
/* L'en-tête 1 gauche*/
#en_tete1 {
					float: left; 
   					width: 22%; 
					height:120px;
					background: white;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete1  img
					{
					width:250px;
					height:120px;
					float: right
					}
/* L'en-tête 2 gauche*/
#en_tete2 {
					float: left; 
   					width: 50%; 
					height:120px;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete2  img
					{
					width:100%;
					height:100%
					}
/* L'en-tête 3 gauche*/
#en_tete3 {
					float: left; 
   					width: 6%; 
					height:120px;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}
#en_tete3  img
					{
					width:100%;
					height:100%
					}
/* L'en-tête 4 droite*/
#en_tete4 {
					float: left; 
					width: 18%; 
					height:120px;
					text-align: left; 
					background-color: #e7e3e0;
					border-top: 4px solid #FFE20A;
					border-bottom: 4px solid #FFE20A;
					margin-bottom: 10px
					}		
					
#en_tete4 h1
					{
					color:#5B4944; 
					text-align: left; 
					font-family: arial; 
					font-size: 12px
					}
#en_tete4 a 
					{color: #8F726A; 
					font-family: arial; 
					font-size: 12px
					}	
#en_tete4 a:hover
					{
					background-color:silver;
					color:#07034C; 
					font-family: arial; 
					font-size: 12px
					}			
/**************************************** la page **********************************************/

#page 
					{
					width: 100%;	   
					height: 80%;	
					position: relative; 
					top: 130px;
					background: #2E2E2E;

					}
/**************************************** Le menu **********************************************/

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

					}	

dl#menu h1 
					{ 
					color: white; 	
					background: #8F726A;
					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: #5B4944; 
					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 8F726A
					}
dl#menu li 
					{ 
					color: #5B4944; 
					text-align: center;			 
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					margin: 2px ;
					height: 30px;
					line-height: 30px;
					text-align: center;
					background: #8F726A
					}
dl#menu li a, dl#menu dt a 
					{
					color: #E0B3A5;
					text-decoration: none;
					display: block;
					border: 0 none;
					height: 100%;
					}

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


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

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

#corps 
					{
					width: 54%;	
					height: 79%;
					position: absolute;
					top: 10px;
					left: 20%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					border: 5px solid #E0B3A5; 
					color: #5B4944;
					background: #E1DAD8;
					border-radius:50px 50px 50px 50px;
					overflow: scroll;
					}
.texte              {
                    float: right;
                    width: 60%;
                    text-align: left;
                    margin: 0;
                    }
.date              {
                    width: 100%;
					text-align: left;
					font-size: 15px;
                    }
.spacer             {
                    clear: both;
                    }				
#corps h1
					{
					font-size: 200%;
					padding-top:10px;
					text-align: center;
					color: #5B4944; 
					}
 
#corps h2
					{
					font-size: 120%;
					padding-top:10px;
					padding-left:10px;
					padding-right:10px;
					text-align: justify; 
					font-weight: normal;
					}
#corps h3
					{
					font-size: 15px;
					padding-top:10px;
					padding-left:15px;
					text-align: center;
					font-weight: normal; 
					}
#corps h4
					{
					font-size: 15px;
					padding-top:10px;
					padding-left:15px;
					text-align: left 
					}
#corps h5
					{
					font-size: 12px;
					padding-top:10px;
					padding-left:15px;
					padding-right:15px;
					font-weight: normal;
					text-align: justify 
					} 
#corps PRE
					{
					font-size: 15px;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif; 
					} 
#corps a            {
					font-size: 15px; 
					padding-top: 10px; 
					padding-left: 15px; 
					padding-right: 15px; 
					text-align: justify; 
					color: #5B4944;
					font-weight: bold;
					}
#corps a:hover
					{
					font-size: 15px;
					padding-top:10px;
					padding-left:15px;
					padding-right:15px;
					text-align: justify;
					color: #E0B3A5
					}
#corps  img
					{ 
					float: right;
					height:60px;
					padding-right:30px;
					}
/**************************************** Marge droite **********************************************/

#marge 
					{
					width: 20%;	
					height: 79%;
					position: absolute;
					top: 10px;
					left: 76%;
					font-weight:normal;
					font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
					font-size: 12px;
					color: #F2E0DA; 
					border: 5px solid #E0B3A5;  
					background: #5B4944;
					border-radius:50px 50px 50px 50px;
					}					
#marge h1
					{ 
					padding-top:5px;
					margin-left:7%;
					text-align: left; 
					font-size: 12px;
					color: #E0B3A5;
					}
					
#marge h2
					{ 
					padding-top:5px;
					margin-left:5%;
					text-align: left;
					color: #F2E0DA; 
					font-size: 10px
					}	
					
#marge h3
					{ 
					padding-top:5px;
					margin-left:5%;
					text-align: left; 
					color: #F2E0DA; 
					font-size: 12px
					}
#marge a            {
					font-size: 12px; 
					padding-top: 10px; 
					padding-left: 2px; 
					padding-right: 2px; 
					text-align: left; 
					color: #E0B3A5;
					}		
#marge a:hover          {
					font-size: 12px; 
					padding-top: 10px; 
					padding-left: 2px; 
					padding-right: 2px; 
					text-align: left; 
					color: white;
					}				
/**************************************** pied_de_page **********************************************/