/* ------------------------------- */
/* -- CSS By Prezenz			-- */
/* -- http://www.prezenz.com	-- */
/* -- Copyright 2010			-- */
/* ------------------------------- */

/* ------------------------------- */
/* -- STRUCTURE					-- */
/* ------------------------------- */

* {
	border:0;
	margin:0;
	padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


html {
	height:100%;
}

body {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	font-size:12px;
	background-color:#31447C;
}
a:link img, a:visited img {
  border-style:none;
}
.separ{
  clear:both;
  visibility:hidden;
  margin:0;
  padding:0;
}

/* ------------------------------- */
/* -- WEBSITE					-- */
/* ------------------------------- */

#page {
	/* Tous les browsers */
	height: auto !important; 
	/* Pour IE */
	height: 100%; 
	/* Tous les browsers */
	min-height: 100%; 
	position: relative;
	text-align: left;
	width:897px;
	margin:0 auto;
	background-color:#31447C;
}

/* ------------------------------- */
/* -- COMMUN					-- */
/* ------------------------------- */

a { 
	color:#274D7A;
	text-decoration:none;
	outline:none;
}

a:hover,a:active,a:focus {
	color:#FBDD01;
}

h1 {
	text-transform:uppercase;
	font-size:18px;
}

h2 {
	color:#8c8c8c;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:200;
	margin:10px 0;
}
h3 {
	color:#8c8c8c;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	margin:20px 0 5px 0;
}
.yellow{
	color:#FBDD01;
}

.alignleft {
	float:left;
	padding-top:2px;
	margin-right:5px;
	margin-bottom:1px;
}

.alignright {
	float:right;
	padding-top:2px;
	margin-left:5px;
	margin-bottom:1px;
}

.aligncenter,.center{
	text-align:center;
}
.left{
	text-align:left;
}
.right{
	text-align:right;
}
#menuaccess{
  display:none;
}
.marges{
  /*margin-left:auto;
  margin-right:auto;*/
  /*border:1px solid red;*/
}

.marges thead, .marges tfoot, .marges th{
display:none;
}

.marges td,.top{
  /*border:1px solid red !important;*/
  vertical-align:top;
}
.gauche{
text-align:left;
}
.droite{
text-align:right;
}
.centre{
text-align:center;
}



/* ------------------------------- */
/* -- FORM						-- */
/* ------------------------------- */

input {
	border:0;
	padding:2px;
	/*width:140px;*/
	margin-bottom:4px;
  background:#F2F2F2;
}
.widthinput{
	width:220px;
}

select {
	border:0;
	padding:2px;
	/*width:145px;*/
	margin-bottom:4px;
	background:#F2F2F2;
}

textarea{
	border:0;
	padding:2px;
	/*width:140px;*/
	/*margin-bottom:4px;*/
	background:#F2F2F2;
	/*height:80px;*/
}

.button div {
	display:block;
	width:auto;
	float:right
}

.left div {
	float:left
}

/*
	.button-left {
		background-image:url(/images/structure/button-red-left.gif);
		color:#FFFFFF;
		background-position:left top;
		background-repeat:no-repeat;
		padding-top:12px;
		padding-bottom:12px;
		padding-left:6px;
		height:12px;
		width:3px;
		background-color:#E4781E;
	}
	
	.button-right {
		background-image:url(/images/structure/button-red-right.gif);
		color:#FFFFFF;
		background-position:right top;
		background-repeat:no-repeat;
		padding-right:6px;
		padding-top:12px;
		padding-bottom:12px;
		height:12px;
		width:3px;
		background-color:#E4781E;
	}
	
	.button-middle {
		background-image:url(/images/structure/button-red-middle.gif);
		color:#FFF;
		background-position:left top;
		background-repeat:repeat-x;
		padding:6px;
		padding-top:12px;
		padding-bottom:12px;
		height:12px;
		text-transform:none;
		background-color:#E4781E;
	}*/

/* ------------------------------- */
/* -- HEADER					-- */
/* ------------------------------- */

.header {
	height: 259px;
	background: #fff;
	position: relative;
}
	.header .logo {
		position: absolute;
	}
	.header .info {
		position: absolute;
		color: yellow;
		right: 30px;
		top: 10px;
	}
	.header .info h2 {
		color: #FBDD01;
	}
	.zwart {
		color: #000;
	}
	.header .wolken {
		background: url(/images/wolken.jpg);
		height: 197px;
		width: 596px;
		top: 63px;
		position: absolute;
		left: 0;
	}
	.header .rechts {
		background: #112E50;
		width: 260px;
		height: 157px;
		top: 63px;
		position: absolute;
		right: 0;
		padding: 20px;
		color: #fff;
	}
	.header .rechts h2 {
		color: #fff;
	}
/* ------------------------------- */
/* -- SUBHEADER					-- */
/* ------------------------------- */

#menu{
  float:left;
	height:30px;
	width:596px;
	background-color:#fff;
	/*background:url("/images/fond_bandeau.gif") -5px -5px no-repeat;*/
  margin-bottom:15px;
}

