#zone_menu_niveau_1{
	float:left;
	text-align:center;
}
thead{
        font-weight:bold;
        background-color: #333399;
        color:white;
        font-size:8pt;
        
    }
    tbody{
    font-size:8pt;
    }
    tfoot{
        font-weight:bold;
        background-color: #333399;
        color: white;
        font-size:8pt;
    }
    .DD_StepHead, .DD_SymbolHead, .DD_StepBodyOdd, .DD_StepBodyEven, .DD_SymbolBodyOdd, .DD_SymbolBodyEven
    {
        text-align:center;
    }

    .DD_StepBodyOdd,.DD_SymbolBodyOdd,.DD_InstructionBodyOdd,.DD_DistanceBodyOdd
    {
        background-color: #9999FF;
    }    
    .DD_StepBodyEven,.DD_SymbolBodyEven,.DD_InstructionBodyEven,.DD_DistanceBodyEven
    {
        background-color: #CCCCFF;
    }  
#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%;
}

a.first_simple_sm:hover
{
	background-color:	#F76E68;
}

#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;
}
/********************* Box Front Home ************************/
.box_front_370 {
	width: 370px;
	display:block;
}

.box_front_370 .entete {
	width: 370px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	width: 372px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
html>.box_front_370 .entete {
	width: 370px;
}

.box_front_370 .entre_coin_entete_2, .box_front_370 .entre_coin_entete_1 {
	float:left;
	background-repeat:repeat-x;
	background-position:bottom;
	padding:7px 0px 0px 5px;
	height: 28px;
	width: 362px;		
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 21px;	
	width: 355px;	
}
html>.box_front_370 .entre_coin_entete_2, html>.box_front_370 .entre_coin_entete_1 {
        height: 21px;
        width: 355px;
}

/* propriétés communes à l'ensemble des 2 coins */
.box_front_370 .entete_bg_2, .box_front_370 .entete_bd_2, .box_front_370 .entete_bd_1, .box_front_370 .entete_bg_1 {
	height: 28px;	
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .entete_bg_1 {
	background: url(../charte/TOTAL_entete_rouge_bg.jpg);
	width:5px;
}

.box_front_370 .entete_bd_1 {
	background: url(../charte/TOTAL_entete_rouge_bd.jpg);
	width:5px;
}

.box_front_370 .entre_coin_entete_1 {
	background-color:#EB3029;
	background-image:url(../charte/TOTAL_entete_rouge_degrade.jpg);
}

.box_front_370 .entre_coin_entete_2 {
	background-color:#1847A1;
	background-image:url(../charte/TOTAL_entete_marine_degrade.jpg);
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .entete_bg_2 {
	background: url(../charte/TOTAL_entete_marine_bg.jpg);
	width:5px;
}

.box_front_370 .entete_bd_2 {
	background: url(../charte/TOTAL_entete_marine_bd.jpg);
	width:5px;
}

.box_front_370 .contenu_70 {
	float:left;
	height:62px;
	overflow:hidden;
	padding:0px;
	margin:0px;
	background-color:#DEDEDE;
	background-image:url(../charte/TOTAL_degrade_front_gris.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:368px;	
}
html>.box_front_370 .contenu_70 {
	width:368px;
}

/**************** Front bas *********************/
.box_front_370 .bas {
	vertical-align:top;
	padding:0px;
	margin:0px;
	float:left;
	width:372px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
html>.box_front_370 .bas {
	width: 370px;
}

.box_front_370 .entre_coin_bas {
	background-color:#DEDEDE;
	border-bottom:1px solid #D0D0D0;
	float:left;
	width:338px;
	height: 18px;	
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 336px;	
	height: 17px;
}
html>.box_front_370 .entre_coin_bas {
        width: 336px;
        height: 17px;
}

/* propriétés communes à l'ensemble des 2 coins */
.box_front_370 .bas_bd, .box_front_370 .bas_bg {
	width: 17px;
	height: 18px; 
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
.box_front_370 .bas_bg {
	background: url(../charte/TOTAL_coin_bg_gris_front.gif);
}

.box_front_370 .bas_bd {
	background: url(../charte/TOTAL_coin_bd_gris_front.gif);
}

.box_front_370 img {
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
	border:0px;
}

.box_front_370 p.texte {
	font-size:11px;	
	color:#000000;
	padding:0px 10px 0px 10px;
	margin:0px;	
}

.box_front_370 a.texte {
	text-decoration:none;
	color:#000000;
}

.box_front_370 p.espace {
	font-size:5px;
	margin:0px;
	padding:0px;
}

.box_front_370 a.lien_1, .box_front_370 a.lien_2 {
	width:150px;
	font-size:9px;
	text-decoration:underline;
	padding: 0px 0px 0px 10px;
	background-repeat:no-repeat;
	background-position:left;	
}

.box_front_370 a.lien_1 {
	color:#E93735;
	background-image:url(../charte/TOTAL_puce_lien_rouge.gif);
}

.box_front_370 a.lien_2 {
	color:#17479E;
	background-image:url(../charte/TOTAL_puce_lien_marine.gif);
}

/********************* Box news Home ************************/
#box_news_210 {
	width: 213px;
}

#box_news_210 .entete {
	width: 213px;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
}

#box_news_210 .entete_img {
	width: 213px;
	height:30px;
	padding:0px;
	margin:0px;
}

#box_news_210 .contenu {
	float:left;
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
	background-image:url(../charte/TOTAL_degrade_gris_box_service.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 208px;
}
html>#box_news_210 .contenu {
	width: 208px;
}

#box_news_210 .contenu_1news {
	height:73px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#box_news_210 .bas {
	width: 210px;
	vertical-align:top;
	padding:1px 0px 7px 0px;
	margin:0px;
	float:left;
	background: url(../charte/TOTAL_bas_box.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#DDDDDD;
}

#box_news_210 img.news {
	float:right;
	padding:0px 10px 0px 10px;
	margin:0px;	
	border:0;

}

#box_news_210 h2 {
	font-size:11px;
	font-weight:bold;
	color:#00A8E3;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#box_news_210 p.texte {
	padding:0px 10px 0px 10px;
	margin:0px;	
}

