body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
img { border: 0 none; }
#fond_sup
   {
     position: absolute;
     width: 100%;       
     margin-left: -50%;  
     left: 50%;          
     height: 660px;  
     margin-top: -330px;  
     top: 50%;
     background-color: #FFF;  
   }
#fond_noir
   {
     position: absolute;      
     left: 0px;  
     top: 30px;        
     height: 520px;  
     width: 100%;
     color: #FFF;
     background-color: #000;
     text-align: center;
     z-Index:1;
   }
#sous_fond_noir
   {
     position: absolute;      
     left: 0px;  
     top: 555px;        
     height: 12px;  
     width: 100%;
     color: #93B934;
     font-size: 10px;
	 font-style: italic;
	 text-align: center;
     z-Index:9;  
   } 
#titre
   {
     position: absolute;      
     left: 0px;   
     width: 450px; 
      z-Index:0;     
   } 
#onglets
   {
     position: absolute;      
     left: 0px;  
     top: 2px; 
     width: 100%;
     text-align: right; 
      z-Index:1;     
   }   
#fond_bas
   {
     position: absolute;      
     left: 0px;  
     top: 600px;        
     height: 60px;  
     width: 100%;
     background-color: #000;
     text-align: center;
     z-Index:9;  
   }
#bouton
   {
     position: relative;        
     top: 455px;        
     width: 100%;  
   }     
a.bouton {
	display: block;              
    height: 41px;  
    width: 147px; 
    margin: auto;
	text-decoration:none;
	background: url(../img/musen.png);
	background-repeat: no-repeat;
}
a.bouton:hover, a.bouton:focus {
	text-decoration:none;
	margin: auto;
	background: url(../img/musev.png);
	background-repeat: no-repeat;
}
#carre
   {
     position: absolute;         
     height: 510px;  
     width: 600px;
     left:50%;
     margin-left:-300px; 
     border:5px ridge #333; 
     color: #000000;
     background-color: #93B934;
   }
#carre_courrier
   {
     position: absolute;         
     height: 510px;  
     width: 800px;
     left:50%;
     margin-left:-300px; 
     border:5px ridge #333; 
     color: #000000;
     background-color: #93B934;
   }
#boite_centre
	{
	 position: absolute;         
     height:300px;  
     width: 930px;
	 top:50%; 
	 left:50%; 
	 margin-left:-460px; 
	 margin-top:-150px;	 
	 }
#boite_centre a:hover {
	background: none;
	}
#boite_centre a {
	text-decoration: none;
	color: #93B934;
	text-align: center;	
    }
#boite_centre a span{
	display:  none;
	padding-top: 15px;
	}
#boite_centre a:hover span{
	display:  block;
	position: absolute;
	height:50px;  
    width: 150px;
	top:320px; 
	left:385px; 
    }
#alerte
   {
     position: absolute;
     left: 0px;        
     top: 550px;        
     height: 60px;  
     width: 100%;
     text-align: center;
     z-Index:10; 
   } 
.grandTitreRouge {
	color: #FFFFFF;
	background-color:#D60E27;
	text-decoration: none;
	font-size: 16px;
	z-Index:3;
	}
.rouge {
	font-size: 12px;
	color: #D60E27;
	font-style: italic;
	}
.mini {
	font-size: 8px;
	color: #000;
	font-style: italic;
	}
a.mini {
	font-size: 10px;
	color: #000;
	font-style: italic;
	text-decoration: none;
	}
a.mini:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	}
#legales {
     text-align: right;
	}
#mentions {
     position: absolute;      
     left: 0px;  
     top: 660px;        
     height: 10px;  
     width: 100%;
     text-align: right;
     z-Index:9;
	}
a.mentions {
	font-size: 8px;
	color: #000;
	font-style: italic;
	text-decoration: none;
	}
a.mentions:hover {
	font-size: 10px;
	color: #93B934;
	text-decoration: none;
	}
a.change {
	font-size: 16px;
	color: #93B934;
	font-weight: bold;
	text-decoration: none;
	}
a.change:hover {
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	}			    
#centre_liens {
	position:absolute ;
    width: 810px;
    left:50% ;
    margin-left:-405px ;
	}
.box_liens {
	float:left;
	height: 75px;  
    width: 250px; 
    border:5px ridge #333;
    margin: 5px;
	background-color: #93B934;
	}
.box_liens img {
width:75px; 
height:75px; 
}		
.clearfloat 
{
	clear:both;  
}
#mycustomscroll 
{
	position:relative;
	width: 830px;
	height: 520px;
	overflow: auto;	
	background-color: #000;
	margin: auto;
	text-align: left;
	z-Index:3;
} 
.momentane
{
	font-size: 30px;
	color: #93B934;
	text-align: center;
}
#fenetre_liens
{
	position:absolute ;
	 left: 50%;        
     top: 100px;        
     height: 400px;  
     width: 600px;
     margin-left:-300px;
     z-Index:15;
     color:#93B934;
     border:5px ridge #333;
     background: url(../img/p.png);
}	
#fenetre_login
{
	position:absolute ;
	 left: 50%;        
     top: 95px;        
     height: 360px;  
     width: 300px;
     margin-left:-150px;
     z-Index: 25;
     color:#000;
     border:5px ridge #333;
     background: url(../img/v.png);
}
#fenetre_mdp_perdu
{
	position:absolute ;
	 left: 50%;        
     top: 170px;        
     height: 150px;  
     width: 300px;
     margin-left:-150px;
     z-Index: 25;
     color:#000;
     border:5px ridge #333;
     background: url(../img/v.png);
}
a.versmoi {
	color: #93B934;
	text-decoration: none;
}
.liste_image {	
    margin-right:5px;
}
#poste {          
    position: absolute;         
    height: 420px;  
    width:620px;
    left:50%;
    margin-left:-310px;
    z-Index:39; 
}
#poste2 {          
    position: absolute;         
    height: 420px;  
    width:620px;
    left:50%;
    margin-left:-310px;
    z-Index:39; 
}
#poste1 {
    position: absolute;         
    top: 100px;  
    width: 300px;
    left:50%;
    font-size:12px; 
	color:#656564;
    z-Index:49;
}	
.lettrine {
	float: right;
	margin : 5px;
}
/* FORMULAIRE */	
#monForm {
	position: absolute;
	top: 100px;
	width: 100%;
}
#monForm p {
	margin: 2px 0;
}
#monForm fieldset {
	margin-bottom: 10px;
	border: #37372F 1px solid;
}
#monForm fieldset:hover {
	background-color: #fff;
}
#monForm fieldset legend {
	background-color: #000;
	padding: 0 10px;
	border: #37372F 1px solid;
	font-size: 1.2em;
	color:#fff;
} 
#monForm label {
	background-color: #93B934;
	display: block;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
}
#monForm label:hover {
	font-weight: bold;
}
#monForm input, #monForm textarea {
	margin-left: 1%;
	width: 50%;
	border: #000 1px solid;
}
#monForm input[type="image"] {
	width: 20%;
	border: none;
}
#monForm input:hover, #monForm input:focus, #monForm textarea:focus, #monForm textarea:hover {
	background-color: #93B934;
}