html {
  height:100%;
  margin-bottom:0;
}

form {
  margin:0;
  padding:0;
}

img,table {
	border:none;
}

body {
	font-family:Helvetica,Arial,sans-serif;
	line-height:1.3em;
	margin:0;
	font-size:12px;
	color:#333;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:normal;
}

a:hover {
	text-decoration:underline;
	font-weight:normal;
}

input.button {
  cursor:pointer;
  background:none;
}

p {
	margin:0 0 5px 0;
}

#page_bg {
	padding:0;
	margin-bottom:1px;
}

div.center {
  text-align:center;
}

div#wrapper {
	margin-left:auto;
	margin-right:auto;
}

body.width_medium div#wrapper {
	width:950px;
}

body.width_small div#wrapper {
	width:773px;
}

body.width_fmax div#wrapper {
	min-width:750px;
	max-width:1050px;
}

div#header_l {
	position:relative;	
}

div#header_r {	
	height:85px;		
	overflow:hidden;
	text-align:left;	
}

#logo {
	position:absolute;
	left:0;
	top:6px;
	float:left;
	width:493px;
	height:85px;	
  background:url(../images/logo.gif) 0 0 no-repeat;
	margin-left:47px;
	margin-top:30px;
}

/*#logo a, #logo a:link, #logo a:hover {
  font:3em JH_Titles,Century Gothic,Verdana,Arial,sans-serif;	
	padding:0;
	margin:0;
	line-height:1.4em;
	color:#fefefe;
	text-decoration:none;
}*/

div#newsflash {
	width:auto;
	margin-left:350px;
	margin-right:30px;
	border:1px solid #00F;
}

div#tabarea {
	background:url(../images/barre_al.gif) top left repeat-x;	
	margin:0 6px;
}

div#footer_r {
	padding-top:10px;
	height:47px;
	overflow:hidden;
}

div#footer_r div {
	text-align:center;
	font-size:.90em;
	color:#AAA;
}

div#footer_r a:link, div#footer_r a:visited  {
	color:#999;
}

#pathway {
	padding:0px 10px 8px;
	width:auto;
	margin-right:250px;
	text-align:left;
}

#search {
	float:right;
	width:320px;
	margin-top:-20px;
	margin-right:20px;
	height:40px;
	overflow:hidden;
	text-align:right;
}

#area {
	padding:0;
	width:100%;
}

#whitebox {
	margin:0;
	width:auto;
}

#whitebox div {
	text-align:left;	
}

#whitebox_t {
  margin:0 6px 0 6px;  
	background:url(../images/barre_al.gif) top right repeat-x;	
}

#whitebox_tl {
  
}

#whitebox_tr {
	height:16px;  
}

#whitebox_m {
	width:auto;
	padding:10px 10px;
	margin:0 6px;
	background:url(../images/left_bg.jpg) 100% 100% repeat;
}


#whitebox_br {
	height:13px;
	background:url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}

table.pill {
  margin-left:auto;
  margin-right:auto;
  padding:0;
}

td.pill_m {
  padding:0;
  margin:0;
  width:auto;
}

td.pill_l {
  width: 2px;
  height:20px;  
}

#menuhaut {
  white-space:nowrap;
  height:20px;  
  float:left;
} 

#menuhaut ul {
  margin:0;
  padding:0;
  list-style-type:none;
  background:url(../images/barre_al.gif) top right repeat-x;
}

#menuhaut li {
	position:relative; 
	float:left;	
	height:18px;
	line-height:14px; 
	margin-top:1px;
	padding:0;
	border-right:1px solid #D9D9D9; /*Plus clair*/
  border-left:1px solid #AAA; /*Plus fonce*/  
}

#menuhaut a {
  font:11px Arial,Helvetica,sans-serif;  
	float:left;
  display:block;
  height:16px;
  line-height:12px;
  padding:2px 20px;
  color:#333;  
  text-decoration:none;
}
 
#menuhaut a:hover {
	color:#FF6600;
}

#menuhaut a:active {
	height:16px;
  line-height:14px;  
  margin-top:-1px;  
	color:#FFF;	
}

#menuhaut a.mainlevel_current-top {
	height:16px;
  line-height:14px;   
  margin-top:-1px;  
	background:url(../images/barre_al_hover.gif) top right repeat-x;
	color:#FFF;	
}

/*-- Ombre sous le menu horizontal --*/
#ombre_menuhaut {
	overflow:hidden;
	width:100%;
	height:7px;
	background:url(../images/ombre_menuhaut.png) repeat-x;		
}

