/* CSS Document */

.myBox {
	background-color: #000;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	border:1px solid #666;
	background: url(images/bg2.jpg) repeat-x bottom  #FFFFFB;
}


#myContent li {
	list-style:none;
}

.myBox div {
background:url(http://www.observatoire-credit.be/modules/moopopup/images/bg_head.jpg);
}
.myBox div div,
div#myContent {
background-image:none;}






* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:82%; line-height:1.3em; background:#ffffff; margin:0; }
a:link, a:visited { color:#69005B; text-decoration:underline; 	font-size:14px; font-weight:normal;}
a:hover { text-decoration:none; }
.rightdes{text-indent:-5000px;text-decoration:none;}

div#header { 
height:120px; 
background: #69005B url(../images/banner.jpg) no-repeat left top;
}


div#header h1 a { display: block;text-indent: -5000em;text-decoration: none;float: left;
/* Adjust this line to change the size and position of the clickable logo (hot spot) area */
margin: 0px 0px 0px 0px;height: 100px;width: 309px;
/* End size adjustment line */
background: url(../images/logo_oce.gif) no-repeat left top; }

.tableau{
	background-color: #FFFFFF	;
	border: 1px solid #B3DC10;
	border-collapse: collapse;
border-spacing: 0px;

}
.tableau td{
	background-color: #FFFFFF	;
	border: 1px solid #B3DC10;
	padding:7px;
}

div#pathway { margin:-15px 10px 0 265px;}

div#tabmenu { height:20px; position:absolute; top:12px; left:750px; z-index:100; }
div#tabmenu ul { float:left; display:inline; margin:0 10px 0 0; }
div#tabmenu ul li { list-style-type:none; float:left;height:29px; margin:0 0 0 4px; padding-left:5px; background:url('../images/top_tabs.png') 0 0 no-repeat; }
div#tabmenu ul li:hover, div#tabmenu ul li.sfhover, div#tabmenu ul li.mainlevel_current { background:url('../images/top_tabs.png') 0 100% no-repeat; }
div#tabmenu ul li a:link, div#tabmenu ul li a:visited { height:19px; display:block; background:url('../images/top_tabs.png') 100% 0 no-repeat;  padding:5px 15px 5px 10px; color:#CC9900; text-transform:uppercase; font-weight:bold; text-decoration:none; }
div#tabmenu ul li a:hover, div#tabmenu ul li a#active_menu { color:#ffffff; background:url('../images/top_tabs.png') 100% 100% no-repeat; }

/*div#topmenu { height:20px; position:absolute; top:60px; right:10px; z-index:110; font-size:82%;}
div#topmenu ul { float:left; display:inline; margin:0 10px 0 0; }
div#topmenu ul li {list-style-type:none; float:left;height:29px; margin:0 0 0 4px; padding-left:5px; background:url('../images/top_tabs.png') 0 0 no-repeat; }
div#topmenu ul li:hover, div#topmenu ul li.sfhover, div#topmenu ul li.mainlevel_current { background:url('../images/top_tabs.png') 0 100% no-repeat; }
div#topmenu ul li a:link, div#topmenu ul li a:visited { height:19px; display:block; background:url('../images/top_tabs.png') 100% 0 no-repeat;  padding:5px 15px 5px 10px; color:#CC9900; text-transform:uppercase; font-weight:bold; text-decoration:none; }
div#topmenu ul li a:hover, div#topmenu ul li a#active_menu { color:#ffffff; background:url('../images/top_tabs.png') 100% 100% no-repeat; }*/

div#topmenu { width:100%;height:31px; position:absolute;align:middle; top:121px; left:261px; z-index:0; font-size:100%;background-color: #B2D22D;}
div#topmenu ul { float:left; display:inline; margin:0 10px 0 0; list-style-image: transparent url(../images/top_tabs.png) no-repeat scroll 100%; }
div#topmenu ul li {list-style-type:none; float:left;height:31px; margin:6px 0 0 4px; padding-left:5px; }
/*div#topmenu ul li:hover, div#topmenu ul li.sfhover, div#topmenu ul li.mainlevel_current { background:url('../images/top_tabs.png') 0 100% no-repeat; }*/
div#topmenu ul li a:link, div#topmenu ul li a:visited { height:19px;  padding:5px 15px 8px 10px; color:#516102;text-decoration:none; }
div#topmenu ul li a:hover, div#topmenu ul li a#active_menu { color:#ffffff; }

div#navbar { height:1px;}
div#navbar ul { float:left; display:inline; margin:0 10px 0 0; }
div#navbar ul li { list-style-type:none; float:left; padding:1px 12px; margin-top:8px; border-right:1px solid #191919; }
div#navbar ul li a:link, div#navbar ul li a:visited { color:#191919; font-weight:bold; text-decoration:none; }
div#navbar ul li a:hover { text-decoration:underline; }

div#main_content_wrapper {height:100%;}
div#wrap { margin-left: 280px;}
/*div#wrap {width:980px; margin-left: 80px; display: block; }*/
div#main_content {margin: 38px 282px 5px 10px;
 }

