/* CSS Document */
body{
	margin: auto 0px;
	padding: auto 0px;
	text-align: center;
	font-family: Helvetica, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #F7F9F1 url(/images/bg-page.jpg) repeat-x;
}


#container{
	width: 960px;
	margin: 0px auto;
	padding: 0px auto;
}

a{
	color: #085099;
	font-weight: bold;
}
a:hover{
	text-decoration: none;
}

#bgHeader{
	background: url(/images/BG-top.jpg) no-repeat;
	height: 61px;
	width: 960px;
}
	#bgHeader #slogan{
		width: 557px;
		float: left;
	}
	
		#bgHeader h1{
			text-align: left;
			color: #8F8C8B;
			margin: 11px 0px 0px 0px;
			padding: 0px;
			font-size: 20px;
			width: 347px;
			font-weight: bold;
			float: right;
			line-height: 22px;
		}
			#bgHeader h1 span{
				color: #000000;
				font-size: 19px;
				font-weight: normal;
			}
			
	#bgHeader #langues{
		float: right;
		padding: 11px 15px 0px 0px;
		color: #899545;
		font-weight: bold;
	}	
		#bgHeader #langues a{
			text-decoration: none;
			color: #899545;
			font-weight: bold;
			font-size: 13px;
		}
	
#bgMiddle{
	background: url(/images/BG-Middle.jpg) no-repeat #FFFFFF;
	width: 960px;
	clear: right;
	float: left;
}
#bgBas{
	background: url(/images/BG-Bottom.jpg) no-repeat bottom;
	width: 960px;
	float: left;
	clear: right;
}

#bgBas2{
	background: url(/images/BG-Bottom2.jpg) no-repeat bottom;
	width: 960px;
	float: left;
	clear: right;
}

#SGS1{
	width: 960px;
	height: 163px;
	clear: right;
}
.MenuTitleEn{
	background: url(/images/en/BG-Title.jpg) no-repeat;
	height: 97px;
	width: 960px;
	clear: right;
}

.MenuTitleFr{
	background: url(/images/fr/BG-Title.jpg) no-repeat;
	height: 97px;
	width: 960px;
	clear: right;
}

.MenuTitleEnMan{
	background: url(/images/en/Manual-Title.jpg) no-repeat;
	height: 97px;
	width: 960px;
	clear: right;
}

.MenuTitleFrMan{
	background: url(/images/fr/Manual-Title.jpg) no-repeat;
	height: 97px;
	width: 960px;
	clear: right;
}


/* -------------- DEBUT MENU ------------ */

.menuH{
	width: 960px;
	clear: right;
	height: 44px;
}

#MenuUL, #MenuUL ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#MenuUL a {
	display: block;
	color: #575757;
	font-size: 13px;
	font-weight: bold;
	padding: 16px 53px 14px 53px;
	margin: 0;
	text-decoration: none;
}

#MenuUL a:hover{
	color: #EC3638;
}

#MenuUL li { /* all list items */
	float: left;
}

#MenuUL li ul { /* second-level lists */
	position: absolute;
	width: 154px;
	margin: 0px;
	padding: 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#MenuUL li ul li {
	float: none; 
	border-bottom: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}

#MenuUL li ul li a{	
	font-size: 11px;
	color: #666;
	display: block;
	width: auto;
	padding: 5px;
	background: url(/images/bg-smenu.gif) repeat-y;
}

#MenuUL li ul li a:hover{color: #8EA93F;}

#MenuUL li:hover ul, #MenuUL li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-position: 0 0;
}




#pageTitle{
	text-align: left;
	padding: 0px 0px 0px 251px;
	color: #ffffff;
}
	#pageTitle h2{
		font-size: 28px;
		font-weight: normal;
		margin: 0px;
		padding: 11px 0px 0px 0px;
	}

#LeftCol{
	width: 251px;
	float: left;
	height: 600px;
}
	a.lnkAllNews{
		color: #EC3638;
		font-weight: bold;
		margin: 13px 0px 20px 20px;
		display: block;
		text-decoration: none;
	}
	#news{
		width: 210px;
		float: left;
		text-align: left;
	}
		#news p{
			margin: 0px 0px 13px 28px; 
			color: #333333;
		}
			#news p a{
				color: #EC3638;
				font-weight: bold;
				text-decoration: none;
				font-size: 11px; 
			}
			#news p a:hover, a:hover.lnkAllNews{
				color: #99B252;
			}
			
		#news span{
			margin: 13px 0px 2px 20px;
			color: #333333;
			font-style: italic;
			font-size: 12px;
			font-weight: bold;
		}	

	