/* Menu horizontal déroulant */
#menuhaut,#menuhaut ul {
	float:left;  
  list-style-type:none;
  line-height:1em;
  margin:0;
  padding:0;  
}
 
#menuhaut li ul  {
  position:absolute; 
  display:block;
  left:-999em;   
	height:1%;
	/*height:auto;*/	
  width:180px;  
  padding:0;
  margin-top:18px;  
}

#menuhaut li li {
  width:220px;  
}

#menuhaut li ul a {	
	width:226px;
  /*width:180px;*/
  height:26px;
  /*height:16px;*/ /*Pour que la bordure grise à droite ne déborde pas en bas*/  
  padding:2px 20px;
  line-height:14px;  
  color:#333;  
  /*border-right:1px solid #AAA;*/ 
  background:url(../images/smenu.png) no-repeat; 
}

#menuhaut li ul a.sublevel_current-top {	 
	background:url(../images/smenucurrent.png) no-repeat;
	color:#FFF;	
}

#menuhaut li ul a img { /*Pour positionner les images de flèches rouges par rapport aux liens des menus*/
	position:absolute;	
	float:left;
	left:190px;
	top:5px;
	z-index:7000;
} 

#menuhaut li ul a.sublevel-top {	 
	background:url(../images/smenu.png) no-repeat;	
}

#menuhaut li ul a:hover {
	background:url(../images/smenuhover.png) no-repeat;	
}

#menuhaut li ul a.expanded {
	background:url(../images/smenufleche.png) no-repeat;	
}

ul#menuhaut ul .expanded{
	background:url(../images/smenufleche.png) no-repeat;
}

#menuhaut li:hover ul ul,
#menuhaut li:hover ul ul ul,
#menuhaut li:hover ul ul ul ul,
#menuhaut li.sfhover ul ul,
#menuhaut li.sfhover ul ul ul,
#menuhaut li.sfhover ul ul ul ul {
  left:-999em; 
  height:1%; 
  /*height:auto;*/	
}

#menuhaut li:hover ul,
#menuhaut li li:hover ul, 
#menuhaut li li li:hover ul,
#menuhaut li li li li:hover ul,
#menuhaut li.sfhover ul,
#menuhaut li li.sfhover ul,
#menuhaut li li li.sfhover ul,
#menuhaut li li li li.sfhover ul {
  /*left:auto;*/
  left:0;
  top:-1px;  
  z-index:6000;   
}

#menuhaut li li:hover,#menuhaut li li.sfhover {
	width:220px;
}

/** Sous-sous menus **/
#menuhaut li ul li ul  {
  position:absolute;
  display:block; 
  left:-999em;  
  height:1%;
	/*height:auto;*/	
  width:180px;   
  padding:0;
  margin-top:0;  
  margin-left:220px;  
}

#menuhaut li ul li ul a {
  width:226px;
  /*width:180px;*/
  height:26px;
  /*height:16px;*/ /*Pour que la bordure grise à droite ne déborde pas en bas*/  
  line-height:14px;
  padding:2px 20px;
  color:#333;
  /*border-right:1px solid #AAA;*/
  background:url(../images/smenu.png) no-repeat;    
}

#menuhaut li ul li ul a.sublevel-top { 
	background:url(../images/smenu.png) no-repeat;    
}

#menuhaut li ul li ul a:hover {
	background:url(../images/smenuhover.png) no-repeat;	
}
/** Fin Menu deroulant **/

#colonne_g,#colonne_d {
	margin:0;
	width:16%;
	float:left;
}

div#maincolumn {
	padding:0 10px;
	float:left;
	width:65%;
}
div#maincolumn_full {
	padding:0 10px;
	width:80%;
	float:left;
}

div.nopad {
	padding:0;
}

td.middle_pad {
	width:20px;
}

div.offline {
	background:#FFFEBB;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:1.2em;
	padding:5px;
}

span.pathway {
  display:block;
  margin:0 20px;
  height:16px;
  line-height:16px;
  overflow:hidden;
}

/* Headers */
div.componentheading {
  padding-left:0px;
}

h1 {
	padding:0;
	font-family:Helvetica ,Arial,sans-serif;
	font-size:1.3em;
	font-weight:bold;
	vertical-align:bottom;
	color:#666;
	text-align:left;
	width:100%;
}

h2, .contentheading {
	padding:0;
	font-family:Tahoma, Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	color:#183889;
	text-align:left;
	width:100%;
}

