
/**************************************************************

	Image Menu
	v 2.2

**************************************************************/
/*#fond_gris {
	background:url(images/fond_gris.jpg) no-repeat;
	width:730px;
	height:250px;
	padding-top:30px;
}*/

#intro {
background:url(images/courses_en_ligne.jpg) no-repeat;
width:730px;
height:200px; 
}

#box {
/*background-color:#FFFF00;*/
position:absolute;
}

#fond_gris {
margin-bottom: -20px;
}

/*html> body #box {
	margin-top:-10px;
}*/
/*#fond_vert1 {
background :url(images/test.jpg) no-repeat;
width:300px;
margin-left:430px;
margin-top:-255px;
}*/

#fond_bordeaux {
background:url(images/fond_bordeaux.jpg) no-repeat;
width:365px;
height:90px;
margin-left:375px;
margin-top:-90px;
}
#fond_bordeaux_1 {
background:url(images/fond_bordeaux.jpg) no-repeat;
width:365px;
height:90px;
}

#fond_rose {
background:url(images/fond_rose.jpg) no-repeat;
width:365px;
height:250px;
margin-left:375px;
margin-top:-249px;
}
#fond_rose_1 {
background:url(images/fond_rose.jpg) no-repeat;
width:365px;
height:150px;
}
/*html> body #fond_rose {
	margin-top:-300px;
}*/


#fond_vert {
background:url(images/fond_vert.jpg) no-repeat;
width:365px;
height:250px;
margin-top:-51px;
}
#fond_vert_1 {
background:url(images/fond_vert.jpg) no-repeat;
width:365px;
height:250px;
}
/*html> body #fond_vert {
	padding-top:30px;
}*/

#imageMenu {
	background:url(images/fond_gris.jpg) no-repeat;
	margin-top:10px;/*ajout ilh*/
	padding-top:30px;
	/*position: relative;*/
	/*width: 500px;*/
	/*margin:-30px;*/
	width: 730px;
	height: 300px;
	overflow: hidden;
}


html> body #imageMenu ul {
	padding-left:30px;
}


#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	/*width: 1000px;*/
	width:20000px;
	padding-top:30px;/*ajout ilh*/
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	/*width:98px;*/
	width:60px;
	height: 200px;
}

#imageMenu ul li.hyper a {
	background: url(images1/hyper.jpg) repeat scroll 0%;
}
#imageMenu ul li.galerie a {
	background: url(images1/galerie.jpg) repeat scroll 0%;
}
#imageMenu ul li.culturel a {
	background: url(images1/culturel.jpg) repeat scroll 0%;
}
#imageMenu ul li.multimedia a {
	background: url(images1/multimedia.jpg) repeat scroll 0%;
}
#imageMenu ul li.telephonie a {
	background: url(images1/telephonie.jpg) repeat scroll 0%;
}
#imageMenu ul li.parapharmacie a {
	background: url(images1/parapharmacie.jpg) repeat scroll 0%;
}
#imageMenu ul li.bijoux a {
	background: url(images1/bijoux.jpg) repeat scroll 0%;
}
#imageMenu ul li.voyages a {
	background: url(images1/voyages.jpg) repeat scroll 0%;
}
#imageMenu ul li.drive a {
	background: url(images1/drive.jpg) repeat scroll 0%;
}
#imageMenu ul li.auto a {
	background: url(images1/auto.jpg) repeat scroll 0%;
}



/*.clear {
	clear: both;
}*/

/*************************************************************/


