body {
	text-align:center;
	/* Fiche DOC DSI 1IA010125 : changement de la font */
	/*font-family:Helvetica, Arial, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:10px 6px 10px 8px;
}

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

/***************** 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;
}
 /**/
 
/************ Zone Bandeau *************/
#zone1_bandeau {
	width:590px;
	height:120px;
}

	#zone1_bandeau_gauche2{
		height:120px;
		padding:0px;
		margin:0px;
		float:left;
	}

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

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

/**************** Zone Barre de navigation ***************/
#barre_navigation{
	width:594px;
	height:42px;
	padding:0px;
	margin:0px 0px 7px 0px;
	background-image:url(../image/charte/TOTAL_barre_navigation.jpg);
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
}

#barre_navigation .zone_bouton{
	padding:9px 14px 0px 0px;
	position:absolute;
	right:0px;
}

#barre_navigation a.bouton{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

#barre_navigation img.picto {
	margin-right: 5px;
	border:0px;	
}

#barre_navigation img.trait{
	margin:0px 10px 0px 10px;
}

#entete_titre{
	text-align:left;
	margin:0px;
	padding:10px 0px 10px 12px;
	background-color:#F3F1F2;
	border:1px solid #D0D0D0;
	float:left;
	width:590px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:576px;
}
html>#entete_titre{
        width:576px;
}

#entete_titre .titre{
	display:block;	
	vertical-align:bottom;
	padding:5px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#EE3227;
	text-transform:uppercase;
	background-color:#FFFFFF;
	border:1px solid #D0D0D0;
	width: 567px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width:553px;
}
html>#entete_titre .titre{
        width:553px;
}

/*************** Gestion des ombres *******************/
.shadow1_dark, .shadow2_dark, .shadow3_dark {
	display:inline-table;
	/* \*/display:block;/**/
} 

.shadow1_dark {
	float:left;
	background:url(../image/charte/TOTAL_shadow_dark.gif) right bottom no-repeat;
}	

.shadow2_dark {
	background:url(../image/charte/TOTAL_corner_bl_dark.gif) -1px 100% no-repeat;
}

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

/************ Zone Centre *************/
#centre {
	width:590px;
	margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}

#col_gauche {
	width:290px;
	margin:0px 10px 0px 0px;
	padding:0px;
	float:left;
}

#col_droite {
	width:290px;
	margin:0px;
	padding:0px;
	float:left;
}

/************ Blocs intérieurs *************/

/************ Blocs Stations *************/
#bloc_infos_stations{
	margin:0px 0px 10px 0px;
	padding:10px;
	background-color:#F0F0F0;
	font-size:11px;
}

#bloc_infos_stations h2{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#EE3228;
}

#bloc_infos_stations p{
	margin:0px;
	padding:0px;
}

#bloc_infos_stations .picto_info_route{
	margin:0px 5px 0px 0px;
	padding:0px;
	vertical-align:bottom;
}

#bloc_infos_stations ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#bloc_infos_stations li{
	padding:0px 0px 0px 0px;
	margin:3px 0px 0px 0px;
	list-style-image:url(../image/charte/TOTAL_puce_contenu.gif);
	list-style-position:inside;
}

#bloc_infos_stations a{
	color:#EE3228;
	text-decoration:underline;
}

#bloc_infos_stations a{
	text-decoration:underline;
}

/************ Blocs Service Type 1 *************/
.bloc_service1{
	margin:0px;
	padding:0px;
	border:1px solid #E8E8E8;
}

.bloc_service1 .titre{
	height:39px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #E8E8E8;
}

.bloc_service1 .titre img.picto_famille{
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

.bloc_service1 .titre span{
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	color:#EE3228;
}

.bloc_service1 .picto{
	margin:3px 0px 7px 3px;
	padding:0px;
}

.bloc_service1 .picto_service{
	margin:7px 0px 0px 6px;
	padding:0px;
	border:0px;
}

/************ Blocs Service Type 2 *************/
.bloc_service2{
	margin:0px;
	padding:0px;
	border:1px solid #E8E8E8;
}

.bloc_service2 .titre{
	height:39px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #E8E8E8;
}

.bloc_service2 .titre img.picto_famille{
	margin:0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

.bloc_service2 .titre span{
	padding:2px 0px 0px 0px;
	margin:0px;
	font-size:16px;
	font-weight:bold;
	color:#EE3228;
}

.bloc_service2 .picto{
	margin:7px 0px 0px 0px;
	padding:0px;
}

.bloc_service2 .service{
/*
	margin:0px 0px 4px 0px;
	padding:0px;
*/
	margin:0px;
	padding:0px;
	font-size:11px;
	height:19px;
}

.bloc_service2 .td_picto{
	padding:0px 8px 0px 1px;
	margin:0px;
	vertical-align:top;
/*	width:35px;*/
}

.bloc_service2 .td_texte{
	margin:0px;
	padding:0px 5px 0px 0px;
	vertical-align:top;
}

.bloc_service2 .texte_service{
	margin:0px;
	padding:0px;
}

.bloc_service2 .picto_service{
	margin:0px 0px 0px 0px;
	padding:0px;
	border:0px;
	vertical-align:middle;
}

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

.bloc_service2 .service a:hover{
	text-decoration:none;
}

/************ Blocs Teasing *************/
.bloc_teasing{
	margin:0px 0px 10px 0px;
	padding:0px;
	text-align:center;
}