#zone_menu_niveau_1{
	float:left;
	text-align:center;
}

#menu {
	display: block;
	margin:0;
	padding-top:2px;
	padding-left:0px;
	padding-right:0px;	
	padding-bottom:0px;
	width:735px;
}

/* 
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */

/*		------	Basic style	------		*/


#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*PETRO couleur fond menu*/
	background-color: #95bb17;
}

/* Menu qui ne sont pas la première entrée */
#menu li li a{
	text-decoration: none;
	color:#FFFFFF;
	padding: 4px 10px 7px 10px;
}

#menu a.simple_wsm, a.simple_sm {
	color:#FFFFFF;
	text-decoration: none;
	padding: 4px 10px 7px 10px;
}

#menu a.double_wsm, a.double_sm {
	text-decoration: none;
	color:#FFFFFF;
	padding: 13px 10px 13px 10px;
}

/* Menu de première entrée */
#menu a.first_simple_wsm, a.first_simple_sm {
	text-decoration: none;
	color:#FFFFFF;
	/*bords menu vert haut*/
	background-image: url(../charte/PETRO_menu_coin_bg_vert_li.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;	
	padding: 4px 10px 7px 10px;
}	

#menu a.first_double_wsm, a.first_double_sm {
	text-decoration: none;
	color:#FFFFFF;
	background-image: url(../charte/PETRO_menu_coin_bg_vert_li.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;	
	padding: 13px 10px 13px 10px;
}	

/* Menu de première entrée active */
#menu a.active_first_simple_wsm, a.active_first_simple_sm {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #7FA40E;
	background-image: url(../charte/PETRO_fleche_menu_niveau_1_first_wsm.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
	padding: 4px 10px 7px 10px;
}

#menu a.active_first_double_wsm, a.active_first_double_sm {
	text-decoration: none;
	color:#FFFFFF;
	/*   actif ?   */
	background-color: #7FA40E;
	background-image: url(../charte/PETRO_fleche_menu_niveau_1_first_wsm.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
	padding: 13px 10px 13px 10px;
}

/* Menu qui ne sont pas de première entrée active */
#menu a.active_simple_wsm, a.active_simple_sm {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #7FA40E;
	padding: 4px 10px 7px 10px;
}

#menu a.active_double_wsm, a.active_double_sm {
	text-decoration: none;
	color:#FFFFFF;
	background-color: #7FA40E;
	padding: 13px 10px 13px 10px;
}

#menu li.submenu a.not_last {
	/*couleur cadre gris sous menu*/
	color:#2f2f2f;
	padding: 4px 6px 4px 12px;
	margin:0px 10px 0px 10px;
	background: url(../charte/PETRO_trait_140_menu1.gif);
	background-position:bottom;
	background-repeat:no-repeat
}

#menu li.submenu a.last {
	color:#2f2f2f;
	padding: 4px 6px 4px 12px;
	margin:0px 10px 0px 10px;
}

#menu li.submenu a:hover {
	/*couleur du survol sous menu*/
	background-color:#95bb17;
	color:#FFFFFF;
	padding: 4px 6px 4px 12px;
	margin:0px 10px 0px 10px;
}

#menu ul ul{
	padding-top:5px;
	padding-bottom:5px;
}

#menu li ul {
	text-align: left;
	background-color: #FFFFFF;
	width: 160px;
	/*couleurs du cadre sous menu*/
	border-left-color:#95bb17;
	border-left-width:1px;
	border-left-style:solid;
	border-right-color:#95bb17;
	border-right-width:1px;
	border-right-style:solid;	
	border-bottom-color:#95bb17;
	border-bottom-width:1px;
	border-bottom-style:solid;		
}

#menu li.submenu {
}

#menu li {
	margin:0px 1px 0px 0px;
	background-image:url(../charte/PETRO_trait_v_18.gif);
	background-position:right;
	background-repeat:no-repeat;
}

