body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	background-image: url('../images/bg_fond.png');
	background-repeat: repeat-x;}
#container {
	width: 990px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	border: 0;}
#masthead {
	background-image: url('../images/banniere.jpg');
	background-repeat: no-repeat;
	width: 990px;
	height: 150px;}
#content {
	position : relative;
	float : left;
	width: 989px;
	height: auto;
	background-color: black;
	text-align: justify;
	border-left: 1px black solid;
	border-right: 1px black solid;
	/*border-top: 2px #333366 solid;*/
}
.fenetre1 {
	position : relative;
	text-align:justify;
	float:left;
	width:99%;
	height: auto;
	padding :1%;
}

#fenetre2 {
	position : relative;
	text-align:justify;
	float:left;
	width: 270px;
	height: auto;
	padding :5px;
}
#fenetre2 h2 {
	text-align:center;
	}

#fenetre3 {
	position : relative;
	text-align:justify;
	float:right;
	width: 700px;
	height: auto;
}
.fenetre4 {
	position : relative;
	text-align:justify;
	float:left;
	width: 48%;
	height: auto;
}
.fenetre5 {
	position : relative;
	text-align:justify;
	float:right;
	width: 30%;
	height: auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px; 
	padding-left:10px;
	border:thin blue solid ;
}
.floatright {
	float:right;
}

#footer {
	clear: both;
	background: url('../images/bg_footer.png') no-repeat;
	text-align: center;
	margin: 0 auto;
	width: 990px;
	height: 50px;
	color: #fff;
	padding-top: 5px;
}
#footer p {
	font-size: 0.8em;
	font-weight:bolder;
	color: #fff;
	margin: 2px;
	padding: 5px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #000;
	text-decoration: none;
}
a {
	color: #95bbe6;
	text-decoration: underline;
}
a:hover {
	color: #dfb8df;
	font-size:large;
	text-decoration: underline;
}


/* CSS showing layers when hovering  */
a.screen, a.screen:visited {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #003366;
text-decoration: none;
position:relative; 
z-index:100;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:80px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
/*border:1px solid #000; */ /* removed image border */
left:-185px; /* position the image */
top:30px;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;

}
a.screen:hover {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #003366;
	font-weight: normal;
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
/*height:180px;*/ /* now give it a height */
cursor:pointer; /* for IE */
z-index:1; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
a.screen img {
border:0; /* remove the link border */
}

a.screen div {
background:#F6F6F6;
border:1px solid #336; 
width:280px; padding:4px;
color:#000; font-size:11px;
line-height:1.2;
display:block;
z-index:500;
}