body{
  background: #BFBFBF url(img/mainBg.png) repeat-x;
	font-family: Trebuchet MS;
	font-size: 11px;
}


a{
  color: #5e5e5e;
  font-weight: bold;
}
a:hover{
  color: #0282A6;
}

h1{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;	
}

h2{
	font-size: 13px;
	font-weight: bold;		
}

form .row{
	border-bottom: 1px dotted #ddd;	
	padding-bottom: 3px;
	margin-bottom: 3px;
}
form .submit input{
	margin-left: 30%;
	height: 20px;
	line-height: 20px;	
}
form input{
	height: 16px;
	line-height: 16px;	
}

form select{
	height: 20px;
	line-height: 20px;	
}

form .row label{
	display: block;
	width: 30%;
	float: left;
}
form .row input,
form .row select,
form .row textarea{
	width: 30%;
}

form .row input.checkbox{
	width: 20px;
}

.formError{
	margin: 10px 0;
	background: #f9d4d4;
	border: 1px solid #ff0000;
	color: #ff0000;
	padding: 5px;
}
.formValidation{
	background: #ddf5ba;
	border: 1px solid #6bb600;
	color: #6bb600;
	margin: 10px 0;
	padding: 5px;		
}

/****** MAIN *******/

#mainContainer{
	width: 980px;
	height: 640px;
	margin: 10px auto;
	margin-bottom: 2px;
	background-image: url(img/bgPointillesBig.gif);
	
	background-position:  left 1px;
	position: relative;
}

#mentions{
	text-align: center;
}
#mentions a{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
}
/****** ENTETE & MENU *******/

#header{
	background: url(img/header1.jpg) left top no-repeat;
	height: 140px;
	position: relative;
	margin-bottom: 10px;
}
#header #logo{
	background: url(img/logoMaisonNeuve.png) left top no-repeat;
	width: 215px;	
	height: 100%;
	line-height: 999em;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 5;
}

#header #mainMenu{
	height: 30px;
	padding-top: 7px;
	width: 100%;
	background-image: url(img/footerBg.png);
	position: absolute;	
	top: 75px;
	left: 0px;	
	z-index: 4;
}

#header #mainMenu ul{
	margin-left: 300px;
}
#header #mainMenu li{
	display: inline;
	margin-left: 10px;
}

#header #rootLine{
	position: absolute;	
	top: 112px;
	left: 250px;
	width: 728px;
	
}
#header #rootLine ul{
  float: right;
  width: auto; 
	background: #fff;
	padding: 3px;
}
#header #rootLine li{
  display: inline;
  margin-right: 10px;
}
#header #rootLine li.first{
  margin-left: 5px;
}
#header #rootLine li a{
  text-decoration: none;
}



.subMenu{
	margin-top: 1px;	
}
.subMenu li{
	display: inline;
}
.subMenu li a{
	display: block;
	float: left;
	width: auto;
	padding-top: 6px;
}
.subMenu li.active a{
		padding-top: 0px;
}




/****** FOOTER *******/

#footer{
	height: 37px;
	background-image: url(img/footerBg.png);
	clear: both;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#footer a{
	display: block;
	float: right;
	height: 100%;
	width: 573px;
	background-image: url(img/footerLink.png);	
	line-height: 999em;
	overflow: hidden;
}



/*** fil d'arianne ***/

#leftContent{
	width: 	215px;
	float: left;
	margin-left: 20px;
	_display: inline; /* IE6 : fixe double margin floating block */
}
#leftContent{
	
}
#leftContent h1{
	height: 29px;
	background: url(img/blocActuHeader.png) left top no-repeat;
	line-height: 999em;
	overflow: hidden;
	margin-bottom: 0px;
}
#leftContent  a{
	font-weight: bold;
	color: #363d92;
	text-decoration: none;
}
#leftContent .bodytext {
	color: #363d92;
}

#leftContent .news-latest-container{
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	overflow: hidden;
	background: white;
}
#leftContent hr{
	display: none;
}

#leftContent .news-latest-getAll{
	display: block;
	height: 45px;
	width: 215px;
	background: url(img/blocActuFooter.png) no-repeat;
	line-height: 999em;
	overflow: hidden;
}
#leftContent .news-latest-morelink{
	padding: 2px;
}
#leftContent .news-latest-morelink a{
	font-weight: bold;
	font-size: 11px;
	display: block;
	background: url(img/pictoLireTous.png) left top no-repeat;
	height: 14px;
	line-height: 14px;
	padding-left: 20px;
}
#leftContent .elt1{
	background: #f8fddb;	
}
#leftContent .elt2{
	background: #f2feb2;	
}
#leftContent .elt3{
	background: #e3f05b;	
}


#content{
	clear: both;
	padding: 10px 10px 5px 20px;	
}

