/*__ecran d'affichage de l'itineraire produit par google__*/
/* STYLE MAP */
#ECRAN_JO{
top:0;
left:0;
position:absolute;
width:250px;
z-index:1000000;
background:black;
color:white;

}


#T-map-filter-a {
	color: white;
	border-top:none;
	position: absolute;
	width: 216px;
	left: 710px;
	bottom: 0;
	z-index:30;
}

#T-map-filter-a-toggler {
	color: white;
	border-top:none;
	cursor: pointer;
	display: block;
	height: 28px;
	background: black url("images/T-map-filter-acceder.png") no-repeat;
	text-indent: -3000px;
}

#T-map-filter-c {
	color: white;
	border-top:none;
	position: absolute;
	width: 236px;
	left: 690px;
	bottom: 0;
	z-index:30;
}

#T-map-filter-c-toggler {
	color: white;
	border-top:none;
	cursor: pointer;
	display: block;
	height: 28px;
	background: black url("images/T-map-filter-stationner.png") no-repeat;
	text-indent: -3000px;
}


#T-map-filter-b-1 {
	color: white;
	border-top:none;
	position: absolute;
	width: 216px;
	left: 278px;
	bottom: 0;
	z-index:30;
}
#T-map-filter-b-1-toggler {
	color: white;
	border-top:none;
	cursor: pointer;
	display: block;
	height: 28px;
	background: black url("images/T-map-filter-deplacer-1.png") no-repeat;
	text-indent: -3000px;
}
#T-map-filter-b-2 {
	color: white;
	border-top:none;
	position: absolute;
	width: 216px;
	left: 494px;
	bottom: 0;
	z-index:30;
}

#T-map-filter-b-2-toggler {
	color: white;
	border-top:none;
	cursor: pointer;
	display: block;
	height: 28px;
	background: black url("images/T-map-filter-deplacer-2.png")no-repeat;
	text-indent: -3000px;
}



#T-map-filter-b-3 {
	color: white;
	border-top:none;
	position: absolute;
	width: 216px;
	left: 710px;
	bottom: 0;
	z-index:30;
}


#T-map-filter-b-3-toggler {
	color: white;
	border-top:none;
	cursor: pointer;
	display: block;
	height: 28px;
	background: black url("images/T-map-filter-deplacer-3.png")no-repeat;
	text-indent: -3000px;
}

/*BAS DE PAGE*/



/*MAP */





#publicite {
	float: right;
	margin: 0 !important;
}



/* traffic en continu */

div#trafficEnContinu {
	position: absolute;
	top: 0;
	right: 0;
	width: 298px;
	height: 301px;
	z-index: 10;
}

div#trafficEnContinu h4{
	display: none;
}


div#trafficEnContinu a {
	color: #000;
	text-decoration: none;
}

div#trafficEnContinu ul li {
	height: 15px;
	overflow: hidden;
	padding: 4px 4px 0 26px;
	font-size: 11px;
	background: transparent url("images/box/box-puce-bleu.png") 8px 3px no-repeat;
}


p.more {
	background-color: #fff;
	border-top: 1px solid #d5d5d5;
	padding: 7px 10px !important;	
}

p.more a{
	text-decoration: underline;	
}
div#trafficEnContinu li.blanc {
	background-color: #fff;
}

	ul.today span {	
		color: #58b7dd;
		font-weight: bold;
		margin-right: 6px;
	}
	ul.before span {	
		color: #b6b6b6;
		font-weight: bold;
		margin-right: 6px;
	}
	ul.before {
		border-top: 1px solid #bfbfbf;
	}


	

/* box */



