/* Regler les padding, margin par defaut a 0 */
*
  {
	  padding: 0;
	  margin: 0;
	}

body
  {
		background: #333333 url(../images/vav-workshop.gif) no-repeat bottom center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* le rectangle interne de la page */
#content
  {
	  width: 850px;
	  height: 500px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -425px;
	  /* Hiding from IE5 Mac \*/
		margin-top: -270px;
	  /* End hiding */
	}

/* la barre de menu */
#menubar
  {
		position: absolute;
	  width: 850px;
		height: 95px;
		border-bottom: 1px solid #606060;
	}

/* le contenu principal pour les images */
#maincontent
  {
		position: absolute;
	  width: 850px;
		height: 460px;
		margin-top: 90px;
	}

/* Le logo du photographe */
img#logo
  {
		position: absolute;
		display: block;
	    right: 0px;
		top: 25px;
		width: 450px;
		height: 36px;
		border: 0;
	}

/* la barre de menu principale */
ul#mainmenu
	{
		position: absolute;
		height: 14px;
		width: 850px;
		margin-top: 70px;
		list-style-type: none;
		font-size: 11px;
		letter-spacing: 0.07em;
		font-weight: normal;
		color: rgb(100,100,100);
		padding-bottom: 3px;
	}

ul#mainmenu li
	{
		display: inline;
	  height: 30px;
		padding-left: 15px;
		background: transparent url("../images/carre.gif") no-repeat left 2px;

  }

li#gal1
  {
    position: absolute;
		left: 0px;
  }

li#gal2
  {
    position: absolute;
		left: 130px;
  }

li#gal3
  {
    position: absolute;
		left: 250px;
  }

li#bio
  {
    position: absolute;
		right: 80px;
  }

li#contact
  {
    position: absolute;
		right: 0px;
  }

#mainmenu li a:link, #mainmenu li a:visited
{
 color: #777777;
 text-decoration: none;
}

#mainmenu li a:hover
{
 color: #cfcfcf;
 text-decoration: none;
}

/* la photo principale en grand */
img#photo
  {
	  display: block;
		position: absolute;
		height: 600px;
		height: 400px;
		left: 250px;
		margin-top: 22px;
		border: 1px solid #4A4947;
	}

ul#vignettes
  {
		position: absolute;
		list-style-type: none;
	  width: 87px;
		heigth: 355px;
		left: 23px;
		top: 22px;
	}

ul#vignettes li
  {
		list-style-type: none;
		margin-bottom: 10px;
		width: 67px;
		height: 67px;
		vertical-align: bottom;
	}

ul#vignettes li img
  {
		width: 67px;
		height: 67px;
		border: 1px solid #4a4947;
		vertical-align: bottom;
	}

ul#vignettes li img#vignettecourant
  {
    border: 1px solid #b6ac88;
  }
.invisible
  {
	  display: none;
	}

a#next:link, a#next:visited
	{
	  position: absolute;
		left: 77px;
		top: 415px;
	  width: 10px;
		height: 9px;
		border: 0;
		background: url(../images/anext.gif) right bottom;
	}

a#next:hover
	{
		background: url(../images/anext-on.gif) right bottom;
  }

a#previous
	{
	  position: absolute;
		left: 25px;
		top: 415px;
	  width: 10px;
		height: 9px;
		border: 0;
		background: url(../images/aprev.gif) left bottom;
	}

a#previous:hover
	{
		background: url(../images/aprev-on.gif) left bottom;
  }