* {
	margin: 0;
	padding: 0;	
	}
	
body {	
	background:url(../images/fond_degrade.jpg) repeat-x fixed #5F5AD0;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	padding: 0;
}

#container {
	width:1024px;
	background-color:white;
	margin:auto;
	overflow:auto;
}

#logo {
	width: 245px;
	height: 165px;
	background-color:white;	
	float:left;
}

#header {
	width: 779px;
	height: 165px;
	background-color:white;
	background:url(../images/header01.jpg) ;
	float:left;
}

#colonne {
	width:200px;
	float:left;
	overflow:auto;
	padding: 80px 20px 10px 20px;
	}
	
#main {
	float:left;
		width:780px;
		width:770px;
	//	width:736px;
	background-color:white;
	}

#modfooter {
	width:1024px;
	height:56px;
	clear:both;
	background:url(../images/footer.jpg) no-repeat ;
	padding:44px 0 0 00px;
	text-align:center;
	color:white;
}
#modfooter a {	color:white; }


/*

					COLONNE DE GAUCHE
					
*/
#colonne .moduletable,
#colonne .moduletable_menu {
	margin-bottom:20px;
	padding-bottom:30px;
	background:url(../images/separateur_modules_colonne.jpg) bottom no-repeat ;
	text-align:center;	
}
#colonne .moduletable h3, 
#colonne .moduletable_menu h3 {
	text-align:center;
	color:#0099CC;
	text-transform:uppercase;
	font-size:1em;
	margin-bottom: 10px;
}

#colonne #jflanguageselection span {
	border:5px solid white;
}

/*	formulaire	*/
#colonne fieldset {	border:none;}
#colonne fieldset input.inputbox {
	background-color:#CCFFFF;
	border:solid 1px #0099CC;
	margin-bottom:10px;
}
#colonne fieldset input.button { margin-bottom:20px; }

#colonne ul {list-style:none;}

/*

					CONTENU
					
*/

/*		Flèche chronologique	*/
#chrono {
	background:url(../../../images/stories/fleche_chrono_02.jpg) repeat-y;
}
#chrono h2 {
	margin-left:50px;
}
#chrono p {
	margin:0px 0 20px 50px;
}

/*		Styles des articles		*/
.contentheading {
	color:white;
	display:block;
	height:37px;
	padding:15px 0 0 50px;
	width:auto;
	font-size:1.4em;
	background:url(../images/titre_article.jpg) no-repeat;
	//	margin-right:40px;

}
.article_column {		padding-right:20px; }
.article_column.column_separator{
	padding-right:0px;
	padding-left:20px;
}
	
	
	
#main .colonne {
	float: left; 
	width: 45%; 
	//	border: solid 1px #c0c0c0; 
	padding: 0 20px 10px 0;
}

table.contentpaneopen { width:100%; }
	
.componentheading {
	color:#0099CC;
	font-size:2.5em;
}

#component h2 {
	color:#0099CC;
	font-size:1.2em;
	padding:10px 0 10px 0;
}
#component em {
	color:#0E73B7;
	font-style:normal;
	font-weight:bold;
}
#component ul,
#main ol {
	list-style-position:inside;
}



#main p {
	margin-bottom:10px;
	text-align:justify;
}

#main a { color:#0E73B7; }


#main .lien_pdf {
	background:url(../images/icon_pdf.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 25px;
	border:dashed 1px #0E73B7;
	display:block;
	text-align:left;
	background-color:#CCFFFF;
	clear:both;
}

#main .lien_ppt {
	background:url(../images/icone_ppt.gif) no-repeat 5px 5px;
	padding: 5px 5px 5px 25px;
	border:dashed 1px #0E73B7;
	display:block;
	text-align:left;
	background-color:#FFC;
}


#main .dlThumb {
	width: 200px;
	height: 80px;
	margin:0 50px 10px 0;
	float:left;
}


#main .legende {font-style:italic;}

#main .gauche {
	float: left; 
	margin: 0 10px 10px 0;
	}


/*		Tableau		*/
#main table.tablo {
	border:solid 1px black;
	padding:5px;
	text-align:left;
}
#main table.tablo td {
	padding:2px 10px 2px 10px;
	border-bottom:solid 1px #0099CC;
	vertical-align:text-top;
		text-align:left;

}
#main table.tablo tr.head {
	height:20px;
	vertical-align:baseline;
	background-color:#0099CC;
	color:white;
}


.breadcrumbs {
	display:block;
	margin:10px 0 40px 0;
	color:#0099CC;
	text-transform:uppercase;
	font-size:0.7em;
	font-weight:bold;
}
/*.breadcrumbs a { text-decoration:none;}*/

/*

					MENU

*/

#topmenu {
	clear: both;
	width: 1024px;
	height: 43px;
	background: url(../images/fond_topmenu.jpg);
	font-size: 9px;
	color: #063;
}

#topmenu ul {
	//	padding-left:170px; /* sans ANNONCES */
	padding-left: 171px; /* avec ANNONCES */
	list-style: none;
	font-size: 9px;
}
#topmenu ul li {
	float:left;
	//	margin-left:40px; /* sans ANNONCES */
	margin-left:28px; /* avec ANNONCES */
	font-size: 10px;
}
#topmenu ul>li>a {
	height:25px;
	padding:11px 10px 0 10px;	
	text-decoration:none;
	color:#0099CC;
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;
	display:block;
	font-size: 9px;
}
#topmenu ul li:hover a {
	text-decoration:none;
	background-color:#0099CC;
	color:white;
	font-size: 9px;
}
#topmenu ul li ul {
	display:none;
	width:300px;
	padding-left:0;
	border:solid 1px #46AFF9;
	border-bottom-color:#3283BA;
	border-right-color:#3283BA;
	position: absolute;
	font-size: 9px;
}
#topmenu ul li ul li {
	float:none;
	margin:0;
	font-size:9px;
}	
#topmenu ul li ul>li:hover a,
#topmenu ul li ul li:hover ul li:hover a {
	background-color:#6C4ED2;
}	
#topmenu ul li:hover>ul {
	display:block;
}
#topmenu ul li ul li ul  {
	float:right;
	left: 200px;
	margin-top:-37px;
	font-size: 9px;
}
#topmenu ul li ul li:hover ul li a {
	background-color:#0099CC;
	border:none;
	font-size: 9px;
}
#topmenu .active,
#topmenu .active a:hover {
	background-color: #6C4ED2;
	font-size: 9px;
}
	
#topmenu .active a { color:white; font-size: 9px;}