html, body {
  height:100%;
  background-color: #444;
  font-family: verdana, arial, Helvetica, sans-serif;
  color: rgb(255,255,204);
}

#page{
  margin:0px auto;
  padding:10px 0px;
	width: 1000px;
	height: 750px;
  background-color: #000;
  color: rgb(255,255,204);
  border: thin  #F80 solid;
  
}

img{
  border:none;
}

#titre{
  position: relative;
  top: 550px;
}

#titre span{
  float:right;
  margin-right: 50px;
  text-align:right;
}

#titre p.contact a{
  display: block;
}

h1{
  margin:20px;
  font-size: 1.8em;
  color: #F80;
}
h2{
  padding-left: 100px;
  font-size: 1.2em;
  font-style: italic;
}

#titre p.cop{
  font-size: 0.6em;
  margin-top: 80px;
  text-align:right;
  padding:5px;
  font-style: italic;
}

#titre a, #titre a:hover, #titre a:visited{
  border: none;
  color: #F80;
  /*color: rgb(255,255,204);*/
  text-decoration: none;
  border: thin black solid;
  padding: 5px;
}
#titre a:hover{
  color: #F80;
 /* color: rgb(255,255,204);*/
  border: thin rgb(255,255,204) solid;
  padding: 5px;
}


p.retour{
  float: right;
  margin: 5px;
  background-color:#F80;
  color: rgb(255,255,204);
  font-weight: bold;
}


p.retour a, p.retour a:hover, p.retour a:visited{
  display: block;
  color: rgb(255,255,204);
  text-decoration: none;
  border: thin black solid;
  padding: 5px 20px;
}
p.retour a:hover{
  color: rgb(255,255,204);
  border: thin rgb(255,255,204) solid;
  padding: 5px 20px;
}


#calendrier{
  margin: 0px auto;
  padding:50px 2px;
  list-style:none;
}

#calendrier a, #calendrier a:hover, #calendrier a:visited{
  color: #F80;  
  text-decoration: none;
  border: thin black solid;
}
#calendrier a:hover{
  color: #F80;
  border: thin rgb(255,255,204) solid;
}

#calendrier li{
  clear: both;
  padding-top: 20px;
}
#calendrier li h3{
  color: rgb(255,255,204);
}
#calendrier li h3 p{
  font-size:0.8em;
  color: #F80;
}
#calendrier li p{
  display:inline;
  color: rgb(255,255,204);
}
#calendrier li p a{
  
}
#calendrier li img{
  float: left;
  margin: 5px;
}
#menu {  
  margin: 0px auto;
  padding:50px 2px;
  height:500px;
  width:500px;
  background:#000;
  list-style:none;
  overflow:hidden;
}

#menu li {
  float:left;
  width:100px;
  height:500px;
  border-right:2px solid #FFF;
}

#menu li .menuOptionHover{
  display:block;
  width:100%;
  height:500px;
  text-indent:-8000px;
}

#menu-1 { background:url(../galleries/1.jpg) no-repeat; }
#menu-2 { background:url(../galleries/2.jpg) no-repeat; }
#menu-3 { background:url(../galleries/3.jpg) no-repeat; }
#menu-4 { background:url(../galleries/4.jpg) no-repeat; }
#menu-5 { background:url(../galleries/5.jpg) no-repeat; }

/*
#menu li#menu-1 .menuOptionHover { background:url(../imgs/1.jpg); }
#menu li#menu-2 .menuOptionHover { background:url(../imgs/2.jpg); }
#menu li#menu-3 .menuOptionHover { background:url(../imgs/3.jpg); }
#menu li#menu-4 .menuOptionHover { background:url(../imgs/4.jpg); }
*/