/******************************
* THE BODY
******************************/
*{
	border: 0px solid #FF0000;
}

body{
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:100%;
}

/******************************
* THE SITE STRUCTURE
******************************/
#container{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px 0px 7px 0px;
	width: 788px;
	background: #FFFFFF url(../images/container_bg.gif) left bottom no-repeat;
}
#intro{
	margin: 0px;
	padding: 6px 6px 0px 6px;
	background: url(../images/intro_bg.gif) repeat-y 0px 0px #FFFFFF;
}
#header{
	margin: 0px;
	padding: 0px;
	height: 145px;
	background: #A9E0FE url(../images/header_bg.gif) no-repeat 0px 0px;
}
#header h1{	
	margin: 0px 200px 0px 22px;
	padding: 0px;
	height: 47px;
	position: relative;
	top: 44px;	
	text-indent: -9000px;
}
body.FR #header h1{background: url(../images/h1_fr_bg.gif) no-repeat 0px 0px;}
body.NL #header h1{background: url(../images/h1_nl_bg.gif) no-repeat 0px 0px;}
#header h2{
	margin: 0px 200px 0px 22px;
	padding: 0;
	height: 19px;
	position: relative;
	background: url(../images/h2_fr_bg.gif) no-repeat 0px 0px;
	text-indent: -9000px;
	top: 14px;/* Position for IE5 only */
}
/* Comment after selecter hack  - Hide from IE 5 win/mac */
#header/* */  h2{top: 64px;}/* Position for all other browsers */
body.FR #header h2{background: url(../images/h2_fr_bg.gif) no-repeat 0px 0px;}
body.NL #header h2{background: url(../images/h2_nl_bg.gif) no-repeat 0px 0px;}
#header #logo
{
	margin: 28px 18px 0px 0px;
	float: right;
	border: none;
}
#navcontainer{
	margin: 1px 1px 0px 1px;
	padding: 0px;
	border: 1px solid #0776B3;
	height: 35px;
	background: #456FA2 url(../images/nav_bg.gif) repeat-x 0px 1px; /* Position for IE5 only */
}
/* Comment after selecter hack  - Hide from IE 5 win/mac */
#navcontainer/* */ {background-position: 0px 0px;} /* Position for all other browsers */
#main{
	margin: 0px;
	padding: 0px 6px;
	background: transparent url(../images/main_bg.gif) repeat-y 0px 0px;
	text-align: left;
}
#picture{
	margin: 0px;
	padding: 0px;
	width: 225px;
	height: 550px;
	float: left;
}
body#cp_3 #picture, body#cp_17 #picture, body#cp_42 #picture {
	background: url(../images/fiv_bg.jpg) no-repeat 1px 0px;
}
body#cp_4 #picture, body#cp_18 #picture{
	background: url(../images/mission_bg.jpg) no-repeat 1px 0px;
}
body#cp_5 #picture, body#cp_19 #picture{
	background: url(../images/news_bg.jpg) no-repeat 1px 0px;
}
body#cp_6 #picture, body#cp_7 #picture, body#cp_8 #picture, body#cp_9 #picture, body#cp_10 #picture, body#cp_11 #picture,
body#cp_6 #picture, body#cp_21 #picture, body#cp_22 #picture, body#cp_23 #picture, body#cp_24 #picture, body#cp_25 #picture,
body#cp_37 #picture, body#cp_39 #picture, body#cp_40 #picture, body#cp_41 #picture{
	background: url(../images/publications_bg.jpg) no-repeat 1px 0px;
}
body#cp_12 #picture, body#cp_26 #picture{
	background: url(../images/members_bg.jpg) no-repeat 1px 0px;
}
body#cp_13 #picture, body#cp_27 #picture{
	background: url(../images/links_bg.jpg) no-repeat 1px 0px;
}
body#cp_14 #picture, body#cp_28 #picture{
	background: url(../images/contact_bg.jpg) no-repeat 1px 0px;
}