table.contentpaneopen h3 {
	margin-top:25px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

h3, .componentheading, table.moduletable th, legend {
  margin:0;
  font:bold 1.1em Tahoma,Helvetica,Arial,sans-serif;
  color:#183889;  
  padding-left:0px;
	margin-bottom:10px;
	text-align:left;
}

/* Petit texte */
.small {
	font-size:.90em;
	color:#999;
	font-weight:normal;
	text-align:left;
}

.modifydate {
  height:20px;
  vertical-align:bottom;
	font-size:.90em;
	color:#999;
	font-weight:normal;
	text-align:left;
}

.createdate {
	height:20px;
	vertical-align:top;
	font-size:.90em;
	color:#999;
	font-weight:normal;
	vertical-align:top;
	padding-bottom:5px;
	padding-top:0px;
}

a.readon {
	margin-top:10px;
	display:block;
	float:left;
	background:url(../images/mw_readon.png) top right no-repeat;
	padding-right:20px;
	line-height:14px;
	height:16px;
}

/* Validation de formulaire */
.invalid { border-color:#FF0000; }
label.invalid { color:#FF0000; }

/** overlib **/

.ol-foreground {
	background-color:#F6F6F6;
}

.ol-background {
	background-color:#666;
}

.ol-textfont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

.ol-captionfont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#F6F6F6;
	font-weight:bold;
}
.ol-captionfont a {
	color:#0B55C4;
	text-decoration:none;
	font-size:12px;
}

.ol-closefont {}

/* Liens du menu */
a.mainlevel:link, a.mainlevel:visited {
	padding-left:5px;
}

a.mainlevel:hover {

}

/* Spacers */
span.article_separator {
	display:block;
	height:20px;
}

.article_column {
	padding-right:5px;
}

.column_separator {
	border-left:1px dashed #E0E0E0;
	padding-left:10px;
}

td.buttonheading {
	
}

.clr {
	clear:both;
}

div#maindivider {
  border-top:1px solid #DDD;
  margin-bottom:10px;
  overflow:hidden;
  height:1px;
}

table.blog span.article_separator {
	display:block;
	height:20px;
}

/* Table du contenu */
table.contenttoc {
  margin:5px;
  border:1px solid #CCC;
  padding:5px;
}

table.contenttoc td {
  padding:0 5px;
}

/* Tables du contenu */
td.sectiontableheader {
  background:#EFEFEF;
  color:#333;
  font-weight:bold;
  padding:1px;
  border-right:1px solid #FFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding:1px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding:1px;
}


/* Styles du contenu */
table.contentpaneopen, table.contentpane {
	margin:0;
	padding:0;
	width:100%;
	/*width:auto;*/
}

table.contentpaneopen li {
	margin-bottom:5px;
}

table.contentpaneopen fieldset {
	border:0;
	border-top:1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top:25px;
}

table.contentpaneopen h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

.highlight {
	background-color:#B3C7FD;
}

/* Eléments de contrôle du module */
table.user1user2 div.moduletable {
	margin-bottom:0px;
}

div.moduletable, div.module {
  margin-bottom:25px;
}

div.module_menu {
	margin:0;
	padding:0;
	margin-bottom:15px;
}

div.module_menu div div div {
	padding:0px;
	padding-top:30px;
	padding-bottom:10px;
	width:auto;
}

div.module_menu div div div div {
	background:none;
	padding:0;
}

div.module_menu ul {
	margin:10px 0;
	padding-left:10px;
	list-style:none;
}

div.module_menu ul li {
	margin:0;
	padding:0;		
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight:bold;	
	background:transparent url(../images/blue/bullet2.jpg) top left no-repeat;
	padding:2px 0 2px 25px;
	line-height:24px;	
}

ul.mostread, ul.latestnews {
	padding:0;
	margin-left:14px;
	/*list-style:none;*/
	list-style-image:url(../images/fleche_orange.png);
	list-style-position:outside;	
}

a.mostread, a.latestnews {	
	/*padding-left:14px;
	background:url(../images/fleche_orange.png) no-repeat;	
	background-position:0px 1px;*/	
}

#colonne_g div.module table ,#colonne_d div.module table {
	width:auto;
}

#colonne_g h3, #colonne_d h3 {
	margin:0;
	font:1em bold Helvetica,Arial,sans-serif;
	color:#333;	
	padding:2px 0 2px 10px;
	height:16px; /*Pour que la bordure grise à gauche et à droite ne déborde pas en bas*/
	/*height:20px;*/
	line-height:15px;	
	text-align:left;
	background:transparent url(../images/barre_al.gif) top left repeat-x;	
	border-right:1px solid #AAA;
  border-left:1px solid #AAA;  
}

