/* ---------------------- réglages généraux -------------------------------------------------- */
body {
	margin:0;
	padding:0;
	text-align:center;		/* pour corriger le bug de centrage IE 5.5 */
	color:#000;
	background-color:#fffde9;
	font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:12px;
	font-weight:normal;
}

a {
	color:#000;
	text-decoration:none;
}

h1, h2, h3 {
	color:#000;
	padding:0;
	margin:0;
}
h1, h2 { text-transform:uppercase; }
h1 { font-size:16px; }
h2 { font-size:16px; }

p { margin-bottom:5px; }
img { border:none; }
form { margin:0; padding:0 }
sup { font-size:8px; }

.mini { font-size:10px; }
.gras { font-weight:bold; }
.maj { text-transform:uppercase; }
.rouge { color:#ff0000; }
.nowrap { white-space:nowrap; }
.vatop { vertical-align:top; }
.vabottom { vertical-align:bottom; }
.vamiddle { vertical-align:middle; }
.aright { text-align:right; }
.aleft { text-align:left; }
.acenter { text-align:center; }
.prompt { text-align:right; }
.promptb { text-align:right; font-weight:bold; }

.clearb, .colonnenulle { clear:both; }
.clearl { clear:left; }
.clearr { clear:right; }

div.colonneg { float:left; width:340px; }
div.colonned { float:right; width:340px; }

.error {
    background-color: Red;
    color: Yellow;
    font-size: 12px;
    font-weight: bold;
}


/* ---------------------- Structure DIV id --------------------------------------------------- */
#container 
{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	min-height:654px;
	text-align: left;
	background-color:#e7e7e8;
	/*background-color:#ebe9d5;*/
}

#entete 
{
	width:950px;
	height:104px;
	background:url(../images/bandeau.gif) top left no-repeat;
}

#menu 
{
	float:left;
	width:152px;
	min-height:518px;
}

#page 
{
	float:left;
	width:798px;
	min-height:518px;
}
#titrepage 
{
	margin-bottom:20px;
}
#pagecontenu 
{
	padding:0px 30px 10px 37px;
}

#pied 
{
	width:950px;
	height:32px;
	background:url(../images/fpied.gif) top left no-repeat;
	color:#fff;
}


/* ---------------------- Eléments internes aux pages ---------------------------------------- */
.planlien 
{
	float:left; 
	margin-left:17px;
}
.planico 
{
	float:left; 
	margin:0px 10px 5px 0px;
}
.plantexte 
{
	float:left; 
	font-weight:normal; 
	width:227px; 
	text-align:left;
}


div#services h1, div#services h2, div#services h3
{
	color:#01b5dd;
}
div#services h2
{
	padding-left:15px;
	background:url(../images/puce-service.gif) top left no-repeat;
	margin-bottom:5px;
	margin-top:15px;
}

h2.premier { margin-top:0; }

div#tulhommes h1, div#tulhommes h2, div#tulhommes h3
{
	color:#e3368a;
}
div#tulhommes h2
{
	padding-left:15px;
	background:url(../images/puce-tul.gif) top left no-repeat;
	margin-bottom:5px;
	margin-top:15px;
}

div#horaires h1, div#horaires h2, div#horaires h3
{
	color:#eb6e07;
}
div#horaires h2
{
	padding-left:15px;
	background:url(../images/puce-horaires.gif) top left no-repeat;
	margin-bottom:5px;
	margin-top:15px;
}

div#horaires h3, div#busemploi h3
{
	padding-left:15px;
	margin-bottom:5px;
	margin-top:10px;
}

div#horaires p.soustitre 
{
	font-weight:bold;
	color:#eb6e07;
	font-size:13px;
}

div#titres h1, div#titres h2, div#titres h3
{
	color:#c5ac02;
}
	div#titres h2
	{
		padding-left:15px;
		background:url(../images/puce-titres.gif) top left no-repeat;
		margin-bottom:5px;
		margin-top:15px;
	}
	div#titres h3
	{
		padding-left:15px;
		margin-bottom:5px;
		margin-top:10px;
	}
	div#titres .formulaire
	{
		margin:15px 0px 15px 17px;
	}
	div#titres .tbliste table
	{
		margin-left:15px;
	}
	div#titres .tbliste table thead
	{
		background-color:#ffdd03;
		color:#000;
	}
	div#titres .tbliste table thead th 
	{
		height:25px;
	}

div#contact h1, div#contact h2, div#contact h3
{
	color:#21a246;
}
	div#contact h2
	{
		padding-left:15px;
		background:url(../images/puce-contact.gif) top left no-repeat;
		margin-bottom:5px;
		margin-top:15px;
	}
	div#contact h3
	{
		padding-left:15px;
		margin-bottom:5px;
		margin-top:10px;
	}

div#actusvelitul h1, div#actusvelitul h2, div#actusvelitul h3
{
	color:#95a100;
}
	div#actusvelitul h2
	{
		padding-left:15px;
		background:url(../images/puce-actuvelitul.gif) top left no-repeat;
		margin-bottom:5px;
		margin-top:15px;
	}
	div#actusvelitul h3
	{
		padding-left:15px;
		margin-bottom:5px;
		margin-top:10px;
	}

div#annexes h1, div#annexes h2, div#annexes h3
{
	color:#21a246;
}
	div#annexes h2
	{
		padding-left:15px;
		background:url(../images/puce-contact.gif) top left no-repeat;
		margin-bottom:5px;
		margin-top:15px;
	}
	div#annexes h3
	{
		padding-left:15px;
		margin-bottom:5px;
		margin-top:10px;
	}

div#faq .gras 
{
	color:#21a246;
	font-weight:bold;
}

div#vivrelaval h2 
{
	color:#12afd8;
	padding-left:15px;
	background:url(../images/puce-bleu.gif) top left no-repeat;
	margin-bottom:5px;
	margin-top:15px;
}
	div#vivrelaval .tbliste table
	{
		margin-left:15px;
	}
	div#vivrelaval .tbliste table thead
	{
		background-color:#36484f;
		color:#fff;
	}
	div#vivrelaval .tbliste table thead th 
	{
		height:25px;
	}


#pagecontenu p 
{
	padding:0px 0px 0px 17px;
	margin:5px 0px 0px 0px;
}
#pagecontenu a 
{
	text-decoration:underline;
}
#pagecontenu ul, #pagecontenu li
{
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}
#pagecontenu li 
{
	margin-top:0px;
}
                
div#tulauto table thead {
	background-color:#F7DB00;
}
div#tulauto table td.titre {
	background-color:#00AFD6; 
	color:#fff;
	font-weight:bold;
}

