/* bandeau haut */
.topnav div {
	width:532px;
	height:62px;
	background:url(/Noctilien/pages/images/fd_bandeau_h.jpg) left top no-repeat;
}
.topnav .lng {
	text-align:right;
	padding:17px 22px 0px 0px;
}
.topnav .lng #langue {
	font-size:11px;
	color:#000000;
	margin-left:13px;
}
.topnav .rubs {
	position:absolute;
	top:0;
	width:555px;
	text-align:right;
	background:url(/Noctilien/pages/images/topnav-fnd.gif) left bottom repeat-x;
	padding:26px 0px 0px 0px;
	margin-top:60px;
}

/* corps de page */
#cadre {
	padding:10px 9px 10px 9px;
}

/* decouvrir */
.cleft, .cright, .cfull {
	background:#297DAB url(/Noctilien/pages/images/contents-fnd.gif) left top repeat-x;
}
.cleft {
	padding:0px 0px 0px 15px;
}
.cleft div {
	width:229px;
	background:#1B548B url(/Noctilien/pages/images/contents-lfnd.jpg) left top no-repeat;
}
.cleft div.vide {
	background:none;
}


.cleft .stitre {
	background:url(/Noctilien/pages/images/pointilles.gif) left bottom repeat-x;
	margin:0px 9px 6px 9px;
	padding:12px 0px 8px 0px;
	font-size:120%;
	font-weight:bold;
	color:#FCBF18;
}
.cleft ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.cleft li p {
	font-size:110%;
	background:url(/Noctilien/pages/images/l_fleche_blanche.gif) 9px 6px no-repeat;
	padding:2px 8px 2px 20px;
}
.cleft ul.esp li p {
	padding-bottom:12px;
}
.cleft li.on p {
	background-image:url(/Noctilien/pages/images/l_fleche_jaune.gif);
}
.cleft li p a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:100%;
}
.cleft li p strong {
	font-weight:normal;
	color:#FFDB76;
	font-size:100%;
}
.cleft li p a:hover {
	color:#FFDB76;
}

.cleft li p.blanc {
	font-weight:normal;
	color:#FFFFFF;
	font-size:110%;
}
.cleft p.fin {
	background:url(/Noctilien/pages/images/contents-lfnd-fin.jpg) left top no-repeat;
	height:18px;
	overflow:hidden;
}

.cright {
	padding:0px 19px 0px 20px;
}
.cfull {
	padding:0px 19px 0px 15px;
}
.cright div {
	width:493px;
	background:#19558B url(/Noctilien/pages/images/contents-rfnd.jpg) left top no-repeat;
}
.cfull div {
	width:742px;
	background:#19558B url(/Noctilien/pages/images/contents-ffnd.jpg) left top no-repeat;
}

.cfull td {
	padding:12px 20px 0px 20px;
	font-size:110%;
	color:#FFFFFF;
	font-weight:bold;
}
.cfull div a {
	color:#FFFFFF;
	font-size:100%;
}
.cfull  ul {
	list-style-type:none;
	margin:0px;
	padding-left:40px;
	
}
.cfull  li p {
	font-size:110%;
	background:url(/Noctilien/pages/images/l_fleche_blanche.gif) 2px 15px no-repeat;
	padding:2px 8px 2px 20px;
	
}
.cright   ul {
	list-style-type:none;
	margin:0px;
	padding-left:40px;
	
}
.cright  li p {
	font-size:110%;
	background:url(/Noctilien/pages/images/l_fleche_blanche.gif) 2px 15px no-repeat;
	padding:2px 8px 2px 20px;
	
}
.cright div a {
	color:#FFFFFF;
	font-size:100%;
}

.cright .stitre, .cfull .stitre {
	background:url(/Noctilien/pages/images/pointilles.gif) left bottom repeat-x;
	margin:0px 20px 0px 20px;
	padding:12px 0px 8px 0px;
	font-size:120%;
	font-weight:bold;
	color:#FFDB76;
}
.cright div p table {
	/*background-color:#1E7AAD;*/
 	margin-left : 0px;
 	color : #FFFFFF;
 	width : 98%;
}
.cright div p table.encart {
	background-color:#1E7AAD;
 	margin-left : 0px;
 	color : #FFFFFF;
 	width : 98%;
}
.cright div p  td {
	padding-top :5px;
	padding-left :10px;   
padding-bottom :8px;
padding-right :8px;  

}
.cright div p  td.freq {

	border-right-width:1px;
  	border-right-style:solid;
  	border-right-color:white;
	border-left-width:1px;
  	border-left-style:solid;
  	border-left-color:white;
  	border-bottom-width:1px;
  	border-bottom-style:solid;
  	border-bottom-color:white;
	border-top-width:1px;
  	border-top-style:solid;
  	border-top-color:white;
	text-align:left;
	
	padding-top :2px;
	padding-left :2px;   
	padding-bottom :2px;
	padding-right :2px;	
	
}
.cright div p, .cfull div p {
	padding:12px 20px 0px 20px;
	font-size:110%;
	color:#FFFFFF;
}
.cright div p:after, .cfull div p:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cright div p, * html .cfull div p {
	height:1%;
}
.cright div p *, .cfull div p * {
	font-size:100%;
}
.cright div .lillus, .cfull div .lillus {
	float:left;
	margin:2px 12px 8px 0px;
}