#colonne_g .moduletable_menu, #colonne_g .moduletable, #colonne_g .moduletable_text, #colonne_g .c, 
#colonne_d .moduletable_menu, #colonne_d .moduletable, #colonne_d .moduletable_text, #colonne_d .c {
	margin:0 0 20px 0;
	padding:3px;
	border:1px solid #CCC;
	background:#FEFEFE;	
}

#colonne_g ul.menu, #colonne_d ul.menu {
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #CCC;
	border-top:none;
}

#colonne_g ul.menu li, #colonne_d ul.menu li {
	margin:0;
	padding:0;
	background:#F5F5F5;
}

#colonne_g ul.menu li a, #colonne_g ul.menu li a:link,
#colonne_d ul.menu li a, #colonne_d ul.menu li a:link {
	display:block;
	line-height:20px;
	background:#F1F2F1 url(../images/points.gif) right no-repeat;	
	padding:2px 20px;
	border-top:1px solid #DDD;
	text-decoration:none;
	color:#575757;
}

#colonne_g ul.menu li a:hover, #colonne_d ul.menu li a:hover {
  background:#F1F2F1 url(../images/points_oranges.gif) right no-repeat;		
	color:#FF6600;	
}

#colonne_g ul.menu li#current a, #colonne_g ul.menu li#current a:link {
	display:block;
	line-height:20px;
  background:#F1F2F1 url(../images/points_verts.gif) right no-repeat;
 	padding:2px 20px;
	border-top:1px solid #DDD;
	text-decoration:none;
  color:#008000; 	
}

#colonne_g ul.menu li#current a, #colonne_g ul.menu li#current a:link, 
#colonne_d ul.menu li#current a, #colonne_d ul.menu li#current a:link {
	display:block;
	line-height:20px;
  background:#F1F2F1 url(../images/points_verts.gif) right no-repeat;	
	padding:2px 20px;
	border-top:1px solid #DDD;
	text-decoration:none;
  color:#008000;	
}

#colonne_g ul.menu li#current a:hover, #colonne_d ul.menu li#current a:hover {
  background:#F1F2F1 url(../images/points_oranges.gif) right no-repeat;	
	color:#FF6600;	
}

/* Colonne de gauche */
#colonne_g ul.menu li ul, #colonne_d ul.menu li ul {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
}

#colonne_g ul.menu li#current ul li a, #colonne_g ul.menu li#current ul li a:link,
#colonne_d ul.menu li#current ul li a, #colonne_d ul.menu li#current ul li a:link {
	background:#F5F5F5 url(../images/menu_sub_link_bg.gif) left no-repeat;
	text-decoration:none;
	color:#183889;
	padding:2px 25px;
}

#colonne_g ul.menu li#current ul li a:hover, #colonne_d ul.menu li#current ul li a:hover {
	background:#F5F5F5 url(../images/menu_sub_link_bg.gif) left no-repeat;
	color:#FF6600;	
}

/* forms */
#colonne_g .moduletable ul, #colonne_d .moduletable ul {
	margin:6px 0;
	padding:0;
	list-style:none;
}

#colonne_g .moduletable ul li, #colonne_d .moduletable ul li {
	margin:0;
	padding:0 2px;
}

table.adminform textarea {
  width:540px;
  height:400px;
  font-size:1em;
  color:#183889;
}

div.search input {
	width:145px;
	border:1px solid #CCC;
	margin:15px 0 10px 0;
}

form#form-login fieldset { border:0 none; margin:0em; padding:0.2em;}
form#form-login ul { padding-left:20px; }

