* {margin:0;padding:0;}


div#A1{ 
/*bandeau titre */
  background-image: url(img/A1.png);
  position:absolute;
  background-repeat: no-repeat;
  top:25px;
  left:45px;
  width: 800px;
  height: 206px;
  padding: 0;
  z-index:1;
}

div#A2{ 
/*bandeau gris */
  background-color: #D3D1D5;
  position:absolute;
  background-repeat: no-repeat;
  top:500px;
  left:45px;
  width: 800px;
  height: 75px;
  padding: 0;
  z-index:1;
}

div#A3{ 
/*cacheblanc */
  background-color: white;
  position:absolute;
  background-repeat: no-repeat;
  top:225px;
  left:45px;
  width: 800px;
  height: 65px;
  padding: 0;
  z-index:1;
}

div#A4{ 
/*cacheblanc */
  background-color: white;
  position:absolute;
  background-repeat: no-repeat;
  top:350px;
  left:45px;
  width: 800px;
  height: 65px;
  padding: 0;
  z-index:1;
}

div#A5{ 
/*bandeaunoir */
 background-color: black;
  position:absolute;
  background-repeat: no-repeat;
  top:500px;
  left:45px;
  width: 800px;
  height: 7px;
  padding: 0;
  z-index:1;
  }
  div#A6{ 
/*bandeaunoirhaut */
 background-color: black;
  position:absolute;
  background-repeat: no-repeat;
  top:235px;
  left:45px;
  width: 800px;
  height: 4px;
  padding: 0;
  z-index:1;
  }
div#A7{ 
/*bandeaunoir */
 background-color: black;
  position:absolute;
  background-repeat: no-repeat;
  top:509px;
  left:45px;
  width: 800px;
  height: 20px;
  padding: 0;
  z-index:1;
  }

div#titre{ 
/*bandeau titre */
  background-image: url(img/title.gif);
  position:absolute;
  background-repeat: no-repeat;
  top:-20px;
  left:500px;
  width: 410px;
  height: 188px;
  padding: 0;
  z-index:4;
}

div#copyright{ 
/*copyright*/
  background-image: url(img/copyright.gif);
  position:absolute;
  background-repeat: no-repeat;
  top:530px;
  left:237px;
  width: 608px;
  height: 10px;
  padding: 0;
  z-index:4;
}





/* default link and visited state to trigger :active in IE6 */
a, a:visited {color:#000;}

/* block de la gallerie */
div.frame {
position:absolute; 
top : 140px;
left : 525px;
margin:20px auto; 
width:320px; 
height:240px;
border:0px solid #000;
}

/* Set up the default links for the gallery */
div.frame a, div.frame a:visited {background:#eee; text-decoration:none;}

/* Set up the common image style */
div.frame a img {position:absolute; top:0; left:0; border:0px ;}
/* les images en bandes */
div.frame a.pos1 img {clip:rect(0 45px 240px 0px); }
div.frame a.pos2 img {clip:rect(0 90px 240px 45px); }
div.frame a.pos3 img {clip:rect(0 135px 240px 90px); }
div.frame a.pos4 img {clip:rect(0 180px 240px 135px); }
div.frame a.pos5 img {clip:rect(0 225px 240px 180px); ;}
div.frame a.pos6 img {clip:rect(0 270px 240px 225px); }
div.frame a.pos7 img {clip:rect(0 320px 240px 270px); }


/* set up the default link :active for IE */
div.frame a:active {position:absolute; top:0; left:0; background:#fff; z-index:100;}

/* unclip the image */
div.frame a:active img, div.frame a:focus img {background:#fff; clip:rect(0 320px 240px 0); z-index:100;}



#nav {
position:absolute; 
top : 239px;
left : 45px;
background:
repeat-x left bottom;
 
 z-index:120;
 }

#nav ul {
margin:0 auto; 
padding:0; 
list-style:none; 
display:block; 

font-family: arial; 
font-size:14px;
}
#nav li {
display:table-cell; 
margin:0; 
padding:0;
}

#nav a {float:left; color:white; background: black url(top_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 0 0px; text-decoration:none; letter-spacing:5px;}
#nav a b {float:left; display:block; background:transparent url(top_right.gif) no-repeat right top; padding:5px 22px 5px 23px;}
#nav a:hover {background: #f64b1c url(top_left.gif) no-repeat left top; color:#fff; cursor:pointer;}