/* CSS Document */

#body{
  margin: 0px;
  padding:0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE */
  background-color: #cccccc;
}
#global {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 950px;
 
}

#menu{
 	margin:0;
 	padding:0;
 	position:absolute;
	top:220px;
	left:0%;
	z-index:50;
	
}

ul#menu
{
	padding:0;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin:  10px 5px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display:block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 190px ;
	line-height: 35px ;
	color:#ffffff;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bouton.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #;
}

ul#menu li a:hover
{
	background: url(image/bouton.jpg) no-repeat 0 -35px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #;
}
#texte{
	position:absolute;
	top:220px;
	left:275px;
	right: 60px;
}
#texte 
	h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}
	h2{
	font-family:Arial, Helvetica, sans-seriff;
	font-size:13px;
	color:#993300;
}
	p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
}
#photo1{
position:absolute;
	top:220px;
	left: 275px;
}