body {
	background-color: #dde3ec;
	background-image: url(images/eolis-fond.jpg);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px
	}




#contentsite {
	margin-left: auto;
	margin-right:auto;
	width: 965px;
	position: relative;
}
#ban-up {
    background-image:url(images/eolis-ban-up.jpg);
	background-repeat:repeat-x;
	height: 42px;
	margin-left:5px;
	width:965px;
}


#banner{
	width:546px;
	height:173px;
	display:block;
	/*background-position:right;*/
	/*float:right;
	position:absolute;
	top: 48px;
	left: 376px;*/
	z-index:80;
	float:right;
	margin-right:47px;
	margin-top:5px;
}



td.logo{
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	width:260px;
	height:220px;
	
}

#menu-left {
	width:169px;
	background-color: #f3f3f3;
}
.titre-left {
	background-image: url(images/fond-titre-left.jpg);
	display: block;
	height:26px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-top: 10px;
	margin-bottom:10px;
}

#box {
	padding-top: 10px;	
}



#box a{
	font-family: Arial, Helvetica, sans-serif;
	/*background-image: url(images/leftcol-gris-1bord.jpg);*/
	border-bottom: 1px dashed #d3d3d3;
	font-size: 12px;
	color: #7698c3;
	text-decoration: none;
	display:block;
	padding-right: 8px;
	padding-left: 12px;
	/*height:19px;*/
}
#box a:hover{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/leftcol-vert.jpg);
	font-size: 12px;
	color: #7698c3;
	text-decoration: none;
	display:block;
	padding-right: 8px;
	padding-left: 12px;
	/*height:19px;*/
	
}



#menu-top {
	position:absolute;
	left:-32px;
	top:230px;
	width:955px;
	height:32px;
	z-index:80;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2c5487;
}

#menu-top a{
	background-image: url(images/menu-top-a.jpg);
	height: 32px;
	line-height:32px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2c5487;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
}
#menu-top a:hover{
	background-image: url(images/menu-top-a.jpg);
	height: 32px;
	line-height:32px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.actif-top{
	background-image: url(images/menu-top-b.jpg);
	height: 32px;
	line-height:32px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}


#titre-middle{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3672bd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #546a85;
	padding-bottom: 5px;
	display: block;
	padding-top:20px;
	padding-left:20px;
}


#contenu {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 20px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}


#bottom-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#bottom-menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#bottom-menu a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3672bd;
	text-decoration: underline;
}
#langues {
	position:absolute;
	left:895px;
	top:15px;
	width:70px;
	height:12px;
	z-index:20;
}


#ombre-bas{
	background-image:url(images/bt.png);
	background-repeat:no-repeat;
	display:block;
	width:967px;
	height:4px;
	margin-left:4px;
	
}



#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3934;
	text-align: right;
	margin-top:5px;
}
#copyright a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3934;
	text-decoration: none;
}
#copyright a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3934;
	text-decoration: underline;
}
td.actif { background-image:url(images/menu-top-b.jpg); background-repeat:repeat-x;	padding-right: 8px;	padding-left: 8px;	height: 32px; line-height:32px;}

.titre-right {
	background-image: url(images/fond-titre-left.jpg);
	display: block;
	height:26px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	display: block ;
}

#flag {
	position:absolute;
	left:719px;
	top:13px;
	width:206px;
	height:27px;
	z-index:50;
}
			#flag ul, li {
		        list-style-type: none;
				margin:0;
				padding:0;	
			}
			
			#flag li {
				float:right;
			}
			
			#flag li a {
				display:block;
				height:27px;
			}
						
						#flag a#flag-fr {
							background-image: url(images/flag-fr.jpg);
							width:27px;
							height:27px;
							background-repeat: no-repeat;
							display: block;	
						}
						#flag a#flag-nl {
							background-image: url(images/flag-nl.jpg);
							width:27px;
							height:27px;
							background-repeat: no-repeat;
							display: block;	
						}
						#flag a#flag-en {
							background-image: url(images/flag-en.jpg);
							width:27px;
							height:27px;
							background-repeat: no-repeat;
							display: block;	
						}
						

