/* *************************** Redéfinition des marqueurs ***************************** */
BODY, FORM {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#2F2F2F;
	background: url(/com/images/ciel_bulle.gif) scroll no-repeat 50% 0;
}

IMG
{
	display: block;
	border:0px;
	margin:0px;
}

A {	
	text-decoration:none;
}

A:HOVER {	
	text-decoration:underline;
}
P
{
	margin:0px;
	padding:0px;
}

/* *************************** Position dans la page ***************************** */
.TABLECentral {
	width:999px;
	/* Le table-layout sert a fixé la taille du site pour ne pas 
	que le dsign saute si le contenu interne est trop grand */
	table-layout:fixed;
	margin: 0 auto;
	background-color: #fff;
}

.TABLECentral
{
border-top: 5px solid #99cc00;
}


.TDCentral{
	text-align:left;
	vertical-align:top;
	padding-left: 7px;
}
#logoAccueil
{
	z-index: 10;
	position: absolute;
	width: 217px;
	height: 96px;
	margin: 25px 0 0 0;
}
#logoPageInterne
{
	z-index: 10;
	position: absolute;
	width: 213px;
	height: 99px;
	margin: 0;}

#ongletTop
{
	left: 220px;
	z-index: 9;
	position: relative;
	width: 600px;
}


#header-menu-transpole
{
	position: relative;
	float: left;
	width: 441px;
	height:30px;
	overflow: hidden;
}
#header-menu-transpole a {
    display: block;
    float:left;
    height: 30px;
    background-attachment:scroll;
    background-repeat:no-repeat;
    background-position:0 0;
    position: absolute;
}

#header-menu-transpole a:hover,
#header-menu-transpole a.actif
{
    background-position:0 -30px;
}

#header-menu-transpole a.actif
{
    z-index:100;
}
#header-menu-transpole a span 
{
    position: absolute;
    top: -1000px;
}

#header-menu-transpole a.onglet_deplacer 
{
    background-image:url(../images/onglet_sedeplacer.png);
    width: 129px;
    margin-left:0;
}
#header-menu-transpole a.onglet_vlille 
{
    background-image:url(../images/onglet_vlille.png);
    width:95px;
    margin-left:111px;
}
#header-menu-transpole a.onglet_mobilite
{
    background-image:url(../images/onglet_viedureseau.png);
    width:142px;
    margin-left:188px;
}
#header-menu-transpole a.onglet_covoiturez
{
    background-image:url(../images/onglet_covoiturez.png);
    width:129px;
    margin-left:312px;
}

#service-client{
	position:absolute;
	left:440px;
	width: 168px;
	height: 27px;	
	color: #808080;
	margin : 2px 0 0 0;
	text-align: center;
	background:url(../images/fdserviceclient.jpg) no-repeat 0 0;
	clear: both;
}

.sc_titre, .sc_numpx{float:left;overflow:hidden;padding:0;margin:0;text-align:left;}
.sc_titre{width:40px;}
.sc_numpx{width:112px;}

#service-client .sc_titre{
	font-size:12px;
	font-weight:bold;
    line-height: 12px;
    display: block;
    float: left;
    padding: 1px 9px 0 5px;
}

#service-client .sc_numero{
	font-weight:bold;
	font-size:13px;
	letter-spacing:-0.5px;
	color:#333;
}

#service-client .sc_px_local{
    font-size:8px;
	color:#555;
	text-align:left;
    text-transform:uppercase;
    line-height: 10px;
    display: block;
    float: left;
}


/* **************************************** Banniere ********************************************* */
#tr-headerwrap {
    color: #6A6A6A;
    height: 161px;
    line-height: normal;
}
#tr-headerwrap .tr-header-bg {
    border-top: 5px solid #99cc00;
}
#tr-header {
    height: 111px;
    position: relative;
     background: url("/com/images/fond_header.jpg") no-repeat scroll right bottom #FFFFFF;
}
h1.logo, h1.logo-text {
	margin: 0   ;
	padding: 0;
	font-size: 180%;
	text-transform: uppercase;
	
}

