/* general stuff */
html{
	margin: 0 auto;
	padding:0px;
	width:100%;
	height:100%;}

body{
	width:100%; height:100%;
	margin:0; padding:0;
	font-family: verdana, arial, sans-serif;
	font-size: .8em;}

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

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

h1, h2, h3, h4, h5, h6, p{margin:0; padding: 0;}
h1{
font-size: 1.5em; font-variant: small-caps;}
h2, h2 span.bleu, h2 span.rouge, h2 span.violet, h2 .bleu, h2 .rouge, h2 .violet{
font-size: 1.1em; margin:0; padding: 0; font-variant: small-caps;}
span{
	display: block; font-size: 1.1em; font-weight: bold; color: #999;}
	
p{}

hr {clear: both; height: 0px; margin: 0; padding: 0; color: white; border:0; background-color: white;}
table{border-collapse: collapse; border: none;}
img {border: none;}
#bandeau img{float: left;}
/*Mise en page globale du site */
#accessibility {
position: absolute;
left: -2000px;
top: -2000px;
display: none;
}

#source {
	position: absolute;
	left: -2000px; top: -2000px;
	display: none;}

#page{
	z-index:1; width: 100%; height:100%;
	min-width: 1000px;
	width: expression(document.body.clientWidth > 1280 ? "1280px":( document.body.clientWidth < 1000? "1000px" :"100%" ));
	margin: 0; padding:0;}
/*******************************************************************************construction du header*/
#header {
	width:100%; overflow: hidden;
	padding:0; margin:0 auto;}

#top-top{ /*contient le premier menu de la page */
	width: 100%; height:10%;
	padding:0; margin:0 auto; padding-top:11px;
	overflow:hidden; display:block;}

#diapo {/*zone pour le diapo flash*/
	position:absolute; z-index:2;
	width:295px; height:236px;
	top:10px;
	margin:0; left: 70%;
	padding:0;
	text-align:right;}

#bandeau{ /*contient la partie en dessous du premier menu, mais on est toujours dans le bandeau*/
	margin: 0; padding:0;
	width: 100%; min-height: 150px;
	background: url(images/fond_header.jpg) repeat-x;}

#top-bottom{ /*dans le bandeau, titre du site*/
	margin: 0; padding:0;
	float: left;
	width: 800px; min-height: 150px;
	overflow:hidden;}

#logo, #assoc{
	margin: 0; margin-top:15px;
	padding:0;}
	
#logo{float: left;}

/*******************************************************************************Premier menu*/
#topmenu ul{
	width:60%; height:12%;
	margin: 0; margin-left:15%;
	padding:0;list-style: none;
	text-align:center;}

#topmenu li {
	 float:left;}
	
#topmenu li a {
	height:12%; float:left;
	border-left:1px solid #fff;
	margin:0; 
	list-style: none;
	padding:0; padding-top:20px; padding-left:10px; padding-right:30px;
	color: #AAA; text-align:left;font-weight: bold;}

#topmenu li a#active_menu{
	color: #FFF; font-weight: bold;}

#topmenu a:hover, #topmenu a:hover#active_menu{color: #FFF;}

/*******************************************************************************deuxième menu*/
#menumaison{
	margin: 0; padding:0;}

#menumaison ul{
	width: 550px; float: left;
	list-style: none;
	margin: 0; padding:0;
	overflow: hidden;}

#menumaison ul li{
	float:left;	display: block;
	margin: 0; padding:0;
	background:#FFF;
	border-left:1px solid #AAA;
	width: 180px; height: 58px;
	color: #AAA;}

#menumaison img {
	float: left;margin:0; margin-top:5px; padding:0; 
	width:100%;height:7px;}

#menumaison ul li a{
	display : block; float: left; height: 32px;
	padding:0;padding-left:10px; padding-right:10px; padding-top:5px;}
	
#menumaison ul li a#active_menu-nav{font-weight: bold;}
	
#menumaison a:hover{
	color: #000;}

#pathway{ display: none;}

/*******************************************************************************colone de gauche les autres menus*/
#leftcol{
	float:left; display:block;
	width: 250px; 
	text-align: center;
	margin:0; padding:0; padding-top:20px;}
	