#content #contentSub{
	height: 385px;
	overflow: auto;
	padding-right: 20px;
}


#pageContent{
  width: 940px;
  background: url(img/mainContent-bg.gif) left 29px no-repeat;
  height: 441px;
  margin: 0px auto;
  margin-bottom: 10px;
	color: #5a6475;
}
#pageContent a{
	color: #0282A6;
}
#pageContent p{
	margin-bottom: 5px;
}

#pageContent .csc-textpic img{
	border: 1px solid #bbb9b9;
	padding: 2px;
}
#pageContent strong{
	font-weight: bold;
}

#content form label{
	display: block;
	float: left;
	width: 25%;
	padding-left: 20px;	
}
#content form input,
#content form textarea,
#content form select{
	font-size: 11px;
	padding: 0px;
	font-family: Trebuchet MS;
	!margin-top: -1px;
}
#content form textarea{
	height: 50px;
	padding: 3px;
	line-height: 14px;
	width: 203px;
	height: 60px;
}
#content form .csc-mailform-label{
	font-weight: bold;
	margin: 5px 0px;
	border-bottom: 1px dotted #ddd;
	display: block;
}
#content form .csc-mailform-field{
	margin-bottom: 2px;	
}
#content form .csc-mailform-submit{
	height: 25px;
	line-height: 25px;
	margin-left: 225px;
}


.csc-textpic{
	clear: both;
}


/* *************************************************************** */
/* *********************** page: HOMEPAGE ************************ */
/* *************************************************************** */



.home #pageContent{
	width: 401px;
	height: 440px;
	overflow: hidden;
	background: none;
	float: left;
	margin-left: 15px;
	_display: inline; /* IE6 : fixe double margin floating block */
}
.home #carteReseauWrap{
	background: url(img/home-reseau-bg.png);	
	padding: 5px;
}

.home #pageContent h1{
	height: 27px;
	line-height: 99em;
	overflow: hidden;
	background: url(img/home-reseau-title.png);		
	margin: 0px;
}
.home #reseauChoice li{
	display: inline;
}
.home #reseauChoice li a{
	display: block;
	float: left;
	height: 34px;
	width: 200px;	
	overflow: hidden;
	line-height: 99em;
}
.home #reseauChoice .first a{
	background: url(img/home-reseauChoice-elt1.png) no-repeat;	
}
.home #reseauChoice .last a{
	background: url(img/home-reseauChoice-elt2.png) no-repeat;
		width: 201px;	
}


/***** bloc promo ( a mettre dans plugin plus tard) *******/
.promo{
	width: 258px;
	height: 183px;
	float: left;
	background: url(img/promoBg.gif);
	color: #34408f;
	margin-left: 15px;
	_display: inline;
	padding: 0 20px;
	position: relative;
}	


.promo .bloc{
	/*temporaire*/
	margin-left:130px;
	padding-left:20px;
	border-left:dotted 1px #ccc;
	float: left;
	width: 49%;
	margin-top: 35px;
}

/*temporaire*/
#lienPlus{
		width:49%;
		position:absolute;
		margin-top: 30px;
		margin-left:20px;
}

.promo .bloc img{
	border: 1px solid #ddd;
	padding: 2px;
	margin-bottom: 5px;
}
.promo .libelle{
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;	
}
.promo .date{
	font-size: 9px;
	color: #8d97ce;
	line-height: 10px;
}

.promo .lien a{
	background: #d3e325;
	font-size: 9px;
	color: #33408e;
	text-decoration: none;
}

.promo #linkOffres{
	height: 30px;
	display: block;
	overflow: hidden;
	line-height: 100px;
	clear: both;
	position: absolute;
	width: 278px;
	bottom: 0px;
}

/***** bloc devis express ( a mettre dans plugin plus tard) *******/
.devis{
	width: 298px;
	float: left;
	margin-left: 15px;
	margin-top: 15px;
	_display: inline; /* IE6 : fixe double margin floating block */
}
.devis h1{
	line-height: 999em;
	overflow: hidden;
	height: 49px;
	background: url(img/blocDevisHeader.png);
	margin: 0px;
	cursor: pointer;
}
.devis .devisContent{
	color: #33408e;
}
.devis form{	
	padding-top: 10px;
	height: 140px;	
	overflow: hidden;		
	background: url(img/blocDevisBg.png);	
}
.devis form p{
	margin: 0 3px;	
	background: #fff;
	padding: 1px 0;
}
.devis form p.type2{
	background: #f2feb2;
}
.devis form p label{
	display: block;
	float: left;
	font-weight: bold;
	width: 100px;
	padding-left: 5px;
}
.devis form p input{
	height: 19px;
	border: 1px solid #bfbfbf;
	width: 180px;
	_margin: -1px
}
.devis form p input.mini{
	width: 50px;
}
.devis .submit{
	background: none;
	border: none;
	display: block;
	height: 44px;
	line-height: 999em;
	overflow: hidden;
	background: url(img/blocDevisFooter.png);		
}





