body{
   background: #F5FFFA;
}
#page {
position: relative;
width:900px;
margin: 20px auto auto auto;
}
  #cgris {
	border-style: solid outset outset solid;
	border-color: rgb(204, 204, 204) rgb(195, 196, 212) rgb(204, 204, 204) rgb(204, 204, 204);
	border-width: 2px;
	background: transparent url(buffleclair.jpg) repeat scroll 0% 50%;
	-moz-background-clip: initial;
	-moz-background-origin: initial;
	-moz-background-inline-policy: initial;
	position: absolute;
	width: 820px;
	height: 530px;
	z-index: 10;
	left: 78px;
	top: 60px;
	visibility: visible;
	/*opacity: 0.902;
	filter: alpha(opacity=90);*/
	background-color: Black;
}

  #cbleu {
	border-style: solid outset outset solid;
	border-color: rgb(153, 153, 204);
	border-width: 2px;
	position: absolute;
	width: 820px;
	height: 530px;
	z-index: 2;
	left: 51px;
	top: 38px;
	visibility: visible;
	background-color: #ADFF2F;
	border-top: 1px solid #1E90FF;
}

  #header { position: absolute;
    width: 200px;
    height: 115px;
    z-index: 800;
    left: 35px;
    top: 17px;
    visibility: visible;
    }

  #dcontent {
	position: absolute;
	z-index: 800;
	left: 100px;
	top: 110px;
	height: 390px;
	visibility: visible;
	background-color: white; /**/
	opacity: 0.8;
	filter: alpha(opacity=80);
	overflow: auto;
	border-left: 1px solid #FFA500;
	border-top: 1px solid #FFA500; /**/
	padding-right: 40px;
	padding-left: 70px !important;
	padding-left: 40px;
	width: 595px !important;
	width: 710px;
	text-align: justify;
}
#dcontent P{
	padding-right:40px;
}
#services  {
position: absolute;
z-index: 100;
top: 70px; left: 280px;

}

#services img {

height:80px;
}
  .titre { text-indent: 3px;
    font-size: 14px;
    font-weight: bold;
    }



  #adr {
   position: absolute;
   left: 83px;
   width: 788px;
   top: 566px;
   height: 19px;
   z-index: 100;
   visibility: visible;
   font-weight: bold;
   color: rgb(102, 102, 102); border-top-color: #ADADAD;
   border-top-style: solid;
   border-top-width: 2px;/**/
   font-size: 14px;
}

  #adr a:link {
	text-decoration: none;
	color: Gray;
}
  #adr a:link:hover {
	text-decoration: none;
	color: #FFA500;
}
/* -------------------

  .menu {
	position: absolute;
	padding-left: 30px;
	width: 170px;
	height: 20px;
	text-indent: 3px;
	font-size: 18px;
	font-weight: bold;
	z-index: 500;
	font-style: normal;
	color: rgb(0, 0, 102);
	text-decoration: none; 
	background-repeat: no-repeat;
	border-bottom-color: #483D8B;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	overflow: visible;
	background-image: url(bouton.gif);
}
.menu a:link {
 text-decoration: none;
    color: #00008B;
	  

    }
----------------------*/

#menucont{height:20px;width: 100%;top:-5px;}
#menu {
	position: absolute; /*width: 978px;*/
	left: 190px;
	
	width: 100%;
	top: 87px;
	font-size: 15px;
	z-index: 500;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	
}
#menu dl {
float: left;
width: 100px;
margin: 0 0px;
background-image: url(bouton.gif);
 
}
#menu dt {
	cursor: pointer;
	text-align: left;
	font-weight: bold; /*background: Gray;
   border: 1px solid blue;*/
	color: Blue;
	height: 25px;
	padding-top: 3px;
	padding-left: 3px;
	margin-left: 2px;
}
#menu dd {
border: 1px solid red;
}
#menu li {
	text-align: center;
	background: #fff;
	font-weight: bold;
	height: 100%;
	
}
#menu li a, #menu dt a {
	text-align: center;
	color: Blue;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;

}

#menu li a:hover{
background: black; 
color:white;
}
#menu dl a:hover {
	color: #FFA500;
	width: 90%;
}