#conteneur {
position: relative;
width: 1000px;
height:650px;
margin: 0 auto;
background-color:#CCCCCC;
}

body{
	background-image :url(img/bg_main.jpg);
	margin-top:0px;
	font-family:times, serif;
}
	
.header {
	z-index: 1;
	height: 140px;
	background-color: #FFFFFF;
	color: #003399;
	border-width:1px; 
	border-style:solid;
}
.menug { 
	position: absolute;
	left:0;
	width: 200px;
	height: 450px;
	background-color: #003399;
	color: #FFF;
	border-width:0px;
	border-color: #003399;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-style:solid;
	vertical-align:middle;
} 
.pagecentrale{
	margin-left:200px;
	margin-right:200px;
	width: 600px;
	height: 450px;
	background-color: #FFFFFF;
	color: #003399;
	border-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:0px;
	border-style:solid;
	text-align:justify;
	overflow: auto;
}
.menud {
	position: absolute;
	right:0;
	width: 200px;
	height: 450px;
	background-color: #FFFFFF;
	color: #003399;
	border-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-style:solid;
} 
.footer {
	height: 60px;
	background-color: #FFFFFF;
	color: #003399;
	border-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-style:solid;
} 
a:link {
  color: #003399;
  font-family:times, serif;
  font-style: none;
  text-decoration: underline;
}
 
a:visited {
  color: #003399;
  font-family:times, serif;
  font-style: none;
  text-decoration: underline;
}
 
a:hover {
  color: green;
  font-family:times, serif;
  text-decoration: none;
}
 
a:active {
  color: darkgreen;
  font-family:times, serif;
}

/* Menu */
#menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 1px solid gray;
}
#menu {
position: absolute;
top: 100px;
left: 35px;
z-index:100;
}
#menu li {
text-align: left;
background: #fff;
width: 100%;
}
#menu li a {
color: #003399;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#li  a:hover{
background: #003399;
color:#fff;
}
#li1 a:hover {
	background: #0033cc;
	color: #FFF;
}
#li2 a:hover {
	background: #71757e;
	color: #FFF;
}
#li3 a:hover {
	background: #009933;
	color: #FFF;
}
#li4 a:hover {
	background: #6633cc;
	color: #FFF;
}
#li5 a:hover {
	background: #ffff66;
	color: #003399;
}
#li6 a:hover {
	background: #cc3300;
	color: #FFF;
}
#li7 a:hover {
	background: #e2bd0c;
	color: #FFF;
}
#li8 a:hover {
	background: #ff6600;
	color: #FFF;
}
#li9 a:hover {
	background: #c82e86;
	color: #FFF;
}
#li10 a:hover {
	background: #339900;
	color: #FFF;
}
#li11 a:hover {
	background: #663398;
	color: #FFF;
}

/* Menu hmedia */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu2 {
position: absolute;
top: 150px;
left: 220px;
z-index:90;
width: 100%;
}
#menu2 dl {
float: left;
width: 8em;
margin: 0 1px;
}
#menu2 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 0px solid gray;
}
#menu2 dd {
border: 1px solid gray;
}
#menu2 li {
text-align: left;
background: #fff;
width: 100%;
}
#menu2 li a, #menu2 dt a {
color: #003399;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}