* 
{
  margin:0px;
  padding:0px;
}

body
{
  height:100%;
  width:100%;
  
  background-color:#ECECEE;

  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  color:#ADABAF;

  margin:0px;
  text-align: center; /* <-- pour corriger le bug de centrage IE */
}

body a, body a:link, body a:visited
{
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  color:#ADABAF;
}


img#fond
{
  position:fixed;
  top:0;
  left:0;
  z-index:-1;  
}

#contenu
{
  position:absolute;

  left:20px; 
  bottom:40px;

  width:1000px;
  height:650px;

  text-align:left;
}

#menu
{
  width:105px; /* 200px - 95px de padding-left */
  height:119px; /* <== 600px - 481px de padding-top */

  float:left;

  font-size: 16px;
  font-weight:bold;

  padding-top:465px;
  padding-left:95px;
  
  /*background-image:url(images/logo_filigrane.png);*/
  background-image:url(images/filigrane.png);
  background-position:center center;
  background-repeat:no-repeat;
}

#menu li
{
  list-style:none;
  text-align:right;  
  width:100px;
  height:12px;
  
  margin-top:9px;
  margin-bottom:9px;
}

#menu li a
{
  padding-left:16px;
  padding-top:2px;
  height:12px;
}

#menu li a, #menu li a:link, #menu li a:visited
{
  text-decoration:none;
}

#menu li.current a, #menu li.current a:link, #menu li.current a:visited,
#menu li a:hover
{
  background-image:url('images/fleche_ltr.png');
  background-position:left top;
  background-repeat:no-repeat;
}


#menu li a img, #menu li a:link img, #menu li a:visited img
{
  border-width:0px;
}

#cadre
{
  height:590px; /* 600px - 5px de padding-top - 5px de padding-bottom */

  float:left;

  padding-top:5px;
  padding-bottom:5px;

  vertical-align:top;
  text-align:center;

  overflow:hidden;
}

#cadre #image_courante
{
  text-align:left;
  padding-left:10px;

  position:absolute;
  bottom:50px;
}

#cadre #image_courante a img
{
  border-width:0px;
}

#cadre div.contacts
{
  width:320px;
  margin-left:20px;
  height:100%;
  float:left;
}

#cadre div.contacts a
{
  display:block;
  float:left;

  margin-top:40px;
  padding-left:15px;
  margin-right:0px;
    
  border-width:0px;
  
  background-image:url(images/fleche_ltr.png);
  background-position:top left;
  background-repeat:no-repeat;
}

#cadre div.contacts a img
{
  border-width:0px;
}

#logo
{
  width:200px;
  height:35px; /* 50px - 15px padding-top */

  margin-top:15px;
  float:left;

  background-image:url(images/logo.png);
  background-position:top right;
  background-repeat:no-repeat;
}

#navigation
{
  height:27px; /* 50px - 23px padding-top */

  padding-top:23px;
  padding-left:10px;

  float:left;
}

#navigation a:link img
{
  border-width:0px;
}