@charset "UTF-8";
/* CSS Document */

*, html, body{
	margin:0;
	padding:0;
	font-size:11px;
}

html{
	height:100%;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_shadow.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#dbe57d;
	height:100%;
}

#theClear{
	clear:both;
}

a{
	text-decoration:none;
	color:#518096;
}

img{
	border:none;
}

#content{
	margin:0;
	padding:0;
	margin:auto;
	width:970px;
	height:100%;
}

h5{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:518096;
}


/* ============================ HEADER ============================ */

#header{
	width:970px;
	height:155px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
}

#header #homeLink{
	width:300px;
	height:60px;
	float:left;
	position:relative;
	padding-top:65px;
	padding-left:70px;
}

#header #homeLink a{
	width:300px;
	height:60px;
	display:block;
}


#header #utility{
	float:right;
	position:relative;
	margin-top:120px;
	margin-right:15px;
	_margin-right:8px;
	font-size:9px;
}

#header #utility a{
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
	color:#58544e;
}

#header #frontBanner{
	width:970px;
	height:155px;
}


/* ============================= MENU ============================ */

#leftSide{
	width:239px;
	float:left;
	position:relative;
	margin-right:4px;
	background-color:#d1d3d4;
}

#leftMenu{
	margin:0;
	padding:0;
	padding-top:5px;
	height:685px;
	background-image:url(images/leftMenuBG.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border-right-color:#d7d7d7;
	border-right-style:solid;
	border-right-width:1px;
}

#leftMenu a.arrowImage{
	padding-left:0;
}

#leftMenu a.arrowImage img{
	border:none;
}

#leftMenu ul li.Home, #leftMenu ul li.Accueil{
	display:none;
}

/* ---- First level menu ------ */
#leftMenu ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	line-height:32px;
	width:230px;	
}

#leftMenu li{
	width:230px;
	border-bottom-color:#d7d7d7;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

#leftMenu ul li a{
	padding-left:12px;
}

#leftMenu ul a{
	color:#518096;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

/* ---- Second level menu ------ */

#leftMenu ul ul{
	margin-left:0;
	border:none;
	line-height:23px;
}

#leftMenu ul ul li{
	padding-left:15px;
	width:215px;
	border:none;
}

#leftMenu ul ul li a{
	color:#518096;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	border:none;
}

#leftMenu ul ul li.Environmental a, #leftMenu ul ul li.environnementale a {
	color:#a5b522;
}

#leftMenu ul ul li.Social a, #leftMenu ul ul li.sociale a{
	color:#58b7dd;
}

#leftMenu ul ul li.Economic a, #leftMenu ul ul li.économique a{
	color:#f9a31a;
}

/* ------ Third Level Menu ----- */

#leftMenu ul ul ul{
	margin-left:0;
	border:none;
	width:180px;
}

#leftMenu ul ul ul li{
	line-height:15px;
	padding-bottom:5px;
	padding-left:20px;
	width:190px;
}

#leftMenu ul ul li.Environmental ul li a, #leftMenu ul ul li.Social ul li a, #leftMenu ul ul li.Economic ul li a, #leftMenu ul ul li.environnementale ul li a, #leftMenu ul ul li.sociale ul li a , #leftMenu ul ul li.économique ul li a{
	padding-left:0;
	color:#518096;
}


/* -========================== RIGHT CONTENT ==================== */

#rightContent{
	width:726px;
	float:left;
}
	
	
#rightContent #flashBanner{
	height:314px;
	width:726px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:11px;
}

#rightContent #bottomContent{
	width:726px;
	float:left;
	position:relative;
}

#rightContent .column{
	width:190px;
	min-height:360px;
	height:auto !important;
	height:360px;
	float:left;
	margin-right:3px;
	padding-right:25px;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:15px;
	color:#666666;
}

#rightContent .column h2{
	margin:0;
	padding:0;
	position:relative;
	font-size:25px;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-15px;
	padding-left:15px;
	background-image:url(images/h2Image.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:30px;
}

#rightContent .left h2{
	color:#faa41a;
}

#rightContent .middle h2{
	color:#58b7dd;
}

#rightContent .right h2{
	color:#518096;
}

#rightContent .right table{
	position:relative;
}

#rightContent .right{
	margin-right:0;
	width:189px;
}

#rightContent .right img{
	
}

#rightContent strong, #rightContent strong span{
	color:#518096;
}

#rightContent .column p a{
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	display:block;
	font-size:11px;
	text-decoration:underline;
	color:#333333;
}

#rightContent .column ul{
	margin-left:15px;
	margin-top:10px;
}

#rightContent .column ul li{
	padding-left:10px;
}

#rightContent .column hr{
	display:none;
}
	
#rightContent .column img{
	padding-right:20px;
	padding-bottom:8px;
	padding-top:2px;
}

#rightContent .left{
	background-image:url(images/leftColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#rightContent .middle{
	background-image:url(images/middleColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-right:4px;
}

#rightContent .right{
	background-image:url(images/rightColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#rightContent .right p a, #rightContent .middle p a {
	text-decoration:none;
}@charset "UTF-8";
/* CSS Document */

*, html, body{
	margin:0;
	padding:0;
	font-size:11px;
}

html{
	height:100%;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg_shadow.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#dbe57d;
	height:100%;
}

#theClear{
	clear:both;
}

