/* CSS Document */

.menuindex {
position:relative;
margin-top:-500px;
margin-left:25px;
letter-spacing: 0.2px;	
background:   url(../images/img/basmenup.jpg) no-repeat;
height: 38px;	
text-align: center;	
}

.menuindex ul {
padding: 1px 0 0 20px;
 list-style: none;font-size:12px;color:#FFFFFF;font-weight:bold;margin-left:10px; margin-right:15px;}		
.menuindex li {display:inline;list-style-type: none;	background: url("../images/img/bouton.gif") no-repeat;width: 114px; float: left;}
.menuindex a, .menuindex a:visited {display: block;	height: 21px;color: #eee;text-decoration: none;	padding-top: 10px;}
.menuindex a:hover {	text-decoration: none;	color: white;}
.menuindex #active { background:url(../images/img/sshaut.gif) no-repeat;text-decoration: none;width: 110px;float: left;	margin-top: -1px;
	margin-left: -1px;	height: 32px;color: #eee;	}




/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   M A I N   M E N U  2 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.menu { 
letter-spacing : 0.2px; 
background : url(../images/img/hmenu.jpg) no-repeat center top; 
height : 37px; 
text-align : center; 
margin-left : 25px; 
margin-right : 25px; 
margin-bottom : 55px; 
margin-top:-80px;
position:relative;
} 
.menu ul { 
padding : 1px 0 0 20px; 
margin : 0; 
list-style : none; 
font-size : 12px; 
color : #ffffff; 
font-weight : bold; 
} 
.menu li { 
display : inline; 
list-style-type : none; 
background : url("../images/img/bouton.jpg") no-repeat center bottom; 
width : 114px; 
float : left; 
} 
.menu a, .menu a:visited { 
display : block; 
height : 21px; 
color : #eee; 
text-decoration : none; 
padding-top : 10px; 
} 
.menu a:hover { 
text-decoration : none; 
color : white; 
} 

.menu #active01 { 
background : url(../images/img/mhaut1.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 


.menu #active { 
background : url(../images/img/mhaut1.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 
.menu #active4 { 
background : url(../images/img/hmenu5.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 
.menu #active5 { 
background : url(../images/img/hmenucont.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 

.menu #active3 { 
background : url(../images/img/hmenu4.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 



.menu #active a:hover { 
background : none; 
color : #eee; 

} 
/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   S O U S   M E N U 2  ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.submenu { 
background : url(../images/img/basmenu1.jpg) no-repeat; 
position : relative; 
margin-top : -55px;
margin-left : 25px; 
margin-right : 25px; 
height : 36px; 
font-size : 9pt; 
text-align : left; 
} 

.submenuref { 
background : url(../images/img/basmenu4.jpg) no-repeat; 
position : relative; 
margin-top : -55px;
margin-left : 25px; 
margin-right : 25px; 
height : 36px; 
font-size : 9pt; 
text-align : left; 
} 
.submenurec { 
background : url(../images/img/basrec.jpg) no-repeat; 
position : relative; 
margin-top : -55px;
margin-left : 25px; 
margin-right : 25px; 
height : 36px; 
font-size : 9pt; 
text-align : left; 
} 

.submenucont { 
background : url(../images/img/basmenu7.jpg) no-repeat; 
position : relative; 
margin-top : -55px;
margin-left : 25px; 
margin-right : 25px; 
height : 36px; 
font-size : 9pt; 
text-align : left; 
} 

.submenu a, .submenu a:visited { 
color : #fff; 
font-weight : bold; 
text-decoration : none; 
margin-left : 40px; 
margin-right : 0; 
} 

.submenu a:hover {	color: white;text-decoration: none;	}

.submenu ul {list-style: none;padding-left: 1px;	}

.submenu li {padding-right: 5px;padding-left: 0px;padding-top: 7px;float: left;	}

.submenu #active {position:relative;background:  url("../images/img/bouton_sous_active2.gif") center bottom no-repeat;
	display: block;	font-weight: bold; height:42px;}
.submenu #active a {color: #7F418E;	}



/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   M A I N   M E N U  3 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.menu3 { 
letter-spacing : 0.2px; 
background : url(../images/img/hmenu.jpg) no-repeat center top; 
height : 37px; 
text-align : center; 
margin-left : 25px; 
margin-right : 25px; 
margin-bottom : 55px; 
margin-top:-80px;
position:relative;
} 
.menu3 ul { 
padding : 1px 0 0 20px; 
margin:0; 
list-style : none; 
font-size : 12px; 
color : #ffffff; 
font-weight : bold; 
} 
.menu3 li { 
display : inline; 
list-style-type : none; 
background : url("../images/img/bouton.jpg") no-repeat center bottom; 
width : 114px; 
float : left; 
} 
.menu3 a, .menu3 a:visited { 
display : block; 
height : 21px; 
color : #eee; 
text-decoration : none; 
padding-top : 10px; 
} 
.menu3 a:hover { 
text-decoration : none; 
color : white; 
} 
.menu3 #active { 
background : url(../images/img/hmenu3.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 
.menu3 #active a:hover { 
background : none; 
color : #eee; 
} 

.submenu3 { 
background : url(../images/img/basmenu3.jpg) no-repeat; 
position : relative; 
margin-top : -55px;
margin-left : 25px; 
margin-right : 25px; 
height : 36px; 
font-size : 9pt; 
text-align : left; 
} 
.submenu3 a, .submenu3 a:visited { 
color : #fff; 
font-weight : bold; 
text-decoration : none; 
margin-left : 40px; 
margin-right : 0; 
} 

.submenu3 a:hover {	color: white;text-decoration: none;	}

.submenu3 ul {list-style: none;padding-left: 1px;	}

.submenu3 li {padding-right: 5px;	padding-left: 0px;padding-top: 7px;float: left;	}

.submenu3 #active {position:relative;background:  url("../images/img/bouton_sous_active3.gif") center bottom no-repeat;
	display: block;	font-weight: bold; height:42px;}
.submenu3 #active a {
	color: #FFFF99;
}


/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   M A I N   M E N U  4 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.menu4{	
position:relative;
letter-spacing: 0.2px;	
background: #7F418E  url(../images/img/basmenu.gif) no-repeat;	
height: 39px;	
text-align: center;	
margin-left:25px;	
margin-right:25px ;
margin-bottom:55px;
margin-top:-22px;
   	}

.menu4 ul {	padding: 1px 0 0 20px; margin:0; list-style: none;font-size:12px;color:#FFFFFF;	font-weight:bold	}
		
.menu4 li {	display:inline;	list-style-type: none;	background: url("../images/img/bouton.gif") no-repeat;width: 114px; float: left;}

.menu4 a, .menu4 a:visited {display: block;	height: 21px;	color: #eee;text-decoration: none;	padding-top: 10px;	}

.menu4 a:hover {text-decoration: none;	color: white;}

.menu4 #active {
background: url(../images/img/sshaut4.gif) no-repeat;
text-decoration: none;
width: 110px;
float: left;	
margin-top: -1px;
margin-left: -1px;
height: 39px;
color: #eee;
}

.menu4 #active a:hover {background: none;color: #eee;}


/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   S O U S   M E N U 4 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.submenu4{ 
    background:#fff url(../images/img/ssbas5.gif) no-repeat;position:relative;
	margin-top:-55px;
	margin-left:25px;
	margin-right:25px;
	height:32px;
	font-size: 9pt;
	text-align: left
	}
	
	/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   M A I N   M E N U  4 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.menuste { 
letter-spacing : 0.2px; 
background : url(../images/img/hmenu.jpg) no-repeat center top; 
height : 37px; 
text-align : center; 
margin-left : 25px; 
margin-right : 25px; 
margin-bottom : 55px; 
margin-top:-80px;
position:relative;
} 
.menuste ul { 
padding : 1px 0 0 20px; 
margin : 0; 
list-style : none; 
font-size : 12px; 
color : #ffffff; 
font-weight : bold; 
} 
.menuste li { 
display : inline; 
list-style-type : none; 
background : url("../images/img/bouton.jpg") no-repeat center bottom; 
width : 114px; 
float : left; 
} 
.menuste a, .menuste a:visited { 
display : block; 
height : 21px; 
color : #eee; 
text-decoration : none; 
padding-top : 10px; 
} 
.menuste a:hover { 
text-decoration : none; 
color : white; 
} 



.menuste #active { 
background : url(../images/img/sshaut2.jpg) no-repeat; 
text-decoration : none; 
width : 129px; 
float : left; 
margin-top : -1px; 
margin-left : -1px; 
height : 37px; 
color : #eee; 
} 

.menuste #active a:hover { 
background : none; 
color : #eee; 

} 



/* /////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////   S O U S   M E N U 4 ////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////// */

.submenuste{ 
    background:#fff url(../images/img/basmenuste.jpg) no-repeat;position:relative;
	margin-top:-55px;
	margin-left:25px;
	margin-right:25px;
	height:37px;
	font-size: 9pt;
	text-align: left
	}
	
	.submenuste a, .submenuste a:visited { 
color : #fff; 
font-weight : bold; 
text-decoration : none; 
margin-left : 40px; 
margin-right : 0; 
} 

.submenuste a:hover {	color: white;text-decoration: none;	}

.submenuste ul {list-style: none;padding-left: 1px;	}

.submenuste li {padding-right: 5px;padding-left: 0px;padding-top: 7px;float: left;	}

.submenuste #active {position:relative;background:  url("../images/img/bouton_sous_active.gif") center bottom no-repeat;
	display: block;	font-weight: bold; height:42px;}
.submenuste #active a {color: #7F418E;	}