body {margin: 0;}
.arialnoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
.arialnoir:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	text-align: justify;
}
.arialnoir:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
.arialnoirgras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	font-weight: bold;
}
.arialnoirgrasgrand {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	text-align: justify;
	font-weight: bold;
}
.arialnoirgrasmoyen {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006600;
	text-align: justify;
	font-weight: bold;
}
a img {
border: none;
}
a {
outline: none;
}
#itineraire #directions {
width:504px;
float:left;
overflow: hidden;
background: #eee;
font-family: Arial, Helvetica, sans-serif;
margin:0 3px 0 0;
font-size: 12px;
padding:0;
}

#itineraire #map_canvas {
width:514px; 
height:300px;
float:left;
margin:15px 0;
}
ul {
list-style:url('services/fleche.gif') inside;
padding: 0;
}
li {
padding-bottom: 3px;
}

.zoom_photo, .savoir_plus {
display: block; float: left;
}
.savoir_plus {
height: 30px; width: 99px;
float: right; margin: 35px 15px 0 0;
}
.savoir_plus:hover {
background-position: bottom left;
}
.zoom_photo {
width: 272px; height: 115px;
}
.zoom_plan {
width: 206px; height: 102px;
display: block; float: right;
}