/* parcours */
.pleft, .pmid, .pright {
	background-color:#1B5489;
	background:#297DAB url(/Noctilien/pages/images/contents-fnd.gif) left top repeat-x;
}
.pleft div, .pmid div, .pright div {
	min-height:495px;
	/*height:580px; directement sur le <div> pour ie */
}
* html .pleft div, * html .pmid div, * html .pright div {
	height:495px;
}
.stitre {
	background:url(/Noctilien/pages/images/pointilles.gif) left bottom repeat-x;
	padding:12px 0px 8px 0px;
	font-size:120%;
	font-weight:bold;
	color:#FCBF18;
}
.sstitre {
	background:url(/Noctilien/pages/images/pointilles.gif) left bottom repeat-x;
	padding:18px 0px 8px 0px;
	font-size:100%;
	color:#FFFFFF;
}
.pleft div {
	width:229px;
	background:#1B5489 url(/Noctilien/pages/images/contents-lfnd-2.jpg) left top no-repeat;
}
.pleft #test {
	color : #FFFFFF;
	display : none;
}
.pleft #essai {
	display : block;
}
.pleft .stitre, .pleft .sstitre {
	margin:0px 20px 14px 20px;
}
.pleft p.rechcomm {
	font-size:100%;
	padding:0px 0px 8px 20px;
}
.pleft p.rechcomm label {
	color:#FFFFFF;
}
.pleft #commune {
	margin-top:4px;
	border:1px solid #7F9DB7;
	width:188px;
}

.pleft p.blanc {
color : #FFFFFF;

}
.pleft p.blanc a {
color : #FFFFFF;
text-decoration:underline;
padding-left :12px;
}
.pleft  p.blanc a:hover {
	color:#FFDB76;
}
.pleft ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.pleft li p {
	font-size:100%;
	background:url(/Noctilien/pages/images/l_fleche_blanche.gif) 21px 5px no-repeat;
	padding:2px 8px 2px 32px;
}
.pleft ul.esp li p {
	padding-bottom:12px;
}
.pleft li.on p {
	background-image:url(/Noctilien/pages/images/l_fleche_jaune.gif);
}
.pleft li p a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:100%;
}
.pleft li p strong {
	font-weight:normal;
	color:#FFDB76;
	font-size:100%;
}
.pleft li p a:hover {
	color:#FFDB76;
}


/* version d'origine 
.pleft p, .pleft p.off {
	padding:0px 0px 0px 31px;
	background:none;	
}
.pleft p.on {
	background:url(/Noctilien/pages/images/lignesl-fnd.gif) 20px 4px no-repeat;	
}

.pleft p a img {
	width:41px;
	height:18px;
}
*/

/* version modifiée */
.pleft p, .pleft p.off {
	padding:0px 0px 0px 20px;
	background:none;	
}
.pleft p.on {
	background:url(/Noctilien/pages/images/lignesr-fnd.gif) 16px 1px no-repeat;	
	
}
.pleft p.on2 {
	background:url(/Noctilien/pages/images/lignesr-fnd.gif) 20px 1px no-repeat;	
	
}
.pleft p a img {
	width:29px;
	height:10px;
}
/* fin de la modification */