#box_news_210 p.trait {
	font-size:2px;
	margin:2px 0px 2px 5px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_news_210 p.last_trait {
	font-size:2px;
	margin:2px 0px 0px 5px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_news_210 p.espace {
	font-size:4px;
	margin:0px;
	padding:0px;
}

#box_news_210 a.lien {
	width:170px;
	display:block;
	font-size:11px;
	text-decoration:underline;
	padding:0px 10px 0px 10px;
	color:#00A8E3;
	background-repeat:no-repeat;
	background-position:0px 4px;
	background-image:url(../charte/TOTAL_puce_lien_bleu.gif);
}

#box_news_210 a.texte{
	font-size:11px;	
	color:#000000;
	text-decoration:none;
}

#box_news_210 a.titre{
	color:#00A8E3;
	text-decoration:none;
}

/********************* Box service Home ************************/
#box_service_210 {
	width: 213px;
}

#box_service_210 .entete {
	width: 213px;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
}

#box_service_210 .entete img {
	padding:0px;
	margin:0px;
}

#box_service_210 .contenu {
	float:left;
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
	background-image:url(../charte/TOTAL_degrade_gris_box_service.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 208px;	
}
html>#box_service_210 .contenu {
	width: 208px;
}

#box_service_210 .bas {
	width: 210px;
	vertical-align:top;
	padding:1px 0px 7px 0px;
	margin:0px;
	float:left;
	background: url(../charte/TOTAL_bas_box.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#DDDDDD;
}

#box_service_210 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_210 a.intitule {
	width:180px;
	display:block;
	background-image:url(../charte/TOTAL_puce_service.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	font-size:11px;
	color:#000000;
    text-decoration: none;
}

#box_service_210 p.trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:2px;
	margin-top:6px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_210 p.last_trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:0px;
	margin-top:3px;

	padding:0px;
	background-image:url(../charte/TOTAL_trait_188.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_210 p.espace {
	font-size:6px;
	margin:0px;
	padding:0px;
}

#box_service_210 a.lien {
	width:170px;
	font-size:11px;
	display:block;
	text-decoration:underline;
	padding:0px 10px 0px 10px;	
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#00A8E3;
	background-image:url(../charte/TOTAL_puce_lien_bleu.gif);
}

