/* ---------------------------------------- */
/* reset */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 68.75%; /* => 11px */
	background-color: #cdcdcd;
	color: #5a5a5a;
}

body, div, p, 
span, b, strong, a, acronym, 
img, hr, 
h1, h2, h3, h4, h5, 
ul, li, ol, dl, dt, dd,
form, fieldset, input, select, textarea, legend, button,
dl, dd, dt {
	margin: 0;
	padding: 0;
	border: 0;
}

form {
	display: inline;
	position: relative;
}

select, input, img {
	vertical-align: middle;
	overflow: visible;
}

input.textBox, select, textarea {
	border: solid 1px #c2c2c2;
	padding: 1px;
	font-size: 1em;
}

a, acronym {
	text-decoration: none;
}

a:hover, a:hover acronym {
	text-decoration: underline;
}

ul {
	list-style-type: none;
}

input.radioButton {
	height: 1em;
}

/* ---------------------------------------- */
/* G�n�ral */

.errorMsg {
color:#f00;
font-weight:bold;
}

.clear {
	float: none !important;
	clear: both !important;
	height: 0;
    display: block;
	width: auto;
	
	font-size: 0;
	line-height: 0;
}

.clearBlock {
	float: none !important;
	clear: both !important;
	width: auto;
}

.hidden {
	font-size:0;
	height:0;
	left:-9999px !important;
	position:absolute;
	top:-9999px !important;
}

.alignCenter {text-align: center; }
.alignLeft {text-align: left; }
.alignRight {text-align: right; }

