/*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:#F6F6F6}
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:595px;
}


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

p{margin-bottom:7px}
h2{font-size:1.1em;color:#FFFFFF}
h3{color:#333333;font-size:1em;}
strong{font-weight:bold}
em{font-style:italic}
span{color:#7E0045;font-weight:bold}

legend{text-indent:-999em}
table tr td{padding:5px;text-align:left;border:1px solid #666666;}
table tr th{padding:5px;text-align:left;border:0px solid #666666;color:#7E0045}
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 a{font-size:1.2em;font-weight:bold}
div#content  ul#plan li ul {margin-left:25px;margin-bottom:0}
div#content  ul#plan li ul li{background:none;list-style:outside disc;padding-left:5px}
div#content  ul#plan li ul li a{font-size:0.9em;color:#333333}

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:157px;clear:both;position:relative;z-index:200}
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}

ul#smenu2{background-color:#ACC807;border-left:1px solid #ACC807}
ul#smenu4{background-color:#5ABBE1;border-left:1px solid #5ABBE1}
ul#smenu5{background-color:#D83A7E;border-left:1px solid #D83A7E}
ul#smenu6{background-color:#F49C32;border-left:1px solid #F49C32}

/**************menu-accessibilite******************************************************************/

div.menu-accessibilite{height:15px;padding-top:5px;padding-bottom:5px;font-size:0.8em;position:absolute;left:0px;top:0px}
div.menu-accessibilite ul li{float:left;padding:0px 15px 0px 15px;color:#7E0145;border-right:1px solid #7E0145;}
/*div.menu-accessibilite ul li:first-child{padding:0px 15px 0px 0px;}*/
div.menu-accessibilite ul li:last-child{border-right:none;}
div.menu-accessibilite ul li a{color:#7E0145}

div#menu_top ul li:last-child{border-right:none;}


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

#logo_grandDole {
	margin-left:39px;
	margin-top:74px;
	width:55px;
	height:29px;
	margin-bottom:0px;
	float:left;
	display:inline;

}
#logo_cp {
	margin-left:-20px;
	margin-top:65px;
	margin-bottom:15px;
	float:left;
	display:inline;

}

#logo_tg {
	margin-left:21px;
	margin-top:10px;
	width:155px;
	height:96px;
	margin-bottom:15px;
	float:left;
	display:inline;

}

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


#colleft {
	width:165px;
	height:165px;
	top:240px;
	position:absolute;
	left:35px;
}


#news {
	width:165px;
	height:246px;
	margin-bottom:0px;
	float:left;
	border-top:5px solid #D10974;
	border-bottom:5px solid #D10974;
	overflow:auto;
	background-color:#FFF
}

#news h2{margin:15px 0 10px 10px;font-size:1.3em;}
#news h3{margin:5px 10px 0 10px;color:#7F1253;font-size:0.9em;}
#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;}

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

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

#mobilite a{
	color:#333333;
	padding:8px 10px 0 0px ;
	display:block;
	font-weight:bold
}

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

#colmid {
	position:relative;
	left:231px;
	margin-top:10px;
	width:542px;
	height:394px;
	float:left;
	padding-top:0px;
	padding-left:0px;
	color:#333333;
	text-align:justify;
	background:url('../images/contenu.png') no-repeat;
	clear:both;
	z-index:150;
}

#content {
overflow:auto;
margin:6px 7px 0px 20px;
padding:20px 20px 0px 0px;
height:360px;
	clear:both;
}
	

#content ul li{padding-bottom:10px;margin-bottom:5px;background-image:url('../images/puce.jpg');background-repeat:no-repeat;padding-left:30px}
#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.circle{margin-bottom:0px;}
#content ul.circle li{margin-bottom:2px;padding-bottom:2px;background-image:none;margin-left:25px;padding-left:5px;list-style:circle outside;}

#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 ul {margin:10px 0 10px 0;}
#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}


ol#fiches li em{font-style:normal;font-weight:bold}
/*#content strong {color:#7F1253}*/



/**************************************************RIGHT************************************************************/

#colright {
	position:absolute;
	top:155px;
	left:785px;
	border: 0px solid #f0f0f0;
}

#pub {
	margin-top:0px;
	width:178px;
	height:218px;
	margin-bottom:0px;
}

#time {
	margin-top:9px;
	width:178px;
	margin-bottom:0px;
	background-color:#D3087B;
	height:45px;
	padding-top:5px;
}

#time h2{margin:0px 0 0 8px}
#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:8px;
	width:178px;
	height:100px;
	margin-bottom:0px;
	background-color:#D3087B;
}
#trafic h2{margin:0px 8px 0 8px;padding-bottom:5px;border-bottom:3px dotted #FFFFFF}

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


#morph_top{margin:10px 0 0 4px;;background-color:#B7136B;width:170px;height:10px}

#morph_bottom{margin:0px 0 0 4px;width:170px;height:8px;background-color:#B7136B;}

#morph_center{margin:0px 0 0 4px;width:168px;height:36px;background:#FFFFFF;overflow:auto;border:1px solid #B7136B}

#morph_center li{margin:4px;}

#bt_trafic{text-align:right}
/**************************************************FOOTER************************************************************/

#footer {
position:relative;
	margin-left:35px;
	margin-top:0px;
	width:968px;
	height:43px;
	margin-bottom:0px;
	float:left;
	background:url('../images/footer.png') no-repeat;
z-index:1;

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

div#footer ul#menu_sub {float:left;margin:20px 0px 0px 25px}
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;}

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;}

.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;}

/* 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:block}*/