#pagecarto {  
	height : 300px;
	display : block;
	position : relative;
}
.mc_carto {  
	overflow : hidden;
	width : 506px; height : 400px;
	position : absolute; left : 0px;
}
#pagecarto .mc_carto {  
	overflow : hidden;
	width : 530px; height : 300px;
	position : absolute; left : 289px;
}
.mc_map { 
	position : absolute; top : 0px; left : 0px;
	width : 500px; height : 300px;
	background-color : white;
}

.zoom_java_tools { display : none; z-index : 2; }
.zoom_nojava_tools { display : none; }

.zoom_haut { 
	width : 17px; height : 17px; 
	position : absolute; top : 5px; left : 25px; 
	cursor : pointer;
}
.zoom_gauche { 
	width : 17px; height : 17px; 
	position : absolute; top : 25px; left : 5px; 
	cursor : pointer;
}
.zoom_centrer { 
	width : 17px; height : 17px; 
	position : absolute; top : 25px; left : 25px; 
	cursor : pointer;
}
.zoom_droite { 
	width : 17px; height : 17px; 
	position : absolute; top : 25px; left : 45px; 
	cursor : pointer;
}
.zoom_bas { 
	width : 17px; height : 17px; 
	position : absolute; top : 45px; left : 25px; 
	cursor : pointer;
}
.zoom_plus { 
	width : 17px; height : 17px; 
	position : absolute; top : 68px; left : 25px; 
	cursor : pointer;
}  
.zoom_barre { 
	width : 17px; height : 165px; 
	background-image:url('../interface/carto/zoom_barre.gif'); 
	position : absolute; top : 88px; left : 25px;
}
.zoom_niveau { 
	width : 17px; height : 9px; 
	cursor : move;
}
.zoom_moins { 
	width : 17px; height : 17px; 
	position : absolute; top : 256px; left : 25px; 
	cursor : pointer;
}

#loading{
	position : absolute; top : 120px; left : 140px; 
	background: url("../interface/carto/loading_fond.gif") no-repeat;
	color : black; 
	width : 250px; text-align : center; 
	padding : 10px 0; 
}

/*

#mc_copyrights { width : 114px; height : 15px; position : absolute; bottom : 0px; z-index: 10; }

#mc_box { width : 0px; height : 0px; position : absolute; top : 0px; left: 0px; z-index: 1; border : 1px solid red; display : none; }

#carto_echelle{ position : absolute; top:285px; left:349px; width:181px; height : 15px; background: url('') no-repeat bottom right; font-size : 1px; z-index:55; }
#route_echelle{ position : absolute; top:380px; left:219px; width:181px; height : 20px; background: url('') no-repeat bottom right; font-size : 1px; z-index:55; }

*/

.bulle{
	background : url(../interface/carto/bulle_small.gif) no-repeat;
	color : black; font-size : 80%; 
	width : 284px; height : 161px; min-height : 149px;
	padding:0; margin : 0;
	position : absolute; 
	display : block; z-index : 12;
}
.bulle a{
	color : black; 
}
.bulle a:hover{
	color : #FE9334; 
}
.bullebig{
	background : url(../interface/carto/bulle_big.gif) no-repeat;
	color : black; font-size : 80%; 
	width : 284px; height : 314px; min-height : 314px;
	padding:0; margin : 0;
	position : absolute; 
	display : block; z-index : 12;
}
.bulle .top, .bullebig .top{
	float: left; width : 284px; height : 15px; padding:0; margin : 0;
}
.bulle .col0, .bullebig .col0{
	float: left; width : 15px; height : 146px; padding:0; margin : 0;
}
.bulle .colg{
	float: left; width : 240px; height : 84px; padding:0; margin : 0;
}
.bullebig .cold{
	float: left; width : 240px; height : 240px; padding:0; margin : 0;
}
.bulle .col5, .bullebig .col5{
	float: left; width : 16px; height : 146px; padding:0; margin : 0;
}
.bulle .servicesfirst, .bullebig .servicesfirst{
	display : block;
}
.bulle .bulle_carto, .bulle .mc_carto, .bulle .cold, .bulle .col4, .bulle .servicessecond,  .bulle .horaires{
	display : none;
}
.bullebig .mc_carto, .bullebig .colg, .bullebig .col4, .bullebig .servicessecond,  .bullebig .horaires{
	display : none;
}
.bulle .btn_close, .bullebig .btn_close{
	float: right; width : 15px; height : 18px; background : url(../interface/close.gif) no-repeat; padding:0; margin : 0;
}
.bulle p{ margin-top : 2px; }

#alert a{
	color : #00A6EB;
}
#alert a.close, .close{
	color : #E50083;
	display : block;
	text-align: center;
	padding : 2px;
	border-width : 1px;
	border-style: solid;
	border-color : #E50083;
	position : absolute;
	right : 5px;
	top : 5px;
}

// itinéraires

#divResult{
	position 				: relative;
	width 					: 902px; 
	height 					: 410px;
}
#divItineraire{
	float 					: left; 
	width 					: 390px; 
	height 					: 400px;
	overflow 				: auto; 
	font-size 				: 85%;
	margin-top				: 7px;
}
#divItineraire table{ 
	font-size 				: 90%;
}
#divRecap{
	width 					: 370px;
	border 					: 1px solid #F49D00;
	background-color 		: #EBEBEB;
}
#divRecapEtapes{
	width 					: 370px;
	border 					: 1px solid #00A6EB;
}
#divRecapEtapes th{ 
	border 					: 1px solid #DBDBDB; 
	text-align 				: center; 
}
#divRecapEtapes td{ 
	border 					: 1px solid #DBDBDB; 
	text-align 				: center; 
	color 					: #000; 
}
#divCarte{
	margin-left 			: 5px;
	float 					: left; 
	width 					: 506px; 
	height 					: 400px;
	margin-top				: 7px;
}
#divInfos{
	position 				: relative;
	width 					: 902px;
}
#divTools{
	float 					: left; 
	width 					: 902px; 
	height 					: 25px;
	font-size 				: 80%;
}
#divDepartArrivee{
	float 					: left; 
	width 					: 902px; 
	height 					: 249px !important; 
	height 					: 245px;
	font-size 				: 85%;
}
#divDepartArrivee table{ 
	font-size 				: 90%;
}