/* CSS Document */

body{
	margin: auto 0px;
	padding: 0px;
	background: url(images/bg-page.jpg) repeat-x top;
	background-color: #A6BDCE;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #04689B;
}

#conteneur{
	margin: auto;
	padding: auto;
	width: 776px;
	clear: both;
}
a{
	color: #669900;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
	
	/* ---- LES différents liens  ----  */
	
	a.lnk1{ /* pour doc pdf */
		color: #5AA212;
		font-weight: bold;
		text-decoration: underline;
		display: block;
		height: 22px;
		padding: 0px 0px 4px 12px;
		float: left;
		width: 230px;
		text-align: left;
	}
		a:hover.lnk1{
			text-decoration: none;
		}
	a.lnk2{
		color: #7D9AB5;
		font-weight: bold;
		font-size: 9px;
		text-decoration: none;
		display: block;
		margin: 14px 0px 0px 0px;
		float: right;
	}
		a:hover.lnk2{
			text-decoration: none;
			color: #678F00;
		}
		
	/* ---- FIN des différents liens  ----  */




/* <<<<-------  HEADER ------->>>> */

#header1{
	padding: 8px 110px 4px 0px;
	font-size: 17px;
	text-align: right;
	color: #9BC22F;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	#header1 span{
	color: #336600;
	}
#header2 img{
	margin-left: 16px;
	float: left;
}
#header3, #header3 div, .titre1, #menu, #zoneInfo, #menu div, #DivMenu div, #LeMenu li, #LeMenu li a, #zoneInfo div, #leFooter div, #copyright{
	float: left;
}
	
	.titre1{
		background-image: url(images/bg-titre.gif);
		width: 592px;
		height: 104px;
		text-align: left;
		color: #305D89;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		.titre1 h1{
			margin: 60px 0px 0px 58px;
			font-weight: normal;
			font-size: 36px;
		}
		.titre1 h1.H1Small{
			margin: 36px 0px 0px 58px;
			font-weight: normal;
			font-size: 34px;
			line-height: 30px;
		}

/* <<<<-------  FIN HEADER ------->>>> */


/* <<<<-------  CONTENU ------->>>> */

#IrisMain{
	background-image: url(images/bg-contenu.gif);
	float: left;
	width: 776px;
}

#zoneInfo {
	background: url(images/iris-eau4.gif) no-repeat;
}
#topImg{
	margin-bottom: 10px;
}
#centreInfo{
	width: 341px;
	padding-top: 24px;
}

	#centreInfo img, p{
		margin-left: 16px;
	}
	#centreInfo img{
		margin-bottom: 16px;
	}
	p{
	margin-top: 0px;
	margin-bottom: 22px;
	text-align: justify;
	}
	#centreInfo ul{
	text-align: justify;
	}
	
#droiteInfo{
	width: 153px;
	margin-left: 40px;
	padding-top: 24px;
	clear: right;
}
h2{
	margin: 0px 0px 22px 16px;
	font-size: 19px;
	text-align: left;
	color: #004171;
}
h2 span{
	color: #305D89;
	font-size: 18px;
}
#conteneur #IrisMain h2.home span{
	color: #305D89;
	font-size: 22px;
}
h3{
	font-size: 16px;
	color: #305D89;
	margin: 0px 0px 10px 16px;
}
	h3 span{
		color: #678F00;
		font-size: 10px;
		font-weight: bold;
	}

p span{
	color: #305D89;
	font-weight: bold;	
}
.tBleu{
	color: #305D89;
}
.tVert, .tVertItal{
	color: #678F00;
}