/* thumbnails */
div.mosimage         {  margin:5px; }
div.mosimage_caption {  font-size:.90em; color:#666; }

div.caption       { padding:0 10px 0 10px; }
div.caption img   { border:1px solid #CCC; }
div.caption p     { font-size:.90em; color:#666; text-align:center; }

/* Paramètres Table */
table.paramlist {
	margin-top:5px;
}

table.paramlist td.paramlist_key {
	width:128px;
	text-align:left;
	height:30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family :"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size :14px;
	color :#C30;
	text-align:center;
	width:auto;
	background-color:#F9F9F9;
	border:solid 1px #D5D5D5;
	margin:3px 0px 10px;
	padding:3px 20px;
}

/* Module des bannières */

/* Style gratte-ciel par défault */
.bannergroup {
}

.banneritem {
}

/* Style Pub texte */
.banneritem_text {
	padding:4px;
	font-size:11px;
}

.bannerfooter_text {
	padding:4px;
	font-size:11px;
	background-color:#F7F7F7;
	text-align:right;
}

/* Messages du système */
.pagination span { padding:2px; }
.pagination a    { padding:2px; }

/* Sondages */
.pollstableborder td {
	text-align:left;
}

/* Edition*/
fieldset {
	border:1px solid #CCC;
	margin-top:15px;
	padding:15px;
}

legend {
	margin:0;
	padding:0 10px;
}

td.key {
	border-bottom:1px solid #EEE;
	color:#666;
}

/* Tooltips */
.tool-tip {
	float:left;
	background:#FFC;
	border:1px solid #D4D5AA;
	padding:5px;
	max-width:200px;
}

.tool-title {
	padding:0;
	margin:0;
	font-size:100%;
	font-weight:bold;
	margin-top:-15px;
	padding-top:15px;
	padding-bottom:5px;
	background:url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size:100%;
	margin:0;
}

/* System Standard Messages */
#system-message dd.message ul { background:#C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color:#C00; background:#E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color:#C00; background:#EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E;}
/* ****************************************************************************** */
/* blue */
input,button {
	border:1px solid #DCDCDC;
	background:transparent;
}


/* blue */
a:link, a:visited {
	color:#183889;
}

a:hover {
	color:#0B3768;
}

#pillmenu a#active_menu-nav {
	background:url(../images/barre_al_hover.gif) top right repeat-x;
  /*background:url(../images/top_menu_hover_bg.jpg) top right repeat-x;*/
  color:#FFF;
}

#pillmenu a#active_menu-nav:hover {
  color:#FFF;
}

h3, .componentheading, table.moduletable th {
  color:#183889;
}

div.module_menu {
	background:url(../images/blue/module_mright_bg.jpg) 100% 100% no-repeat;
}

div.module_menu div {
	background:url(../images/blue/module_mleft_bg.jpg) 0 100% no-repeat;
}

div.module_menu div div {
	background:url(../images/blue/module_right_bg.jpg) 100% 0 no-repeat;
}

div.module_menu div div div {
	background:url(../images/blue/module_left_bg.jpg) 0 0 no-repeat;
}

/* ********************************************************************************* */
/* bleu */
#page_bg {
	background:#EBEBEB;
	margin:20px 40px;
}

div#wrapper {
	background:url(../images/left_shadow.jpg) 0 0 repeat-y;
}

div#wrapper_r {
	background:url(../images/right_shadow.jpg) 100% 0 repeat-y;
}

div#header {
	background:#000 url(../images/header_top_middle_shadow_bg.jpg) bottom left repeat-x;
	/*background:#183889 url(../images/header_top_middle_shadow_bg.jpg) bottom left repeat-x;*/
	margin:0 6px;
}

div#header_r {
	/*background:transparent url(../images/header_lr_bg.jpg) bottom right no-repeat;*/
}

div#footer {
	background:url(../images/footer_m_bg.jpg) 0 100% repeat-x;
}

div#footer_l {
	background:url(../images/footer_l_bg.jpg) 0 0 no-repeat;
}

div#footer_r {
	background:url(../images/footer_r_bg.jpg) 100% 0 no-repeat;
}

/* ********************************************************************** */

input[type="checkbox"], input[type="radio"]{
   background:transparent;
   border:none;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
	color			:#2861A4;
	font-family:Arial,sans-serif;
	text-decoration:none;
}
a.sgfooter:hover {
	color:#2861A4;
	font-family:Arial,sans-serif;
	text-decoration:none;
}
#sgf {
font-size:11px;
text-align:center;
width:100%;
margin:0px auto;
color:#2861A4;
font-family:Arial,sans-serif;
}
.sgf {
text-align:right;
font-size:11px;
font-family:Arial,sans-serif;
color:#2861A4;
text-decoration:none;
}
.sgf1 {
font-size:11px;
font-family:Arial,sans-serif;
color:#2861A4;
text-align:left;
}

a.sglink:link, a.sglink:visited {
	color			:#2861A4;
	font-size		:11px;
	font-family:Arial,sans-serif;
	text-decoration:none;
}
a.sglink:hover {
	color			:#2861A4;
	font-family:Arial,sans-serif;
	text-decoration:none;
}

/* Validation XHTML ET CSS2 */
#valid {
	float:right;
	width:170px;
	height:15px;
	margin:6px 12px 0;	
} 
#xhtml {
	float:left;
	width:80px;
	height:15px;
	background:url(http://www.dataligence.com/site/images/M_images/xhtmlvalid.png) no-repeat;
}
#css2 {
	float:right;	
	width:80px;
	height:15px; 
	background:url(http://www.dataligence.com/site/images/M_images/css2valid.png) no-repeat;
}