a {	
	color: #666666;	
	text-decoration: none;
}

a:hover{
color: #FF0000;	
text-decoration: none;
border:none;
	
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	line-height: 14px;
	letter-spacing:1px;
	color: #333333;
  }
  
p{
text-align:justify;
}

input{
border:1px solid #CCCCCC;

}

#position {

position:relative;
width:80%;
height:550px;
top:0px;left:0px;
text-align:left; 
margin-left:10%; 
z-index:10;
}

#imgfond{
position:absolute;top:0px;left:0px;z-index:9;width:100%;height:100%;overflow:visible;


}

#main{
 position:absolute;top:0px;left:0px;z-index:9;width:100%;height:100%;overflow:visible;
}

#page {
	position:absolute; 
	height: 100%;
	width: 100%;
	z-index: 1;
	 background-color:#FFFFFF;

}

#centpourcent {
	position:absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	 background-color:#FFFFFF;	
  }
  
 #logo{
	position:absolute;
	 width:220px;
	height:200px;
	top:9px;
	left:3px;
	z-index:10;
	 background-color:#FFFFFF;
 }
 
 #citation{
 position:absolute;
 width:650px; 
 height:150px; 
 top:10px;
 left:230px;
 z-index:15; 
 background-color:#FFFFFF;
 }
 
 #nav{
 position:absolute;
 width:220px;
 top:222px;
 left:1px;
 z-index:15;
 background-color:#FFFFFF;

 }

 #contenu{
 position:absolute;
 width:700px;
 
 top:222px;
 left:230px;
 z-index:15;
 padding:20px;
background-color:#FFFFFF;
 }

#intro{
	position:absolute;
	width:700px;
	top:50px;
	left:229px;
	z-index:15;
	padding:20px;
	font-size:12px;
	font-weight:bold;
	background-color:#FFFFFF;
 }




 #titre{
	position:absolute;
	width:700px;
	top:10px;
	left:231px;
	z-index:15;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	background-color:#FFFFFF;
 }


h1{
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:20px;
 text-transform:uppercase;

}

h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:15px;
 text-transform:uppercase;
	
	}
h3 {	

 font-family:Arial, Helvetica, sans-serif;
 font-weight:bold;
 font-size:12px;
 
	
	}
h4 {
	
	}
table {
	
	}
td, th {	
	
	}
	
ul li {
list-style:none;
font-size:12px;
font-weight:bold;
}


img {
border:none;
}

a img {
border:none;
}




textarea {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	}
	
	
.cadre{
float:left;
background-color:#ffffff;
width:200px;
height:250px;
text-align:center;
margin:5px;
border:1px solid #EAEAEA;
}

.cadre a{
background-color:#ffffff;
}


.cadre a:hover {

background:#EAEAEA;


}



.cadre2{
float:left;
background-color:#000000;
width:200px;
height:250px;
text-align:center;
margin:5px;
border:1px solid #EAEAEA;
}





.cadre3{
float:left;
background-color:#ffffff;
width:200px;
height:140px;
text-align:center;
margin:5px;
border:1px solid #EAEAEA;
}

.cadre a{
background-color:#ffffff;
}


.cadre a:hover {

background:#EAEAEA;


}