#menu li li {
	background:none;
}

/* current submenu item (left shape) */
#menu li:hover {
	background-color: #95bb17;
}

#menu li li:hover {
	background:none;
}

/* submenu notifier */
#menu li li.submenu {
	padding-left:0px;
	padding-right:0px;
}

#menu li:hover ul {
	border-top: none;
}

#menu li:hover li ul {
	border-top: none;
}

/* propriétés communes à l'ensemble des 4 coins */
#basgauche_menu, #basdroit_menu {
height: 5px; width: 5px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#basgauche_menu, #basdroit_menu {
	height: 28px; width: 5px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

#basgauche_menu {
	background: url(../charte/PETRO_menu_coin_bg_rouge.gif);
	float:left;
}
#basdroit_menu {
	background: url(../charte/PETRO_menu_coin_bd_rouge.gif);
	float:left;
}

.coin_menu_g{
	margin:0;
	padding:0;
	width:5px;
	background: url(../charte/PETRO_menu_coin_bg_vert.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#95bb17;
}

.coin_menu_d{
	margin:0;
	padding:0;
	width:5px;	
	background: url(../charte/PETRO_menu_coin_bd_vert.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#95bb17;
}

.centre_menu{
	margin:0;
	padding:0;
	width:730px;
}

#table_menu{
	width:740px;
	margin-left:10px;
	margin-right:10px;
	background-color: #95BB18;
}

/* 
 *		Horizontal, top-2-bottom menu ## Tweaks for IE5, IE6
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by/2.0/
 */

/*		------	Basic style	------		*/

/* Fix IE6's inability to expand clickable area */
#menu li a {
	position: relative;
}

/* IE can't handle display, so fail-over to visibility */
#menu li ul {
	display: block;
	visibility: hidden;
}

/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

#menuList {
	height: 1%;
}

/*		------   Make-up	--------			*/

/* submenu notifier */
#menu li li.submenu a {
	background: url(images/TOTAL_arrow-b.gif) no-repeat right;
}

#menu li li.submenu li a {
	background: none;
}

/* current main item (bottom shape) */

#menu li:hover a.simple_wsm, #menu li:hover a.double_wsm, #menu li:hover a.active_double_wsm, #menu li:hover a.active_double_sm {
	background-color: #7fa40e;
}

#menu li:hover a.simple_sm, #menu li:hover a.double_sm, #menu li:hover a.active_double_sm, #menu li:hover a.active_double_sm {
	background-color: #7fa40e;
	background-image: url(../charte/PETRO_fleche_menu_niveau_1.gif);
	background-repeat:no-repeat;
	background-position:20px 100%;
}

#menu li:hover a.first_simple_sm, #menu li:hover a.first_double_sm, #menu li:hover a.active_first_simple_sm, #menu li:hover a.active_first_double_sm {
	background-color: #7fa40e;
	background-image: url(../charte/PETRO_fleche_menu_niveau_1_first_sm.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
}

#menu li:hover a.first_simple_wsm, #menu li:hover a.first_double_wsm, #menu li:hover a.active_first_simple_wsm, #menu li:hover a.active_first_double_wsm {
	/*survol élt niv 1*/
	background-color: #95bb17;
	background-image: url(../charte/PETRO_fleche_menu_niveau_1_first_wsm.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
}

#menu li:hover li a {
	background: none;
}

/****************** Menu page intérieur **********************/

#menu_niveau_23{
	width:160px;
	/*fond menu*/
	background-color:#e2e2e2;
	padding:0px;
	margin-left:0px;
	margin-bottom:10px;	
}

#menu_niveau_23 hr {
	clear: both;
	visibility: hidden;
	display:block;
	height: 10px;
	margin: 0;
 	_margin: -7px 0;
 	padding: 0;
}

#menu_niveau_23 p.niveau2_inactif, p.niveau2_actif, p.niveau2_actif_3, p.niveau2_inactif_3{
	margin:0px 0px 0px 10px;
	padding:0px;
}