#content{
	margin: 30px 12px 30px 0px;
	padding: 0px;
	width: 539px;
	text-align: left;
	float: right;
	display: inline;	
}
body#fivon #content
{
	margin-top: 0px;
}

#footer{
	margin: 0px;
	padding: 5px 0px 0px 0px;
	height: 50px; /* for IE5/Win */
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	height: 45px;
	background: #FFFFFF url(../images/footer_bg.gif) repeat-x;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 14px;
	color: #727577;
	text-align: center;
	clear: both;
}
html>body #footer {
	height: 45px;
}
#footer p{
	margin: 0px;
}	
#footer p.sublinks{
	margin: 0px 0px 5px 0px;
}
#footer a{
	color: #333333;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

/******************************
* THE FONT CONTROL AND LANGUAGE OPTIONS
******************************/

#optionbar {
	height: 35px;
	width: 190px;	
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
}
body.FR #optionbar {background: transparent url(../images/optionbar_fr.gif) top left no-repeat;}
body.NL #optionbar {background: transparent url(../images/optionbar_nl.gif) top left no-repeat;}
#optionbar li{
	margin: 0px;
	padding: 0px;
	list-style:none;
	background: none;
	position:absolute;
	top: 0px;
}
#optionbar li, #optionbar a{
	height:35px;
	display:block;
}
#optionbar li a{
	text-indent:-9999px;
	text-decoration:none;
}

#justify{
	left:18px;
	width:24px;
}
#leftalign{
	left:45px;
	width:24px;
}
#large{
	left:71px;
	width:25px;
}
#small{
	left:99px;
	width:24px;
}
#print{
	left:125px;
	width:25px;
}
#language{
	left:162px;
	width:25px;
}

/* The 'on' states follow */
body.FR #optionbar #justify a:hover{background:transparent url(../images/optionbar_fr.gif) -18px -35px no-repeat;}
body.FR #optionbar #leftalign a:hover{background:transparent url(../images/optionbar_fr.gif) -45px -35px no-repeat;}
body.FR #optionbar #large a:hover{background:transparent url(../images/optionbar_fr.gif) -71px -35px no-repeat;}
body.FR #optionbar #small a:hover{background:transparent url(../images/optionbar_fr.gif) -99px -35px no-repeat;}
body.FR #optionbar #print a:hover{background:transparent url(../images/optionbar_fr.gif) -125px -35px no-repeat;}
body.FR #optionbar #language a:hover{background:transparent url(../images/optionbar_fr.gif) -162px -35px no-repeat;}

body.NL #optionbar #justify a:hover{background:transparent url(../images/optionbar_nl.gif) -18px -35px no-repeat;}
body.NL #optionbar #leftalign a:hover{background:transparent url(../images/optionbar_nl.gif) -45px -35px no-repeat;}
body.NL #optionbar #large a:hover{background:transparent url(../images/optionbar_nl.gif) -71px -35px no-repeat;}
body.NL #optionbar #small a:hover{background:transparent url(../images/optionbar_nl.gif) -99px -35px no-repeat;}
body.NL #optionbar #print a:hover{background:transparent url(../images/optionbar_nl.gif) -125px -35px no-repeat;}
body.NL #optionbar #language a:hover{background:transparent url(../images/optionbar_nl.gif) -162px -35px no-repeat;}

/******************************
* THE TOP NAVIGATION
Based on CSS Sprites, www.alistapart.com/articles/sprites.
******************************/
#nav {
	height:35px;
	width:542px;
	margin: 0px 10px 0px 0px;
	padding:0px;
	position:relative;
	float: right;
	display: inline;
}
body.FR #nav {background:transparent url(../images/navbar_fr.gif) top left no-repeat;}
body.NL #nav {background:transparent url(../images/navbar_nl.gif) top left no-repeat;}
#nav li{
	margin:0px;
	padding:0px;
	list-style:none;
	background: none;
	position:absolute;
	top:0px;
}
#nav li, #nav a{
	height:35px;
	width:91px;
	display:block;
}
#nav li a{
	text-indent:-9999px;
	text-decoration:none;
}
#mn_2, #mn_16{
	left:0px;
	width:91px;
}
#mn_5, #mn_19{
	left:91px;
	width:90px;
}
#mn_6, #mn_20{
	left:181px;
	width:90px;
}
#mn_12, #mn_26{
	left:271px;
	width:90px;
}
#mn_13, #mn_27{
	left:361px;
	width:90px;
}
#mn_14, #mn_28{
	left:451px;
	width:91px;
}

