/* basic elements */


/*the root div containning all the ther elements*/
#container {
    position:absolute;
	left: 10%;
	width:80%;
	min-width:800px;
	margin-top:10px;
	margin-bottom:0px;
	border-width:0px;
	height:100%;
	top:10px;
}

/*the top header*/ 
#bandeau {
	width:100%;
	height:100px;
	padding:0px;
	margin:0px;
	background:#FFFFFF url(../images/bandeau-bg.gif) top left;
	border:0px solid #000000;	
	
	
}
#bandeau .right {
	position:absolute;
	width:100%;
	right:0px;
	text-align: right;
}

#bandeau .left {
	z-index:3;
	position:absolute;
	left:0px;
}

/* header menu*/
#bandeau .menu {
	z-index:20;
	position:absolute;
	margin-right:10px;
	width: 350px;
	left:5px;
	bottom:-1px;
	
}

/* menu navigation*/
#navigation{
    display:block;
    overflow:none;
    z-index:4;
    position:absolute;
    right:0px;
    top:120px;
    width:200px;
    z-index:5;
    text-align:left;
    border-width:0px;
    padding:0px;
    margin:0px;
    font-size:0.8em;
}

#navigation div{
 	background-color:#DDDDDD;
	padding:0px;
    margin-bottom:30px;
}

#navigation div.info-nav{
	display:block;
	padding:5px;
    border-left:1px solid #888888;
    border-right:1px solid #888888;
    color:black;
    margin-bottom:0px;
    font-weight:bold;
}

#navigation img{
	display:block;
	border : solid black 0px;
}

#navigation ul{
	list-style-type:none;
    width:100%;
    margin:0px;
    padding:0px;
}

#navigation li{
	border-left:1px solid #888888;
    border-right:1px solid #888888;
	padding:0px;
    height:100%
}

#navigation li.titre{
    border-top:0px solid #EEEEEE;
    border-bottom:1px solid #777777;
	padding:5px;
    height:100%;
    background:#DDDDDD;
    font-size:1.5em;
    font-weight:bold;
    color:#111111;
}

#navigation li a:link{
	padding-left:15px;
	text-decoration:none;
	color:black;
	display:block;
	margin:0px;
}

#navigation li a{
	border-top:1px solid #EEEEEE;
    	border-bottom:1px solid #AAAAAA;
	
	display:block;
	padding:5px;
	padding-left:15px;
	
	font-weight:bold;
	text-decoration:none;
	color:#111111;
	
	background-color:transparent;	
}

#navigation li.form{
	border-top:1px solid #EEEEEE;
    	border-bottom:1px solid #AAAAAA;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#111111;
	background-color:transparent;
}

#navigation li form{
	display:block;
	padding:5px;
	padding-left:15px;
	font-weight:bold;
	text-decoration:none;
	color:#111111;
	background-color:transparent;	
}

#navigation li a.active{
	background:#EEEEEE;
}

#navigation li.construction{
    border-bottom:1px solid #AAAAAA;
	display:block;
	padding:3px;
	padding-left:2px;
	font-weight:bold;
	text-decoration:none;
	background: url(../images/fondTravaux.gif);
}
/* title of the navigation link*/
#navigation li h1{
	color:#111111;
	font-size:1.3em;
	margin:0px;
}

/* description of the navigation link*/
#navigation li h2{
	color:#555555;
	font-size:1em;
	font-weight:normal;
	margin:0px;
}

#navigation li a:hover{
	background:#EEEEEE;
}