/********************* Box Jump To PI ************************/

#box_jumpto_160 {
        width: 163px;
}

#box_jumpto_160 form{
        margin-top:0px;
        margin-bottom:10px;
        margin-left:0px;
}

#box_jumpto_160 .contenu{
        margin:0px;
        padding:0px;
}

#box_jumpto_160 select {
        font-size:11px;
        color:#000000;
        width:161px;
        border-color:#999999;
        border-style:solid;
        border-width:1px;
}


/********************* Box service PI ************************/
#box_service_160 {
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 163px;		
}
html>#box_service_160 .contenu {
	width: 163px;
}

#box_service_160 .entete {
	width: 160px;
	height:31px;
	padding:0px;
	margin:0px;
	float:left;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 163px;		
}
html>#box_service_160 .contenu {
	width: 163px;
}

#box_service_160 .entete img {
	padding:0px;
	margin:0px;
}
#box_service_160 .contenu {
	width:158px;
	float:left;	
	padding:0px;
	margin:0px;
	background-color:#FBFBFB;
	background-image:url(../charte/TOTAL_degrade_gris_box_service.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:1px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	width: 160px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 158px;		
}
html>#box_service_160 .contenu {
	width: 158px;
}

#box_service_160 .bas {
	width: 160px;
	float:left;	
	vertical-align:top;
	padding:0px;
	margin:0px;
}

#box_service_160 .entre_coin_bas {
	background-color:#dedede;
	border-bottom-color:#d0d0d0;
	border-bottom-style:solid;
	border-bottom-width:1px;
	float:left;
	width: 126px;
	height: 17px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 16px;	
}

html>#box_service_160 .entre_coin_bas {
    height: 16px;
}

/* propriétés communes à l'ensemble des 2 coins */
#box_service_160 .bas_bg, .bas_bd {
	height: 17px; width: 17px;
	background-repeat: no-repeat;
	font-size:1px; 
	float:left;
}

/* propriétés spécifiques à chaque coin */
#box_service_160 .bas_bg {
	background: url(../charte/TOTAL_coin_bg_gris_box.gif);
}

#box_service_160 .bas_bd {
	background: url(../charte/TOTAL_coin_bd_gris_box.gif);
}

#box_service_160 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_160 a.intitule {
	width:141px;
	display:block;
	background-image:url(../charte/TOTAL_puce_service.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	font-size:11px;
	color:#000000;
	text-decoration: none;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160 a.intitule {
        width: 130px;
}


#box_service_160 p.trait {
	font-size:2px;
	margin-left:7px;
	margin-bottom:5px;
	margin-top:5px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160 p.espace {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#box_service_160 a.lien {
	font-size:9px;
	display:block;
	width:150px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;	
	background-repeat:no-repeat;
	background-position:0px 4px;	
	color:#00A8E3;
	background-image:url(../charte/TOTAL_puce_lien_bleu.gif);
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160 a.lien {
        width: 130px;
}


/********************* Box service PI Col3 ************************/
#box_service_160_v2{
	width:158px;
	display:block;
	border-color:#DADADA;
	border-style:solid;
	border-width:1px;
	background-image:url(../charte/TOTAL_degrade_box.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FAFAFA;
	padding-bottom:7px;
	margin:0px;
}

#box_service_160_v2 .logo {
	margin-top:5px;
	margin-left:4px;
}

#box_service_160_v2 p.trait_first {
	margin-bottom:5px;
	margin-top:9px;
	font-size:2px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160_v2 p.trait {
	margin-bottom:5px;
	margin-top:5px;
	font-size:2px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#box_service_160_v2 .contenu {
	width:156px;
	padding:0px 0px 7px 0px;
	margin:0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 158px;		
}
html>#box_service_160_v2 .contenu {
	width: 158px;
}

#box_service_160_v2 p.intitule {
	margin-left:7px;
	margin-bottom:0px;
	margin-top:0px;
}

#box_service_160_v2 a.intitule {
	width:141px;
	display:block;
	background-image:url(../charte/TOTAL_puce_service_rouge.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:11px;
	padding-right:10px;
	font-size:11px;
	color:#000000;
	text-decoration: none;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160_v2 a.intitule {
        width: 130px;
}


#box_service_160_v2 p.espace {
	font-size:12px;
	margin:0px;
	padding:0px;
}

