#map {
border-bottom: thin 2px #aaa;
height : 600px !important;
}

#map-wrapper {
     position: relative;
	 padding-left: 5px
}
#sidebar {
     border: 1px solid #aaa;
     overflow: auto;
	 height : 170px !important;
	 width : 210px;
	 position: absolute;
	 top: 430px;
	 left: -214px;
}

#sidebar #titre {
	text-align: center;
	font: bold 11px "Helvetica", sans-serif;
	color:#FFFFFF;
	padding-right: 5px; display: block; 
	padding-left: 12px; 
	padding-bottom: 2px; 
	margin: 1px; 
	padding-top: 2px; 
	background-color: #CCCCCC; 
	border-top: solid 1px #790001; 
	border-bottom: solid 1px #790001
}

.titre2 {padding-right: 5px; display: block; padding-left: 12px; width: 90%; background-color: #790001; color:#FFFFFF; text-decoration: none; float:left; margin-bottom: 2px
}

#sidebar ul#sidebar-list {
     list-style: none;	 
	 margin-left: 2px; 
	 margin-right: 2px
}


#sidebar ul#sidebar-list li a {

	font: 11px Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	display: block;
	 margin: 2px;
	 padding:2px
}

#sidebar ul#sidebar-list li a:hover {
     background: #790001;
     color: #FFFFFF;
	 display: block;
	 margin: 2px;
	 padding:2px
}

#sidebar ul#sidebar-list li.current a {
     color: #790001;
	 font-weight:bold;
	 display: block;
	 margin: 2px;
	 padding:2px
}

#sidebar ul#sidebar-list li.current a:hover {
     color: #FFFFFF;
 	font-weight:bold;
	display: block;
	 margin: 2px;
	 padding:2px
}

#sidebar ul#sidebar-list li a strong {
     display: block;
	 margin: 2px;
	 padding:2px
}

#sidebar ul#sidebar-list li a span {
	display: block;
	 margin: 2px;
	 padding:2px
}

body.sidebar-right #map-wrapper { margin-right: 3px }
body.sidebar-right #sidebar { right: 0 }

body.nosidebar #map-wrapper { margin: 0 }
body.nosidebar #sidebar { display: none }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none }

#sidebar-list
{ display:block;
background-position:right -30px;
background-repeat:no-repeat
}

#toolbar {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/

* html #toolbar { height: 1px }
/* */


#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 180px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: #eee;
     border: 1px solid #fff
}

#thx { 
	font: 5px Times New Roman, sans-serif; 
	background-color: #E6FFD9; 
	margin: 1em 0
} 

body.loading #alert { display: block }

.introduction {
font-family: "Times New Roman", Times, serif;
font-size:12px;
margin-left:5px;
padding-right:5px;
text-align:justify
}


.bulles {
background-color: #FEFCC6;
margin: 0px
}

.bulle {
	padding-top:5px;
	padding-bottom:5px;
	background: url(images/roundedcornr_271683_tl.png) no-repeat top left;
	width: 451px !important;
	height: 121px !important;
	font-family: "Arial", Times, serif;
	font-size:13px;	
}

.contenu {
	padding-top: 12px;
	padding-left: 15px;	
	padding-right: 15px;
	text-align:justify;
	font: Arial, Verdana, sans-serif
	}
	

.contenu img, a:hover  {
border:none;
text-decoration:none
}

.gris {
	font-size:11px
}

.padding {
background: url(images/roundedcornr_271683_br.png) no-repeat bottom right;
height : 120px
}

.position-annuaire {
color: #009900;
font-weight:bold
}

.rouge{
color: #990000
}
	

#legende1 {
color:#000000;
border-color:#009900;
border: 2px;
width: 92%;
float: left;
font-family: "Times New Roman", Times, serif;
font-size:12px
}

#legende2 {
display:block;
color:#000000;
border-color:#009900;
border: 2px;
width: 92%;
float: left;
font-family: "Times New Roman", Times, serif;
font-size:12px
}

#legende3 {
color:#000000;
border-color:#009900;
border: 2px;
width: 92%;
float: left;
font-family: "Times New Roman", Times, serif;
font-size:12px;
white-space: nowrap
}