﻿html{
	background-image:url('../new_developpement/images/bg_header.png');
	background-repeat:repeat-x;
	height:100%;
}
html body{
	margin:0;
	padding:0;
	height:100%;
	/*height:auto!important;
	height:650px;*/
	min-height:700px;
	min-width:999px;
	/*width:1109px;*/
	
	/*border-top:1px solid #53b800;*/
	
	/*border-bottom:1px solid #53b800;*/
	font-size:1em;
	font-family:Helvetica, Arial, sans-serif;
	text-align:left;
	
	/*background-image:url('../new_developpement/images/bg_footer.png');
	background-repeat:repeat-x;
	background-position:bottom left;*/
}
#wrapper{
	margin:0 auto;
	padding:0 0 3em 0;
	width:999px;
	min-height:100%;
	/*position:relative;*/
}
td{
	text-align:left;
}
font{
/*
	color: inherit !important;
	margin: inherit !important;
	padding: inherit !important;
	*/
	font: inherit !important;
	/*
	text-decoration: inherit !important;
	border: inherit !important;
	background: inherit !important;
	bottom: inherit !important;
	top: inherit !important;
	left: inherit !important;
	right: inherit !important;
	position: inherit !important;
	clear: inherit !important;
	float: inherit !important;
	height: inherit !important;
	width: inherit !important;
	letter-spacing: inherit !important;
	text-transform: inherit !important;
	outline: inherit !important;
	overflow: inherit !important;
	display: inherit !important;
	visibility: inherit !important;
	text-indent: inherit !important;
	white-space: inherit !important;
	word-spacing: inherit !important;
	z-index: inherit !important;
	text-align: inherit !important;
	max-height: inherit !important;
	max-width: inherit !important;
	min-height: inherit !important;
	min-width: inherit !important;
	cursor: inherit !important;
*/
}
form{
	margin:0;
	padding:0;
}
a img{
	border:none;
}

/*a {
	text-decoration:none; color:#009EE0;	
}*/
/********************************************
*				header						*
********************************************/
#header{
	margin:0;
	padding:0;
	min-height:127px;
	height:auto!important;
	height:127px;
	/*background-image:url('../new_developpement/images/bg_header.png');
	background-repeat:repeat-x;*/
}
#logo_stm{
	margin:20px 0 22px 21px;
	float:left;
	display:inline;
}
#topmenu{
	float:right;
	display:inline;
	margin:20px 40px 0 0;
	padding:0;
	list-style:none;
	color:#707070;
}
#topmenu li{
	display:inline;
}
#topmenu a{
	font-family:Helvetica, Arial, sans-serif;
	/*font-size:0.8em;*/
	line-height:21px;
	vertical-align:baseline;
	color:#707070;
	text-decoration:none;
}
.topMenuFontSize{
	font-size:0.8em;
}
#topmenu a:hover{
	color:#009ddf;
}
#topmenu span{
	font-size:1.2em;
	margin:0 10px;
}
#increaseSize{
	font-size:1.1em;
	font-weight:bold;
}
#resetSize{
	font-size:0.8em;
}
#decreaseSize{
	font-size:0.8em;
}
/********************************************
*				mainmenu					*
********************************************/
#mainmenu{
	position:relative;
	z-index:1;
	margin:0 0 0 39px;
	padding:0;
	list-style:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.95em;
	font-weight:bold;
	color:#fff;
	clear:both;
	width:auto;
	float:left;
}
#mainmenu li{
	position:relative;
	z-index:1;
	float:left;
	display:inline;
	margin:0 1px 0 0;
	/*height:auto;
	width:auto;
	text-align:center;
	vertical-align:bottom;*/
}
#mainmenu .main_menu_item a{
	position:relative;
	z-index:1;
	color:#fff;
	display:block;
	margin:0;
	text-decoration:none;
	background-color:#0498da;
	background-image:none;
}
#mainmenu li a{
	position:relative;
	z-index:1;
	color:#fff;
	display:block;
	margin:0;
	text-decoration:none;
	background-color:#0498da;
	background-image:none;
}
#mainmenu .first_menu_item a{
	/*min-width:132px;
	width:auto!important;
	width:132px;*/
	background-image:url('../new_developpement/images/bg_left_menu.png');
	background-repeat:no-repeat;
}
#mainmenu .last_menu_item a{
	/*min-width:163px;
	width:auto!important;
	width:163px;*/
	background-image:url('../new_developpement/images/bg_right_menu.png');
	background-repeat:no-repeat;
	background-position:top right;
}
#tarification{
	padding:5px 32px 3px;
}

#taxi{
	padding:5px 32px 3px;
}

#transport{
	padding:5px 32px 3px;
}

#trajets{
	padding:5px 32px 3px;
}

#metro{
	padding:5px 32px 3px;
}

#autobus{
	padding:5px 32px 3px;
}

#accueil{
	padding:5px 32px 3px;
}

#mainmenu .main_menu_item a:hover{
	background-image:url('../new_developpement/images/bg_menu_ov.png');
	background-repeat:repeat-x;
	background-color:#019ee0;
}