#box_service_160_v2 a.lien {
	width:149px;
	display:block;
	font-size:9px;
	text-decoration:underline;
	padding-left:10px;
	padding-right:9px;
	background-repeat:no-repeat;
	background-position:0px 4px;
	color:#F8981D;
	background-image:url(../charte/TOTAL_puce_lien_orange.gif);
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 130px;
}
html>#box_service_160_v2 a.lien {
        width: 130px;
}

/******************** Bloc Sondage ********************/
#box_sondage{
	width:158px;
	display:block;
	border-color:#DADADA;
	border-style:solid;
	border-width:1px;
	background-image:url(../charte/TOTAL_degrade_box.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#FAFAFA;
	margin:0px;
}

#box_sondage .logo {
	margin-top:5px;
	margin-bottom:9px;	
	margin-left:4px;
}

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

#box_sondage form{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
}

#box_sondage .contenu{
	margin:0px;
	padding:0px;
}

#box_sondage h2 {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	width:140px;
	margin-top:5px;
	margin-bottom:5px;	
}

#box_sondage .choix {
	width:140px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#box_sondage .case {
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#box_sondage .intitule {
	font-size:10px;
	color:#000000;
	margin:0px;
	padding:3px 0px 0px 0px;
}

#box_sondage .voter {
	margin-top:10px;
	margin-bottom:0px;	
	padding:0px;
}

/* Résultat */
#box_sondage .contenu_resultat{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
/*	padding-right:10px;*/
}

#box_sondage .1resultat {
	margin:0px;
	padding:0px;
}

#box_sondage .barre {
	width:100px;
	height:14px;
	padding:0px;
	margin:3px 17px 5px 0px;
	border:1px solid #00A8E3;
}

#box_sondage .barre_image {
	height:14px;
	margin:0px;
	padding:0px;
}

#box_sondage .resultat_reponse {
	font-size:10px;
	color:#00A8E3;
	vertical-align:text-top;	
}

#box_sondage .resultat_total {
	font-size:10px;
	color:#000000;
	margin:3px 0px 0px 0px;
	padding:0px;	
}

#box_sondage p.trait_resultat {
	font-size:2px;
	margin-bottom:5px;
	margin-top:3px;
	padding:0px;
	background-image:url(../charte/TOTAL_trait_140.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}


/***************** Bloc teasing ********************/
.box_teasing{
	margin-bottom: 0px;
	padding: 0px;
}

/*************** Gestion des ombres *******************/
.shadow1, .shadow1_front, .shadow1_menu, .shadow2, .shadow3, .shadow1_dark, .shadow2_dark, .shadow3_dark {
	display:inline-table;
	/* \*/display:block;/**/
} 
.shadow1 {
	float:left;
	background:url(../charte/TOTAL_shadow.gif) right bottom no-repeat;
}	

.shadow1_front {
	float:left;
	background:url(../charte/TOTAL_shadow_front.gif) right bottom no-repeat;
}	

.shadow1_menu {
	float:left;
	background:url(../charte/TOTAL_shadow_menu.gif) right bottom no-repeat;
}	
.shadow1_dark {
	float:left;
	background:url(../charte/TOTAL_shadow_dark.gif) right bottom no-repeat;
}	
.shadow2 {
	background:url(../charte/TOTAL_corner_bl.gif) -1px 100% no-repeat;
}
.shadow2_dark {
	background:url(../charte/TOTAL_corner_bl_dark.gif) -1px 100% no-repeat;
}
.shadow3 {
	padding:0px 3px 3px 0px;
	background:url(../charte/TOTAL_corner_tr.gif) 100% -1px no-repeat;
}

.shadow3_dark {
	padding:0px 3px 3px 0px;
	background:url(../charte/TOTAL_corner_tr_dark.gif) 100% -1px no-repeat;
}


/********** Image Teasing ***********/
.image_teasing{
	margin:0px;
	padding:0px;
	border:0px;
}