div#tags.box {
	width: 300px;
	min-height: 250px;
	float: right;
}
div.box {
	position: relative;
	border: 1px solid #d3d3d5;
	border-top: none;
	background: #f0f5fb;
	font-family: "Trebuchet MS";
}

	div.box h3 {
		color: #fff;
		background: #819dab url("images/box/box-title-bg.png") 0 0 repeat-x;
		font-size: 1.5em;
		padding: 3px 0 0 9px;
		height: 22px;
	}
	
	
	
	/* coins arrondis */
	div.box span.tl, div.box span.tr, div.box span.bl, div.box span.br  {
		position: absolute;
		width: 4px;
		height: 4px;
		z-index: 10;
	}
	
		div.box span.tl {
			top: 0;
			left: -1px;
			background: transparent url("images/box/box-tl.png") top left no-repeat;
		}	
		div.box span.tr{
			top: 0;
			right: -1px;
			background: transparent url("images/box/box-tr.png") top right no-repeat;
		}	
		div.box span.bl {
			bottom: -1px;
			left: -1px;
			background: transparent url("images/box/box-bl.png") bottom left no-repeat;
		}	
		div.box span.br {
			bottom: -1px;
			right: -1px;
			background: transparent url("images/box/box-br.png") bottom right no-repeat;
		}	
		
	div.box p {
		padding: 4px;
	}
	

/* Auto promo */
ul.autopromo li {
color:#777777;
	overflow: hidden;
	padding: 4px 4px 0 26px;
	background: transparent url("images/box/box-puce-bleu.png") 8px 3px no-repeat;
}
		
	div#promoReseauMistral {
		margin-right: 13px;
		width: 298px;
		height: 249px;
		float: left;
	}	
	div#promoAutopartage {
		margin-right: 13px;
		width: 298px;
		height: 249px;
		float: left;
	}
	div#promoCovoiturage {
		width: 298px;
		height: 249px;
		float: left
	}
	div#promoReseauMistral p, div#promoAutopartage p, div#promoCovoiturage  p{
		padding: 0;
		margin: 0;
	}
	div#promoReseauMistral IMG, div#promoAutopartage IMG, div#promoCovoiturage IMG {
		position: absolute;
	}	

	div#promoReseauMistral div.infos, div#promoAutopartage  div.infos, div#promoCovoiturage  div.infos {
		position: absolute;
		right: 0;
		top: 44px;
		height: 190px;
		width: 154px;
	}	
	div#promoReseauMistral h4, div#promoAutopartage  h4, div#promoCovoiturage  h4{
		font-size: 14px;
		text-transform: uppercase;
		color: #608592;
	}		
	div#promoReseauMistral h4 span, div#promoAutopartage  h4 span, div#promoCovoiturage  h4 span{
		font-size: 23px;
		display: block;
	}	
	div#promoReseauMistral p.desc , div#promoAutopartage  p.desc, div#promoCovoiturage  p.desc {
		margin-top: 17px;
		color: #394a4d;
		line-height: 17px;
		font-size: 12px;
	}	
	div#promoReseauMistral p.desc strong, div#promoAutopartage  p.desc strong, div#promoCovoiturage  p.desc strong {
		font-size: 14px;
		font-weight: bold;
	}	
	
	div#promoReseauMistral p.liens, div#promoAutopartage  p.liens, div#promoCovoiturage  p.liens{
		position: absolute;
		right: 10px;
		bottom: 0;
		text-align: right;
		width: 180px;
	}	
	div#promoReseauMistral p.liens span, div#promoAutopartage  p.liens span, div#promoCovoiturage  p.liens span{
		font-size: 11px; 
		background: #608592;
		padding: 2px 2px 2px 0;
		line-height: 17px;

	}
	div#promoReseauMistral p.liens span.deco, div#promoAutopartage  p.liens span.deco, div#promoCovoiturage  p.liens span.deco{
		width: 6px;
		line-height: 15px;
		background: transparent url("images/bg_lienPromo_right.png") center right no-repeat;
	}
	div#promoReseauMistral p.liens a, div#promoAutopartage  p.liens a, div#promoCovoiturage  p.liens a{
		color: #fff;
		padding: 0 0 0 12px;
		display: block;
		height: 16px;
		float: right;
		clear: both;
		background: transparent url("images/bg_lienPromo_left.png") top left no-repeat;
		text-decoration: none;
		margin: 6px 0 0 0;
		}
	
	
	
	div#trafficEnContinu p.more a {
		color: #628794 !important;
		background: transparent url("/images/icones/ico_more_bleu.png") center left no-repeat;
		padding-left: 20px;
		padding-top: 2px;
		text-decoration: underline;			
	}
	
	
	div.box p.liens span {–}