/* The 'on' states follow */
body.FR #mn_2 a:hover,body#cp_3 #mn_2{background:transparent url(../images/navbar_fr.gif) 0px -35px no-repeat;}
body.FR #mn_5 a:hover,body#cp_5 #mn_5{background:transparent url(../images/navbar_fr.gif) -91px -35px no-repeat;}
body.FR #mn_6 a:hover,body#cp_7 #mn_6, body#cp_8 #mn_6 a:hover,body#cp_9 #mn_6, 
body#cp_10 #mn_6, body#cp_11 #mn_6 a:hover{background:transparent url(../images/navbar_fr.gif) -181px -35px no-repeat;}
body.FR #mn_12 a:hover,body#cp_12 #mn_12{background:transparent url(../images/navbar_fr.gif) -271px -35px no-repeat;}
body.FR #mn_13 a:hover,body#cp_13 #mn_13{background:transparent url(../images/navbar_fr.gif) -361px -35px no-repeat;}
body.FR #mn_14 a:hover,body#cp_14 #mn_14{background:transparent url(../images/navbar_fr.gif) -451px -35px no-repeat;}

body.NL #mn_16 a:hover,body#cp_17 #mn_16{background:transparent url(../images/navbar_nl.gif) 0px -35px no-repeat;}
body.NL #mn_19 a:hover,body#cp_19 #mn_19{background:transparent url(../images/navbar_nl.gif) -91px -35px no-repeat;}
body.NL #mn_20 a:hover,body#cp_21 #mn_20{background:transparent url(../images/navbar_nl.gif) -181px -35px no-repeat;}
body.NL #mn_26 a:hover,body#cp_26 #mn_26{background:transparent url(../images/navbar_nl.gif) -271px -35px no-repeat;}
body.NL #mn_27 a:hover,body#cp_27 #mn_27{background:transparent url(../images/navbar_nl.gif) -361px -35px no-repeat;}
body.NL #mn_28 a:hover,body#cp_28 #mn_28{background:transparent url(../images/navbar_nl.gif) -451px -35px no-repeat;}

/******************************
* THE SUB NAVIGATION
******************************/
ul.subnav,
ul.subnav-horizontal
{
	margin: 0em 0em 1em 0em;
	padding: 0px;
	border: 1px solid #98C2E6;
	border-bottom: none;
	float: left;
	display: inline;
}
ul.subnav {width: 230px; wid/th: 232px;}

ul.subnav li,
ul.subnav-horizontal li
{
	margin: 0px;
	padding: 0.5em;
	list-style-type: none;
	background: none;
	border-bottom: 1px solid #98C2E6;
}
ul.subnav li a,
ul.subnav-horizontal li a
{
	margin: 0px;
	display: block;
	width: 100%;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #336699;
	text-decoration: none;
}
ul.subnav-horizontal li a {
	white-space: nowrap;
	width: auto;
}
ul.subnav li a:hover, ul.subnav li a.selected,
ul.subnav-horizontal li a:hover, ul.subnav-horizontal li a.selected
{
	color: #48B0FF;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
}
ul.subnav-horizontal {border-left: none;}
ul.subnav-horizontal li {
	float: left;
	display: inline;
	border-left: 1px solid #98C2E6;
}