.pmid {
	padding-left:6px;
}
.pmid div {
	width:436px;
	/*height:580px; directement sur le <div> pour ie */
	background:#1B5489 url(/Noctilien/pages/images/contents-mfnd-2.jpg) left top no-repeat;
}
.pmid div.box {
	position:absolute;
	margin:34px 0px 0px 16px;
	width:120px;
	background:none;
}
* html .pmid div.box {
	margin-top:0px;
}
.pmid div.box p {
	background-color:#FFFFFF;
	border:1px solid #000000;
	font-weight:bold;
	color:#000000;
	font-size:100%;
	margin:0px 0px 6px 0px;
	padding:2px 4px 2px 4px;
}
.pmid div.box a {
	color:#FFFFFF;
	
	
}
.pmid .stitre {
	margin:0px 22px 14px 16px;
}
.pmid .ltitre {
	background:url(/Noctilien/pages/images/carte_dgt.jpg) left top no-repeat;
	padding:6px 20px 2px 20px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	position:absolute;
	width:396px;
}
.pmid .ltitre img {
	position:relative;
	width:61px;
	height:18px;
	margin:-3px 4px 0px 0px;
	vertical-align:top;
}

.pmid .asterix {	
	padding:0px 0px 0px 4px;
	font-size:1em;
	font-weight:bold;
	color:#FFFFFF;
}

* html .pmid .ltitre {
	width:100%;
}
.pmid p.carte {
	text-align:right;
}
.pmid p.ligne {
	text-align:center;
	padding-top:25px;
}
.pmid .legende {
	position:absolute;
	top:0;
	margin:605px 0px 0px 0px;
	background:url(/Noctilien/pages/images/carte_dgb.jpg) left top no-repeat;
	min-height:46px;
	height:46px;
	padding-left:10px;
}
.pmid .legende:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.pmid .legende p {
	float:left;
	width:210px;
}
.pmid .legende p.blanc {
	color:#FFFFFF;
	width:100%;
	font-weight:bold;
}
* html .pmid .legende p {
	margin-right:-3px;
}
.pmid .legende p span {
	display:block;
	min-height:16px;
	padding:3px 0px 3px 20px;
}
* html .pmid .legende p span {
	height:22px;
}
.pmid .legende p span a {
	color:#FFFFFF;
	text-decoration:none;
}
.pmid .legende p span a:hover {
	color:#FCBF18;
}
.pmid .legende p span.plan {
padding:3px 0px 3px 8px;
/*	background:url(/Noctilien/pages/images/icone_plan.gif) 0px 4px no-repeat;*/
}
.pmid .legende p span.envoyer {
	background:url(/Noctilien/pages/images/icone_mail.gif) 0px 4px no-repeat;
}
.pmid .legende p span.horaires {
padding:3px 0px 3px 8px;
	/*background:url(/Noctilien/pages/images/icone_horaires.gif) 0px 4px no-repeat;*/
}

.pmid .legende p span.note {
	color:#FFFFFF;
	font-size:10px;
	padding:5px 0px 3px 8px;
	
}

.pmid .legende p span.note2 {
	color:#FFFFFF;
	font-size:10px;
	padding:0px 0px 3px 8px;
	
}

.pright {
	padding-left:6px;
}
.pright div {
	width:99px;
	background:#1B5489 url(/Noctilien/pages/images/contents-rfnd-2.jpg) left top no-repeat;
}
.pright .stitre {
	margin:0px 12px 14px 12px;
}
.pright div p, .pright div p.off {
	padding:0px 0px 0px 36px;
	background:none;	
}
.pright div p.on {
	background:url(/Noctilien/pages/images/lignesr-fnd.gif) 25px 0px no-repeat;	
}

/* boutons */
span.button input {
	border:none;
	background:url(/Noctilien/pages/images/bt_valider_milieu.gif) left top repeat-x;
	height:17px;
	overflow:hidden;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:top;
	padding:0px;
}
span.button img {
	vertical-align:top;
}

/* footer */
#footer {
	padding-left:11px;
	text-align:right;
}
#footer.dec, .dec {
	background:url(/Noctilien/pages/images/footer-fnd.jpg) right top no-repeat;
	padding-top:43px;
}
#footer.par, .par {
	background:url(/Noctilien/pages/images/footer-fnd-2.jpg) left top no-repeat;
	padding-top:34px;
}
#footer.full, .full {
	background:url(/Noctilien/pages/images/footer-fnd-f.jpg) right top no-repeat;
	padding-top:43px;
}
#footer img {
	margin-left:12px;
}
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html #footer {
	height:1%;
}
#footer span {
	float:left;
	margin-top:62px;
	font-size:10px;
	color:#1E76A5;
}
#footer span a {
	font-size:10px;
	text-decoration:none;
	color:#1E76A5;
}
#footer span a:hover {
	text-decoration:underline;
}

p.blanc {
color:#FFFFFF;
font-size:10px;
	font-weight:bold;
}
p.note {
color:#FFFFFF;
font-size:10px;
position:absolute;
margin:6px 0px 3px 195px;

}