#CenterCol,#CenterCol2{
	
	float: left;
	text-align: left;
}
#CenterCol { width: 532px; }
#CenterCol2 { width: 728px;background:#fff none;overflow-x:hidden; }
	#CenterCol p,#CenterCol2 p {
		
		text-align: justify;
		margin: 13px 0px 0px 0px;
		padding: 0px;
	}
	#CenterCol p { width: 513px; }
	#CenterCol2 p { width:706px; }
	h3{
		font-size: 18px;
		margin: 13px 0px 19px 0px;
		padding: 0px;
	}
		h3.stitre{
		font-size: 18px;
		padding: 27px 0px 0px 0px;
		margin: 0px;
		}
	
	strong.boldTitre{
		display: block;
		padding: 6px 0px 2px 0px;
		font-size: 13px;
	}
		strong.boldTitre span{
		color: #666666;
		font-weight: normal;
		}
		
		strong.boldTitre2{
		display: block;
		padding: 16px 0px 2px 0px;
		font-size: 13px;
		}
		
		
	span.gris1{
	color: #999999;
	margin-top: 10px;
	font-size: 12px;
	}
	
	
	
	
#RightCol{
	width: 177px;
	float: left;
	clear: right;
	text-align: justify;
}
#footer{
	width: 960px;
	float: left;
	color: #ffffff;
	padding: 26px 0px 4px 0px;
	font-weight: bold;
	font-size: 11px;
}
	#copyR{
	background-color:#4D4D4D;
	clear: left;
	padding: 0px 0px 6px 0px;
	}
		#copyR a{
		color: #CCCCCC;
		text-decoration: none;
		font-size: 11px;
		font-weight: normal;
		}

	#footer a{
	color: #ffffff;
	text-decoration: none;
	}

/* -----  DÉBUT Les FORMULAIRES ----- */

form.formContact{
	margin: 0px;
	padding: 0px;
}

form.formContact input, form.formContact textarea{
	color: #90AA42;
	height: 14px;
	width: 226px;
	background: url(/images/bg-form.gif) repeat-y;
	padding-left: 10px;
}

form.formContact textarea{
	height: 70px;
	background: url(/images/bg-form.gif) repeat-y;
	padding-left: 10px;
}

form.formContact .fButton{
	font-weight: bold;
	height: 26px;
	margin-top: 8px;
	color: #669900;
	background: none;
	background-color: #DFDFDF;
	padding: 0px;
}


/* -----  FIN Les FORMULAIRES ----- */

ul.Ulgris{
	margin: 10px 0px 0px 29px;
	padding: 0px;
	color: #666666;
}
	ul.Ulgris ul{
		margin-top: 10px;
	}
	
img.C{
	margin: 12px 0px 12px 0px;
	border: 5px solid #EDF0E0;
	clear: right;
}

#pathMan {
	padding-top:8px;
	font-size:12px;
	color:#fff;
}

#pathMan a {
	color:#fff;
	text-decoration:none;
}

#pathMan a:hover {
	text-decoration:underline;
}

.navMan {
	padding-left:20px;
	text-align:left;
}

.navMan ul {
	padding-left:0;
	margin-left:0;
	list-style:none;
}

.navMan li {
	margin-bottom:5px;
	padding-left:20px;
	margin-left:0;
}

.navMan li.dossier {
	background:transparent url(/images/folder.gif) no-repeat top left;
}

.navMan li.fichier {
	background:transparent url(/images/page.gif) no-repeat top left;
}

.navMan li a {
	font-weight:normal;
	text-decoration:none;
	font-size:11px;
	color:#000;
}

.navMan li a:hover {
	text-decoration:underline;
	color:#009;
}

.navMan li.activenode a {
	font-weight:bold;
}

.navMan li.activenode li a {
	font-weight:normal;
}


.navMan ul ul {
	padding-left:5px;
	margin-left:0;
}

#contentMan {
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

#contentMan p {
	width:auto;
}

#contentMan ul {
	padding-left:0;
	margin-left:0;
	list-style:none;
}

#contentMan li {
	margin-top:10px;
	margin-bottom:15px;
	padding-left:20px;
	margin-left:10px;
}

#contentMan li.dossier {
	background:transparent url(/images/folder.gif) no-repeat top left;
}

#contentMan li.fichier {
	background:transparent url(/images/page.gif) no-repeat top left;
}

#contentMan li a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	color:#000;
}

#contentMan li a:hover {
	text-decoration:underline;
	color:#009;
}

#contentMan li.activenode a {
	font-weight:bold;
}

#contentMan li.activenode li a {
	font-weight:normal;
}


#contentMan ul ul {
	padding-left:5px;
	margin-left:-10px;
}