/* niveau 2 - inactif - sans sous-menu */
#menu_niveau_23 .niveau2_inactif a{
	font-size:11px;
	/*texte normal*/
	color:#2f2f2f;
	display:block;
	width:130px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	text-decoration:none;
}

/* niveau 2 - inactif - sans sous-menu - hover */
#menu_niveau_23 .niveau2_inactif a:hover{
	color:#FFFFFF;
	/*survol menu*/
	background-color:#95bb17;
	display:block;
	width:130px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	text-decoration:none;
}

/* niveau 2 - actif - sans sous-menu */
#menu_niveau_23 .niveau2_actif a{
	font-size:11px;
	color:#FFFFFF;
	/*en tete menu sous menu*/
	background-color:#888888;
	display:block;
	width:130px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	text-decoration:none;
}

/* niveau 2 - inactif - avec sous-menu */
#menu_niveau_23 .niveau2_inactif_3 a{
	font-size:11px;
	color:#2f2f2f;
	display:block;
	width:140px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	background-repeat:no-repeat;
	background-position:2px 7px;	
	background-image:url(../charte/PETRO_puce_menu_niveau_2_i.gif);		
	text-decoration:none;	
	width:140px;	
}

/* niveau 2 - inactif - avec sous-menu - hover */
#menu_niveau_23 .niveau2_inactif_3 a:hover{
	color:#FFFFFF;
	background-color:#2f2f2f;
	display:block;
	width:130px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	background-repeat:no-repeat;
	background-position:2px 7px;	
	background-image:url(../charte/PETRO_puce_menu_niveau_2_a.gif);		
	text-decoration:none;	
}

/* niveau 2 - actif - avec sous-menu */
#menu_niveau_23 .niveau2_actif_3 a{
	font-size:11px;
	color:#FFFFFF;
	/*text couleur gris foncé*/
	background-color:#2f2f2f;
	display:block;
	width:130px;
	margin:1px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	background-repeat:no-repeat;
	background-position:2px 7px;	
	background-image:url(../charte/PETRO_puce_menu_niveau_2_a.gif);		
	text-decoration:none;			
}

/* niveau 3 */
#menu_niveau_23 p.niveau3_inactif, p.niveau3_actif{
	margin:0px 0px 0px 20px;
	padding:0px;
}

/* niveau 3 - inactif */
#menu_niveau_23 .niveau3_inactif a{
	font-size:10px;
	/*text couleur gris clair*/
	color:#2f2f2f;
	display:block;
	width:120px;
	margin:2px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:3px;
	background-image:url(../charte/PETRO_puce_menu_niveau_2_i.gif);		
}

/* niveau 3 - inactif - hover */
#menu_niveau_23 .niveau3_inactif a:hover{
	font-size:10px;
	color:#FFFFFF;
	/*vert clair inactif mais survolé*/
	background-color:#afd81d;
	display:block;
	width:120px;	
	margin:2px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:3px;	
	background-image:url(../charte/PETRO_puce_menu_niveau_2_a.gif);	
}

/* niveau 3 - actif */
#menu_niveau_23 .niveau3_actif a{
	font-size:10px;
	color:#FFFFFF;
	display:block;
	width:120px;
	margin:2px 0px 0px 0px;
	padding:2px 0px 3px 10px;
	/*vert sur menu actif*/
	background-color:#97bb17;
	background-repeat:no-repeat;
	background-position:3px;
	background-image:url(../charte/PETRO_puce_menu_niveau_2_a.gif);					
	text-decoration:none;
}

#menu_niveau_23 p.trait {
	font-size:2px;
	margin-left:0px;
	margin-bottom:1px;
	margin-top:1px;
	padding:0px;
	background-image:url(../charte/PETRO_trait_140.gif);
	background-repeat:no-repeat;
	background-position:center;
}