/********** Bouton entête ***********/
.bouton_entete {
	height:24px;
	padding-left:10px;
	padding-right:0px;	
	margin:0px;
	float:right;
}
/* propriétés communes à l'ensemble des 2 coins */
.bouton_bg_contact, .bouton_bg_question {
	height: 22px; width: 29px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.bouton_bg_contact {
	float:left;
}

.bouton_bg_question {
	float:left;
}

.picto_bouton {
	margin:0px;
	padding:0px;
	border:0px;
}

.bouton_bd {
	background: url(../charte/TOTAL_bouton_bd.gif);
	float:left;	
	height: 22px; width: 17px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

.bouton_contenu {
	float:left;	
	height:22px;
	padding:0px;
	background: url(../charte/TOTAL_bouton_degrade.gif);
	background-repeat:repeat-x;
	width:auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100%;	
}
html>.bouton_contenu {
	width: 100%;
}

.h6{
	margin:0px;
}

.bouton_texte {
	padding:3px 0px 0px 3px; /* Padding pour font-size 11px */
/*	padding:4px 0px 0px 3px; */ /* Padding pour font-size 10px */
/*	padding:5px 0px 0px 3px; */ /* Padding pour font-size 9px */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; /* Taille de la police des boutons (9px -> 11px) */
}

.bouton_entete a{
	color:#000000;
	text-decoration:none;
}

.bouton_entete a:hover{
	text-decoration:none;
}

/**************** Zone Langue ********************/

#zone1_bandeau_langue {
	color:#FB942D;
}			

#zone1_bandeau_langue a{
	font-size:11px;
	color:#FB942D;
	text-transform:uppercase;
	text-decoration:none;
}

#zone1_bandeau_langue a:hover{
	text-decoration:none;
}

#zone1_bandeau_langue a.active{
	color:#FFFFFF;
}

/**************** Zone logo ********************/

#zone1_bandeau_logo {
}		

#logo {
	margin:0px;
	padding:0px;
	border:0px;
}

/**************** Menu Niveau0 *******************/
#zone1_menu_principal {
	background:url(../charte/TOTAL_degrade_menu.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#F3F3F3;
	border-color:#CDCDCD;
	border-style:solid;
	border-width:1px;
}

#menu_niveau_0 {
	width:585px;
	float:left;
	margin:0;
	padding:0;
}

#menu_niveau_0 ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
	width: 100%;
	margin:0px;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:0px;
	padding-right:0px;
}

#menu_niveau_0 li {
	float: left;
	background-image:url(../charte/TOTAL_trait_v_24.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:0px;
	margin:0px;
}

#menu_niveau_0 a{
	color: #000000;
	margin:0px 7px 0px 5px;
	padding:0px 0px 0px 15px;		
	background-image:url(../charte/TOTAL_puce_menu_niveau_0.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-decoration: none;
}

#menu_niveau_0 a span{
	background: url("../charte/TOTAL_espace.gif") right top no-repeat;
	padding:7px 10px 7px 0px;
}

#menu_niveau_0 a, #menu_niveau_0 a span{
	display: block;
	float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#menu_niveau_0 a, #menu_niveau_0 a span{
	float: none
}
/* End IE5-Mac hack */
#menu_niveau_0 a.U1:hover, #menu_niveau_0 a.U2:hover, #menu_niveau_0 a.U3:hover, #menu_niveau_0 a.U4:hover, #menu_niveau_0 a.UELF:hover, #menu_niveau_0 a.U1_active, #menu_niveau_0 a.U2_active, #menu_niveau_0 a.U3_active, #menu_niveau_0 a.U4_active, #menu_niveau_0 a.UELF_active {
	color: #FFFFFF;
	text-decoration: none;
	margin:0px 7px 0px 5px;	
	padding:0px 0px 0px 15px;	
}

#menu_niveau_0 a.U1:hover span, #menu_niveau_0 a.U2:hover span, #menu_niveau_0 a.U3:hover span, #menu_niveau_0 a.U4:hover span, #menu_niveau_0 a.UELF:hover span, #menu_niveau_0 a.U1_active span, #menu_niveau_0 a.U2_active span, #menu_niveau_0 a.U3_active span, #menu_niveau_0 a.U4_active span, #menu_niveau_0 a.UELF_active span {
	padding:7px 10px 7px 0px;
}

