/*CSS pour le menu principal du site */

span {
	display: none;
}


ul#navigation {
	position: relative;
	list-style-type: none;
	width: 640px;
	height: 70px;
	margin: 0;
	padding: 0;
	padding-top: 50px;
	margin-bottom: 40px;
}

li#bu1 a, li#bu3 a {
	background: transparent;
	position: absolute;
	width: 140px;
	height: 100px;
	bottom: 20px;
	text-decoration: none;
}

li#bu2 a {
	background: transparent;
	position: absolute;
	width: 160px;
	height: 100px;
	bottom: 20px;
	text-decoration: none;
}

li#bu0 a {
	background: transparent;
	position: absolute;
	width: 250px;
	height: 120px;
	bottom: 0;
	text-decoration: none;
}


/* adjusted values for IE6 */
* html*li#bu0 a, * html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a { bottom: -1px; }

li#bu0 a {  left: 90px; background: url(../web/accueil1.png) 0 0 no-repeat; }
li#bu1 a {  left: 480px; background: url(../web/apropos1.png) 0 0 no-repeat; }
li#bu2 a { left: 620px; background: url(../web/creations1.png) 0 0 no-repeat; }
li#bu3 a { left: 780px; background: url(../web/contact1.png) 0 0 no-repeat; }

li#bu0 a:hover { background: url(../web/accueil2.png) 0 0 no-repeat; }
li#bu1 a:hover { background: url(../web/apropos2.png) 0 0 no-repeat; }
li#bu2 a:hover { background: url(../web/creations2.png) 0 0 no-repeat; }
li#bu3 a:hover { background: url(../web/contact2.png) 0 0 no-repeat; }