#centreInfo ul.listing, #centreInfo ul.real{
	margin: 0px 0px 22px 16px;
	padding: 0px;
	clear: both;
}
	#centreInfo ul.listing li div img, #centreInfo ul.real li div img{
		margin: 14px;
		padding: 4px;
		background-color: #FFFFFF;
		border: #006699 solid 1px;
	}
		#centreInfo ul.real li div img{
			margin: 14px 14px 0px 14px;
		}
	#centreInfo ul.listing div.thumb, #centreInfo ul.real div.thumb{
		width: 134px;
	}
	#centreInfo ul.listing div.info, #centreInfo ul.real div.info{
		width: 170px;
		float: left;
		padding: 12px 0px 10px 0px;
		color: #04689B;
	}
		#centreInfo ul.listing div.info strong, #centreInfo ul.real div.info strong{
			color: #567892;
			display: block;
			text-align: left;
			padding-bottom: 10px;
		}
	#centreInfo ul.listing li.li1, #centreInfo ul.listing li.li0, #centreInfo ul.real li.li1, #centreInfo ul.real li.li0{
		width: 323px;
		height: 110px;
		border-bottom: #FFFFFF 2px solid;
		border-top: #B7C497 solid 1px;
		margin: 0px;
		padding: 0px;
		list-style: none;
	}
		#centreInfo ul.listing li.li0, #centreInfo ul.real li.li0{
			background-color: #EDEFE8;
		}
		#centreInfo ul.listing li.li1, #centreInfo ul.real li.li1{
			background-color: #F4F6F1;
		}
		#centreInfo ul.listing p, #centreInfo ul.real p{
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
	
	.p1, .p2, .p3{
		width: 323px;
		margin: 0px 0px 22px 16px;
		padding: 10px;
		border-bottom: #FFFFFF 2px solid;
		border-top: #B7C497 solid 1px;
		background-color:  #F4F6F1;
	}
		.p2{
			background-color:  #EDEFE8;	
		}
	ul.fl{
		margin: 0px 0px 22px 16px;
		padding: 5px 10px 5px 15px;
		border-bottom: #FFFFFF 2px solid;
		border-top: #B7C497 solid 1px;
		background-color:  #F4F6F1;	
	}
		ul.fl li{
		background: url(images/fleches.gif) no-repeat;
		padding: 0px 0px 0px 20px;
		list-style: none;
		margin: 6px 0px 10px 0px;
		}
		
	#centreInfo div div.p1, #centreInfo div div.p2, #centreInfo div div.p3{
		margin: 0px 0px 22px 0px;
		padding: 0px 0px 10px 0px;
		}
			#centreInfo div div.p1 p, #centreInfo div div.p2 p, #centreInfo div div.p3 p{
				padding: 10px 10px 0px 10px;
				margin: 0px;
				text-align: justify;
			}
			#centreInfo div div.p3 p{
			text-align: center;
			font-weight: bold;
			font-size: 10px;
			}
			#centreInfo div div.p3 p.tp3{
				font-weight: normal;
			}
		
	
img.ima1{
	border: #B0BD8E 1px solid;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 20px 0px;
	clear: right;
}
#centreInfo img.ima2{
	border: #006699 solid 1px;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 14px 13px 10px 14px;
}
#centreInfo img.ima3{
	border: #006699 solid 1px;
	background-color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 22px 0px;
}
.stitre{
	padding: 10px 0px 0px 14px;
	width: 300px;
	clear: right;
	color: #7D9AB5;
	font-weight: bold;
}

#centreInfo div.p1{
	padding: 10px 0px 10px 0px;
	text-align: left;
}
#centreInfo div form div.p1 span{
	color: #567892;
	font-size: 10px;
	font-weight: bold;
	padding: 22px 0px 10px 0px;
	margin-left: 10px;
	display: block;
	text-align: left;
}
	form textarea{
		color: #669900;
		font-size: 11px;
		width: 300px;
		height: 100px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 6px 0px 10px 0px;
	}
	form input{
		font-weight: bold;
		font-size: 11px;
		color: #006699;
	}
		form .Tform{
		font-weight: normal;
		color: #669900;
		font-size: 11px;
		width: 300px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}


/* <<<<-------  FIN CONTENU ------->>>> */


/* <<<<-------  NEWS ------->>>> */

