body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
body {
 margin: 0;
 padding: 0;
height: 100%;
  width: 100%;
  border: none; 
 background-color: #F2F2F2; 
 font-size: 100%; }
 
a:link, a:visited {  text-decoration:none; }


#banierehaut {
width: 100%;background-color: silver;height: 55px; position:fixed; z-index:0; border:0; }

.menu {
z-index:2;
  margin-left: auto;
  margin-right: auto;
  width: 1010px;
position: fixed;
  right: 0;
  left:0;
  top: 0;
  margin-top: 0;}

  #plus a , #index a {
 
width:99px;
 
 }

.menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
.menu li {
 margin-left:0px;
 float:left; 
   border-left:1px solid silver;
list-style-type: none;
 }
.menu ul li a {
 display:block;
 float:left;   
width:200px;
 line-height:55px; 
 background:silver url(images/menu/boutonmenudekstop.png) no-repeat;
 color:white;
font-weight:bold;
font-family:georgia;
font-size:20px;
text-decoration:none; 
 text-align:center;
list-style-type: none;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:silver;
 }
.menu ul li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 

#cons li, #cons ul, #cons a:hover {
 background:#696969 url(images/menu/conso2.png) no-repeat;
   background-position: 0 -18px;
 }

#envi li, #envi ul, #envi a:hover {
 background:#696969 url(images/menu/envi2.png) no-repeat;
   background-position: 0 -18px;
 }
 
#fut li, #fut ul, #fut a:hover {
 background:#696969 url(images/menu/futur.png) no-repeat;
   background-position: 0 -18px;
 }

#vivre li, #vivre ul, #vivre a:hover {
 background:#696969 url(images/menu/vivre.png) no-repeat;
   background-position: 0 -18px;
 }
 
#plus li, #plus ul, #plus a:hover {
 background:#696969 url(images/menu/plus.png) no-repeat;
   background-position: 0 -18px;
 }
 
#index li, #index ul, #index a:hover {
 background:#696969 url(images/menu/index.png) no-repeat;
  color:#696969;
  font-size:0px;
 }