body	{ margin:0px; font:normal 12px/20px "Lucida Sans unicode", Arial, Helvetica, sans-serif; }
* html 	{ margin:0; padding:0; }

.alignleft		{ float:left; margin:10px 20px 10px 0;}
.alignright		{ float:right; margin:10px 0px 15px 20px; }
.aligncenter	{ clear:both; display:block; margin:10px auto; padding:10px 0;}			

.fr				{ float:right; }
.fl				{ float:left; }

p				{ margin: 0px 0 15px 0;}
p.small 		{ font-size:10px; line-height:normal; }

.clear 			{ clear:both;}

/* ################################################
	PLAIN DIVIDER	
################################################### */

.divider 		{ clear:both; background:url(../images/divider.gif) repeat-x; padding:10px 0; margin:10px 0;}

/* ################################################
		STRIPE DIVIDER	
################################################### */

.stripe_divider 		{ clear:both; background:url(../images/l-divider.gif) repeat-x; padding-left:0px; padding-right:10px; margin:20px 0; font-size:10px; text-align:right;}
.stripe_divider span { background:#fff; text-transform:uppercase; padding:0 10px; line-height:1;}

/* ################################################
			HEADINGS
################################################### */

h1	{
	font: normal 24px/28px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h2	{
	font: normal 20px/26px "Tahoma", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 10px;	
	}
	
h2.parcours { margin:0; }

h3 	{ 
	font: normal 16px/22px "Trebuchet MS", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;
	}

h4 	{ 
	font: bold 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h5 	{ 
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}

h6 	{ 
	font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	}


/* ################################################
			LAYOUT
################################################### */

#main			{ width:100%; margin-left:auto; margin-right:auto;}	 /* Content Wrap below header*/
#content ul,ol	{ margin-left:30px; margin-bottom:10px;}
#Wrapper		{ width:960px; margin:0 auto; } 
#header			{ width:940px; margin:0 auto; height:140px;}

/*
#mainpage #sidebar		{ width:450px; float:left; }
#mainpage #content		{ width:450px; float:left; display:inline; padding:30px 10px 30px 10px; }
*/

#sidebar				{ float:left; 	width:260px; margin-top:35px; }
#sidebar_right			{ float:right; 	width:260px; margin-top:35px; margin-right:10px; }


#content				{ float:left; display:inline; }

#footer					{ width:940px; margin:0 auto; }

/* ################################################
			TOPBAR
################################################### */

.irenslogan				{ margin:12px 0 0 5px; float:left; font-size: 13px;}
.clientlogin 			{ margin:12px 10px 0 0; float:right; }
.clientlogin img		{ vertical-align:middle;}


/* ################################################
			LOGO
################################################### */

#logopart				{ margin:0 auto;}
.logo img 				{ margin:15px 0px 0 0px; text-indent:-9999px; display:block; border:0; float:left;}
		
	
/* ################################################
			TOPMENU
################################################### */
.topmenu				{ margin-top:50px; float:right; }


/* ################################################
			SLIDER BACKGROUND
################################################### */

.sliderbg 				{ padding:0px; width:940px; margin: 0 auto; height:280px; margin-top:20px; position:relative;
						  -moz-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  -webkit-box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
						  box-shadow:0px 0px 10px #444; /* CSS3 Shadow */
							}
	
/* ################################################
			BLIND SLIDER
################################################### */

.slideshow ul 			{ margin:0; padding:0;}
.slideshow ul li		{ height:310px;}

.change_link 			{ border: 0px solid #bbb; text-decoration: none; display:block; text-align:right; }
.blind_nav				{ position:absolute; top:10px; right:0; z-index:100;}
.blind_nav a			{ margin-bottom:5px; }


/* ################################################
			SUB HEADER
################################################### */

#subheader				{ width:940px; margin:0 auto; height:60px;}

.subheader_left			{ float:left; }
.subheader_right		{ float:right;}

											

/* ################################################
			SIDEBAR MENU
################################################### */

ul.subnav					{ padding:5px 0 10px 0px; }
ul.subnav h3				{ margin-top:20px; margin-left:20px; }
	
ul.subnav li 				{ margin-left:0px; padding:0; list-style-type:none; }

#sidebar h3			{ margin-left:10px; }
#sidebar_right h3	{ margin-left:10px; }


/* ################################################
		HOMEPAGE FEATURELIST	
################################################### */


.box				{ padding:10px 0 0 20px; }

ul.featurelist 		{ margin:0; padding:0 0 10px 0; list-style:none;  }
ul.featurelist li  	{ margin:0 0 5px 0; padding:0; }
ul.featurelist li p 	{ margin:0;}
ul.featurelist li img	{ padding:0 10px; vertical-align:middle;	margin:0; }
		

/* ################################################
	CONTENT RIGHTPART	
################################################### */

#content		{ width:670px; float:left; display:inline; padding: 10px 10px 30px;}
#content_full	{ width:940px; padding: 10px 10px 30px; }


/* ################################################
	FEATURES BOXES
################################################### */

.fullwidth 				{ width:100%; }
.fullwidth .feature-box	{ width:38%; }
		
.feature-box	{ width:34%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0; float:left;}
.feature-box2	{ width:90%; padding:0px 10px 10px 80px; margin:10px 10px 10px 0;}

/* ################################################
	ALERT BOXES	
################################################### */

span.error {
	color: #cc0000;
	border-top: 3px solid #fe7b7a;
	border-bottom: 3px solid #fe7b7a;
	background: #ffd6d6 url(../images/icons/error.png) 2% 50% no-repeat;
	}

span.info {
	color: #0055bb;
	border-top: 3px solid #629de3;
	border-bottom: 3px solid #629de3;
	background: #d8e5f8 url(../images/icons/info.png) 2% 50% no-repeat;
	}

span.alert {
	color: #b79000;
	border-top: 3px solid #fde179;
	border-bottom: 3px solid #fde179;
	background: #fef6d8 url(../images/icons/alert.png) 2% 50% no-repeat;
	}

span.download {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/download.png) 2% 50% no-repeat;
	}

span.success {
	color: #57861a;
	border-top: 3px solid #c2df88;;
	border-bottom: 3px solid #c2df88;;
	background: #eef7dd url(../images/icons/check.gif) 2% 50% no-repeat;
	}

span.error,
span.info,
span.alert,
span.success,
span.download {
		display: block;
		padding: 10px 10px 10px 45px;
		margin: 5px 0;	
		-moz-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		-webkit-box-shadow:0px 0px 2px #444; /* CSS3 Shadow */
		box-shadow:0px 0px 2px #444; /* CSS3 Shadow */	
	}


/* ################################################
	PRE CODE	
################################################### */

pre {
                      /* specify width  */
	white-space: pre-wrap;                 /* CSS3 browsers  */
	white-space: -moz-pre-wrap !important; /* 1999+ Mozilla  */
	white-space: -pre-wrap;                /* Opera 4 thru 6 */
	white-space: -o-pre-wrap;              /* Opera 7 and up */
	word-wrap: break-word;                 /* IE 5.5+ and up */
	/* overflow-x: auto; */                /* Firefox 2 only */
	/* width: 99%; */		       /* only if needed */
	}

pre {
	border: 1px solid #ddd;
	margin: 10px 0; 
	padding:10px; 
	line-height:15px;
	background: #f0f0f0;
	font-family:"Courier New", courier, monospace, sans-serif;
	}

code {
	font-size:1.2em; 
	}

/* ################################################
	GENERIC		
################################################### */

span.inset-left {
	display: block;
	padding: 15px;
	float: left;
	width: 20%;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}

span.inset-right {
	display: block;
	padding: 15px;
	float: right;
	width: 20%;
	font-weight: bold;
	font:italic normal 12px/20px Georgia, Arial, Sans-serif;
	}


/* ################################################
	DEFINITION LISTS	
################################################### */

 dl {
 	border: 1px solid #ddd; 
 	padding: 0.5em; 
	}
	dt { 
	float: left; 
	clear: left; 
	width: 150px; 
	text-align: right; 
	font-weight: bold; 
	color: #484848; 
	} 
	dt:after { 
	content: " : "; 
	} 
	dd:before { 
	content: ""; 
	padding-left:5px;
	} 
	dd { 
	margin: 0 0 0 110px; 
	padding: 0 0 0.5em 0; 
	}