body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
  	font-size:11px;
	padding: 0;
	background-color:#FFFFFF;
	color:#000000;
	

	

}

#conteneur {

	height: 343px;
	width: 100%;
  	padding : 0px;
	text-align:left;
	background-color:none;
	margin-left: auto;
	margin-right:auto;
	position:relative;
	background-repeat : none;

}	

#intro{

height : 100%;
width : 100%;
margin : auto;
background-image : url(images/fond-index.png);
text-align : center;
background-repeat : repeat-x;

}	

 ul#flash li
{
	list-style-type : none;
	float : left;
	margin-left : 200px!important;
	margin-left : 100px;
	margin-top : 10px;
}

ul#flash li a
{
	display: block ;
	width: 274px ;
	height: 46px;
	background: url(images/versionflash.jpg)  no-repeat 0 0;
	border: none ;	
}

ul#flash li a:hover
{
	background: url(images/versionflash.jpg) no-repeat -274px 0px ; /* 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: none ;
}

 ul#html li
{
	list-style-type : none;
	float : left;
	margin-left : 200px!important;
	margin-left : 100px;
	margin-top : 10px;
}

ul#html li a
{
	display: block ;
	width: 274px ;
	height: 46px;
	background: url(images/versionhtml.jpg)  no-repeat 0 0;
	border: none ;	
}

ul#html li a:hover
{
	background: url(images/versionhtml.jpg) no-repeat -274px 0px ; /* 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: none ;
}