#news{
	width: 153px;
	margin-bottom: 22px;
}
#bgNews{
	padding: 5px 0px 0px 7px;
	background-image: url(images/news-1.gif);
}
	#news #bgNews ul{
		padding: 0px;
		margin: 0px;
		width: 140px;
	}

	#news #bgNews ul li{
		list-style: none;
		padding: 0px 0px 6px 0px;
	}
		#news #bgNews ul li strong{
			margin-top: 1px;
			color: #34618C;
			font-size: 11px;
			display: block;
			padding: 4px 0px 4px 0px;
			background: #E0E7EE;
		}
		#news #bgNews ul li span{
			display: block;
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			background-color: #547C9F;
			padding: 3px;
		}
		#news #bgNews ul li a{
			margin-top: 1px;
			color: #678F00;
			font-size: 10px;
			text-decoration: none;
			background-color: #F7F9F2;
			display: block;
			padding: 3px;
		}
		#news #bgNews ul li a:hover{
			color: #89AD45;
			text-decoration: underline;
		}
		#news #allNews a{
			display: block;
			width: 153px;
			height: 31px;
			background-image: url(images/news-2.gif);
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
		}
		#news #allNews a:hover{
			background-image: url(images/all-news-over.gif);
		}
					#news #allNews a span{
					display: block;
					padding: 8px 0px 0px 0px;
					}

/* <<<<-------  FIN NEWS ------->>>> */


/* <<<<-------  MENU ------->>>> */

#DivMenu{
	background-image: url(images/bg-DivMenu.gif);
	background-repeat: repeat-y;
}

#menu{
	width: 227px;
	background-image: url(images/bg-menu.gif);
	background-repeat: repeat-y;
}
#menuLeft{
	width: 27px;
	text-align: left;
	background-image: url(images/bg-menu-left.gif);
	background-repeat: repeat;
}
#LeMenu{
	width: 200px;
}
	#LeMenu ul {
	margin: 0px;
	padding: 0px;
	clear: right;
	float: left;
	}
	#LeMenu li {
	list-style: none;
	}
	#LeMenu li a{
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	width: 145px;
	background-image: url(images/menu-on-2.gif);
	color: #163E03;
	display: block;
	}
	#LeMenu li a:hover{
	background-image: url(images/menu-off-2.gif);
	color: #ffffff;
	}
	#LeMenu li span{
	display: block;
	text-align: left;
	padding: 18px 9px 5px 6px;
	}
		#LeMenu li.menuFirst a span{
		padding: 16px 9px 0px 6px;
		}
		#LeMenu li.menuFirst a{
		line-height: 14px;
		background-image: url(images/menu-off-1.gif);
		height: 35px;
		color: #163E03;
		text-decoration: none;
		}
		#LeMenu li.menuFirst a:hover{
		background-image: url(images/menu-on-1.gif);
		color: #ffffff;
		}
		#LeMenu li.menuLast a span{
		padding: 16px 9px 0px 6px;
		}
		#LeMenu li.menuLast a{
		line-height: 14px;
		background-image: url(images/menu-off-3.gif);
		height: 37px;
		color: #163E03;
		text-decoration: none;
		}
		#LeMenu li.menuLast a:hover{
		background-image: url(images/menu-on-3.gif);
		color: #ffffff;
		}

/* <<<<-------  FIN MENU ------->>>> */


/* <<<<-------  FOOTER ------->>>> */

#leFooter{
	width: 776px;
	height: 108px;
	clear: left;
}

#bas1{
	padding-left: 48px;
}
#bas2{
	background-image: url(images/bg-footer2.gif);
	background-repeat: repeat-x;
	height: 108px;
}
	#bas2 img{
	padding-top: 35px;
	}
#bas3{
	background-image: url(images/bg-footer2.gif);
	background-repeat: repeat-x;
	width: 259px;
	height: 108px;
}
	#bas3 div{
	margin-top: 54px;
	padding: 5px;
	background-color: #265784;
	}
	#bas3 div a{
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-decoration: none;
	}
	#bas3 div a:hover{
	color: #66CC00;
	}
#bas4{
	width: 37px;
}
#copyright{
	clear: both;
	padding-left: 72px;
	color: #003366;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 20px;
	width: 700px;
	text-align: left;
}
	#copyright a{
	text-decoration: none;
	color: #003366;
	}
	#copyright a:hover{
	text-decoration: underline;
	}

/* <<<<-------  FIN FOOTER ------->>>> */