/*normalisation*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol,ul{list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
abbr{margin:0;padding:0;text-decoration:none;border:none}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
/*centrage de la fenetre - positionnement*/
html{text-align:center;background-color:#ffffff}
body{position:relative;width:1003px; margin: 0 auto; text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:70%;background:url('../images/background.jpg') no-repeat;height:638px;}


/**/
a{text-decoration:none;color:#D73721}
h1{color:#0181B6;font-size:1.6em;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #0181B6 }
h1 span{color:#666666;font-size:0.6em;}
h1.over{position:absolute;top:-999em;height:1px;overflow:hidden}

div#content h2 {color:#0181B6;font-variant:small-caps}


p{margin-bottom:7px}
h2{font-size:1.1em;color:#FFFFFF}
h3{color:#666666;font-size:1.1em;clear:both;margin-top:10px;}
strong{font-weight:bold}
em{font-style:italic}
span{font-weight:bold}

legend{text-indent:-999em}
table tr td{padding:5px;text-align:left;border:1px solid #81CDED;}
table tr th{padding:5px;text-align:center;border:1px solid #81CDED;color:#ffffff;background-color:#0180B3;font-weight:bold}
table {margin-top:10px;margin-left:20px}


/***********************STRUCTURE**********************************************************************/
/*outils de consultation*/
p.adobe{margin: 8px 10px 0px 20px; clear: both; float: left; font-size: 0.8em; color: rgb(102, 102, 102); text-align: justify;}
a.adobe img{display:block;padding: 0px 10px 0px 10px; }

div#resa{background:url('../images/fond-resa.jpg');height:174px;width:220px;float:right;padding:0 15px 0 15px;font-size:0.9em;margin-left:15px;margin-bottom:20px}
div#resa h2{color:#FFFFFF;margin:5px 0 10px 0px;}

div#content ul#plan {margin-left:50px;}
div#content ul#plan li {margin-bottom:10px;}
div#content ul#plan li a{font-size:1.1em;font-weight:bold;color:#0181B6;}
div#content  ul#plan li ul {margin-top:5px;margin-left:25px;margin-bottom:0}
div#content  ul#plan li ul li{background:none;list-style:outside disc;padding-left:5px;margin:0px;}
div#content  ul#plan li ul li a{font-size:0.9em;color:#666666}

table.qui tr th{padding:5px;text-align:left;border:1px solid #666666;color:#7E0045}
table.qui tr.first_line td{width:60%;background-color:#D3087B;color:#FFFFFF;font-weight:bold}


/***********************NAVIGATION**********************************************************************/
/*navigation secondaire*/
div#menu{overflow:visible;padding-left:231px;padding-top:198px;clear:both;position:relative;z-index:900;font-size:0.9em;font-family:Arial, Helvetica, sans-serif}
div#menu a{color:#FFFFFF;text-decoration:none;}
/*div#menu ul{margin-left:16px;}*/
div#menu ul li{width:120px;float:left;margin-right:2px;}
div#menu ul li a:hover{color:#18528E;}
div#menu ul li em{color:#18528E;font-weight:bold;font-style:normal}
div#menu ul li ul li em{color:#EEEEEE;font-weight:normal}
div#menu ul li a{display:block;width:120px;height:22px;text-align:center;padding-top:7px;font-weight:bold}
div#menu ul li ul {width:120px;margin:-2px 0px 0px 0px;padding:10px 0 10px 0}
div#menu ul li ul li{  clear:left;margin:0px 4px 8px 4px;  float:none;position:relative !important;  width:auto;  height:100% !important;}
div#menu ul li ul li a{display:block;height:auto;width:auto;text-align:left;padding:0;font-weight:normal}

/*div#menu a{color:#FFFFFF;text-decoration:none;}
div#menu ul{}
div#menu ul li{width:99px;float:left;margin-left:2px;color:#EEEEEE;text-align:left}
div#menu ul li a:hover{color:#EEEEEE;}

div#menu ul li a{display:block;width:99px;text-align:center;font-weight:bold}
div#menu ul li ul {width:98px;margin:0px 0px 0px 0px;padding:10px 0 10px 0}
div#menu ul li ul li{clear:left;margin:0px 4px 8px 4px; float:none;position:relative !important;  width:auto;  height:100% !important;font-size:0.9em;}
div#menu ul li ul li a{display:block;height:auto;width:auto;text-align:left;padding:0;font-weight:normal}
*/

li#navsub1{background:url('../images/nav_main1a.jpg') no-repeat;  }
div#menu ul li#navsub1 a:hover{color:#FFF}

li#navsub2{background:url('../images/nav_main2a.jpg') no-repeat;}
li#navsub2 ul{background-color: #81CDED;}


li#navsub3{background:url('../images/nav_main3a.jpg') no-repeat;}
li#navsub3 ul{background-color: #BEBD01;}
li#navsub4{background:url('../images/nav_main4a.jpg') no-repeat;}
li#navsub4 ul{background-color: #F5A603;}
li#navsub5{background:url('../images/nav_main5a.jpg') no-repeat;}
li#navsub5 ul{background-color: #1E4C7E;}
li#navsub6{background:url('../images/nav_main6a.jpg') no-repeat;}
div#menu ul li#navsub6 a:hover{color:#FFF}


/*TEMPLATE*/
#wrap{position:relative;width:1003px;clear:both;z-index:899}

#colleft {
	width:190px;
	float:left;
	margin:35px 0px 0px 10px;

}

#colmid {
	position:relative;
	top:-20px;right:25px;
	width:764px;
	height:455px;
	float:right;
	padding-top:0px;
	padding-left:0px;
	color:#333333;
	text-align:justify;
	background:url('../images/contenu.png') no-repeat;
	z-index:150;
}

#footer {
	clear:both;
	margin-right:35px;
	margin-top:0px;
	margin-bottom:0px;
z-index:1;

}


/**************************************************LEFT************************************************************/




#news {
	width:190px;
	height:176px;
	margin-bottom:0px;
	background:url('../images/actu.png') no-repeat;
	overflow:auto;
}
#news h2{margin-top:8px;text-align:center;color:#FFF}
#news h2 a{color:#FFF}

#news p {margin:0px 10px 0 10px;font-size:0.8em;margin-bottom:6px;color:#333333}
#news p a{text-decoration:underline;color:#7F1253;}
#news p a:hover{text-decoration:none;}


#time {
	margin-top:0px;
	width:182px;
	background:url('../images/lignes.png') no-repeat;
	margin-bottom:0px;
	height:53px;
	padding:8px 0px 0px 8px;
}

#time h2{margin:0px 0 0 8px;font-size:1em}
#time img{float:left}
#time select{margin:4px 5px 0px 8px;float:left}
#time label{position:absolute;top:-999em;height:1px;overflow:hidden}
#time a{color:#FFFFFF}

#trafic {
	padding-top:5px;
	margin-top:0px;
	width:190px;
	height:101px;
	margin-bottom:0px;
	background:url('../images/trafic.png') no-repeat;
}
#trafic h2{text-align:center;color:#FFF}

#trafic p {margin:0px 10px 0 10px;font-size:0.8em;margin-bottom:6px;color:#333333}
#trafic p a{text-decoration:underline;color:#7F1253;}
#trafic p a:hover{text-decoration:none;}


#trafic a{color:#333333}
#trafic h2 a{color:#FFFFFF}


#morph_top{margin:10px 0 0 4px;;width:190px;height:10px}

#morph_bottom{margin:0px 0 0 4px;width:190px;height:8px;}

#morph_center{margin:0px 0 0 4px;width:190px;height:36px;background:#FFFFFF;overflow:auto;}

#morph_center li{margin:4px;}

#bt_trafic{text-align:right}


#morph_top_news{margin:10px 0 0 4px;;width:170px;height:10px}

#morph_bottom_news{margin:0px 0 0 4px;width:170px;height:8px;}

#morph_center_news{margin:0px 0 0 10px;width:170px;height:106px;background:#FFFFFF;overflow:auto;}

#morph_center_news li{margin:4px;clear:both;margin-bottom:15px;}
#morph_center_news li a{color:#18528E;}



.separate{clear:both;height:5px;border-bottom:2px dotted #7F1253}

#mobilite {
	margin-top:0px;
	width:190px;
	height:53px;
	margin-bottom:0px;
	float:left;
	background:url('../images/mobilite.png') no-repeat;
	text-align:right;
	font-size:0.9em
}

#mobilite a{
	color:#ffffff;
	padding:15px 20px 0 0px ;
	display:block;
	font-weight:bold
}





/**************************************************MIDDLE************************************************************/


#content {
overflow:auto;
margin:20px 7px 0px 20px;
padding:20px 20px 0px 0px;
height:405px;
	clear:both;
color:#2E64A0;position:relative}
	
#content ul {margin:10px 0 0px 0;}

#content ul li{margin-bottom:8px;background-image:url('../images/puce.jpg');background-repeat:no-repeat;padding-left:15px}
#content ul.puce{margin-bottom:0px;}
#content ul.puce li{margin-bottom:5px;background-image:none;margin-left:75px;padding-left:5px;list-style:disc outside;color:#7E0045}

#content ul.puce li span{color:#333333;font-weight:normal}
#content ul.puce li span strong{font-size:1.2em}

/*
#content ul li ul li{list-style:circle outside}
#content h2 {margin:15px 0 10px 0;color:#B50068}
#content p.strong {font-weight:bold;text-align:left}
table#fiches{width:100%;margin:1px}
*/
/*#content a{color:#B50068;border-bottom:1px #B50068 dashed}*/

table#fiches td{padding:5px}

/*#content strong {color:#7F1253}*/


ul#fiches_accueil li{float:left;margin-right:5px;padding:0;list-style:none;border:1px solid #666} 

/*fiches horaires*/






div#content ol#fiches li em { text-align:center;display:block;float:left;width:50px;padding-left: 0px;margin-right:10px;color:#FFFFFF;font-variant: small-caps;font-weight:bold ;font-size:1.1em; }
div#content ol#fiches li span { padding-left: 5px;padding-top: 2px;font-variant: small-caps;font-weight:bold ;display:block;width:200px;float:left;}
div#content ol#fiches li{margin:0 0 20px 10px;clear:both;font-size:0.9em;padding-bottom:0px;margin-bottom:0px;background-image:none;padding-left:0px;} 

div#content ol#fiches li a{display:block;height:15px;padding-top:3px;background:url('../images/pix.gif') repeat;text-decoration:none;font-variant: small-caps;font-weight:bold} 

div#content ol#fiches li div {width:451px;padding-top: 10px;float:left;width:351px;padding-top: 2px;}

div#content ol#fiches li ul {clear:both;display:block;margin-left:74px;width:351px;margin-top:0;}
div#content ol#fiches li p {background:url('../images/chrono.jpg') no-repeat;text-align:center;background-position:bottom center;padding-bottom:10px;margin-bottom:0px;font-weight:bold;margin-top:0;font-size:0.8em;float:left;width:138px; }

div#content ol#fiches li p.datePA {margin-left:5px}

div#content ol#fiches li ul li{clear:none;background:none;float:left;width:137px;height:18px;margin:0;text-align:center;background-color:#cccccc;overflow:hidden}
div#content ol#fiches li ul li span{padding-left: 0px;padding-top: 3px;font-variant: small-caps;font-weight:bold ;display:block;width:auto;float:none;margin-bottom:0px;color:#FFF }

div#content ol#fiches li ul li.firstF{border-right:1px dashed #3399CC;background-color:#F5A603;color:#FFF;font-weight:bold}


div#content ol#fiches li div {}

div#content ol#fiches li a{color:#2E64A0;} 
div#content ol#fiches li a:hover{background-color:#81CDED;color:#FFFFFF} 

/*trafic*/

div#content div.encadre_trafic{margin-right:20px;padding:10px;margin-bottom:15px;border:1px dashed #CCC}
div#content div.encadre_trafic p{margin:5px 0px 5px 0px;}

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

div#footer a{ color:#666666;text-decoration:none;font-weight:bold}

div#footer ul#menu_sub {margin:-10px 0px 0px 25px;float:right}
div#footer ul#menu_sub li{background:url(../images/footer_point.jpg) no-repeat;
background-position:0 0.4em;padding-left:12px;margin: 0px 5px 0 0px;float:left;color:#B7136B;font-weight:bold}

div#footer ul#menu_sub li#first_foot{background:none;padding-left:0px;}
div#footer ul#menu_sub li#first_foot a{background:none;padding-left:0px;color:#B7136B}




/***********************COMMUN**********************************************************************/

#home_trafic a{color:#FFFFFF;font-weight:bold}
#home_trafic li{color:#FFFFFF}


/***********************MENU JAVASCRIPT**********************************************************************/
.withjavascript .submenu ul,
.withjavascript .encourt .submenu ul,
.withjavascript .encourt .encourt .submenu ul{
	position:absolute;
	top:-300em;
	width:0px;
	height:0px;
	margin:0px;
}

.withjavascript ul li.encourt{position:relative;}
div#menu ul li.encourt a{color:#18528E}
div#menu ul li.encourt ul li a{color:#ffffff}

.withjavascript .encourt ul,
.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	top:25px;
	width: 12em;
	height:auto;
	z-index:50;
}

.withjavascript .encourt .encourt ul,
.withjavascript .encourt .encourt .encourt ul{
	z-index:70;
}




/***********************LIGHTBOX**********************************************************************/

.leightbox_affich {	color: #333;	position: absolute;	top: 242px;	left: 238px;	width: 733px;	height: 407px;	background-color: white;	text-align: left;	z-index:1001;}

.leightbox {	color: #333;	position: absolute;	top: -999em;	left: 0px;	width: 1px;	height: 1px;	background-color: white;	text-align: left;	z-index:1001;}

.leightbox_affich div .lbAction{display:block;float:right;color:#FFFFFF}

 .leightbox_affich div.TB_title h5{float:left;color:#FFFFFF}
div#content .leightbox_affich div.TB_title h3{float:left;color:#FFFFFF;margin:0;padding:0}
.leightbox_affich div.TB_title {height:20px;background-color:#18528E;padding:3px 5px 0 5px}

.leightbox_affich div.TB_content img,.leightbox0 div.TB_content img{margin:5px 50px 15px 0;float:left}
div#content div.leightbox_affich div.TB_content p.titre_tarif, .leightbox0 div.TB_content p.titre_tarif{font-size:1.2em;color:#18528E;margin:15px 0 0px 0;font-weight:bold}
.leightbox_affich div.TB_content{overflow:auto;	height: 354px;padding:15px;}

.leightbox0 {clear:both;border-top:1px #CCCCCC dashed}
.leightbox0 div.TB_title h5{color:#18528E;margin-top:20px;margin-bottom:15px}
.leightbox0 div.TB_title h3{color:#18528E;margin-top:20px;margin-bottom:15px}
.leightbox0 div.TB_foot p{;margin:0;text-align:right;clear:both}

#overlay{	display:none;	position:absolute;	width: 1003px; left: 0px; top: 222px;	height:486px;	z-index:1000;	background-color:#333;	-moz-opacity: 0.8;	opacity:.80;	filter: alpha(opacity=80);}

div#content div.TB_title a{color:#FFFFFF}
div#content div.TB_content p{text-align:justify}
div#content div.TB_content ol{color:#18528E}
div#content div.TB_content ul li{list-style:disc outside;margin-left:40px;text-align:justify}
div#content div.TB_content ol.legend{float:left;margin-top:15px}
div#content div.TB_content ol.legend li{clear:both;margin:0px 0px 10px 0;text-align:justify}
div#content div.TB_content ol.legend li img{margin:0px 10px 10px 0;}


/***********************CLEARFIX**********************************************************************/
.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}

.clearfix {display: inline-block;clear:both;float:none}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*TRAFIC*/

#trafic_0,#trafic_1,#trafic_2,#trafic_3,#trafic_4,#trafic_5,#trafic_6,#trafic_7,#trafic_8,#trafic_9{display:none}
#trafic_0{display:block}