*{
	margin:0px;
	padding:0px;	
}

body{
	font-size:10pt;
	font-family:"Arial";
	background-image:url("images/fond_body.png");
	background-repeat:repeat-x;
	background-color:#465a7b;	
	behavior: url(csshover.htc);
}

#global{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:90px;
	width:750px;
	height:400px;
	background-image:url("images/fond_global.png");
}

/* ------------------------ presentation ----------------------*/

#presentation{
	position:relative;
	top:50px;
	left:220px;
	width:500px;
	height:150px;	
	text-align:justify;
	/*border:1px solid green;*/
}

.premiere_lettre{
	color:black;
	font-size:14pt;	
}

#presentation td{
	padding:10px;	
}

#presentation td p{
	padding-bottom:30px;	
}

#presentation img{
	position:relative;
	top:30px;	
}

/*-------------------------- btn -----------------------------*/

#btn{
	position:absolute;
	top:8px;
	left:200px;
	height:29px;
	/*border:1px solid green;*/
}

#btn .btn_niveau1{
	height:29px;
	/*border:1px solid green;*/
}

#btn ul li{
	padding-left:5px;
	float:left;	
}

#btn .btn_sousmenu{
	height:29px;
	/*border:1px solid green;*/
}

#btn a img{
	border:none;
}

#btn a{
	text-decoration:none;	
}

#btn li{
	list-style:none;
}

.btn_niveau2{
	position:absolute;
	display:none;	
}

.btn_niveau2 .txt{
	position:absolute;
	left:-25px;
	top:-120px;
	width:140px;
	height:140px;
	background:url("images/sous_btn_txt.png") no-repeat;
	/*border:1px solid green;*/
}

.btn_niveau2 .img{
	position:absolute;
	left:-25px;
	top:-5px;
	width:140px;
	height:140px;
	background:url("images/sous_btn.png") no-repeat;
	/*border:1px solid green;*/
}

.btn_niveau2 .txt p{
	position:relative;
	top:20px;
	left:20px;
	width:100px;
	height:100px;
	color:#0f2241;
	text-align:justify;
	font-size:9pt;
}

.btn_niveau2 img{
	position:relative;
	left:20px;
	top:20px;	
}

#btn ul.btn_niveau1 li.btn_sousmenu:hover ul.btn_niveau2{
	display:block;
}

/*--------------------------- menu ----------------------------*/

#menu{
	position:relative;
	top:159px;
	left:140px;	
	text-align:center;
}

#menu a {
	color:#FFFFFF;
}

.niveau1, .niveau2 {
	padding:0px;
	margin:0px; 	
}

.niveau1 .sousmenu{
	width:150px;
	height:45px;
	left:10px;
}

.niveau1 .sousmenu a{
	position:relative;
	top:10px;
}

.sousmenu:hover {
	background-image:url("images/menu_hover.png");
}

#menu ul li {
	position:relative; 
	list-style: none;
	float:left;
}

.niveau2 {
	position:absolute;
	display:none; 
	top:45px;
	left:-120px;
	width:390px;
	height:148px;
	text-align:center;
	background-image:url("images/hover.png");
	z-index:2;
}

.niveau2 img{
	position:relative;
	top:5px;
	left:19px;	
}

.hover_txt{
	position:absolute;
	left:50px;
	top:-185px;	
	width:290px;
	height:140px;
	background-image:url("images/hover_haut.png");
}

.hover_txt p{
	padding:15px;
	color:#0f2241;
	text-align:justify;
}

#menu li a {
	text-decoration: none; 
	padding: 4px 0 4px;
	display:block;
	width:150px;
}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display:block;
}

/*----------------------- footer ------------------------*/

#footer{
	position:relative;
	top:90px;
	text-align:center;
	z-index:1;
	color:#a9a9a9;	
}

#footer a{
	color:#a9a9a9;
	text-decoration:none;
}

#footer a:hover{
	color:white;
}