h1.logo a {
	width: 213px;
	display: block;
	background: url(/com/images/logoTranspole.png) no-repeat;
	height: 99px;
	position: relative;
	z-index: 100;
	float:left;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
	
}

h1.logo-text a {
	color: #CCCCCC !important;
	text-decoration: none;
	outline: none;
	position: absolute;
	bottom: 40px;
	left: 5px;
}

#header-menu-transpole
{
	position: relative;
	float: left;
	margin-top: -1px;
}
#header-menu-transpole img
{
    float: left;
}
#header-menu-transpole ul
{
	list-style: none;
	padding: 0;
	margin: 0 0 0 23px;

}
#header-menu-transpole li
{
	float: left;
	padding: 0;
	margin: 0;
	border-right: 1px solid #d8d7d5;
	color: #6c6c6c;
	background-repeat: repeat-x;
	background-position: 0 -22px;
	
}
#header-menu-transpole li a
{
	height: 26px;
	display:block;
	padding: 0 8px;
	line-height: 30px;
	color: #6c6c6c;
	text-decoration: none;
}
#header-menu-transpole li:hover{background-position:0 0;}
#header-menu-transpole li:hover a{color:#fff;}

#header-menu-transpole li.menu-id1{	border-left: 1px solid #d8d7d5; background-image:url(/com/images/header-menu-transpole1.gif); width: 90px;}
#header-menu-transpole li.menu-id2{background-image:url(/com/images/header-menu-transpole2.gif);}
#header-menu-transpole li.menu-id3{background-image:url(/com/images/header-menu-transpole3.gif);}
#header-menu-transpole li.menu-id4{background-image:url(/com/images/header-menu-transpole4.gif);width: 55px;}

#header-menu-transpole li.selected{background-position:0 0;}
#header-menu-transpole li.selected a{color: #fff;}

#tr-header #baseline
{
	position: absolute;
	top: 60px;
	left: 145px;
	z-index: 100;
}

#header-right-menu
{
	position: absolute;
	right: 0;
}

#header-right-menu .first-line
{
	color: #808080;
	margin : 5px 10px 0 0;
	text-align: center;
	background: url(/com/images/fond_service_client.jpg) scroll no-repeat 0 0;
	width: 195px;
	height: 23px;
	line-height: 23px;
	font-size: 13px;
	
}
#header-right-menu a
{
	color: #6c6c6c;
	text-decoration: none;
}
#header-right-menu a:hover
{
	color: #d60a40;
	text-decoration: underline;
}

#header-right-menu .numero
{
	color: #333;
	font-weight: bold;
	font-size: 115%;
}

#header-right-menu .second-line
{
	padding: 11px 12px 0 0;
	text-align:right;
	overflow: hidden;
	height: 90px;
}
#header-right-menu .second-line form{padding:0; margin:0;}

#header-right-menu .search_text
{
	border: 1px solid #a7a7a7;
	padding: 6px;
	color: #020202;
	font-size: 85%;
	font-weight: bold;
	width: 180px;
	margin-right: 5px;
}
#header-right-menu .search_button
{
	border: 1px solid #a7a7a7;
	padding: 6px;
	color: #020202;
	font-size: 85%;
	background-color: #fff;
	height: 27px;
	font-weight: bold;
}

#header-right-menu .third-line
{
	padding: 6px 50px 0 0;
	text-align:right;
}
#header-right-menu .third-line img
{
	display: inline;
}
#tr-mainmenu
{
	width: 978px;
	height: 40px;
	margin: 0 auto;
	background: url(/com/images/fond_topmenu.jpg) scroll no-repeat 0 0;
}

#tr-mainmenu ul.menu
{
    float: left;
    margin: 0;
    padding: 0;
}
#tr-mainmenu ul.menu li {
    
    display: block;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#tr-mainmenu ul.menu li a,
