@charset "utf-8";
/* CSS Document */

* 
  {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color:#c0c0c0;
  }
  
  body
  {
	background-color: #FFFFFF;
  }
  
  #site
  {
	margin: 1px auto;
	width: 1024px;
  }

  #home
  {
	background: #000000 url(../images/fond_wharf.jpg) top left no-repeat;
	width: 1024px;
	height: 600px;
  }

  #pi
  {
	background: #000000 url(../images/fond_wharf_pi.jpg) top left no-repeat;
	width: 1024px;
	height: 600px;
  }  

#contenu, #nav, #header, #footer
  {
	position: absolute;
  }
  
  #home #header
  {
  margin-top: 100px;
  margin-left: 18px;
  }
	
  #pi #header
  {
  margin-top: 50px;
  margin-left: 18px;
  }
	

#home #nav
  {
	margin-top: 287px;
	margin-left: 835px;
	padding-left: 20px;
	width: 150px;
	height: 50px;
    color: #FFFFFF;
	background: url(../images/chevron_fond.gif) top left no-repeat;
	}
	
	#pi	#nav
  {
	margin-top: 127px;
	margin-left: 835px;
	padding-left: 20px;
	width: 150px;
	height: 50px;
    color: #FFFFFF;
	background: url(../images/chevron_fond.gif) top left no-repeat;
	}
	
	#nav a
  {
 
  font-family: arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  font-size : 12px;
	}
	
	#home #contenu
  {
	margin-top: 360px;
	margin-left: 18px;
	width: 750px;
	height:230px;
  }
  
  	#pi #contenu
  {
	margin-top: 250px;
	margin-left: 18px;
	width: 650px;
	height:230px;
  }
  
  #contenu a
  {
	color: #ffffff;
	text-decoration: underline;
  }
  
  
  #contenu h2
  {
	 font-weight: bold;
	color: #FFFFFF;
	font-size: 18px;
  }
  
    #header h1
  {
  font-family: arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
  }
  
      #contenu h1
  {
  font-family: arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
  }
  
  #footer
  {
  	margin-top: 573px;
	width: 1006px;
	height: 17px;
	background: #1a1a1a;
	color:#FFFFFF;
	padding-left : 18px;
	padding-top : 3px;
	}
  }