#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;
	background-color: #EE3227;
}

/* 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, span.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;
	background-image: url(../charte/TOTAL_menu_coin_bg_U1_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/TOTAL_menu_coin_bg_U1_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: #F76E68;
	background-image: url(../charte/TOTAL_fleche_menu_niveau_1_first_U1_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;
	background-color: #F76E68;
	background-image: url(../charte/TOTAL_fleche_menu_niveau_1_first_U1_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: #F76E68;
	padding: 4px 10px 7px 10px;
}

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

#menu li.submenu a.not_last {
	color:#EE3227;
	padding: 4px 6px 4px 12px;
	margin:0px 10px 0px 10px;
	background: url(../charte/TOTAL_trait_U1_140_menu1.gif);
	background-position:bottom;
	background-repeat:no-repeat
}

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

#menu li.submenu a:hover {
	background-color:#EE3227;
	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;
	border-left-color:#F4ACAD;
	border-left-width:1px;
	border-left-style:solid;
	border-right-color:#F4ACAD;
	border-right-width:1px;
	border-right-style:solid;	
	border-bottom-color:#F4ACAD;
	border-bottom-width:1px;
	border-bottom-style:solid;		
}

#menu li.submenu {
}

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

#menu li li {
	background:none;
}

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

#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;
}

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

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

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

/* 
 *		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: none;
}

#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: #F76E68;
}

#menu li:hover a.simple_sm, #menu li:hover a.double_sm, #menu li:hover span.double_sm, #menu li:hover a.active_double_sm, #menu li:hover a.active_double_sm {
	background-color: #F76E68;
	background-image: url(../charte/TOTAL_fleche_menu_niveau_1_U1.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: #F76E68;
	background-image: url(../charte/TOTAL_fleche_menu_niveau_1_first_U1_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 {
	background-color: #F76E68;
	background-image: url(../charte/TOTAL_fleche_menu_niveau_1_first_U1_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;
	background-color:#F3AEAB;
	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;
	color:#EE3228;
	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;
	background-color:#EE3228;
	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;
	background-color:#EE3228;
	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:#EE3228;
	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/TOTAL_puce_menu_niveau_2_i_U1.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:#EE3228;
	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/TOTAL_puce_menu_niveau_2_a_U1.gif);		
	text-decoration:none;	
}

/* niveau 2 - actif - avec sous-menu */
#menu_niveau_23 .niveau2_actif_3 a{
	font-size:11px;
	color:#FFFFFF;
	background-color:#EE3228;
	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/TOTAL_puce_menu_niveau_2_a_U1.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;
	color:#EE3228;
	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/TOTAL_puce_menu_niveau_3_i_U1.gif);		
}

/* niveau 3 - inactif - hover */
#menu_niveau_23 .niveau3_inactif a:hover{
	font-size:10px;
	color:#FFFFFF;
	background-color:#F07069;
	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/TOTAL_puce_menu_niveau_3_a_U1.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;
	background-color:#F07069;
	background-repeat:no-repeat;
	background-position:3px;
	background-image:url(../charte/TOTAL_puce_menu_niveau_3_a_U1.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/TOTAL_trait_U1_140.gif);
	background-repeat:no-repeat;
	background-position:center;
}