* {
  margin:0;
  padding:0;
}

body {
  width:982px;
  margin:0 auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#EFEFEF;
  color:black;
  position:relative;
  padding:10px 0;
}

a {
  text-decoration:none;
  color:black;
}

a img {
  border:none;
  vertical-align:top;
}

#container {
  position:relative;
  background:#EFEFEF url(/images/fond.gif) no-repeat top left;
  padding:18px 0 0 0;
}

#container2 {
  background:#EFEFEF url(/images/fond_bas.gif) no-repeat bottom right;
  padding:0 0 18px 0;
}

#menu {
  display:block;
  list-style:none;
  position:absolute;
  top:0;
  left:285px; 
  width:648px;
  height:54px;
  background:transparent url(/images/fond_menu.gif) no-repeat bottom left;
}

#menu li {
  display:block;
  height:100%;
  list-style:none;
  float:left;
  padding:0 0 0 1px;
}

#menu li a {
  display:block;
  float:left;
  height:42px;
  padding:5px 0 7px 0;
}

#menu li a img {
  visibility:hidden;
}

/* BUG IE6 */
#menu li a:hover {
  background-position: 0 0;
}
/* BUG IE6 */

#menu li a:hover img, #menu li.on a img {
  visibility:visible;
}

ul.themes {
  display:block;
  list-style:none;
  position:absolute;
  top:115px;
  left:0;
  width:172px;
}

ul#sm_galeries.themes {
  background:transparent url(/images/fond_m_galleries.gif) no-repeat top left;
  height:144px;
}

ul#sm_publications.themes, ul#sm_digigraphie.themes {
  background:transparent url(/images/fond_m_publications.gif) no-repeat top left;
  height:70px;
}

ul.themes li {
  display:block;
  list-style:none;
  padding:1px 0 0 0;
  /*background-color:blue;*/
}

ul.themes li a {
  display:block;
  color:#808080;
  font-size:13px;
  line-height:27px;
  padding:0 0 0 25px;
  width:147px;
}

ul#sm_publications.themes li a, ul#sm_digigraphie.themes li a {
  padding:0 0 0 25px;
  line-height:33px;
}

ul#sm_galeries.themes li a:hover, ul#sm_galeries.themes li a.on {
  color:#AD3C5C;
  background:transparent url(/images/t_galeries.gif) no-repeat center left;  
}

ul#sm_publications.themes li a:hover, ul#sm_publications.themes li a.on {
  color:#3D7560;
  background:transparent url(/images/t_publications.gif) no-repeat center left;  
}

ul#sm_digigraphie.themes li a:hover, ul#sm_digigraphie.themes li a.on {
  color:#66BABD;
  background:transparent url(/images/t_digigraphie.gif) no-repeat center left;  
}

#contenu {
  height:508px;
  margin:0 25px;  
  background:#A3A2A4 url(/images/fond_page.gif) no-repeat 238px 100% ;
  border:1px solid #707173;
}

#photos {
  height:90px;
  margin:3px 0 0 0;
}

#photos button {
  float:left;
  width:25px;
  height:100%;
  background-color:transparent;
  border:none;
  line-height:90px;
  font-size:18px;
  cursor: pointer;
  cursor:hand;
}

#photos div.container {
  position:relative;
  top:0;
  left:0;  
  float:left;
  width:930px;
  overflow: hidden;
}

#photos div.container ul {
  position:relative;
  top:0;
  left:0;
  display:block;  
  list-style:none;
  float:left;
  width:100000px;
  height:90px;
}

#photos div.container ul li {
  float:left;
  padding:0 10px;
  width:73px;
  height:90px;
  text-align: center;
}

#photos div.container ul li a {
  display:block;
  padding:7px 0 9px 0;
}

#photos div.container ul li a:hover {
  background:transparent url(/images/fond_vignette.gif) no-repeat bottom center;
}

#photos div.container ul li a img {
  display:block;
  border:1px solid #707173;
  width:72px;
  height:72px;
}

#photos button.previous_button_over, #photos button.next_button_over {
  color:#AD3C5C;
}

#photos button.previous_button_disabled, #photos button.next_button_disabled  {
  visibility:hidden;
}

#description {
  position:absolute;
  top:275px;
  left:54px;
  width:200px;
  height:230px;
  line-height:18px;
  overflow:auto;
}

#page {
  margin:0 22px 0 260px;
  padding:5px 30px;
  border:1px solid black;
  height:420px;
  overflow:auto;
}

#page img.image {
  display:block;
  margin:auto;
  border:1px solid black;
}

#nav {
  font-family: Arial, sans-serif;
  margin:0 50px 0 290px;
  text-align:center;
  font-size:16px;
}

#nav a {
  text-align:center;
  padding:0 20px;
}

#mentions {
  display:block;
  position:absolute;
  right:0;
  top:430px;  
}