/* ------------------------------- */
/* -- 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;
}

#clip{
display:none;
}
#logo{
display:block;
}


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 {
	width:720px;
	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:#274D7A;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:10px 0 5px 0;
}

.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;
}

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

input {
	border:1px solid #ccc;
	padding:2px;
	width:140px;
	margin-bottom:4px;
}

select {
	border:1px solid #ccc;
	padding:2px;
	width:145px;
	margin-bottom:4px;
}

textarea {
	border:1px solid #ccc;
	padding:2px;
	width:140px;
	margin-bottom:4px;
}

.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					-- */
/* ------------------------------- */

#headerhome {
  margin:0;
	text-align:center;
}
#logo{
}
#add{
  display:none;
}


/* ------------------------------- */
/* -- SUBHEADER					-- */
/* ------------------------------- */

#menu{
  display:none;
}

#menu ul{
  display:block;
  list-style-type:none;
	margin:0 0 0 32px;
	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;
}

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

#main { 
  background:url("../images/essence_fond_courant.gif") 0 0 repeat-y;
	margin:0;
	padding:0 0 25px 0;
	font-size:10px;
}
#leftcontent{
  /*border:1px solid red;*/
  clear:left;
	width:541px;
	padding:15px 15px 15px 40px;
}
#rightcontent{
  display:none;
  position:relative;
  /*border:1px solid red;*/
  float:right;
  width:288px;
}

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


/* ---------------- Home page */
#imgfloat{
  float:left;
}
#texthome{
  margin:0 0 0 325px;
  padding-top:15px;
}
.clearleft{
  clear:left;
  visibility:hidden;
}
#flagslanguages{
  margin:15px 0 0 185px;
}
.grey{
  color:#999;
}
.yellowarrow{
  background:url("../images/yellow_arrow.gif") 1px 2px no-repeat;
  padding-left:14px;
}


/* ---------------- 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{
	display:none;
}