body {
background-color: transparent;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 0px;
}

body {
scrollbar-base-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FF6D06;
scrollbar-highlight-color: #FF6D06;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #FF6D06;
scrollbar-darkshadow-color: #FFFFFF;
}

#frame {
width : 1000px;
}

.popup {
font-size : 11px;
color : #333333;
}

.titre_pop {
font-weight : bold;
font-size : 13px;
color : #fe490a;
padding-right : 10px;
}

.savoir_plus {
text-align : right;
margin-top : 15px;
padding-right : 10px;
}

.savoir_plus a {
font-weight : bold;
color : #555555;
text-decoration : none;
}

.savoir_plus a:hover {
font-weight : bold;
color : #c32369;
text-decoration : none;
}

.gauche {
float: left;
width : 200px;
padding-right : 15px;
margin-bottom : 5px;
} 

#info_map {
position : absolute;
height : 400px;
width : 670px;
margin-top : 40px;
margin-left : 280px;
  background-color:#FFFFFF;
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
z-index : 500;
display : none;
}

#data_prog {
height : 350px;  
padding : 15px;
overflow : auto;
}

#data_prog a {
position: relative;
z-index: 1;
}

#fermeture_info {
height : 20px;
text-align : center;
width : 670px;
background : transparent url(../img/fermeture.jpg);
border-top : 1px solid #bebebe;
}

.etiquette {
float : right;
margin-top : 15px;
border : 1px solid #999999;
}

.infos_sup {
margin-top : 15px;
float : left;
}

.liste_infos {
margin : 0px; 
padding : 0px;
list-style : none;
}

.liste_infos a {
color : #000000;
}

.ss_titre {
font-weight : bold;
color : #fe490a;
font-size : 11px;
}

.titre_desc {
font-size : 18px;
font-weight : bold;
color : #fe490a;
}

.ville_desc {
margin-bottom : 10px;
font-size : 12px;
}

.txt_desc {
text-align : justify;
}

.ficheRef {
margin-top : 15px;
}

.ficheRef h2 {
font-size : 14px;
font-weight : bold;
color : #fe490a;
}

#logo {
	padding-left : 20px;
	margin-bottom : 10px;
}

#panel_left {
width : 250px;
float : left;
margin-right : 15px;
}

#top_left {
width : 250px;
height : 90px;
background : url(../img/top_left.jpg);
}

#top_left h2 {
color : #FFFFFF;
font-size : 16px;
padding-left : 20px;
padding-top : 3px;
}

#centre_left {
width : 250px;
background : url(../img/centre_left.jpg);
}

#div_list {
height : 380px;
width:243px;
overflow : auto;
margin-right : 6px;
padding-top : 5px;
}

#bottom_left {
	width : 250px;
	height : 6px;
	background : url(../img/bottom_left.jpg) no-repeat;
	font-size : 1px;
}

.titre_gauche {
margin : 0px 4px 1px 10px;
background : url(../img/back_titre2.jpg) repeat-x;
line-height : 25px;
border-top : 1px solid #fe490a;
border-bottom : 1px solid #fe750a;
background-color : #f1f1f1;
}

.titre_gauche a {
color : #FFFFFF;
height : 25px;
text-decoration : none;
padding-left : 10px;
display : block; 
font-size : 13px;
font-weight : bold;
}

.liste_prog {
list-style : none;
margin : 0px;
padding : 0px;
padding-top : 1px;
padding-bottom : 3px;
display : none;
}
.programme{color:#153c8a;}
a .programme:hover{
	color:#153c8a;
	border:#153c8a;
	text-decoration:underline;
}
.consDVBBC{color:#518f00;}
a .consDVBBC:hover{
	color:#518f00;
	border:#518f00;
	text-decoration:underline;
}
.consDV{color:#993f9f;}
a .consDV:hover{
	color:#993f9f;
	border:#993f9f;
	text-decoration:underline;
}

.liste_prog .liRose h3 {
font-size : 13px;
/*color : #c82368;*/
color:#153c8a;
margin : 3px 0px 0px 0px;
}

.liste_prog .liVert h3 {
font-size : 13px;
color : #993f9f;
margin : 3px 0px 0px 0px;
}

.liste_prog .liVertBBC h3 {
font-size : 13px;
color : #345c00;
margin : 3px 0px 0px 0px;
}

.liste_prog .liBleu h3 {
font-size : 13px;
color : #005aff;
margin : 3px 0px 0px 0px;
}

.liste_prog .liOrange h3 {
font-size : 13px;
color : #ff6000;
margin : 3px 0px 0px 0px;
}

.liste_prog li {
padding : 5px;
margin : 0px 3px 1px 10px;
background : url(../img/back_prog.jpg) repeat-x;
background-color : #f1f1f1;
}

.liste_prog li:hover {
padding : 5px;
margin : 0px 3px 1px 10px;
background : url(../img/back_prog_on.jpg) repeat-x;
background-color : #d7d7d7;
}

.liste_prog a {
text-decoration : none;
color : #333333;
}
#legend{margin-left:10px;}
#panel_centre {
float : left;
}

#top_map {
height : 6px;
width : 700px;
background : url(../img/top_centre.jpg) no-repeat;
font-size : 1px;
}

#conteneur_map {
padding : 0px 15px 0px 15px;
background : url(../img/centre_centre.jpg);
}

#panel_control {
width : 700px;
height : 60px;

padding-top : 17px;
background : url(../img/bottom_centre.jpg) no-repeat;
}

.list_display, .list_zoom {
list-style : none;
padding : 0px;
margin : 0px;
margin-top : 5px;
padding-left : 20px;
}

.list_display img {
margin-right : 5px;
}

.list_display a {
text-decoration : none;
color : #FFFFFF;
font-size : 13px;
}

.list_display li {
margin : 2px 0px 2px 0px;
padding-right : 15px;
float : left;
}

.list_zoom, .list_zoom li {
text-align : left;
}

.zoom {
float : left;
margin : 0px 0px 2px 40px; 
}

.zoom a {
float : left;
margin-right : 1px;
text-decoration : none;
}

.btn_zoom {
padding-right : 10px;
padding-left : 10px;
margin-top : 10px;
}

.echelle {
border : 1px solid #FFFFFF;
font-size : 1px;
height : 30px;
width : 10px;
margin : 0px;
margin-bottom : 0px;
padding : 0px;
cursor : hand;
}

.echelle_off {
border : 1px solid #FFFFFF;
font-size : 1px;
height : 20px;
width : 10px;
margin : 0px;
margin-top : 10px;
margin-bottom : 1px;
padding : 0px;
cursor : hand;
}

.masque {
display : none;
}

#selectionDisplay {
  padding-bottom : 5px;
}

#selectionDisplay a {
margin-right : 10px;
color : #fe7201;
text-decoration : none;
font-weight : bold;
}

#selectionDisplay a:hover {
	text-decoration : underline;
}

.listePdf {margin-left : 15px; list-style : none;}
.listePdf li {background :url(../img/pdf.gif) 0px 50% no-repeat; line-height : 16px; padding : 5px 0 5px 25px;}
.listePdf a {color : #000000; text-decoration : underline;}
.listePdf a:hover {color : #555555; text-decoration : underline;}

.clear {
clear : both;
}