#tr-mainmenu ul.menu li div {
    color: #005d35;
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 15px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
#tr-mainmenu ul.menu li div
{
	cursor: default;
}
#tr-mainmenu ul.menu li a:hover{text-decoration: none;}
#tr-mainmenu ul.menu li.home
{
}
#tr-mainmenu ul.menu li.home a{
	line-height: normal;
	padding-top: 11px;
	padding-right:5px;
}
#tr-mainmenu ul.menu li.home span{
   position: absolute;
    top: -1000px;
}
#tr-mainmenu ul.menu li.home a:hover{
    background-color: transparent;
}
#tr-mainmenu ul.menu li.aItemMenuBas-Selected {
background: url(/com/images/topmenu-selected-g.jpg) scroll no-repeat 0 50%;
}
#tr-mainmenu ul.menu li.aItemMenuBas-Selected a {
background: url(/com/images/topmenu-selected-d.jpg) scroll no-repeat right 50%;
color:#99cc00;
text-decoration: none;
}

#topsearch
{
	float: right;
	margin-right: 10px;
	margin-top: 6px;
}
#topsearch input
{
	float: left;
}
#topsearch input.Input_Recherche_champ {
    color: #666666;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 6px 0 7px 3px;
    width: 130px;
    border: 0 none;
    background: url(/com/images/fond_input_search.gif) scroll no-repeat 0 0;
}
#topsearch .frag_recherche_bouton
{
	margin: 0;
}
/* **************************************** Corps de la page ********************************************* */
.TABLEBody{
	width:820px;
	table-layout: fixed;
	
}


.TDPageGlobal{
	width :640px;
	text-align:left;
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	
}


/* **************************************** Chemin de fer  ********************************************* */
.TableBC {
	width:620px;
	table-layout: fixed;
	margin-left: 20px;
	background: transparent url(/com/images/fond_tableBC.jpg) scroll repeat-x 0px bottom;
}

.TableBC_TdContenu
{
	width:540px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #52a40b;
	padding: 0 0 3px 0;
	vertical-align: middle;
}

.TableBC_TdContenu A,
.TableBC_TdContenu A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #52a40b;
	text-decoration:underline;
}

.TableBC_TdContenu DIV
{
	display: block;	
	float: left;
	margin: 0 2px 0 3px;
}
.TableBC_TdImprimer
{
	width: 80px;

}
.TableBC_TdImprimer IMG
{
	border: 0px none;
	padding: 0px;
	margin: 0 0 2px 0;
	display: block;
}
.separateurBC
{
	width: 5px;
	height: 12px;
	background: transparent url(/com/images/separateur_BC.jpg) scroll no-repeat 0px 3px;
	float: left;
	margin: 0 0 0 0;
	padding:0;
}
/* **************************************** Animation de la page d'acceuil  ********************************************* */
.Table_AnimationAcceuil
{
	width: 820px;
	margin-top: 9px;
}
.Table_AnimationAcceuil TD
{
	padding: 0px;
	margin: 0px;
}
.Table_AnimationAcceuil TD IMG,
.Table_AnimationAcceuil TD OBJECT
{
	padding: 0px;
	margin: 0px;
	display: block;
}
.ChoixPaiement
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-top: 20px;
	margin-left: 250px;
	color: #333333;
}
.Hide
{
	display:none;
}

.boutonTotemDroite
{
	padding: 2px 0 2px 7px;
}
.boutonTotemDroite IMG
{
	padding: 0;
	margin:0;
	border: 0 none;
}




/** MENU BAS ***********************/
/* ****************************************** Pied de page *********************************************** */
.TABLEFooter {
	width:992px;
	table-layout: fixed;
	background: Transparent url(/com/images/fond_menu_bas.jpg) scroll no-repeat 0px 0px;
	margin: 5px 0px 10px 0px;
}
.td_MenuBas_Contenu
{
	width:820px;
	padding: 7px 0px 7px 0px;
}
.td_MenuBas_Logo
{
	width:172px;
	vertical-align: middle;
}
.TDFooter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	text-align:center;
	vertical-align:middle;
}