div#busemploi h1, div#busemploi h2, div#busemploi h3
{
	color:#b10135;
}
div#busemploi h2
{
	padding-left:15px;
	background:url(../images/puce-bus.gif) top left no-repeat;
	margin-bottom:5px;
	margin-top:15px;
}
div#busemploi strong { color:#b10135; }


/* --------------- page accueil --------------------------- */
.plandyn, .cartejeune, .keolis
{
	margin-top:12px;
}
.cartejeune
{
	display:block;
	width:360px;
	min-height:77px;
	text-align:center;
	background-color:#fff;
}
.keolis
{
	display:block;
	width:360px;
	min-height:77px;
	text-align:center;
}

#fiti, #infotrafic, #actutrafic
{
	background-color:#2a383e;
	width:333px;
	margin-right:20px;
	margin-top:12px;
}
#fiti { min-height:172px; }
	#fiti .inputt
	{
		width:280px; 
		border:solid 1px #000;
	}
	.submitt
	{
		width:122px; 
		height:18px;
		color:#000;
		border:none;
		background-color:#12afd8;
		text-align:right;
		text-transform:uppercase;
		font-size:12px;
		font-weight:bold;
		padding-bottom:5px;
		padding-right:5px;
		margin-right:1px;
		cursor:pointer;
	}
	.submitvert
	{
		background-color:#21a246;
	}
	.submitt:hover 
	{
		color:#fff;
	}
	#titres .submitt 
	{
		background-color:#c0b515;
		/*background-color:#f8e91b;*/
	}
	#horaires .submitt 
	{
		background-color:#eb6e07;
	}
	
#infotrafic, #actutrafic { min-height:100px; }
.destineo {	float:right; margin-right:40px; margin-top:30px; }

#infotrafic a, #actutrafic a
{
	color:#fff;
	font-size:12px;
	text-decoration:none;
	/*text-transform:uppercase;*/
	padding-left:30px;
	padding-top:7px;
}
#infotrafic a { background:url(../images/puce-infotrafic.gif) top left no-repeat; }
#actutrafic a { background:url(../images/puce-actualites.gif) top left no-repeat; }


