/*-----------------------------*/
/*                             */
/*         CSS Document        */
/*  www.riccicedricdesign.com  */
/*    Pour Graphorizon 2009    */
/*                             */
/*-----------------------------*/

/* Debut de style du menu de navigation */

#navigationMenu {
	width: 982px;
	height: 48px;
	margin:0px;
	padding: 0px;
}

#navigationMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	height:39px;
}

#navigationMenu li a span { 
	visibility: hidden; 
	height:39px;
}

.magnetic {
	background-image: url(images/menu/magnetique_03.jpg);
	background-position: top left;
	outline: none;
	width: 125px;
	text-decoration: none;
	float: left;
	height: 39px;
}

.magneticspan { 
	visibility: hidden; 
	height:39px;
}


#navigationMenu li a.accueil {
	background-image: url(images/menu/magnetique_04.jpg);
	background-position: bottom left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.accueil:hover {
	background-image: url(images/menu/magnetique_04.jpg);
	background-position: top left;
}

#navigationMenu li a.accueil-current {
	background-image: url(images/menu/magnetique_04.jpg);
	background-position: top left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.supports {
	background-image: url(images/menu/magnetique_05.jpg);
	background-position: bottom left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.supports:hover {
	background-image: url(images/menu/magnetique_05.jpg);
	background-position: top left;
}

#navigationMenu li a.supports-current {
	background-image: url(images/menu/magnetique_05.jpg);
	background-position: top left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.panneaux {
	background-image: url(images/menu/magnetique_06.jpg);
	background-position: bottom left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.panneaux:hover {
	background-image: url(images/menu/magnetique_06.jpg);
	background-position: top left;
}

#navigationMenu li a.panneaux-current {
	background-image: url(images/menu/magnetique_06.jpg);
	background-position: top left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.principe {
	background-image: url(images/menu/magnetique_07.jpg);
	background-position: bottom left;
	outline: none;
	width: 131px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.principe:hover {
	background-image: url(images/menu/magnetique_07.jpg);
	background-position: top left;
}

#navigationMenu li a.principe-current {
	background-image: url(images/menu/magnetique_07.jpg);
	background-position: top left;
	outline: none;
	width: 131px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.questions {
	background-image: url(images/menu/magnetique_08.jpg);
	background-position: bottom left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.questions:hover {
	background-image: url(images/menu/magnetique_08.jpg);
	background-position: top left;
}

#navigationMenu li a.questions-current {
	background-image: url(images/menu/magnetique_08.jpg);
	background-position: top left;
	outline: none;
	width: 130px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.contacts {
	background-image: url(images/menu/magnetique_09.jpg);
	background-position: bottom left;
	outline: none;
	width: 123px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.contacts:hover {
	background-image: url(images/menu/magnetique_09.jpg);
	background-position: top left;
}

#navigationMenu li a.contacts-current {
	background-image: url(images/menu/magnetique_09.jpg);
	background-position: top left;
	outline: none;
	width: 123px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.logo {
	background-image: url(images/menu/magnetique_10.jpg);
	background-position: bottom left;
	outline: none;
	width: 83px;
	text-decoration: none;
	float: left;
	height: 39px;
}

#navigationMenu li a.logo:hover {
	background-image: url(images/menu/magnetique_10.jpg);
	background-position: top left;
}

#navigationMenuDiv {
	width: 982px;
	height: 48px;
	background-image: url(images/fond/magnetique_12.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
margin-left:auto;
margin-right:auto;
	padding: 0px;
	line-height:39px;
}

#navigationMenuDiv h1 { 
	text-indent: -9999px; 
	margin-top: -58px;
}

/* Fin de style du menu de navigation */