body {
	margin:0 auto;
	font: 70% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	background: #C0DEED;
}
#header {
	height:180px;
	background: #8EC1DA url(../images/bg-clouds.png) repeat-y scroll left top;
	margin-top:-50px;
	}
a {
	color: #000;
}

a.info{
position:relative;
z-index:24;
color:#000;
}
 
a.info:hover{
z-index:25;
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
left:2em; width:17em;
border:1px solid #000;
background-color:#FFF;
color:#000;
text-align: left;
font-weight:none;
padding:5px;
}

#page {
	margin: -115px auto;
	margin-bottom: 20px;
	width: 840px;
	padding: 0;
	text-align: left;
	font-size: 100%;
	line-height: 150%;
	border: 1px solid ;
	background: #FFFFFF;
}
#haut {
	width: 840px;
}
#logo {
float: left;
	background: url(../images/header.png) no-repeat;
	width: 840px;
	height: 150px;
	
}
#form {
margin: 0 0 0 0;
}

#menu {
	width: 840px;
	float: left;
	border-top: 1px solid;
	border-bottom:1px solid;
}
#separateur {
	width: 840px;
	float: left;
}
#sepgauche {
	width: 180px;
	float: left;
	border-left: 1px solid;
	border-right: 1px solid;
}
#sepdroit {
	width: 600px;
	float: left;
}
.clear {
	clear: both;	
}


.input{
	font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color:#000000;
	background-color: #FFFFFF;
	border: 1px solid;
}

#l {
	width: 20px;
	float: left;
}
#left {
	width: 200px;
	float: left;
}
#right {
	width: 600px;
	float: left;
}
#titrenews img {
	border-bottom: 1px solid;
	border-right: 1px solid;
}
#actuel {
	width: 180px;
	float: left;
	border-left: 1px solid;
	border-right: 1px solid;
}
#actuel #sms {
	display:block;
	text-align:center;
	line-height:normal;
}

#ecoute {
	width: 180px;
	float: left;
	border: 1px solid;
	border-bottom: 0px solid;
}
#prog {
	width: 180px;
	float: left;
	text-align: center;
	border-left: 1px solid;
	border-right: 1px solid;
}
#agenda {
	width: 180px;
	float: left;
	text-align: center;
	border-left: 1px solid;
	border-right: 1px solid;
}
#part1 {
	width: 180px;
	height: 150px;
	float: left;
	text-align: center;
	border-left: 1px solid;
	border-right: 1px solid;
}
#part2 {
	width: 180px;
	height: 150px;
	float: left;
	text-align: center;
	border-left: 1px solid;
	border-right: 1px solid;
}
#partenaires {
	width: 180px;
	float: left;
	text-align: center;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}
h1 {
	margin: 0px 0 10px 0;
  font-size: 130%;
}

#blocnews {
	width: 596px;
	float: right;
	border: 1px solid;
	padding-left: 2px;
	display: inline;
}
#blocflash {
	width: 598px;
	float: right;
	border: 1px solid;
}
#annonce {
	width: 565px;
	height: 145px;
	float: right;
	background:url(../images/annonce.png) no-repeat;
	padding: 10px;
}
.newstitle {
	display: block;
}
.news {
	display: block;
}
#footer {
	clear: both;
  	font-size:11px;
	text-align:center;
}

/* menu*/ 
div#menu li.sep { width: 150px; background:#FFFFFF;}
body {behavior: url(csshover.htc);}
div#menu ul {padding: 0; border:0px solid; margin:0; list-style: none; text-align:center;}
div#menu li.sousmenu {background: none;}
div#menu ul li {position:relative; list-style: none; border-bottom:0px solid; float: left; width: 8em;}
div#menu ul ul {position: absolute; top: 17px ; left: 0px; text-align:left; display:none; border:1px solid; background: url(../images/fondmenu.png)}
div#menu li a {text-decoration: none; color:#000000}
div#menu li.lien a {text-decoration: none; color:#FFFFFF}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
sdiv#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}