div#main_content ul li {
/*font-size: 1.0em;
line-height: 1.4em;
margin-top: 0.2em;
margin-bottom: 0em; 

padding:1em 0 0 0px;
*/
margin-left: 1.5em; 
margin-top: 0.8em;

display: list-item;
list-style-image: url('../images/indent1.png');
}
div#main_content_no_right ul li {
/*font-size: 1.0em;
line-height: 1.4em;
margin-top: 0.2em;
margin-bottom: 0em; 

padding:1em 0 0 0px;
*/
margin-left: 1.5em; 
margin-top: 0.8em;

display: list-item;
list-style-image: url('../images/indent1.png');
}

div#main_content_no_left { width:710px; padding:5px 10px; float:left; }
div#main_content_no_right {margin: 30px 282px 5px 10px; }
div#main_content_full { width:960px; padding:5px 10px; float:left; }

div#access { position:absolute; top:42px; right:25px; z-index:100; }

div#footer { clear:both; height:28px; background:url('../images/footer_stripe.png') 0 0 no-repeat; padding-left:10px; margin: 30px 0 0 0; }
div#footer div { height:18px; padding:5px 0; background:url('../images/footer_stripe.png') 100% 0 no-repeat; text-align:center; text-indent:-10px; color:#ffffff; font-size:120%; }
	div#footer div a:link,div#footer div a:visited { color:#ffffff; text-decoration:none; }
	div#footer div a:hover { text-decoration:underline; }
	
div#designer { height:20px; padding:5px 0; text-align:center; float:left;}
	div#designer a:link,div#designer a:visited { color:#666666; text-decoration:none; font-size:110%; }
	div#designer a:hover { text-decoration:underline; }
	
/* Sidebar Modules */
div#left_sidebar {height:100%;width:200px; padding-left:60px; padding-top:36px; position: absolute; left: 0px; top: 121px; background: #69005B url('../images/fondgauche.jpg') 0 0 repeat-y; }
div#left_sidebar div.moduletable { margin:0 40px 25px 0; }

div#left_sidebar div.moduletable h3 { color:#B3DC10; font-family:Arial,Verdana,Helvetica,sans-serif; background:url('../images/h3_icon.png') 0 3px no-repeat; text-indent:16px; :1px #333333 dotted; padding:0 0 5px 0; margin:0 0 5px 0; }
div#left_sidebar div.moduletable ul li { list-style-type:none; :0px #333333 dotted; padding:0px 0; }
div#left_sidebar div.moduletable ul li a.mainlevel:link, div#left_sidebar div.moduletable ul li a.mainlevel:visited { color:#666666; text-decoration:none; width:100%; display:block; }
div#left_sidebar div.moduletable ul li a.mainlevel:hover { text-decoration:underline; }




div#right_sidebar {  width:234px; padding:0px; float:left; border: 0px solid #B3DC10; position: absolute; right: 25px; top: 212px;; }

div#right_sidebar div.moduletable { margin:0 0 20px 0px; padding:0px 0 15px 15pt; background:#02ADE5;}
div#right_sidebar div.moduletable li { margin:0 0 0 35px; list-style-image: url('../images/list_bullet_orange.png'); }
div#right_sidebar div.moduletable li a { color:#02ADE5	; }
div#right_sidebar div.moduletable a { color:#666666;font-size: 100%; text-decoration:none; line-height:1.9em;}
div#right_sidebar div.moduletable h3 { color:#02ADE5; background:#FFFFFF; font-family:Arial,Verdana,Helvetica,sans-serif; padding:0px 0 1px 0;margin-left:-20px; text-indent:0px; }


div#right_sidebar div.moduletable-plain h3 { color:#69005B; font-family:Arial,Verdana,Helvetica,sans-serif; :1px #333333 dotted; padding:0 0 5px 0; margin:0 0 5px 0; }

div#right_sidebar div.moduletable-grey { margin:0 0 20px 0px; padding:0px 0 15px 15pt; background:#CCCCCC;}
div#right_sidebar div.moduletable-grey li { margin:0 0 0 35px; list-style-image: url('../images/list_bullet_orange.png'); }
div#right_sidebar div.moduletable-grey li a { color:#CCCCCC	; }
div#right_sidebar div.moduletable-grey a { color:#666666;font-size: 100%; text-decoration:none;}
div#right_sidebar div.moduletable-grey h3 { font-size:16px;color:#CCCCCC; background:#FFFFFF; font-family:Arial,Verdana,Helvetica,sans-serif; padding:0px 0 1px 0; margin-left:-20px; text-indent:0px; }

div#right_sidebar div.moduletable-orange { margin:0 0 25px 15px; padding:5px 0 15px; 0; background:#CCCCCC; :2px solid #ce9400; }
div#right_sidebar div.moduletable-orange li { margin:0 0 0 35px; list-style-image: url('../images/list_bullet_white.png'); }
div#right_sidebar div.moduletable-orange li a { color:#CCCCCC; }
div#right_sidebar div.moduletable-orange h3 { color:#ffffff; background:#ce9400; font-family:Arial,Verdana,Helvetica,sans-serif; padding:5px 0 5px 0; margin:0 -16px 15px 0; text-indent:10px; }