/* *************************************************************** */
/* ********* page: LIGNE REGULIERE ET TRANSPORT SCOLAIRE ********* */
/* *************************************************************** */

.transportsLignes h1{
	font-size: 13px;
}

.transportsLignes #content{
	height: 370px;
	overflow: auto;	
	margin: 40px 10px 10px 0;
	padding-top: 10px;
}

.transportsLignes #carteInteractive{
	width: 401px;
	float: left;
	_display: inline; /* double margin floating block on IE6 */
	margin-left: 20px;
}
.transportsLignes #pageContent{
	width: 519px;
	float: left;
	background-image: url(img/transportLigne-contentBg.gif);
	_display: inline; /* double margin floating block on IE6 */
	background-position: left 30px;
	margin-left: 21px;
}


.transportsLignes #mainContainer{
	background-position: top left;
}

.transportsLignes #carteInteractive{
	background: url(img/transportsLignes-leftBlocBg.png) left 28px no-repeat;
	height: 438px;
}

.transportsLignes #carteReseau{
	padding: 5px;
	clear: both;
}

.transportsLignes #reseauChoice li{
	display: inline;
}
.transportsLignes #reseauChoice li a{
	display: block;
	float: left;
	height: 29px;
	width: 149px;	
	overflow: hidden;
	line-height: 99em;
}
.transportsLignes #reseauChoice .first a{
	background: url(img/reseauChoice-lr-active.png) no-repeat;	
}
.transportsLignes #reseauChoice .last a{
	background: url(img/reseauChoice-ts.png) no-repeat;
}

.transportsLignes.scolaires #reseauChoice .first a{
	background: url(img/reseauChoice-ts-active.png) no-repeat;	
	width: 158px;
}
.transportsLignes.scolaires #reseauChoice .last a{
	background: url(img/reseauChoice-lr.png) no-repeat;
}


.transportsLignes #lignes-data{
	height: 300px;
	overflow: hidden;
	display: none;
}


/**** Extension tx-txformulairesmaisonneuve-pi2 ****/
.tx-txformulairesmaisonneuve-pi2 .row{
	border: none;
}
.tx-txformulairesmaisonneuve-pi2 .separation{
	border-bottom: 1px dotted #ddd;	
}
.tx-txformulairesmaisonneuve-pi2 fieldset{
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 5px;
}
.tx-txformulairesmaisonneuve-pi2 legend{
	padding: 1px 5px;
	border: 1px solid #ddd;
	margin-left: 10px;
}

/**** Extension tx-belinkoffresemploi-pi1 ****/
.tx-belinkoffresemploi-pi1 h2{
	background: #ebebeb;
	padding: 3px;
	border-bottom: 3px solid #d5d5d5;
}
.tx-belinkoffresemploi-pi1 .offre{
	padding-bottom: 10px;
	margin-bottom: 10px;	 
	border-bottom: 1px dotted #ddd;
}
.tx-belinkoffresemploi-pi1 form{
	margin-top: 20px;
}


/**** Extension tx-belinklignesbus-pi1 ****/

.tx-belinklignesbus-pi1 #departementsList,
.tx-belinklignesbus-pi2 #departementsList,
.tx-belinklignesbus-pi3 #departementsList{
	margin: 5px 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d0d0d0;
}
.tx-belinklignesbus-pi1 #departementsList li,
.tx-belinklignesbus-pi2 #departementsList li,
.tx-belinklignesbus-pi3 #departementsList li{
	display: inline;
	margin: 0 5px;
}
.tx-belinklignesbus-pi1 #departementsList li a,
.tx-belinklignesbus-pi2 #departementsList li a,
.tx-belinklignesbus-pi3 #departementsList li a{
	text-decoration: none;
}
.tx-belinklignesbus-pi1 #departementsList li.active a,
.tx-belinklignesbus-pi2 #departementsList li.active a,
.tx-belinklignesbus-pi3 #departementsList li.active a{
	text-decoration: underline;
}
.tx-belinklignesbus-pi2 h3{
	font-weight: bold;
	margin-top: 10px;
}
.tx-belinklignesbus-pi2 #arretListWrap{
	padding-left: 10px;
}
.tx-belinklignesbus-pi2 #arretListWrap a{
	text-decoration: none;
}
.tx-belinklignesbus-pi2 #arretListWrap ul li .ville{

}
.tx-belinklignesbus-pi2 #arretListWrap ul li .arretLabel{
	color: #51a8c0;
	font-weight: bold;
}



.detailArret-visuel{
	float: left;
	width: 125px;
}
.detailArret-visuel img{
	border: 1px solid #d0d0d0;
	padding: 5px;
	margin-bottom: 5px;
}