.aItemMenuBas 
{
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.aItemMenuBas:HOVER 
{
	color:#666666;
	text-decoration:underline;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}


.aItemMenuBas-Selected 
{
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}

.aItemMenuBas-Selected:HOVER 
{
	color:#666666;
	text-decoration:underline;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
.LienAccessibilite
{
	font-weight: bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
}


/************* MENU DROITE **/
.TDMenuDroite
{
	width: 172px;
	vertical-align: top;
}
.TableMenuDroite
{
}
.td_menu_accessibilite
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	padding: 7px 0px 2px 0px;
}
.td_menu_accessibilite A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e9ecc;
	text-decoration: underline;
}
.td_menu_accessibilite A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e9ecc;
	text-decoration: underline;
}

/** FRAG_IDENTIFICATION **/
.TableEspacePrive
{
	border-collapse:collapse;
	table-layout:fixed;
	width:157px;
	background: transparent url(/com/images/fond_menuDroite_bleu.gif) scroll no-repeat 0px 0px;
	margin: 2px 4px 3px 8px;
}


.TDEspacePriveTitre
{
	font-weight:bold;
	font-size:11px;
	color:#000000;
	text-align:left;
	padding: 7px 0px 3px 0px;
}
.TDEspacePriveTitre IMG
{

	margin: 0px 0px 0px 0px;
	border: 0px none;
}

.TDEspacePrive
{
	font-size:11px;
	padding: 0px 0px 0px 0px;
}


.EspacePriveTextField 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#a3a3a3;
	border: 1px solid #bebebe;
	width: 115px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 16px;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 4px 5px;
}

.EspacePriveLabel 
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
}
.tdCreerEspaceperso
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	padding: 0px 0px 0px 9px;
}
.tdCreerEspaceperso A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: none;
}
.tdCreerEspaceperso A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration: underline;
}
.EspacePriveBouton 
{	
	margin: 2px 3px 4px 5px;
}
.EspacePriveMessage
{
	font-size:11px;
	font-weight:bold;
	color: #FFB747;
}
.spanErreur
{
	color:red;
	font-weight:bold;
	font-size:12px;
}
a.hplEspacePrive, a.hplEspacePrive:HOVER
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}

.TDEspacePrive_bas
{
	width:157px;
	height: 3px;
	background: #FFFFFF url(/com/images/fond_menuDroite_bleu_bas.gif) scroll no-repeat 0px 0px;
}

.DIVMessage
{
	width: 60%;
	text-align: center;
	color: #FFB747;
}

/* *************************** Menu gauche ***************************** */
.TDMenuGauche
{
	width:180px;
	text-align:left;
	vertical-align:top;
}

.TDMenuGaucheTABLENav 
{
	text-align:left;
	vertical-align:middle;
	width:180px;
}



.TDMenuGaucheTDSeparatorPrePere
{
	padding-top: 5px;
}
/* Niveau 1 */


.TDMenuGaucheTDNav1,
.TDMenuGaucheTDNav1-Sur2Lignes
{
	background: #eaf2e1 url(/com/images/puce_menugauche_niveau1.gif) scroll no-repeat 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #444559;
	vertical-align: top;
	padding: 2px 10px 5px 10px;
}
.TDMenuGaucheTDNav1 A,
.TDMenuGaucheTDNav1-Sur2Lignes A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav1 A:HOVER,
.TDMenuGaucheTDNav1-Sur2Lignes A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav1 .divConteneurPictoMenu,
.TDMenuGaucheTDNav1-Sur2Lignes .divConteneurPictoMenu
{
	display: none;
}
.TDMenuGaucheTDNav1_alterne,
.TDMenuGaucheTDNav1_alterne-Sur2Lignes
{
	background: #d9e7ca url(/com/images/puce_menugauche_niveau1.gif) scroll no-repeat 2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #444559;
	vertical-align: top;
	padding: 2px 10px 5px 10px;
}
.TDMenuGaucheTDNav1_alterne .divConteneurPictoMenu,
.TDMenuGaucheTDNav1_alterne-Sur2Lignes .divConteneurPictoMenu
{
	display: none;
}
.TDMenuGaucheTDNav1_alterne A,
.TDMenuGaucheTDNav1_alterne-Sur2Lignes A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav1_alterne A:HOVER,
.TDMenuGaucheTDNav1_alterne-Sur2Lignes A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}