#mainmenu li a:hover{
	background-image:url('../new_developpement/images/bg_menu_ov.png');
	background-repeat:repeat-x;
	background-color:#019ee0;
}
#mainmenu .first_menu_item a:hover{
	background-image:url('../new_developpement/images/bg_left_menu_ov.png');
	background-repeat:no-repeat;
}
#mainmenu .last_menu_item a:hover{
	background-image:url('../new_developpement/images/bg_right_menu_ov.png');
	background-repeat:no-repeat;
	background-position: top right;
}
/********************************************
*				submenu					*
********************************************/
a:hover > .submenu{
	display:block;
	text-align:left;
}
.submenu{
	position:absolute;
	display:none;
	z-index:100;
	margin:0;
	padding:0;
	min-width:100%;
	width:auto!important;
	/*width:100%;*/
	font-size:0.70em;
	background-image:url('../new_developpement/images/bg_submenu.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color:#0498da;
	list-style:none;
}
#mainmenu .submenu li{
	/*float:none;*/
	clear:both;
	position:relative;
	z-index:100;
	margin:0;
	padding:0;
	/*min-width:100%;
	width:auto!important;*/
	width:100%;
	/*width:inherit;*/
	text-align:left;
	background-color:transparent;
	white-space:nowrap;
	border-top:1px dotted #fff;
}

#metroSubMenu li a{
	display:block;
	margin:0;
	padding:5px 5px 6px 5px;
	/*width:100%;*/
	background-color:transparent;
}

#tarificationSubMenu li a{
	display:block;
	margin:0;
	padding:5px 5px 6px 5px;
	/*width:100%;*/
	background-color:transparent;
}

#trajetsSubMenu li a{
	display:block;
	margin:0;
	padding:5px 5px 6px 5px;
	/*width:100%;*/
	background-color:transparent;
}

#autobusSubMenu li a{
	display:block;
	margin:0;
	padding:5px 5px 6px 5px;
	/*width:100%;*/
	background-color:transparent;
}

#metroSubMenu li a:hover{
	/*display:block;
	padding:5px 5px 6px 5px;*/
	background-color:#0c3d65;
	background-image:none;
	padding:5px 5px 6px 5px;
}

#tarificationSubMenu li a:hover{
	/*display:block;
	padding:5px 5px 6px 5px;*/
	background-color:#0c3d65;
	background-image:none;
	padding:5px 5px 6px 5px;
}

#trajetsSubMenu li a:hover{
	/*display:block;
	padding:5px 5px 6px 5px;*/
	background-color:#0c3d65;
	background-image:none;
	padding:5px 5px 6px 5px;
}

#autobusSubMenu li a:hover{
	/*display:block;
	padding:5px 5px 6px 5px;*/
	background-color:#0c3d65;
	background-image:none;
	padding:5px 5px 6px 5px;
}
/********************************************
*				maincontent						*
********************************************/
#maincontent{
	clear:both;
	/*margin-top:25px;*/
	margin-bottom:10px;
	/*padding:25px 0 0 0;*/
	padding:0;
	/*border-top:1px solid #000;*/
	/*background-color:#999999;*/
	/*min-height:590px;
	height:auto!important;
	height:590px;*/
}
#maincontent table {
	font-size:0.75em;
}
#maincontent table table {
	font-size:1em;
}
	a:hover{
	color:#0c3d65;
	text-decoration:none;
}
	a{
	color:#009EE0;
	text-decoration:none;
}
.greyspacer{
	clear:both;
	display:block;
	margin:0 auto 25px;
	height:1px;
	width:920px;
 }
 .greyspacer2{
	clear:both;
	display:block;
	margin:0 auto 25px;
	height:18px;
	width:920px;
	border-bottom:#dbdbdb 1px solid;
 }
/********************************************
*				footer						*
********************************************/
#footer{
	clear:both;
	margin:0 auto;
	padding:0;
	min-height:57px;
	height:auto!important;
	height:57px;
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	left:0;
	right:0;
	background-image:url('../new_developpement/images/bg_footer.png');
	background-repeat:repeat-x;
	background-position:bottom left;
	/*vertical-align:bottom;*/
	/*background-image:url('../new_developpement/images/bg_footer.png');
	background-repeat:repeat-x;
	background-position:bottom left;*/
}
#footer_links{
	clear:both;
	margin:0 auto;
	/*padding:14px 0 0 0 ;*/
	min-height:57px;
	height:auto!important;
	height:57px;
	   
	width:921px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.65em;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#009ee0;
}
#top_left{
	float:left;
	display:inline;
	margin:0;
}
#top_right{
	float:right;
	display:inline;
	margin:0;
}
#footer_links ul{
	clear:both;
	list-style:none;
	margin:7px 0 0 0;
	padding:0;
}
#footer_links li{
	/*float:left;*/
	display:inline;
	/*margin-top:14px;*/
}
#footer_links a{
	color:#fff;
	text-decoration:none;
	white-space:nowrap;
}
#footer_links a:hover{
	text-decoration:underline;
}

#footer_links p{
	clear:both;
	margin:7px 0 0 0;

}
.separateur{
	margin:0 6px;
	display:inline;
	vertical-align:bottom;
}

#container {
	/*border-bottom:1px solid #53b800;*/
	min-height:100%;
	width:100%;
	position:relative;
}
