.detailArret-content{
	float: left;
	width: 340px;
}
.detailArret-content h2{
	color: #2085a3;
	font-weight: bold;
	border-bottom: 1px dotted #2085a3;
	margin-bottom: 3px;
	padding-bottom: 3px;	
}
.detailArret-content .detailArret-fiche{
	display: block;
	width: 231px;
	height: 31px;
	background: url(img/btn-telecharger-fichePoteau.png);
	line-height: 99em;
	overflow: hidden;
	margin-top: 30px;
	float: right;
}

/*** PAGE TOUTES NOS OFFRES ***/
.offresAll #pageContent{
	background: none;
}
.offresAll #pageContent #content{
	padding: 0px;
	padding-left: 1px;
}


/*** PAGE TOUTES NOS AGENCES ***/
#agenceCarte #contentTxt{
  width: 500px;
  float: left;
}
#agenceCarte #carte{
  width: 373px;
  float: right; 
}

#agenceCarte #contentTxt h1{
	margin-bottom: 0px;
}
#agenceCarte #contentTxt h2{
	color: #bbb;
}
#agenceCarte #contentTxt img{
	border: 1px solid #ddd;
	padding: 3px;
	margin-top: 20px;
}
#agenceCarte .agenceNom{
	font-weight: bold;
	margin-top: 20px;
	display: block;
	color: #0282A6;
}


/*** LE MOTEUR DE RECHERCHER MTPI ***/
#itinContainer{
	height: 370px;
	overflow: auto;	
}
#itinContainer input{
	height:20px;
	height:20px;
}
#itinContainer .page{
	width: 434px;	
}

#itinContainer{
	color: #5A6475;
	background: #fff;
}
#itinContainer h2{
	display: none;
}

#itinContainer #bloc_reponse_xml{
	height: 25px;
	padding: 5px;
}
#itinContainer input{
	height: 25px;
	line-height: 20px;	
}

#itinContainer #reponse_xml{
	background: #d6e6eb;
	border: 1px solid #48a3be;
	color: #48a3be;
	font-weight: bold;
	padding: 3px;
}
#itinContainer #message_alert{
	background: #f4d9d9;
	border: 1px solid #ff0000;
	color: #ff0000;
	font-weight: bold;
	padding: 3px;	
	margin: 5px 0px;
}


#itinContainer h3{
	margin: 0px 0px 5px 0;
	color: #007495;
	font-weight: bold;
}

#itinContainer #blocSubmitItin{
	text-align: center;
	margin-top: 20px;
}
#itinContainer #blocSubmitItin #bouton{
	border: 1px solid #ccc;
	padding: 3px;
	text-decoration: none;
	background: #ddd;
	color: #007495;
}
#itinContainer #blocSubmitItin #bouton:hover{
	background: #fff;
}

#itinContainer .arret_depart,
#itinContainer .arret_arrive{
	border-bottom: 1px dotted #dedede;
	padding-bottom: 15px;
	margin-bottom: 5px;
	overflow: hidden;
}
#itinContainer .arret_depart select,
#itinContainer .arret_arrive select{
	width: 210px;
	float: left;
	margin-right: 3px;
}

#itinContainer .rappel {
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 20px;
}
#itinContainer .rappel th{
	font-weight: bold;
	color: #007495;
}
#itinContainer .tableau_itin,
#itinContainer .tableau_itin table{	
	border-collapse: collapse;
}
#itinContainer .tableau_itin td.horaire_depart,
#itinContainer .tableau_itin td.horaire_direct{
	border: 1px solid #eee;
	padding: 0px 3px;
	height: 20px;
}
#itinContainer .tableau_itin td.entete_ligne{
	background: #48a3be;
	text-align: center;
	color: #fff;	
	padding: 0px 3px;
}
#itinContainer .tableau_itin tr.zone_light_ td{
	background: #eee;
}

#itinContainer .tableau_itin tr.zone_dark_ td{
	background: #ddd;
}
#itinContainer .tableau_itin td.entete_durees{
	color: #b3b3b3;
}
#itinContainer #bloc_logo_correspondance{
	margin: 5px 0;
}
#itinContainer #bloc_logo_correspondance img{
	vertical-align: middle;
}
#itinContainer #bloc_message_horaire{
	margin: 10px 0;
}

#itinContainer #jour_string,
#itinContainer .heure_string{
	width: 50px; 
	float: left;
}

#itinContainer .inputDate input{
	height: 16px;
	line-height: 16px;	
}
#itinContainer .itin_heure{
	padding-top: 3px;
}



/****** ******/
.csc-uploads td{
	vertical-align: top;
}
.csc-uploads td.csc-uploads-fileName{
	padding-left: 10px;
}