body {
background-color:#EEEEEE;
font-size:10pt;
font-family:Arial;
margin:15px;
padding:0;
color:#333333;

}
img { behavior: url("win_png.htc"); }
#page {
width:900px;
/*background-image:url(images/page.png);*/
background-color:#FFFFFF;
margin:auto;
padding:auto;
}

#header {
clear:both;
width:860px;
height:89px;
/*background-image:url(images/header.png);*/
background-color:#FFFFFF;
padding-top:0px;
padding-left:40px;
}

#headerleft {
float:left;
height:80px; width:400px
}

#menu { margin-left:30px}
#menu a:link {color:#0099CC}
#menu a:visited {color:#0099CC}
#menu a:hover {color:#333333}
#menu li {color:#CCCCCC}

#menulinks {
padding-right:4px;
float:right; width:450px; margin-top:-10px; position:relative;
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-bottom:0px;
	height:15px;
   background-image:none;
	display:block;
	color:#999999;
	text-decoration:none;
	float:left;
	font-size:12px;
	font-weight:normal;
	margin-left:3px;
	margin-right:3px;
  }

#menulinks a span {
	
	padding:10px;
		display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
  }
  
  
#menulinks a:hover, #menulinks a.active {
	background-color:#FFFFFF;
	background-position:top left;
	
	text-decoration:none;
	color:#333333;
}

#menulinks a:hover span, #menulinks a.active span {
 
	text-decoration:none;
}

#mainarea {
width:860px;
clear:both;
padding-left:40px;
}

#contentarea {
width:535px;
padding-right:40px;
float:left;
line-height:14pt;
}

#sidebar {
float:left;
width:265px;
border-left:1px solid #EEEEEE;
line-height:14pt;
}

#footer {
width:900px;
clear:both;
height:52px;
padding-top:30px;
text-align:center;
line-height:14pt;
background-image:url(images/footer.png);
background-repeat:no-repeat;
background-color:#000000;
font-size:11px;
}
#contenu {font-size:11px; font-family:verdana; color:#666666}
#contenu img {border:1px solid #999999; padding:5px; background:#FFFFFF}

h1 {
font-size:25pt;
color:#333333;
margin:0; margin-top:0px;
}

h2 {
font-size:15pt;
color:#333333;
padding-top:6px;
}

h3 {
font-size:13pt;
color:#0099CC;
padding-top:6px; margin-bottom:0px;
}

h3 a:link {color:#0099CC}
h3 a:visited {color:#0099CC}
h3 a:hover {color:#999999}

h4 {
font-size:11px;
color:#0099CC;
margin-top:0px; margin-bottom:0px;
}

h4 a:link {color:#33CCCC}
h4 a:visited {color:#33ccCC}
h4 a:hover {color:#999999}
.titre  {color:#0099CC; margin-top:10px; margin-left:0px;margin-bottom:10x}
.description {
font-size:14px;
font-weight:normal;
color:#999999;
margin:0;
}
#hierarchie {color:#33CCCC; padding-bottom:15px;}
#hierarchie a {color:#33CCCC; text-decoration:none}
#hierarhie a:hover {color:#999999; text-decoration:none}
a {
color:#555555;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
#slideshow {
    position:relative;
    height:300px; padding:10px;
}

#slideshow IMG {
    position:absolute;
    top:10px;
    left:10px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 0px; text-align: left; margin-top:10px; margin-left:10px}
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }
.rubriques ul { border: 0; font-family:verdana; font-size:11px;}
.rubriques ul li { background: #FFF; border: 0; }
.bouton { font-size:11px; font-family:verdana; color:#006699;}

.teou {position: absolute; top: -3000em; height: 1%;}