@charset "utf-8";
/*************************************************************
                       CSS GENERAL
*************************************************************/

/*ECRAN */
@media screen {

/*Styles standards
**************************************************************/

html { height:100%; min-height:100%; background:#FFFFFF url(/tti/images_site/css/bg_tti.gif) repeat-x scroll 0 0;}
body { 
	margin: 0;
	padding: 0;
	height: 100%;
	min-height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align:center;
	font-size:11px;
}

h1 { font-size:17px; color:#F18306;}
h2 { font-size:16px; color:#F18306;}
h3 { font-size:15px; color:#F18306;}
h4 { font-size:14px; color:#F18306;}
h5 { font-size:13px; color:#F18306;}

pre { margin:13px; padding:6px; border: dotted 1px black; color: gray; font-size:12px; }
pre strong { color: black; font-weight: normal; }
span { font-size:12px; }
hr { color: #666666; height:1px; font-size:0px; margin:0px; padding:0px; }
a { color: #FF6701; text-decoration:none; font-size:12px; }
a:hover { text-decoration:underline; }
img { text-decoration:none }
p { padding:0 0 18px 0;  font-size:12px; color:#666666; }


/*style formulaires
**************************************************************/
input { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666 }
select { color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:11px; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; border:1px outset #666666; }
label { font-family:Arial, Helvetica, sans-serif; font-size:11px; }


/*MISC styles
**************************************************************/
.clearBoth { clear:both; }
.champ { margin-left:135px; clear:both; width:500px; height:25px; }
.champ_titre { float:left; }
.champ_form { float:right; }


/*Styles de mise en page
**************************************************************/
/* -- Respecter l'héritage des classes ! -- */

#conteneur {
	position: relative;
	width: 770px;
	margin: 0 auto;
	height:100%;
	min-height: 100%;
	background: #ffffff;
	border:1px solid #666666;
	text-align:left;
	margin-top:10px;
}
html > body #conteneur { height:auto;}

	/* entete */
	#entete { height:190px; text-align:left; padding:10px 0px 0px 20px;}

	/* navigation : menu */
	#navigation { margin-bottom:10px;}
	#navigation ul  { padding:0px; margin:auto; }
		#menu_haut {
			height:56px; list-style-image:none; list-style-position:outside; list-style-type:none;
			padding-left:10px; white-space:nowrap; width:730px; font-weight:bold;
			background:transparent url(/tti/images_site/css/bg_sous_menu.jpg) no-repeat bottom;
		}
			#menu_haut ul { margin:0px; padding:0px; height:46px; }
			#menu_haut li { color:#999999; float:left; height:46px; background:transparent url(/tti/images_site/css/bg_li.jpg) no-repeat scroll right top; }
			#menu_haut a { color:#999999; text-decoration:none; float:left; display:block; height:19px; padding-top:17px; font-size:11px; }
			#menu_haut a:hover, #menu_haut .marqueTaPage a { color:#FF6701; text-decoration:none; }

		/* section EN */
		#menu_haut .home_2 { padding-right:32px; padding-left:32px;}
		#menu_haut .reservation_2 { padding-right:32px; padding-left:32px;}
		#menu_haut .mon_compte_2 { padding-right:32px; padding-left:32px;}
		#menu_haut .guide_horaire_2 { padding-right:32px; padding-left:32px;}
		#menu_haut .acces_agences_2 { padding-right:32px; padding-left:32px;}
		#menu_haut .nous_contacter_2 { padding-right:32px; padding-left:32px; background:none;}
		/* section FR */
		#menu_haut .home_1 { padding-right:26px; padding-left:26px;}
		#menu_haut .reservation_1 { padding-right:26px; padding-left:26px;}
		#menu_haut .mon_compte_1 { padding-right:26px; padding-left:26px;}
		#menu_haut .guide_horaire_1 { padding-right:26px; padding-left:26px;}
		#menu_haut .acces_agences_1 { padding-right:26px; padding-left:26px;}
		#menu_haut .nous_contacter_1 { padding-right:26px; padding-left:26px; background:none;}
		/* section ES */
		#menu_haut .home_4 { padding-right:31px; padding-left:30px;}
		#menu_haut .reservation_4 { padding-right:31px; padding-left:30px;}
		#menu_haut .mon_compte_4 { padding-right:31px; padding-left:30px;}
		#menu_haut .guide_horaire_4 { padding-right:31px; padding-left:30px;}
		#menu_haut .acces_agences_4 { padding-right:31px; padding-left:30px;}
		#menu_haut .nous_contacter_4 { padding-right:31px; padding-left:30px; background:none;}
		/* section PT */
		#menu_haut .home_6 { padding-right:28px; padding-left:29px;}
		#menu_haut .reservation_6 { padding-right:28px; padding-left:29px;}
		#menu_haut .mon_compte_6 { padding-right:28px; padding-left:29px;}
		#menu_haut .guide_horaire_6 { padding-right:28px; padding-left:29px;}
		#menu_haut .acces_agences_6 { padding-right:28px; padding-left:29px;}
		#menu_haut .nous_contacter_6 { padding-right:28px; padding-left:29px; background:none;}
		

			
	/* flags for languages */
	#zoneFlags { position:absolute; top:10px; right:10px;}
		#zoneFlags li {list-style:none; float:left; list-style-type:none; margin-right:5px;}


	/* contenu */
	#contenu { padding-bottom:30px; padding-left:20px; padding-right:20px; position:relative; text-align:justify; width:730px; }
		#contenu li { list-style-image:url(/MRLines/images_site/design/puce.gif); margin-top:2px; list-style-position:outside; }
		#contenu td li { list-style:none; margin-top:2px; list-style-position:outside; }
		
		#columnLeft { float:left; width:315px; }
			#moteurHP { border-bottom:2px dotted #999999; float:left; height:310px; margin:0px; padding:0px 0px 10px 0px; width:280px;}
			#newsletterHP { border-bottom:2px dotted #999999; float:left; margin:10px 0px; padding:10px; width:260px;}
				#newsletterHP h3 { margin:0px 0px 10px 0px;}
				#newsletterHP p { padding:0px;}
			#recentNewsHP { float:left; margin:0px; padding:0px 10px; width:260px;}
				#recentNewsHP p { padding:0px;}
		#columnRight { border-left:2px dotted #999999; float:left; padding-left:10px; width:400px;}
			#corpsHP { height:auto; width:100%;}
			#corpsHP li { margin-left:20px; list-style-image:url(/tti/images_site/css/menu_gauche_li.gif);}
		
		#instanceCtrlContent_dtlTypePassager select { margin-top:0px !important; }
		
		#Table7 { width:315px;}
		
				
	/* footer */
	#piedpage {
		position: absolute; bottom: 0; left: 0; width: 100%; height:30px; margin-top:5px;
		font-size: 12px; text-align:center; border-top:2px dotted #999999;
	}
		#piedpage ul { list-style:none; padding:0px; margin:5px 0px 0px 0px; margin:auto;}
		#piedpage li { list-style:none; float:left; padding:0 5px 0px 5px; margin:0px;}
		#piedpage #footerNav { padding-top:6px; width:295px; text-align:center;}
		
		
	/* logo TTI on integration */
	#poweredTTI a {
		background:white url(/MRLines/images_site/poweredTTI.gif) no-repeat scroll 0 0;
		height:19px; position:absolute; right:5px; top:5px; width:19px; z-index:0; 
	}
	#poweredTTI a:hover {
		background:white url(/MRLines/images_site/poweredTTI-over.gif) no-repeat;
	}


}

/*IMPRESSION*/
@media print {

a { color: #8259DF; text-decoration:none; }
A:link { font-size: 0.9em; color: #8259DF;	font-family:Helvetica, Arial, sans-serif; text-decoration: none; }
A:active { font-size: 0.9em; color: #8259DF; font-family:Helvetica, Arial, sans-serif; text-decoration: none; }
A:visited { font-size: 0.9em; color: #8259DF; font-family:Helvetica, Arial, sans-serif; text-decoration: none; }
A:hover { font-size: 0.9em; color: #475F6F; font-family:Helvetica, Arial, sans-serif; text-decoration: underline; }

p { padding:0 0 18px 0; }

input { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#000000 }
select { color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:0.9em; border:1px outset #CCCCCC; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#000000; border:1px outset #CCCCCC; }

.bouton { font-weight: bold; color: #FFFFFF; background-color: #475F6F; }

li { margin-top:2px; padding-top:4px; }

.border { border: 1px outset #475F6F; margin: 3px; padding: 7px; font-size: xx-small; }
.NoWrap { white-space: nowrap; }


}