img {
  border: 0;
}

a{
color: #FFF;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}

body {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 80%;
  background-color: #000000;
  color: #FFF;
  margin-right:auto;
  margin-left:auto;
  width: 735px;
  /*border: 1px solid #FFF;*/
}

#content {
  margin-top: 50px;
  /*border: 1px solid red;*/
}

/*** DEBUT MENU ONGLET PHOTO roolover***/
ul#menu {
list-style-type:none;
margin:0;
padding:0;
}

ul#menu li{
display:inline;
float:left;
margin-left:20px
}

ul#menu li:first-child {
margin-left:0px
}


a#menu1{
height:270px;
width:131px;
background : url(images/menu/nature-nb.jpg) no-repeat;
display:block;
}
a:hover#menu1{
background : url(images/menu/nature-coul.jpg) no-repeat;
}

a#menu2{
height:270px;
width:131px;
background : url(images/menu/lumiere-nb.jpg) no-repeat;
display:block;
}
a:hover#menu2{
background : url(images/menu/lumiere-coul.jpg) no-repeat;
}

a#menu3{
height:270px;
width:131px;
background : url(images/menu/pierre-nb.jpg) no-repeat;
display:block;
}
a:hover#menu3{
background : url(images/menu/pierre-coul.jpg) no-repeat;
}

a#menu4{
height:270px;
width:131px;
background : url(images/menu/eau-nb.jpg) no-repeat;
display:block;
}
a:hover#menu4{
background : url(images/menu/eau-coul.jpg) no-repeat;
}

a#menu5{
height:270px;
width:131px;
background : url(images/menu/autrepart-nb.jpg) no-repeat;
display:block;
}
a:hover#menu5{
background : url(images/menu/autrepart-coul.jpg) no-repeat;
}

/******** FIN MENU **********/

#text{
 padding: 20px;
 text-align: center;
}
#footer{
  font-size: 9px;
  margin-top: 50px;
  border-top: 1px solid #FFFFFF;
}
#sub-foot{
  text-align:center;
  color:#444444;
}
#sub-foot a{
color: #444444;
}