/* --------------- menu gauche ---------------------------- */
#menu ul, #menu li
{
	margin:0;
	padding:0;
	list-style-type:none;
}

	#menu a 
	{
		font-family: Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
		font-size:11px;
		color:#fff;
	}
	#menu a span 
	{
		margin-left:18px;
	}

	div.mnu_laval, div.mnu_accueil, div.mnu_horaires, div.mnu_tarifs, div.mnu_bus, div.mnu_service, div.mnu_tul, div.mnu_contact 
	{
		display:block;
		width:152px;
	}
	div.mnu_laval { height:30px; }
	div.mnu_accueil, div.mnu_horaires, div.mnu_tarifs, div.mnu_bus, div.mnu_service, div.mnu_tul, div.mnu_contact { min-height:62px; }

	div.mnu_veli_fonc, div.mnu_veli_stations, div.mnu_veli_abon, div.mnu_veli_tele, div.mnu_veli_compte, div.mnu_veli_contact, div.mnu_veli_actu
	{
		display:block;
		width:152px;
		min-height:62px;
	}

	div.mnu_laval span, div.mnu_accueil span, div.mnu_horaires span, div.mnu_tarifs span, div.mnu_bus span, div.mnu_service span, div.mnu_tul span, div.mnu_contact span { display:none; }
	div.mnu_veli_fonc span, div.mnu_veli_stations span, div.mnu_veli_abon span, div.mnu_veli_tele span, div.mnu_veli_compte span, div.mnu_veli_contact span, div.mnu_veli_actu span { display:none; }

	div.mnu_laval a { display:block; width:152px; height:30px; background:url(../images/mnu-laval.gif) top left no-repeat; }
	div.mnu_accueil a { display:block; width:152px; height:62px; background:url(../images/mnu-accueil.gif) top left no-repeat; }

	div.mnu_horaires a { display:block; width:152px; height:62px; background:url(../images/mnu-horaires.gif) top left no-repeat; }
	div.mnu_horairesac a { display:block; width:152px; height:15px; background:url(../images/mnu-horairesac.gif) top left no-repeat; }
	div.mnu_horairessm a { display:block; width:152px; height:15px; background:url(../images/mnu-horairessm.gif) top left no-repeat; }
	div.mnu_horairesa { display:block; width:152px; height:15px; background-color:#b65505; }

	div.mnu_tarifs a { display:block; width:152px; height:62px; background:url(../images/mnu-tarifs.gif) top left no-repeat; }
	div.mnu_tarifsac a { display:block; width:152px; height:15px; background:url(../images/mnu-tarifsac.gif) top left no-repeat; }
	div.mnu_tarifssm a { display:block; width:152px; height:15px; background:url(../images/mnu-tarifssm.gif) top left no-repeat; }
	div.mnu_tarifsa { display:block; width:152px; height:15px; background-color:#c5ac02; }

	div.mnu_bus a { display:block; width:152px; height:62px; background:url(../images/mnu-bus.gif) top left no-repeat; }
	div.mnu_busac a { display:block; width:152px; height:15px; background:url(../images/mnu-busac.gif) top left no-repeat; }
	div.mnu_bussm a { display:block; width:152px; height:15px; background:url(../images/mnu-bussm.gif) top left no-repeat; }
	div.mnu_busa { display:block; width:152px; height:15px; background-color:#89012a; }

	div.mnu_service a { display:block; width:152px; height:62px; background:url(../images/mnu-services.gif) top left no-repeat; }
	div.mnu_serviceac a { display:block; width:152px; height:15px; background:url(../images/mnu-servicesac.gif) top left no-repeat; }
	div.mnu_servicesm a { display:block; width:152px; height:15px; background:url(../images/mnu-servicessm.gif) top left no-repeat; }
	div.mnu_servicea { display:block; width:152px; height:15px; background-color:#018dad; }

	div.mnu_tul a { display:block; width:152px; height:62px; background:url(../images/mnu-tul.gif) top left no-repeat; }
	div.mnu_tulac a { display:block; width:152px; height:15px; background:url(../images/mnu-tulac.gif) top left no-repeat; }
	div.mnu_tulsm a { display:block; width:152px; height:15px; background:url(../images/mnu-tulsm.gif) top left no-repeat; }
	div.mnu_tula { display:block; width:152px; height:15px; background-color:#af2a6c; }

	div.mnu_contact a { display:block; width:152px; height:62px; background:url(../images/mnu-contact.gif) top left no-repeat; }
	div.mnu_contactac a { display:block; width:152px; height:15px; background:url(../images/mnu-contactac.gif) top left no-repeat; }
	div.mnu_contactsm a { display:block; width:152px; height:15px; background:url(../images/mnu-contactsm.gif) top left no-repeat; }
	div.mnu_contacta { display:block; width:152px; height:15px; background-color:#197e37; }


	div.mnu_veli_fonc a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-fonc.gif) top left no-repeat; }
	div.mnu_veli_foncac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-foncac.gif) top left no-repeat; }
	div.mnu_veli_foncsm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-foncsm.gif) top left no-repeat; }
	div.mnu_veli_fonca { display:block; width:152px; height:15px; background-color:#b65505; }

	div.mnu_veli_stations a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-stations.gif) top left no-repeat; }
	div.mnu_veli_stationsac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-stationsac.gif) top left no-repeat; }
	div.mnu_veli_stationssm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-stationssm.gif) top left no-repeat; }
	div.mnu_veli_stationsa { display:block; width:152px; height:15px; background-color:#c5ac02; }

	div.mnu_veli_abon a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-abon.gif) top left no-repeat; }
	div.mnu_veli_abonac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-abonac.gif) top left no-repeat; }
	div.mnu_veli_abonsm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-abonsm.gif) top left no-repeat; }
	div.mnu_veli_abona { display:block; width:152px; height:15px; background-color:#89012a; }

	div.mnu_veli_tele a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-tele.gif) top left no-repeat; }
	div.mnu_veli_teleac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-teleac.gif) top left no-repeat; }
	div.mnu_veli_telesm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-telesm.gif) top left no-repeat; }
	div.mnu_veli_telea { display:block; width:152px; height:15px; background-color:#018dad; }

	div.mnu_veli_compte a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-compte.gif) top left no-repeat; }
	div.mnu_veli_compteac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-compteac.gif) top left no-repeat; }
	div.mnu_veli_comptesm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-comptesm.gif) top left no-repeat; }
	div.mnu_veli_comptea { display:block; width:152px; height:15px; background-color:#af2a6c; }

	div.mnu_veli_contact a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-contact.gif) top left no-repeat; }
	div.mnu_veli_contactac a { display:block; width:152px; height:15px; background:url(../images/mnu-contactac.gif) top left no-repeat; }
	div.mnu_veli_contactsm a { display:block; width:152px; height:15px; background:url(../images/mnu-contactsm.gif) top left no-repeat; }
	div.mnu_veli_contacta { display:block; width:152px; height:15px; background-color:#197e37; }

	div.mnu_veli_actu a { display:block; width:152px; height:62px; background:url(../images/mnu-veli-actu.gif) top left no-repeat; }
	div.mnu_veli_actuac a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-actuac.gif) top left no-repeat; }
	div.mnu_veli_actusm a { display:block; width:152px; height:15px; background:url(../images/mnu-veli-actusm.gif) top left no-repeat; }
	div.mnu_veli_actua { display:block; width:152px; height:15px; background-color:#95a100; }


/* --------------- pied de page --------------------------- */
#pied a, #pied a:visited, #pied a:hover, #pied a:active
{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
/* #pied a:hover {	text-decoration:underline; } */

.mnu_partenaire { margin-left: 170px; }
.mnu_partenaire, .mnu_mentions, .mnu_accessibilite, .mnu_plansite 
{
	/*float:left;*/
	margin-top:7px;
	margin-right:10px;
	padding-left:14px;
	background:url(../images/piedpuce.gif) top left no-repeat;
}

.pieddateheure 
{
	text-align:right;
	font-weight:bold;
	margin-top:7px;
	margin-right:20px;
}

/* -------------- pages tarifs ------------------------- */
div.tarifstul { }
div.tarifstitre { margin-top:37px; margin-left:155px; }
div.tarifsvigueur { margin-top:25px; }
div.tarifschoix { margin-top:17px; margin-left:155px; }
div.tarifchoix { float:left; margin-right:12px; }


/* ------------------- pages VELITUL  */
table.tarifsinfos, table.tarifsinfos2
{
	text-align:center; 
	text-transform:uppercase;
	font-weight:bold;
}
table.tarifsinfos2 
{
	font-size:14px;
}
table.tarifsinfos td.tarifn 
{
	background-color:#000;
	color:#fff;
}
table.tarifsinfos2 td.tarifn 
{
	background-color:#b10135;
	color:#fff;
}

table.tarifsinfos td.tarifng 
{
	background-color:#777;
	color:#fff;
}
table.tarifsinfos2 td.tarifng 
{
	background-color:#89012a;
	color:#fff;
}
table.tarifsinfos td.tarifg 
{
	color:#777;
}
table.tarifsinfos2 td.tarifg 
{
	color:#89012a;
}


/* ------------------------ emplois --------------------------- */
table.emplois { border:solid 1px #000; margin-left:20px; margin-top:10px; }
table.emplois thead { background-color:#bebebe; }
table.emplois th { padding:4px; height:20px; text-align:center; border:solid 1px #000; }
table.emplois td { padding:4px; height:20px; text-align:left; border:solid 1px #000; }
table.emplois td.acenter { text-align:center; }