#menu_niveau_0 a.UELF:hover, #menu_niveau_0 a.UELF_active{
	background: url("../charte/TOTAL_degrade_menu_U3.gif") left top no-repeat;
}

#menu_niveau_0 a.UELF:hover span, #menu_niveau_0 a.UELF_active span{
	background: url("../charte/TOTAL_degrade_menu_U3_end.gif") right top no-repeat;
}

#menu_niveau_0 a.U1:hover, #menu_niveau_0 a.U1_active{
	background: url("../charte/TOTAL_degrade_menu_U1.gif") left top no-repeat;
}

#menu_niveau_0 a.U1:hover span, #menu_niveau_0 a.U1_active span{
	background: url("../charte/TOTAL_degrade_menu_U1_end.gif") right top no-repeat;
}

#menu_niveau_0 a.U2:hover, #menu_niveau_0 a.U2_active{
	background: url("../charte/TOTAL_degrade_menu_U2.gif") left top no-repeat;
}

#menu_niveau_0 a.U2:hover span, #menu_niveau_0 a.U2_active span{
	background: url("../charte/TOTAL_degrade_menu_U2_end.gif") right top no-repeat;
}

#menu_niveau_0 a.U3:hover, #menu_niveau_0 a.U3_active{
	background: url("../charte/TOTAL_degrade_menu_U3.gif") left top no-repeat;
}

#menu_niveau_0 a.U3:hover span, #menu_niveau_0 a.U3_active span{
	background: url("../charte/TOTAL_degrade_menu_U3_end.gif") right top no-repeat;
}

#menu_niveau_0 a.U4:hover, #menu_niveau_0 a.U4_active{
	background: url("../charte/TOTAL_degrade_menu_U4.gif") left top no-repeat;
}

#menu_niveau_0 a.U4:hover span, #menu_niveau_0 a.U4_active span{
	background: url("../charte/TOTAL_degrade_menu_U4_end.gif") right top no-repeat;
}

#zone1_menu_recherche {
	padding:0px;
	margin:0px;
	position:relative;	
}

#zone1_menu_recherche2 {
	padding:0px;
	margin:0px;
	position:relative;
	width:140px;
	height:16px;	
}

#contenu_recherche {
	width:140px;
	height:16px;
	margin:0px;
	padding:0px;
	position:absolute;	
	top:6px;
	right:3px;	
}

#contenu_recherche form {
	padding:0px;	
	margin:0px;
}

#contenu_recherche input.recherche {
	width:90px;
	height:16px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	font-size:11px;
	margin:0px;
	padding:0px;
}

#contenu_recherche input.ok {
	margin:0px;
	padding:0px;
	width:23px;
	height:18px;
}

#contenu_recherche .picto {
	margin:3px;
	padding:0px 3px 0px 0px;
	width:11px;
	height:11px;
        voice-family: "\"}\"";
        voice-family:inherit;
	margin:0px;
}
html>#contenu_recherche .picto {
	margin:0px;
}

/***************** Balise qui permet de créer une marge de 10px après un float ********************/
hr {
	clear: both;
	visibility: hidden;
	display:block;
	height: 10px;
	margin: 0;
 	_margin: -7px 0;
 	padding: 0;
}

 /* Special IE MAC \*//*/
hr {
	clear: both;
	visibility: hidden;
	display:block;
	height: 0px;
	margin: 0;
 	padding: 0;
}
 /**/

/**************** Menu Footer  *******************/

ul#menu_footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#EE3228;
	text-decoration: none;
	margin-left:15px;
	margin-right:15px;
}

ul#menu_footer a:hover {
}

ul#menu_footer a:active {
}
	 
ul#menu_footer span {
	color:#FBD1D8;
}

ul#menu_footer {
	list-style-type:none;
	text-align:center;
	margin:0px;
	padding:0px;
}

ul#menu_footer li {
	display:inline;
	border-left: 1px solid #FBD1D8;
}

ul#menu_footer li.premier {
	display:inline;
	border-left: none;
}

/****************** Fil d'Ariane **********************/

#fil {
	font-size:11px;
	color:#000000;
/*    padding:3px;*/
	padding:3px 3px 0px 3px;
	float:left;
	margin-top:5px;
	margin-bottom:0px;
}

