body
{
	width: 1003px;
	margin: auto;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#top{
	width: 1003px;
	height: 35px;
	background-image: url("images/top.png");
	background-repeat: no-repeat;
}

#en_tete
{
	width: 1003px;
	height: 130px;
	background-image: url("images/bandeau.png");
	background-repeat: no-repeat;
	padding:0;
}

#speedbar
{
	float:left;
	padding:0;
	margin:0;

		/*margin-left:544px;*/
	margin-left:564px;
	margin-top:110px;
	text-align:left;
}

#speedbar a
{
	text-decoration: underline;
	color: #ad0e1b;
	margin:0;
	padding:0;
	padding-left:0px;
	padding-right:5px;
	font-size: 10px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#speedbar a:hover /* Quand on pointe sur un lien du menu */
{
   color: #f2c351;
}

#menu
{
	float:left;
	width:188px;
	height:588px;
	background-image: url("images/menu.png");
	background-repeat: no-repeat;
}

.element_menu
{
	padding-top: 110px;
	margin-left: 65px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
	list-style-type:none; /* On change l'apparence des puces */
	padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
	margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
	font-size:12pt;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.element_menu li
{
	margin-bottom:20px;
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #ffffff;
   text-decoration:none;
   padding-bottom:20px;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #f2c351;
}

#corps
{

	margin:0;
	padding:0;
	height: 588px;
	margin-left: 188px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	
	background-image: url("images/contenu.png");
	background-repeat: no-repeat;
}

#carte
{
	BORDER-BOTTOM: #C8C8C8 1px solid; 
	BORDER-LEFT: #C8C8C8 1px solid; 
	BORDER-RIGHT: #C8C8C8 1px solid; 
	BORDER-TOP: #C8C8C8 1px solid; 
	float:left;
	margin:0;
	padding:0;
	margin-top:15px;
	margin-left:125px;
	width:628px;
	height:519px;
	background-image: url("images/cadrecontenu.png");
	background-repeat: no-repeat;
	overflow:auto;
}
#EmplacementCarteItineraire{height:100%; width:100%;}
#pied_de_page
{
	height:36px;
	margin:0;
	padding:0;
	text-align: center;
	font-size:10pt;
	color: #999999;
	background-image: url("images/footer.png");
	background-repeat: no-repeat;
}

#pied_de_page a
{
	text-decoration: NONE;
	color: #555555;
	margin:0;
	padding:0;
	
	font-size: 12px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pied_de_page a:hover
{
	text-decoration: underline;
	color: #ffffff;
}


#pied_de_page2
{
	height:50px;
	width:1003px;
	margin:0;
	padding:0;
	margin-left:8px;
	text-align: center;

	color: black;
}
#gauchepp
{
	float:left;
	width:7px;
	height:33px;
	background-image: url("images/fond_footer_g.gif");
	background-repeat: no-repeat;
}
#milieupp{
	float:left;
	width:977px;
	height:33px;
	padding-top:3px;
	background-image: url("images/fond_footer.gif");
	background-repeat: repeat-x;
}

#droitepp
{
	float:left;
	width:3px;
	height:33px;
	background-image: url("images/fond_footer_d.gif");
	background-repeat: no-repeat;
}

#pied_de_page2 a
{
	text-decoration: NONE;
	color: #999999;
	margin:0;
	padding:0;
	
	font-size: 12px; 
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pied_de_page2 a:hover
{
	text-decoration: underline;
	color: #ffffff;
}