﻿/* Temps reel */
.tr-imagevehicule
{
	/*background-color:#E6F2FF;*/
	background-repeat:no-repeat;
	background-position:center;
	/*width: 130px;*/
	width:50px;		
	height: 67px;
	float: left;
	padding-left: 3px;	
	overflow: visible;
	/*margin-left:-10px;*/
	margin-left:0px;
	margin-right:-10px;	
}

.tr-infoposition
{
	/*background-color:#E6F2FF;*/
	/*width: 130px;*/
	min-width:130px;
	max-width:220px;
	width:50%;
		
	height: 67px;
	float: left;
	padding-left: 3px;	
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.tr-infodhvitesse
{
	/*background-color:#E6F2FF;*/
	height: 60px;
}

.tr-infoposition a
{
	text-decoration: none;
	color: black;
}
.tr-infoposition a:hover
{
	text-decoration: none;
}

.tr-infodhvitesse a
{
	text-decoration: none;
	color: black;
}
.tr-infodhvitesse a:hover
{
	text-decoration: none;
}

#tr-carto
{
	text-align: center;
	background-color: #C4C4FF;
}

.nomvehicule
{
	font-size: large;
	font-weight: bold;
}

.detailsvehicule
{
	font-size: x-small;
	font-weight: normal;
}
/*.adressevehicule {	font-size: 75%; font-weight:normal; font-style:italic; color:Gray; text-shadow: black 0px 1px 0px}*/
.adressevehicule
{
	font-size: 75%;
	font-weight: normal;
	color: #999999;
}
.infodateheure
{
	font-size: 100%;
}
.infovitesse
{
	height: 30px;
	font-size: 200%;
	text-align: right;
	padding-left: 20px;
	color: Lime;
}
.infovitessepetit
{
	height: 30px;
	font-size: 150%;
	text-align: right;
	/*padding-left: 30px;*/
	color: Lime;
}

.infocontactoff
{
	font-size: 150%;
	text-align: right;
	padding-left: 20px;
	color: red;
}

.unitesvitesse
{
	font-size: 70%;
	color: Lime;
}

.dhvitesse
{
	font-size: xx-small;
	color: #6699FF;
}

.desactivated
{
	color: #CCCCCC;
}

.activated
{
	color: #000000;
}


.buttonback
{
	float: left;
	background: url('../images/backButton.png') no-repeat;
	color: white;
	height: 100%;
	width: 100%;
}



.divsaisie
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	font-size: 17px;
	font-weight: bold;
	width: 250px;
}

.divblockmenu
{
	left: 20px;
	right: 20px;
	padding: 10px;
	
	margin-left:auto;
	margin-right:auto;
	max-width:400px;
}

.divblockmenucadre
{
	left: 20px;
	right: 20px;
	padding: 10px;
	border: 1px solid #FFFFFF;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;   
    margin-top:10px;
	
	font-size: 14px;	
}


.textsaisie
{
	width: 240px;
	font-size: 17px;
	font-weight: normal;
}

.textsaisieparametres
{
	width: 200px;
	font-size: 14px;
	font-weight: normal;
	margin-left:10px;
}


.divblocksaisie
{
	margin-bottom: 20px;
	margin-top: 20px;
}

.divaction
{
	vertical-align: bottom;
}

.divglobal
{
	width: 100%;
	height: 100%;
}

#butaction div.buttonaction.clicked
{
	-webkit-border-image: url(../images/grayButton.png) 0 8 0 14;
}


a.nounderline:link
{
	text-decoration: none;
}

.header
{
	background-color: #ccc;
	background: url('../images/toolbar.png') #6d84a2 repeat-x;
	border-color: #666;
	border-style: solid;
	border-width: 0 0 1px 0;
}


/* Liste des etapes */

.ul_listeEtape {
   margin-top:5px; 
   margin-bottom:5px; 
   max-width:480px; 
   margin-left:auto; 
   margin-right:auto;  
}

.LienEtape
{
	background-image:none; 
	margin: -1px 0px 0px 0px; 
	padding:5px 3px 8px 10px;
	
	/*
    margin-left:-11px;
    margin-right:-11px;
*/
}

.LienEtape_span_drapeau
{
  width  : 50px; 
  margin : 0px;
}

.LienEtape_span_HeureArrivee
{
 display :inline-block; 
 width: 50px; 
 margin:0px 0px 0px -3px;
}

.LienEtape_premiere_span_adresse
{
	display:inline-block; 
	width:190px; 
	margin: 0px 0px 0px 12px;
	vertical-align:top;
}

.LienEtape_span_adresse
{
 display:inline-block; 
 width:190px; 
 margin: 0px 0px 0px 2px;
 vertical-align:top;
}

.LienEtape_span_DureeArret
{
  display:inline-block; 
  margin-left:2px;
  margin-right:3px;
  float:right;
}

.LienEtape_derniere_span_drapeau
{
  display:inline-block;
  margin: 0px 0px 0px -5px;
}

.LienEtape_Style_Adresse_Ville
{
	font-size: 75%;
	font-weight: bold; 
	color: #242424; 
}

.LienEtape_Style_Adresse_Rue
{
	font-size: 75%;
	font-weight: normal;
	color: #242424; 
}

.LienEtape_Style_Adresse_POI
{
    font-size: 75%;
	font-weight: normal;
	color:Navy;	
}



