<style type="text/css"><!--
/***********************************/
/*  Méthode des portes coulissantes  */
/**********************************/
#navigation {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
}
#navigation li {
	float:left;
	border:0px solid #600;
	margin:0px;
	padding:0px;
	height:41px;
	background: #ffffff;
	list-style-type:none;
}
#navigation ul {
	border:0px solid #600;
	margin:0px;
	padding:0px;
	height:41px;
	background: #ffffff;
	list-style-type:none;
}
#nav_extremite_gauche {
	width: 7px ;
}
#nav_extremite_gauche span {
	display: block ;
	background: #FFFFFF url(../images/images_menu/extremite_gauche.jpg) top left no-repeat ;
	height:41px;
}
#nav_onglet1 {
	width: 60px ;
}
#nav_onglet1 a {
	display: block ;
	background: #FFFFFF url(../images/images_menu/bouton_accueil.jpg) top left no-repeat ;
	height:41px;
}
#nav_onglet1 a:hover, #nav_onglet1 a:focus, #nav_onglet1 a:active {
	background: #033 url(../images/images_menu/bouton_accueil.jpg) bottom left no-repeat ;
}

#nav_separateur1 {
	width:574px ;
}
#nav_separateur1 span {
	display: block ;
	background: #FFFFFF url(../images/images_menu/separateur01.jpg) top left no-repeat ;
	height:41px;
}

#nav_onglet2 {
	width:104px ;
}
#nav_onglet2 a {
	display: block ;
	background: #FFFFFF url(../images/images_menu/bouton_decouvrir.jpg) top left no-repeat ;
	height:41px;
}
#nav_onglet2 a:hover, #nav_onglet2 a:focus, #nav_onglet2 a:active {
	background: #033 url(../images/images_menu/bouton_decouvrir.jpg) bottom left no-repeat ;
}

#nav_separateur2 {
	width:2px ;
}
#nav_separateur2 span {
	display: block ;
	background: #FFFFFF url(../images/images_menu/separateur02.jpg) top left no-repeat ;
	height:41px;
}

#nav_onglet3 {
	width:104px ;
}
#nav_onglet3 a {
	display: block ;
	background: #FFFFFF url(../images/images_menu/bouton_contact.jpg) top left no-repeat ;
	height:41px;
}
#nav_onglet3 a:hover, #nav_onglet3 a:focus, #nav_onglet3 a:active {
	background: #033 url(../images/images_menu/bouton_contact.jpg) bottom left no-repeat ;
}

#nav_separateur3 {
	width:3px ;
}
#nav_separateur3 span {
	display: block ;
	background: #FFFFFF url(../images/images_menu/separateur03.jpg) top left no-repeat ;
	height:41px;
}

#nav_onglet4 {
	width:80px ;
}
#nav_onglet4 a {
	display: block ;
	background: #FFFFFF url(../images/images_menu/bouton_newsletter.jpg) top left no-repeat ;
	height:41px;
}
#nav_onglet4 a:hover, #nav_onglet4 a:focus, #nav_onglet4 a:active {
	background: #033 url(../images/images_menu/bouton_newsletter.jpg) bottom left no-repeat ;
}

#nav_extremite_droite {
	width:6px ;
}
#nav_extremite_droite span {
	display: block ;
	background: #FFFFFF url(../images/images_menu/extreminte_droite.jpg) top left no-repeat ;
	height:41px;
}
--></style>
<!--[if lt IE 7]>
<style type="text/css">
#nav {							/* Contexte de formatage pour IE6 */
	overflow: visible ;
	height: 1% ;
	}
</style>
<![endif]-->