div#right_sidebar div.moduletable-image { margin:0 0 0 0; text-align: center; padding:5px 0 15px; 0; background:#FFFFFF; :2px solid #ce9400; }



table.contenttoc {
	color: #FFFFFF;
	background-color: #B3DC10;
	border: 1px solid #ccc;
	padding-bottom: 15px;
}

table.contenttoc td {
    font-size        : .9em;
    font-weight: normal;
    text-align:left;
	padding-left: 5px;
	padding-right: 5px;
		padding-bottom: 5px;

	
}
table.contenttoc a {
	color: #FFFFFF;
	
}
table.contenttoc a:visited {
	color: #FFFFFF;
	
}

table.contenttoc th{
	text-align:left;	
	padding: 5px;
}

/* default joomla styles */
	
td.buttonheading {color:#69005B; font-size: 160%; line-height:250%; font-family:Arial,Verdana,Helvetica,sans-serif; width: 60px;}

div.componentheading {  color:#69005B; font-size: 160%; line-height:250%; font-family:Arial,Verdana,Helvetica,sans-serif; width: 600px;  }
td.contentheading {   color:#69005B; font-size: 160%; line-height:250%; font-family:Arial,Verdana,Helvetica,sans-serif; width: 600px;  }
td.sectiontableheader {  color:#FFFFFF; font-size: 110%; line-height:160%; font-family:Arial,Verdana,Helvetica,sans-serif; background:#B3DC10;text-transform:uppercase;}
.small, .createdate, .modifydate { color:#999999; font-family:Arial,Verdana,Helvetica,sans-serif; }
a.readon { font-size:120%; font-family:Arial,Verdana,Helvetica,sans-serif; float:right; background:url('../images/readon.png') 0 3px no-repeat; text-indent:16px; }
.inputbox-search{
background-color:transparent;
 border: 1px solid #FFFFFF;
color: #FFFFFF;
}
.inputbox{
background-color:white;
 border: 1px solid #CCCCCC;
color: #666666;
}


table.contentpaneopen{
width: 100%;

}



tr.sectiontableentry1{
background-color:#FFFFFF;
}
tr.sectiontableentry2{
background-color:#FFFFFF;
}

/* editor joomla styles */
.titre1 {
font-size: 1.9em;
font-weight: bold;
padding:0.5em 0 5pt 0px;
font: 2em;
color:#B3DC10;
}
.titre2 {
font-size: 1.4em;
font-weight: bold;
line-height:1.4em;
color:#69005B;
text-indent: 0px;
/*margin:0 0 1em 0;
*/
}
.titre3 {
font: 1.9em;
font-weight: bold;
margin: 1.2em 0em 1.2em 0;
color:#666666;
}

.h1 {
padding:0.5em 0 0 20px;
font: 2em;
color:#FFFFFF;
}



/*menu*/
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited {
	background-color: #69005B;
	color: white;
}

a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover {
	background-color: #69005B;
	color: #FFFFFF;
}

a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,
a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited {
background: #FFFFFF url(../images/blanc.png);
color: #69005B;
}

a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
background: #FFFFFF url(../images/blanc.png);
color: #69005B;
}

ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical,
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:link,
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:visited {
	background-color: blue;
	color: white;
}

ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:hover {
	background-color: #E0E0E0;
	color: white;
}

ul.mainlevel-suckerfish-vertical .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 10px;
}


/** customize style / layout here */
a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical,
a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,
a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 1px solid #69005B;
	padding: 0.9em 0.5em 0.9em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}



a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover
 {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #78196B;
	padding: 0.9em 0.3em 0.9em 0.5em;	/* top, right, bottom, left */
	height: 1em;
	line-height: 1em;
}

a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical {
}

a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical {
	font-size: 90%;
	border-top: 0px solid silver;
}

#active_menu-suckerfish-vertical,
a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover,
a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,
a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,
a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
	font-weight: normal;
}

ul.mainlevel-suckerfish-vertical, .mainlevel-suckerfish-vertical ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 13em;
}

ul.mainlevel-suckerfish-vertical {
	z-index: 101;
}

ul.mainlevel-suckerfish-vertical ul {
	z-index: 102;
}

ul.mainlevel-suckerfish-vertical ul ul {
	z-index: 103;
}

ul.mainlevel-suckerfish-vertical li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	clear: left;
	position: relative;
	width: 13em;
}

ul.mainlevel-suckerfish-vertical li li {
}

ul.mainlevel-suckerfish-vertical ul {
	display: none;
	position: absolute;
	top: 0;
	margin-left: 13em;
	
}

ul.mainlevel-suckerfish-vertical li:hover ul,
ul.mainlevel-suckerfish-vertical li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-vertical li:hover ul ul,
ul.mainlevel-suckerfish-vertical li.hover ul ul {
	display: none;
}

ul.mainlevel-suckerfish-vertical li:hover ul li:hover ul,
ul.mainlevel-suckerfish-vertical li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical li li {
	clear: left;
}

/** separator */
span.mainlevel-suckerfish-vertical, span.sublevel-suckerfish-vertical {
	border-width: 0px;
	padding: 5px;
}