a{
	text-decoration:none;
	color:#518096;
}

img{
	border:none;
}

#content{
	margin:0;
	padding:0;
	margin:auto;
	width:970px;
	height:100%;
}

h5{
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:518096;
}


/* ============================ HEADER ============================ */

#header{
	width:970px;
	height:155px;
	float:left;
	position:relative;
	background-color:#FFFFFF;
}

#header #homeLink{
	width:300px;
	height:60px;
	float:left;
	position:relative;
	padding-top:65px;
	padding-left:70px;
}

#header #homeLink a{
	width:300px;
	height:60px;
	display:block;
}


#header #utility{
	float:right;
	position:relative;
	margin-top:120px;
	margin-right:15px;
	_margin-right:8px;
	font-size:9px;
}

#header #utility a{
	padding-right:5px;
	padding-left:5px;
	text-decoration:none;
	color:#58544e;
}

#header #frontBanner{
	width:970px;
	height:155px;
}


/* ============================= MENU ============================ */

#leftSide{
	width:239px;
	float:left;
	position:relative;
	margin-right:4px;
	background-color:#d1d3d4;
}

#leftMenu{
	margin:0;
	padding:0;
	padding-top:5px;
	height:685px;
	background-image:url(images/leftMenuBG.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border-right-color:#d7d7d7;
	border-right-style:solid;
	border-right-width:1px;
}

#leftMenu a.arrowImage{
	padding-left:0;
}

#leftMenu a.arrowImage img{
	border:none;
}

#leftMenu ul li.Home, #leftMenu ul li.Accueil{
	display:none;
}

/* ---- First level menu ------ */
#leftMenu ul{
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	line-height:32px;
	width:230px;	
}

#leftMenu li{
	width:230px;
	border-bottom-color:#d7d7d7;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

#leftMenu ul li a{
	padding-left:12px;
}

#leftMenu ul a{
	color:#518096;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

/* ---- Second level menu ------ */

#leftMenu ul ul{
	margin-left:0;
	border:none;
	line-height:23px;
}

#leftMenu ul ul li{
	padding-left:15px;
	width:215px;
	border:none;
}

#leftMenu ul ul li a{
	color:#518096;
	text-decoration:none;
	font-size:13px;
	font-weight:normal;
	border:none;
}

#leftMenu ul ul li.Environmental a, #leftMenu ul ul li.environnementale a {
	color:#a5b522;
}

#leftMenu ul ul li.Social a, #leftMenu ul ul li.sociale a{
	color:#58b7dd;
}

#leftMenu ul ul li.Economic a, #leftMenu ul ul li.économique a{
	color:#f9a31a;
}

/* ------ Third Level Menu ----- */

#leftMenu ul ul ul{
	margin-left:0;
	border:none;
	width:180px;
}

#leftMenu ul ul ul li{
	line-height:15px;
	padding-bottom:5px;
	padding-left:20px;
	width:190px;
}

#leftMenu ul ul li.Environmental ul li a, #leftMenu ul ul li.Social ul li a, #leftMenu ul ul li.Economic ul li a, #leftMenu ul ul li.environnementale ul li a, #leftMenu ul ul li.sociale ul li a , #leftMenu ul ul li.économique ul li a{
	padding-left:0;
	color:#518096;
}


/* -========================== RIGHT CONTENT ==================== */

#rightContent{
	width:726px;
	float:left;
}
	
	
#rightContent #flashBanner{
	height:314px;
	width:726px;
	float:left;
	background-color:#FFFFFF;
	padding-bottom:11px;
}

#rightContent #bottomContent{
	width:726px;
	float:left;
	position:relative;
}

#rightContent .column{
	width:190px;
	min-height:360px;
	height:auto !important;
	height:360px;
	float:left;
	margin-right:3px;
	padding-right:25px;
	padding-left:25px;
	padding-top:25px;
	padding-bottom:15px;
	color:#666666;
}

#rightContent .column h2{
	margin:0;
	padding:0;
	position:relative;
	font-size:25px;
	font-weight:normal;
	margin-bottom:18px;
	margin-left:-15px;
	padding-left:15px;
	background-image:url(images/h2Image.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	line-height:30px;
}

#rightContent .left h2{
	color:#faa41a;
}

#rightContent .middle h2{
	color:#58b7dd;
}

#rightContent .right h2{
	color:#518096;
}

#rightContent .right table{
	position:relative;
}

#rightContent .right{
	margin-right:0;
	width:189px;
}

#rightContent .right img{
	
}

#rightContent strong, #rightContent strong span{
	color:#518096;
}

#rightContent .column p a{
	margin-top:10px;
	margin-bottom:20px;
	position:relative;
	display:block;
	font-size:11px;
	text-decoration:underline;
	color:#333333;
}

#rightContent .column ul{
	margin-left:15px;
	margin-top:10px;
}

#rightContent .column ul li{
	padding-left:10px;
}

#rightContent .column hr{
	display:none;
}
	
#rightContent .column img{
	padding-right:20px;
	padding-bottom:8px;
	padding-top:2px;
}

#rightContent .left{
	background-image:url(images/leftColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#rightContent .middle{
	background-image:url(images/middleColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-right:4px;
}

#rightContent .right{
	background-image:url(images/rightColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#rightContent .right p a, #rightContent .middle p a {
	text-decoration:none;
}