#menu ul{
  display:block;
  list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

#menu ul li{
  float:left;
  display:block;
	margin:0;
	padding:0;
}

#menu ul li a,#menu ul li a#contact {
  display:block;
  text-align:center;
  font-size:13px;
  line-height:40px;
  font-weight:700;
  vertical-align:bottom;
  width:112px;
	height:30px;
	/*border:1px solid #fff;*/
  color:#0F2F55;
}

#menu ul li a#contact {
	border-right:0;
  text-align:left;
  padding-left:15px;
  width:92px;
}

#menu ul li a:hover,#menu ul li a#contact:hover,
#menu ul li a#aboutroll,#menu ul li a#trainingsroll,#menu ul li a#benefitsroll,#menu ul li a#registerroll,#menu ul li a#contactroll{
	color:#FBDD01;
}
#menu ul li a#contactroll{
	border-right:0;
  text-align:left;
  width:92px;
  padding-left:15px;
}

/* ------------------------------- */
/* -- MAIN						-- */
/* ------------------------------- */

#main { 
  background:url("/images/essence_fond_courant.gif") 0 0 repeat-y;
	margin:0;
	padding:0 0 25px 0;
	font-size:12px;
	overflow: auto;
}
#leftcontent{
  /*border:1px solid red;*/
  clear:left;
	width:511px;
	min-height:250px;
	padding:25px 35px 5px 40px;
}
#leftcontent p {
	line-height: 18px;
	margin: 10px 0px;
}
#contentdescription p{
margin:5px 0;
}
#contentdescription ul{
margin:5px;
}
#contentdescription ul li{
margin:0 10px;
}
#rightcontent{
  position:relative;
  /*border:1px solid red;*/
  float:right;
  width:248px;
  margin:0 25px 0 15px;
}
#rightcontent #firsth2{
  font-size:14px;
  margin-top:30px;
}

/* ---------------- content */
	
#content {
	width:550px;
}

#othertext{
}


/* ---------------- Home page */
#imgfloat{
  padding-top:5px;
  /*float:left;*/
}
#texthome{
  margin:0 0 0 375px;
  padding:5px 10px 0 10px;
  
}
.clearleft{
  clear:left;
  visibility:hidden;
}
#flagslanguages{
  text-align:right;
  margin:15px 20px 0 0;
}
.grey{
  color:#999;
}
.yellowarrow{
  background:url("/images/yellow_arrow.gif") 1px 2px no-repeat;
  padding-left:14px;
}
.yellowarrowyellow{
  background:url("/images/yellow_arrow_yellow") 0px 0px no-repeat;
  padding-left:18px;
}

/* ---------------- About page */

.listabout{
  margin:10px 0 0 0;
  list-style-type:none;
}
.listabout li{
margin:10px 0 0 5px;
}
.listabout a,.yellowarrowwhite{
  background:url("/images/yellow_arrow_white.gif") 1px 2px no-repeat;
  padding-left:14px;
}
#othertextabout{
  margin:20px auto 0 auto;
  /*border:1px solid red;*/
  width:240px;
}

/* ---------------- Trainings page */
.listtrainings{
  list-style-type:none;
}
.listtrainings li{
  background:#EDEDED;
  padding:4px 0 4px 5px;
  margin:5px 0;
}
.listtrainings a{
  background:url("/images/blue_arrow_grey.jpg") 0 0 no-repeat;
  padding-left:18px;
}
.greybg{
  margin:15px 0 0 0;
  background:#EDEDED;
}



#tablo{
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
border:0;
width:95%;
}
#tablo td{
border:0;
}
#tablo th{
border:0;
}

/*label {width: 120px; text-align: left;}*/
button.iDEALeasy {background-color: #FFFFFF;}

.warning{
border:1px solid #f00;
}

/* ---------------- sidebar */
	
/*div#main div#sidebar {
	width:200px;
	display:table-cell;
	float:left;
	padding-top:28px;
}
	
div#main div#sidebar .box {
	padding:5px;	
	border:0px;
	margin-bottom:10px;
	background-color:#E0EDF5;
}
	
div#main div#sidebar .box .highlight {
	padding:3px 3px 3px 40px;
	background-color:#FFF;
	margin-bottom:10px;
}
	
div#main div#sidebar .event-date {
	color:#666;
}
	
div#main div#sidebar .highlight .event-date {
	color:#000;
	background:#FF9;
	width:auto
}*/

/* ------------------------------- */
/* -- FOOTER					-- */
/* ------------------------------- */

#footer {
	clear:both;
	font-size:11px;
  height:25px;
	padding:0 25px;
	position:relative;
	bottom:0;
	background-color:#112E50;
	color:#fff;
	line-height:25px;
}

#footer_right{
	float:right;
	display:block;
  margin:0;
	padding:0;
	height:25px;
	line-height:25px;
}

#footer_right ul{
  list-style-type:none;
}
#footer_right ul li{
  display:inline;
  margin:0 10px;
}

ul.linkblok {
	list-style: none;
	margin: 10px 0;
}