#fil ul {
	margin-left:10px;
	padding-left: 0;
	display: inline;
	border: none;
}

#fil li {
	height:10px;
	margin-left: 0;
	padding-left: 6px;
	padding-right: 1px;	
	list-style: none;
	display: inline;
	background-image:url(../charte/TOTAL_separateur_fil_ariane.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#fil li.premier {
	background-image:url(../charte/TOTAL_puce_fil_ariane.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 10px;
}

#fil li.dernier {
	font-weight:bold;
}

#fil a {
	text-decoration:underline;
	color:#000000;
}
body {
	text-align:center;
	/*text-align: -moz-center;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 6px 10px 8px;
	
}
body {
	/*text-align:center;*/
	text-align: -moz-center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 6px 10px 8px;
	
}

#principale {
	width:765px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
}

/************ Zone Bandeau *************/
#zone1_bandeau {
	width:765px;
	height:120px;
}

	#zone1_bandeau_gauche2{
		height:120px;
		padding:0px;
		margin:0px;
		position:relative;	
	}

		#zone1_bandeau_bouton{
			position:absolute;
			top:5px;
			right:15px;
		}

		#zone1_bandeau_langue {
			position:absolute;
			bottom:12px;
			right:15px;
			width:250px;
			height:15px;
		}		

	#zone1_bandeau_logo{
		float:left;	
		width:130px;
		height:120px;		
	}

/************ Zone Menu *************/
#zone1_menu_principal {
	width:758px;
	margin:0px 0px 0px 0px;
	padding:0px;
	display:block;
	float:left;
}

.test_contain{
	float:none;
}

	#zone1_menu_niveau_0 {
		width:585px;
		float:left;
	}

	#zone1_menu_recherche {
		float:right;
		margin:0px;
		padding:0px;
	}

#zone_menu_niveau_1 {
	width:760px;
	margin-left:0px;
	margin-right:0px;	
	margin-bottom:0px;
	padding-bottom:0px;
}

#centre {
	width:765px;
	margin-top:0px;
	padding-top:0px;
	z-index:10;	
}

#zone_PI_col1 {
	width:163px;
	margin-right:7px;	
	padding:0px;
	float:left;
}

#zone_PI_contenu590 {
	width:590px;
	padding:0px;
	margin:0px;
	float:left;
}

#zone_PI_contenu420 {
	width:420px;
	padding:0px;
	margin:0px 10px 0px 0px;	
	float:left;
}

#zone_PI_col3 {
	width:160px;
	padding:0px;
	margin:0px;
	float:left;
}

#zone2-3 {
	width:370px;
	margin-right:10px;	
	padding:0px;
	float:left;	
}

* html #zone2-3 {
	margin-right:7px;	
}

#zone2 {
	width:370px;
	padding:0px;
	margin:0px;	
}

#zone3 {
	width:370px;
	padding:0px;
	float:left;
}

#zone4 {
	width:213px;
	margin-right:7px;		
	padding:0px;
	float:left;
}
	
#zone5 {
	width:160px;
	padding:0px;
	float:left;
}
	
#zone6 {
	float:left;
	width:760px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	text-align:center;	
}

/************ La zone du Fil d'Ariane *************/
#marge_accueil {
	width:760px;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
	font-size:2px;
}
.style1 {color: #FFFFFF}
.style2 {color: #BE412A}
.style3 {color: #C4452F;font-size:9pt;}
.style4 {
	color: #49A1CA;
	font-weight: bold;
/************ La zone du Fil d'Ariane *************/
#fil {
	width:760px;
	margin-bottom:3px;
}


/************ Squelette pour les formulaires *************/
#principale_form_525 {
	width:525px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#principale_form_335 {
	width:334px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#MapControlButtons
{
    position:absolute;
    z-index:10000;
    top:0px;
    /*right:150px;*/
    right:10px;
    float:right;
    padding:5px;
    visibility:hidden;
    width:220px;
}


.MapButtons, .MapButtonsSelected
{	
	width: 100px;
	height: 16px;
	border:1px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	padding: 1px;	
	background-color: White;
	float: right;
	cursor: pointer;
}

.MapButtonsSelected
{
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 2px solid black;
	border-left: 2px solid black;
}