/* Niveau 2 */
.TDMenuGaucheTDNav2,
.TDMenuGaucheTDNav2-Sur2Lignes
{
	background: #eaf2e1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #444559;
	vertical-align: top;
	padding: 1px 5px 1px 15px;
}
.TDMenuGaucheTDNav2 A,
.TDMenuGaucheTDNav2-Sur2Lignes A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav2 A:HOVER,
.TDMenuGaucheTDNav2-Sur2Lignes A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav2 .divConteneurPictoMenu,
.TDMenuGaucheTDNav2-Sur2Lignes .divConteneurPictoMenu
{
	display: none;
}

.TDMenuGaucheTDNav-Selected
{
	font-weight: bold;
}

.TDMenuGaucheTDNav2_alterne,
.TDMenuGaucheTDNav2_alterne-Sur2Lignes
{
	background: #eaf2e1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #444559;
	vertical-align: top;
	padding: 1px 5px 1px 15px;
}
.TDMenuGaucheTDNav2_alterne A,
.TDMenuGaucheTDNav2_alterne-Sur2Lignes A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav2_alterne A:HOVER,
.TDMenuGaucheTDNav2_alterne-Sur2Lignes A:HOVER
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444559;
	text-decoration: none;
}
.TDMenuGaucheTDNav2_alterne .divConteneurPictoMenu,
.TDMenuGaucheTDNav2_alterne-Sur2Lignes .divConteneurPictoMenu
{
	display: none;
}

.TDMenuGaucheTDNav-Selected
{
	font-weight: bold;
}

/** ESPACE PRO **/


.Table_MenuGauche_Espacepro
{
	width: 178px;
	table-layout: fixed;
}

.td_EspaceProTitre
{
	background: transparent url(/com/images/td_menuGauche_EspacePro_Titre.jpg) scroll no-repeat 0px 0px;
	height: 33px;
}
.td_espacePro_libelle,
.td_espacePro_libelle-Sur2Lignes
{
	background: #e4e3e8 url(/com/images/menuGauche_espacePro_libelle.jpg) scroll no-repeat 0px 0px;
	padding: 5px 7px 5px 10px;
	vertical-align: top;
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.td_espacePro_libelle A,
.td_espacePro_libelle-Sur2Lignes A
{
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}
.td_espacePro_libelle A:HOVER,
.td_espacePro_libelle-Sur2Lignes A:HOVER
{
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}
.td_espacePro_libelle_alterne,
.td_espacePro_libelle_alterne-Sur2Lignes
{
	background: #cccbd1 url(/com/images/menuGauche_espacePro_libelle_alt.jpg) scroll no-repeat 0px 0px;
	padding: 5px 7px 5px 10px;
	vertical-align: top;
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
}
.td_espacePro_libelle_alterne A,
.td_espacePro_libelle_alterne-Sur2Lignes A
{
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}
.td_espacePro_libelle_alterne A:HOVER,
.td_espacePro_libelle_alterne-Sur2Lignes A:HOVER
{
	color:#444559;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}
.td_espacepro_bas
{
	background:transparent url(/com/images/menuGauche_espacePro_bas.jpg) scroll no-repeat 0px 0px;
	height: 12px;
}


/*************************************************************************************************************************************************************************/
/* Bloc contenant des floats */
.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0;line-height:0;height:0;width:100%;margin:0;padding:0;}
/*************************************************************************************************************************************************************************/