/******************************
* THE NEWS BOX
******************************/
dl#news_box{
	padding: 12px;
	margin:  0px 5px 20px 20px;
	/*
	width: 135px;
	\width: 161px; /* For IE5 Win */
	/*
	w\idth: 165px;
	*/
	width: 220px;
	float: right;
	border: 1px solid #EDEEEE;
	background: url(../images/bg_publi.gif) 0px 0px repeat-x;
}

dl#news_box dt{
	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-indent: -9000px;
	background:transparent url(../images/title_news.gif) no-repeat; 
}

dl#news_box dd{
	margin: 8px 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #767B8C;	
}
dl#news_box dd span{
	display: block;
	font-size: 70%;
}

/******************************
* THE INFO
******************************/
div#info{
	margin: 10px 0px 0px 20px;
	width: 270px;
	float: right;
	clear: right;
}
div#info p{
	font-size: 75%;
}

p#button{
	margin: 25px 0px;
	height: 31px; /* for IE5/Win */
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	height: 29px;
	width: 202px; /* for IE5/Win */
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	width: 200px;
	border: 1px solid #EDEEEE;
	background: url(../images/button_bg.gif) 0px 0px repeat;
}
p#button a{
	padding: 5px 35px;
	height: 31px; /* for IE5/Win */
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	height: 19px;
	width: 270px; /* for IE5/Win */
  	voice-family: "\"}\""; 
 	voice-family:inherit;
	width: 120px;
	display: block;
	background: url(../images/icon_pdf.gif) 10px 25% no-repeat;
}

/******************************
* THE PUBLICATIONS
******************************/
dl#publications-list
{
	margin: 20px 0px;
	padding: 0px;
}
dl#publications-list dt{
	margin: 0px;
	padding: 2px 0px;
	border-top: 1px solid #EDEEEE;
	background: url(../images/bg_publi.gif) 0px 0px repeat-x;
}
dl#publications-list dt a.date{
	margin: 5px 0px;
	display: block;
	font-size: 85%;
	color: #BCBCBC;
	text-decoration: none;
}
dl#publications-list dt a.date:hover{
	color: #888888;
}
dl#publications-list dt a.title,
dl#publications-list dt a.title_bulletin{
	margin: 15px 15px 5px 26px;
	display: block;
	font-size: 95%;
	font-weight: bold;
	font-family: Tahoma, Verdana, sans-serif;
	color: #336699;
	text-decoration: none;
	letter-spacing: 0.1em;
}
dl#publications-list dt a.title_bulletin{
	margin-left: 0;
}
dl#publications-list dt a.title:hover{
	color: #48B0FF;
}
dl#publications-list dd{
	margin: 5px 5px 35px 0px;
	padding: 2px 15px 2px 26px;
}


/******************************
*	news-list
******************************/

dl#news-list {

	border: 1px solid #EDEEEE;
}

dl#news-list dt{

	margin: 0px;
	padding: 5px 8px;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 110%;
	line-height: 1.2em;
	color: #336699;
	background: url(../images/bg_publi.gif) 0px 0px repeat-x;
}

dl#news-list h4 {

	margin: 0 8px;
	padding: 0;
}

dl#news-list dt span.date{

	display: block;
	/*float: right;*/
	font-size: 70%;
	color: #BCBCBC;
}

dl#news-list dd{

	margin: 0px 0px 15px 0px;
	padding: 5px 8px;
	clear: both;
}

dl#news-list dd p{

	margin: 0 0px 1em 0px;
}
/******************************
* THE TABLES
******************************/

table {
	font-size: 75%;
	border-top: 1px solid #EDEEEE;
	border-left: 1px solid #EDEEEE;
	border-collapse: collapse;
	clear: both;
}
caption {
	font-family: Arial, sans-serif;
	color: #999;
	padding-bottom: 10px;
}
th, td {
	padding: 10px;
	border-right: 1px solid #EDEEEE;
	border-bottom: 1px solid #EDEEEE;
	vertical-align: top;
}
th{
	color: #333333;
	background:transparent url(../images/line_bg_02.gif) 0px 0px repeat-x;
}
td p{
	font-size: 100%;
}
td span.strong{
	font-weight: bold;
	color: #666666;
}
tr.bg{
	background: #FAFBFB;
}
tr:hover{
	background: #F6F6F5;
}

