@charset "UTF-8";
/* CSS Document */
BODY {
	margin:0px; padding:0px;
	background: url(images/structuur/bg-body.gif) top left repeat-x #555555;
	font-family:"Century Gothic", "Helvetica Neue Light", "Myriad Pro Light", Arial;
	font-size:11px;
	color:#222222;
	}
	
a {
	color:#0E6786;

}

p, li {
	font-family: Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	color:#222222;

}

H1, H2 {
	color:#00CCFF;
	font-size:32px;
	font-weight:normal;
	margin-bottom:5px;

}

H2 {
	font-size:20px;
	color:#333333;
}

H3 {
	font-size:15px;
	font-weight:normal;
	}	

li {
	list-style: url(images/bullet-h.png);
	}
.li-grand li {
	 font-size:15px;
	 line-height:18px;
	
 }
hr {
	color: #dddddd;
	background-color:#dddddd;
	height: 1px;
	border: 0;
	margin-bottom:10px;
	}	

.gros {
	font-size:15px;
	color:#7AC2D9;
	font-weight:bold;
	
	}
.hand:hover {
	cursor:pointer;
	}


/*---------------- Structuur */

#page {
	background:#ebf9ff;
	}

#main {
	width:816px;
	margin:0 auto 0;
	}
#banner {
	width:816px; height:98px;
	background:url(images/structuur/banner-top.gif) no-repeat;
	}

#content-right  {
	width:679px;
	float:right;
	
	}

#cadre-ombre {
	background:url(images/structuur/content-bg.gif);
	}


#top-content-cadre{
	width:679px; height:6px;
	background:url(images/structuur/content-top.gif) no-repeat;
	}
#bottom-content-image{
	width:679px; height:8px;
	background:url(images/structuur/content-bottom.gif) no-repeat;
	margin-top:10px;
	}
#content {
	margin:20px;
}

.bottom {
	height:150px;
	padding-top:50px;
	margin:0px;
	background:url(images/bg/bg-bottom.gif) repeat-x #cfd2d3;
	}
.bottom-text {
	text-align:center;
	margin-left:100px;
	font-size:10px;
	color:#333333;

	}
.bottom-menu {
	border-right:1px solid #bbbbbb;
	color:#005A6B;
	padding:7px;
	margin:1px;
	}
.bottom-menu:hover {
	background:#eeeeee;
	color:#0099FF;
	}

	
#top-content-image{
	width:669px; height:200px;
	margin-left:5px;
	margin-bottom:10px;
	}
	
.colonne-gauche {
	width:320px;

	
	}
.flash-frame {
	background:#ffffff;
	border:none;
	}
	
.splash {
	width:600px; height:400px;
	position:absolute;
	top:50%; left:50%;
	margin-left:-300px; margin-top:-300px;
	}
.splash td{
	padding:10px;
	text-align:left; vertical-align:top;
		}
.splash td p {
	color:#CCCCCC;
	}
.splash-menu a{
	color:#00CCFF;
	display:block;
	height:20px;
	}
	


/*------------------ Menu   */

#menu {
	width:135px;
	float:left;
	background:url(images/structuur/bg-menu.gif) repeat-y;
	padding-bottom:40px;
	}
.menu, .focus, .sous-menu {
	font-size:11px;
	text-decoration:none;
	color:#000000;
	display:block;
	padding:5px 0px 5px 20px;
	}
.menu:hover {
	background:url(images/structuur/menu-bullet.gif) no-repeat left 50%;
	}	
.focus, .focus:hover {
	background:url(images/structuur/menu-bullet.gif) no-repeat left 50%;
	}
.sous-menu {
	padding:2px 0px 2px 30px;
	margin-left:5px;
	color:#0099FF;
	font-size:10px;
	}
span.sous-menu {
	color:#333333;
	font-weight:bold;
	}
.sous-menu:hover {
	color:#333333;
	}
	
#top-menu {
	margin-bottom:10px;
	}
.langue {
	text-align:right;
	padding-right:20px;
	}
.langue a{
	color:#00CCFF;
	}
	

/* ------ Boxes ----------
*/

.box-gauche, .box-droite, .box-centre, .box-reference {
	margin-top:5px;
	width:315px;
	border:10px solid #ffffff;

}
.box-gauche {
	float:left;
	}
	
.box-droite {
	float:right;
	}
.box-centre, .box-reference {
	width:659px;
	}
.box-reference {
	background:#CCCCCC;
	}
.box-reference:hover {
	background-color:#bd0926;
	color:#FFFFFF;
	}
.box-reference a {
	text-decoration:none;
	}
.box-reference:hover p, .box-reference:hover h2  {
	color:#dddddd;
	}
.box-content {
	padding:5px 15px 5px 15px;
	/*background:url(images/structuur/box-rond-gauche-bleu.png) -10px 10px no-repeat;	*/
	}
.box-thumb {
	width:100px; height:100px;
	float:left;
	border:10px solid #dddddd;
	margin:5px;
}
.box-thumb a {
	display:block;
	height:100%;
	}	
.box-thumb a:hover {
	background:url(images/structuur/info.gif);
	}	
	
img.box-demi-rond {
	margin:5px 5px 0px -10px; 
	float:left;
	}

/* ------------------- */

.postit {
	width:100px; height:100px;
	vertical-align:top;
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	font-size:13px;
	font-style:italic;
	font-weight:bold;
	color:#1F334B;
	}