#leftcol p{
	margin: 0; padding:0;
	padding-right:20px; padding-top:10px;
	font-size: .9em;
	text-align:right; color: #999;
	display: block;}

#leftcol ul, #leftcol ul li{
	list-style-type : none; margin: 0; padding :0;}

#leftcol a{
	color: #999;}
#leftcol a:hover{
color: #FFF;}
#leftcol ul li a{
	margin: 0 auto; padding:0;
	font-weight:bold;
	padding-right:20px; padding-top:5px; margin-bottom:5px;
	text-align:right;
	display: block;
	color: #999;
	border-bottom:1px solid #AAA;}

#leftcol ul li a#active_menu-left.mainlevel-left {
	font-weight: bold; color: #FFF;
	border-bottom:1px solid #FFF;}
	
 #leftcol ul li a:hover{
	color: #FFF; border-bottom:1px solid #FFF;}

/*******************************************************************************centre de la page*/
#actus{}
#rightcol-normal{}
#rightcol-broad{
	width: 22%;
	float: right; 
	margin: 0; margin-top: 60px; margin-left: 20px;}

#outer{
width:100%; z-index:1;
margin:0; padding:0;}

#maincol-normal, #maincol-broad, #maincol-wide{
	float:left; z-index:1;
	width:64%;min-height: 500px; _height:500px;
	margin:0;
	padding: 0; padding-top:10px; padding-left:50px; padding-right:50px;
	background: #FFF;} 
 
.clr{clear:both;}

.content {width :100%;}

/* Menus et modules */

div.module h3 {
font-family: arial, verdana, sans-serif;
font-size:1em;
text-align:right;
padding-right:20px;
padding-top:2px;
padding-bottom:2px;
color:#FFF;
background:#000;
display:block;
}
div.module .contentheading{
	margin: 0;padding: 10px 0 0 0;
	font-size: .9em;}

.moduleactus{ padding : 0 0 0 5px; font-size:11px; text-align: justify;}
#banner {width: 300px; position: relative; margin-top: -30px; margin-left: 30px; margin-bottom: 10px; padding: 0 5px; border: 1px dotted #CCC; background: #CCC;}
#banner .contentheading{font-size: 1em; }
#user1{
float: left;
width: 49%;}

#user2{
float: right;
width: 49%;}

#user3 {
width: 100%;}

#user1 ul, #user2 ul, #user3 ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 .7em;}

#maincol-normal div.moduletable, #maincol-wide div.moduletable, #maincol-broad div.moduletable {
background: transparent;
}

#maincol-normal div.moduletable h3, #maincol-wide div.moduletable h3, #maincol-broad div.moduletable h3 {}
#maincol-wide ul{
	margin: 0;padding: 0;
	padding-top: 5px; padding-bottom: 5px; padding-left: 25px;}

/*  */


hr {clear: both; height: 0px; margin: 0; padding: 0; color: white; border:0; background-color: white;}
hr.separator {display: none; }

.contentheading {/*titre de la page*/
	display: block; font-size: 1.3em; font-weight: bold; padding: 10px 0 20px 0;}

a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduletable {
width:  100%; 
border-collapse: collapse;
 }
table.moduletable th  {
font-size: 80%;
}



.back_button a{
	display: block;position: absolute;
	font-size: 1em; font-weight: bold;
	top: 250px; margin: 0; left: 71%; padding:0;}


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

.forme td{padding-right: 10px; }
#search, #search .inputbox, #search .button, #search form {display: none;}
.contentpaneopen table {clear: both;}

#page .contentpaneopen table td{padding: 0 10px 0 10px;}
/*******************************************************************************pieds de page*/
#footer{ 
	bottom: 0;
	width: 700px;
	margin: 0 auto; padding: 15px 0 0 0;
	font-size: .7em; text-align: center; color: #000; }

#footer .module{margin: 0 auto; width: 50%; color: #FFF; font-weight: bold; }


#ja-pathway{
font-size:10px !important;
}

#ja-pathway span {
color:#999999;
display:inline;
font-size:10px !important;
font-weight:normal;
}