/******************************
* THE FORMS
******************************/
form{
	margin: 15px 0px;
	padding: 0px;
}
fieldset{
	margin: 0px;
	padding: 0px 0px 15px 0px;
	border: 1px solid #EDEEEE;
	background:transparent url(../images/line_bg_01.gif) 0px 0px repeat-x;
}
legend{
	margin: 0px 10px;
	font-size: 80%;
	font-weight: bold;
	color: #336699;
}
label{
	margin: 0px 5px 0px 15px;
	font-size: 90%;
}
input, select
{
	margin: 0px 1px;
	font-size: 80%;
	color: #333333;
	border-width: 1px;
	border-color: #D0D0D0;
}
input.focus, 
select.focus
{
	margin: 0px;
	border: 2px solid #5B83AB;
}
option
{
	/*border-width: 1px;*/
}
input.button,
input.buttonFocus
{
	margin: 0px 10px;
	padding: 1px;
	font-weight: bold;
	color: #FFFFFF;
	background: #5B83AB;
	border: 1px solid #336699;
}
input.buttonFocus,
input.button:hover{
	border-color: #5B83AB;
	background: #DFAA1B;
}
form a {
	margin: 0px 5px 0px 15px;
	padding: 0px;
	font-size: 90%;
}

form#memberSearch{
	margin-bottom: 35px; 
	display: none;
}

#orderedForm {
	margin: 5px 0px;
	padding: 8px;
	border: 1px solid #EDEEEE;
	background:transparent url(../images/line_bg_01.gif) 0px 0px repeat-x;
}

#orderedForm p, #orderedForm label{
	margin: 0px;
	padding: 0px;
}

/******************************
* THE BODYLINKS
******************************/
a:link{
	color:#FF9900;
	background-color:transparent;
	text-decoration:underline;
	font-weight:normal;
}
a:visited{
	color:#FF9900;
	background-color:transparent;
	text-decoration:underline;
	font-weight:normal;
}
a:hover{
	color:#FF6600;
	text-decoration:none;
	font-weight:normal;
}
a:active{
	color:#3D689E;
	background-color:transparent;
	font-weight:normal;
}
a.more, a.more:visited{
	text-decoration: none;
	border-bottom: 1px dotted #FF9900;
	padding-right: 15px;
	background: url(../images/more.gif) no-repeat 100% 5px;
}
a.more:hover{
	border: none;
}
#news_box dd a.more {
	background: url(../images/more.gif) no-repeat 100% 3px;
}

/******************************
* THE TEXT
******************************/
p{
	margin: 0px 24px 1.2em 0px;
	line-height: 135%;
	color: #515151;
	font-size: 80%;
}
.em{
	margin:2px 40px 10px 0px;
	font-style: italic;
}
abbr, acronym{
	font-style: normal;
	border-bottom: 1px dotted #333333;
	cursor: help;
}
address{
	margin: 0px;
	padding: 20px;
	width: 340px;
	font-size: 80%;
	font-style: normal;
	background: 0px url(../images/line_bg_01.gif) repeat-x;
	border: 1px solid #EDEEEE;
}
address span{
	line-height: 180%;
}

/******************************
* THE HEADERS
******************************/
h1,h2,h3,h4{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	font-weight: bold;
	font-family: Trebuchet MS, Georgia, arial, verdana, helvetica, sans-serif;
}
h3{
	margin: 0px;
	padding: 0px;
	font-size:160%;
	color:#48B0FF;
}
body#fivon h3{
	margin-bottom: 20px;
}
h3.wnews{
	width: 260px;
	float: left;
}
body#publicationson h3{
	margin-bottom: 15px;
}
h4{
	margin: 8px 20px 0px 0px;
	padding: 4px 0px 0px 0px ;
	color: #125998;
	font-size: 115%;
	font-family: arial,verdana,helvetica,sans-serif;
	text-align: left;
}

