* {
  margin: 0;
  padding: 0;
}
body {
  background: #ccc;
  font-family: verdana;
  height: 100%;
}
.clear {
  clear: both;
}

div#global {
  margin: 0 auto;
  width: 954px;
  background-color: #fff;
	position:relative;
}

body#home div#global div.footer {
}


body#home #global .menu {
			font-family: arial, sans-serif; 
			height:20px; 
			position:relative; 
			font-size:11px; 
			margin:0; 
			width:954px; 
			background:#fff; 
			position:relative; 
			z-index:100; 
			background:#f1f3f2;
}
body#home #global .menu ul {
			padding:0; 
			margin:0; 
			list-style-type: none;
}
body#home #global .menu ul li{
			border-left:1px solid #000; 
			width:130px;
		  text-transform:uppercase;
		  float:left;
		  position:relative;
}
body#home #global .menu ul li ul li{
			float:none;	
			border-left:none; 
}

body#home #global .menu ul li a{
			display:block; 
			text-decoration:none; 
			padding:0px; 
			text-align:center; 
			line-height:20px; 
			color:#000; 
			background:#f1f3f2;
}
body#home #global .menu ul li ul {
			visibility:hidden; 
			position:absolute; 
			left:0; 
			text-transform:normal;
			bottom:20px;
			width:130px;
}
body#home #global .menu ul li ul li a{
			text-transform:none;
}

body#home #global .menu ul li:hover a,
body#home #global .menu ul li.hover a,
body#home #global .menu ul li a:hover {color:#fff; background:#003875;}


body#home #global .menu ul li:hover ul,
body#home #global .menu ul li.hover ul,
body#home #global .menu ul li a:hover ul {
	visibility:visible; 			
	width:130px;
	background:#003875; margin:0; color:#fff;
	position:absolute;
}


body#home #global .menu ul li:hover ul li a,
body#home #global .menu ul li.hover ul li a,
body#home #global .menu ul li a:hover ul li a {display:block; background:#003875; color:#fff;}

body#home #global .menu ul li:hover ul li a:hover,
body#home #global .menu ul li.hover ul li a:hover,
body#home #global .menu ul li a:hover ul li a:hover {background:#889aad; color:#fff;}




body#home #global div.bottom {
  margin-top: 25px;
  padding: 5px;
  font-size: 10px;
  color: #8f93c2;
}

body#home #global div.bottom ul {
  float: right;
  margin-top: -20px;
}

body#home #global div.bottom ul li {
  display: inline;
}

body#home #global div.bottom ul li a {
  color: #8f93c2;
  text-decoration: none;
  text-transform: uppercase;
}







/* menu calques début */



ul#nav-haut
{
	float: left;
	height: 15px;
	width: 829px;
	background:none;
	font-size: 11px;
  	font-family: arial;
  	z-index:0;
}



ul#nav-haut li
{
	float: left;
	position: relative;
	z-index: 10;
	width:137px;
}

ul#nav-haut li a
{
	color : #fff;
}

ul#nav-haut li a:hover
{
text-decoration : none;
}

ul#nav-haut li h3
{
	text-transform: uppercase;
	font-weight: normal;
	color:#FFF;
  	font-size: 11px;
  	font-family: arial;
	line-height: 10px;
	border-right : 1px solid #fff;
	/*padding: 0px 19px;*/
	text-align:center;
	cursor: default;
}



ul#nav-haut li.dernier h3
{
	background: none;
}


ul#nav-haut li:hover h3,ul#nav-haut li.hover h3
{
	background: #408080;
}

ul#nav-haut li:hover ul,ul#nav-haut li.hover ul
{
	background: #408080;
}



ul#nav-haut ul
{
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 10px;
	width: 136px;
	padding: 10px 0px;
	visibility: hidden;
}



ul#nav-haut li:hover ul,ul#nav-haut li.hover ul
{
	visibility: visible;
}


ul#nav-haut ul li
{
	font-size:11px;
	float: none;
	height: auto;
	padding: 3px 20px;
	position: static;
	background: none;
}

ul#nav-haut ul li a
{
	color: #FFF;
	text-transform:lowercase;
	/*display: block;
	padding: 3px 20px;*/
	text-decoration : none;
}

ul#nav-haut ul li a:hover
{
	/*background: #0e263f;*/
	text-decoration : underline;
}

ul#nav-haut li.last-child , ul#nav-haut li.last-child ul
{
	width : 144px;
}
ul#nav-haut li.last-child h3 {
  border-right: 0 none;
}
body#home #global ul li.un-menu{
	border:none;
}
.la-news{
    	position:absolute;
    	top:400px;
			left:704px;
    	width:250px;
    	height:130px;
    	background-color:white;
			filter:alpha(opacity=80); /* for IE */ 
    -moz-opacity:0.8; /* for mozilla */ 
    opacity: 0.8; /* for safari */ 
    -khtml-opacity: 0.8; /* for konquerer and older safari */ 
	}
.contenu-news{
			font-size:10px;
			color:black;
    	position:absolute;
    	top:395px;
			left:714px;
    	width:230px;
    	height:120px;
}
.contenu-news h4
{
	margin-left:50px;
	font-size: 1em;
	text-transform: uppercase;
}
.contenu-news h5
{
	margin-left:50px;
	font-size: 1em;
}
.contenu-news a
{
	color: #000;
}
.arrondi{
			background:url(../pix/arrondi.gif) no-repeat;
    	position:absolute;
    	top:388px;
			left:704px;
			width:250px;
			height:12px;
			filter:alpha(opacity=80); /* for IE */ 
    -moz-opacity:0.8; /* for mozilla */ 
    opacity: 0.8; /* for safari */ 
    -khtml-opacity: 0.8; /* for konquerer and older safari */ 
}