/* CSS Document */

body{
	padding : 0;
	margin : 0;
	background-image : transparent;
	background-repeat : repeat;
}

#contenu{
	padding-top:175px;
	padding-bottom: 30px;
	padding-left: 240px;
	padding-right: 16%;
}
#contenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:96%;
	font-weight:normal;
	color:#990000;
	background-color:transparent;
	line-height:120%;
	text-align:justify;
	text-indent: 30px;
}

#logo{
	position:absolute;
	top:10px;

	left:300px
	z-index:50;
	left: 43px;
}

#script{
	position:absolute;
	top:15px;
	left:730px;
	text-align:right;
}
#branche{
	position:absolute;
	top:10px;
	left:350px;
	text-align:right;
}
#banniere{
	position:absolute;
	top:130px;

	left:45px;
	z-index:50;
	
}
#object{
	position:absolute;
	top:190px;

	left:260px;
	z-index:50;
	
}
#photog{
	position:absolute;
	top:381px;

	left:300px
	z-index:50;
	left: 45px;
}
#artmontot{
position:absolute;
	top:590px;
	left:35px
}
#artmontot p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
}
#menu{
	position:absolute;
	top:190px;
	left:0px;
	z-index:50;
}

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

ul#menu li
{
	margin:  0 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: 170px ;
	line-height: 30px ;
	color:#990000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(image/bouton2.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: 1px solid #dbd ;
}

ul#menu li a:hover
{
	background: url(image/bouton2.jpg) no-repeat 0 -30px ; /* 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: 1px solid #f97 ;
}