/******************************
* THE LIST
******************************/
ul{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
	font-size:80%;
	line-height:140%;
}
li{
	background: url(../images/bullet_list.gif) 0px 0.3em no-repeat; 
	margin: 0.3em 0px 0px 0px;
	padding-left: 25px;
}

ul#links li{
	margin: 1em 0px;
	padding-left: 15px;
	color: #515151;
	background: url(../images/bullet_list_circle.gif) 0px 0.5em no-repeat; 
}
ul#links li	a{
	text-decoration: none;
}
/******************************
* THE DEF LIST
******************************/
dl{
	margin: 0px;
	padding: 0px;
}
dt{	
	font-size:90%;
}
dd{
	margin: 0px;
}
dd p{
	margin: 0px;
}
dl.collaborateur{
	padding: 5px 0px 25px 0px;
	border-bottom: 1px solid #EDEEEE;
}
dl#first.collaborateur
{
	padding-top: 15px;
}
dl#last.collaborateur
{
	border-bottom: none;
}
dl.collaborateur dt{
	padding: 0px 0px 0px 20px;
	font-weight: bold;
	color: #336699;
	background: url(../images/user.gif) 0px 50% no-repeat; 
}
dl.collaborateur_last{
	border: none;
}
dl.collaborateur dd{
	padding: 0px 0px 0px 20px;
}

/******************************
* DIVERS
******************************/
span.hidden,.hidden{
	display:none;
}
span.clear {
	margin: 0px;
	padding: 0px;
	height: 1px;
	line-height: 0px;
	clear: both;
	display: block;
}
.phone{
	padding: 0px 0px 0px 20px;
	background: url(../images/tel.gif) 0px 50% no-repeat; 
	color: #515151;
}
.fax{
	padding: 0px 0px 0px 20px;
	background: url(../images/fax.gif) 0px 50% no-repeat; 
	color: #515151;
}
.mail{
	padding: 0px 0px 0px 20px;
	background: url(../images/mail.gif) 0px 50% no-repeat; 
	color: #515151;
}
.func{
	margin: 0px 0px 15px 0px;
}
.adresse{
	padding: 0px 0px 0px 20px;
	background: url(../images/house.gif) 0px 30% no-repeat; 
	color: #515151;
}
.note{
	color: #999999;
}
.pdf{
	padding: 0px 0px 0px 25px;
	background: url(../images/pdf.gif) 0px 0px no-repeat; 
}
.noDisplay{
	display: none;
}
.left{
	float: left;
}

/******************************
* PICTURES
******************************/
img{
	margin: 5px 15px 15px 0px;
	padding: 5px; 
	border: 1px solid #DFE1E2;
}
img.float{
	float: left;
}

/******************************
* GALLERY
******************************/
#gallery li {
	padding-left: 0px;
	background: none;
	clear: both;
}
#gallery li+li {
	border-top: 1px solid #E7E7E7;
}
#gallery li img { 
	float: left;
}

#album {
	padding: 0;
	background: none;
}
#album li {
	height: 100px;
	padding-left: 0;
	background: none;
	float: left;
}
a.back {
	position: relative;
	top: -0.4em;
	pading: 0;
	text-decoration: none;
	font-size: 75%;
}
/******************************
* SKIP NAV
******************************/
.skip {position:absolute; left:-200em; width:19em}


/******************************
* sIFR STYLES
******************************/

.sIFR-flash {
	visibility: visible;
	margin: 0px;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	display: block;
	overflow: hidden;
}

/*
 These "decoy" styles are used to hide the browser text before it is replaced... 
the negative-letter spacing in this case is used to make the browser text metrics match up 
with the sIFR text metrics since the sIFR text in this example is so much narrower... 
your own settings may vary... any weird sizing issues you may run into are usually fixed by 
tweaking these decoy styles 
*/

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 24px;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: 0px;
	font-size: 18px;
}
.sIFR-hasFlash h5 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 11px;
}