/* ---------------------------------------- */
/* Popup */
#popup {
	position: relative;
	background: #cdcdcd url(../images/map/bg_general.gif) repeat-x left top;
	width: 865px;
	height: 545px;
	padding: 7px 7px 8px 8px;
}
		#map {
			position: relative;
			width: 578px;
			height: 545px;
			padding-right: 7px;
			float: left;
		}
		#rightCol {
			position: relative;
			width: 280px;
			float: left;
		}
				#btClose {
					float: right;
					width: 9px;
					height: 9px;
					font-size: 0;
				}
				
				h1 {
					float: left;
					margin: 4px 0 10px 5px;
					padding: 0;
					width: 192px;
					height: 25px;
					font-size: 1em;
				}
				h1 img {
					width: 192px;
					height: 25px;
				}
				#tabs {
					width: 280px;
				}
				
				#tabsMenu {
					clear: both;
					position: relative;
					background: url(../images/map/bg_map_tab.png) no-repeat left top;
					width: 280px;
					height: 506px;
				}
				* html #tabsMenu {
					background: url(../images/map/bg_map_tab_ie6.png) no-repeat left top;
				}
				
				#tabsMenu li.mainLi {
					float: left;
					margin-right: 5px;
					width: auto;
				}
				* html #contentTab {
					height: 439px;
				}
				.ttlTitre {
					padding-bottom: 10px;
					display: block;
				}
				.ttlSousTitre {
					margin-bottom: 5px;
					display: block;
				}
				.blocFlecheDefilBas {
					text-align: center;
					margin-top: 0px;
				}
				.blocFlecheDefilHaut {
					text-align: center;
					margin-bottom: 5px;
					margin-top:25px;
				}
				.listeResultats {
					position: absolute;
					top: 0;
					background: url(../images/map/bg_liste_resultats.gif) repeat-x left top;
					display: block;
					width: 260px;
				}
						.listeResultats li {
							background: url(../images/map/bg_liste_resultats.gif) repeat-x left bottom;
							display: block;
							padding-top: 7px;
							padding-bottom: 9px;
							width: 260px;
							overflow:hidden;
						}
				#tabMap {
					position: absolute;
					top: 48px;
					left: 0px;
					width: 260px;
					display: none;
					height: 456px;
				}
				.tabOpened #tabMap {
					display: block;
				}
						#btMap a,
						#btItineraire a,
						#btMap img,
						#btItineraire img {
							width: 98px;
							height: 28px;
							display: block;
						}
						#btMap a {
							background: url(../images/map/bt_carte_off.gif) no-repeat left top;
						}
						.tabOpened #btMap a,
						#btMap a:hover {
							background: url(../images/map/bt_carte_on.gif) no-repeat left top;
						}
						#btItineraire a {
							background: url(../images/map/bt_itineraire_off.gif) no-repeat left top;
						}
						.tabOpened #btItineraire a,
						#btItineraire a:hover {
							background: url(../images/map/bt_itineraire_on.gif) no-repeat left top;
						}
						
						#btMap span,
						#btItineraire span {
							display: none;
						}
						
						#tabMap #formMap, 
						#tabMap #resultatsMap {
							padding: 0 10px;
							width: 260px;
						}
						#tabMap #formMap {
							border-bottom: solid 1px #e0e0e0;
							padding-bottom:10px;
							margin-bottom: 10px;
						}
								#tabMap .ttlOptions {
									margin-bottom: 10px;
									margin-top: 13px;
									display: block;
								}
								#tabMap .blocTxtRechercheQuick {
									background:	url(../images/map/bg_input_text.gif) no-repeat left top;
									width: 254px;
									height: 23px;
								}
										#tabMap .blocTxtRechercheQuick input {
											background: none;
											font-size: 1em;
											color: #818181;
											width: 246px;
											height: 15px;
											padding: 4px;
										}
								#tabMap .optionsRecherche {
									display: block;
									width: 260px;
								}
								#tabMap .optionsRecherche:after {
									content: ".";
									clear: both;
									display: block;
									height: 0;
									visibility: hidden;
								}
										#tabMap .optionsRecherche li {
											float: left;
											width: 105px;
											display: block;
										}
										#tabMap .optionsRecherche li.left {
											clear: both;
											width: 150px;
										}
										#tabMap .optionsRecherche li input {
											margin-right: 5px;
											height: 1em;
										}
										#tabMap .blocBtRecherche {
											position:absolute;
											top:235px;
											left: 70px;
											z-index:1000;
										}
										
										* html body #tabMap .blocBtRecherche{
											top:245px;
										}
								#tabMap .blocListResultats {
									position: relative;
									height: 120px;
									overflow: hidden;
								}
										#tabMap .ttlResultats {
											margin: 12px 0 10px 0;
										}
										#tabMap .listeResultats li div {
											float: left;
											width: 170px;
											font-weight: bold;
											font-size: 1.1em;
											color: #555148;
											background: url(../images/map/etoile_off.gif) no-repeat left center;
											padding-left: 20px;
										}
										#tabMap .listeResultats li div.etoile {
											background: url(../images/map/etoile_on.gif) no-repeat left center;
										}
												#tabMap .listeResultats li div a {
													color: #555148;
												}
										#tabMap .listeResultats li a.itinairaire {
											background: url(../images/map/fleche.gif) no-repeat left 5px;
											color: #d32224;
											font-style: italic;
											padding-left: 7px;
										}
				#tabItineraire {
					position: absolute;
					top: 48px;
					left: 0px;
					width: 260px;
					display: none;
					height: 456px;
				}
				.tabOpened #tabItineraire {
					display: block;
				}
						#btDeplierFormulaire {
							display: block;
							float: right;
							margin-right: 10px;
						}
						.formOpened .ttlTitre {
							float: none;
						}
						#tabItineraire .ttlTitre {
							float: left;
						}
						#tabItineraire .ttlSousTitre {
							clear: both;
							margin-bottom: 0;
						}
						#tabItineraire #formItineraire, 
						#tabItineraire #resultatsItineraire {
							padding: 0 10px;
							width: 260px;
						}
						#tabItineraire #formItineraire {
							border-bottom: solid 1px #e0e0e0;
							margin-bottom: 15px;
						}
						#tabItineraire #formItineraire:after {
							content: ".";
							clear: both;
							display: block;
							height: 0;
							visibility: hidden;
						}	
							#blocAdresseArrive{
								/*height:63px */
							}
								#contenuFormItineraire {
									display: none;
								}
								.formOpened #contenuFormItineraire {
									display: block;
								}
								#formItineraire .champsObligatoires {
									display: block;
									font-style: italic;
									margin-bottom: 5px;
									font-size: 0.91em;
								}
								#formItineraire .blocAdresseDepart {
									padding-bottom: 10px;
								}
								#formItineraire .blocAdresseDepart:after {
									content: ".";
									clear: both;
									display: block;
									height: 0;
									visibility: hidden;
								}
										#formItineraire label {
											clear: both;
											float: left;
											line-height: 23px;
											margin-right: 5px;
											width: 65px;
											padding-bottom: 5px;
											text-align: right;
											color: #818181;
										}
										#formItineraire .blocTxtDepart {
											background:	url(../images/map/bg_input_text2.gif) no-repeat left top;
											width: 186px;
											height: 23px;
											float: left;
											padding-bottom: 5px;
										}
												#formItineraire .blocTxtDepart input {
													background: none;
													font-size: 1em;
													color: #818181;
													width: 178px;
													height: 15px;
													padding: 4px;
												}
										#formItineraire #btCalculItineraire {
											margin-top: -0.5em;
											margin-right: 5px;
											margin-bottom: 15px;
										}
										#contenuFormItineraire .btItineraire{
											float:right;
											padding-bottom:10px;
										}
										#formItineraire .btItineraire #btCalculItineraire {
											margin:0;
										}
								#resultatsItineraire .blocListResultats {
									position: relative;
									height: 293px;
									overflow: hidden;
									width: 260px;
								}
								.formOpened #resultatsItineraire .blocListResultats {
									height: 105px;
								}
										#resultatsItineraire .distance {
											display: block;
											margin-bottom: -3px;
											font-size: 0.91em;
											font-style: italic;
											text-align: right;
										}
										#resultatsItineraire .listeResultats li:after {
											content: ".";
											clear: both;
											display: block;
											height: 0;
											visibility: hidden;
										}
										#resultatsItineraire .listeResultats li  {
											display: block;
											width: 260px;
											padding-top: 6px;
											padding-bottom: 8px;
											float: left;
										}
												#resultatsItineraire .listeResultats li div {
													float: left;
													width: 20px;
												}
												#resultatsItineraire .listeResultats li div.texte {
													float: left;
													width: 240px;
												}
												#resultatsItineraire .listeResultats li.depart div,
												#resultatsItineraire .listeResultats li.arrivee div {
													background: url(../images/map/curseur_a.gif) no-repeat left top;
													padding-left: 30px;
													float: none;
													width: 230px;
												}
												#resultatsItineraire .listeResultats li.arrivee div {
													background: url(../images/map/curseur_b.gif) no-repeat left top;
												}

/* s'il n'y a pas de javascript */
div.noScript {
	overflow: auto !important;
	width: 280px !important;
}
div.noScript #resultatsItineraire .blocListResultats,
div.noScript #resultatsMap .blocListResultats {
	height: auto !important;
}
div.noScript .listeResultats {
	position: relative;
}
div.noScript #contenuFormItineraire {
	display: block;
}
div.noScript #btDeplierFormulaire {
	display: none !important;
}