/*
Design by Dominique Cecotti
Tout droit reserve



*/

http://www.w3.org/TR/2009/WD-css3-fonts-20090618/
@font-face {
  font-family: Candara;
  src: local, url(polices/CANDARA.ttf);
}



* {
	margin: 0;
	padding: 0;
}

body {
	margin-top: 0px;
	background: #ff0000;
	font-family: "Candara", Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}




/* DESIGN GENERAL
--------------------------------------------- */

#header {
	width: 100%;
	height: 45px;
	margin: 0px 0px 0px 0px;
	/*margin: 0 auto; */
	background: #000000 url(../img/fond_barre_header.png) repeat-x left top;
}


#content {
	width: 100%;
	min-height: 500px;
	padding: 0px;
}


#footer {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0px;
	padding: 0px;
	color: #cccccc;
	background: #000000 url(../img/fond_barre_footer.png) repeat-x left top;
}


/* Header
--------------------------------------------- */

#header h1,
#header h1 a {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	font: normal 18px Arial, "verdana", sans serif;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}
#resultat {
	/*float: right;*/
	color: #aaffaa;
	/*position: absolute; top: 30; right: 200px;*/
}







#page #headersearch h1 {
	margin: 0px;
	padding: 5px 0px 0px 20px;
	font: normal 18px Arial, "verdana", sans serif;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	text-decoration: none;
}



/* Page
--------------------------------------------- */
#page {
	width: 990px;
	margin: 0px; 
	background: #000000;
}

#page h1,
#page h1 a {
	margin: 0px;
	font: normal 14px Arial, "verdana", sans serif;
	font-weight: bold;
	color: #f15821;
}
#page h2,
#page h2 a {
	margin: 0px;
	font: normal 12px Arial, "verdana", sans serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
#page h3,
#page h3 a {
	margin: 0px;
	font: normal 10px Arial, "verdana", sans serif;
	font-weight: bold;
	color: #dddddd;
	text-decoration: none;
}




/* Footer
--------------------------------------------- */

#footer h1,
#footer h1 a {
	margin: 0px;
	padding: 13px 5px 0px 5px;
	font: normal 14px Arial, "verdana", sans serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-decoration: none;
}


/* CARTE
--------------------------------------------- */

#map_zone {
	width: 600px;
	height: 400px;
	overflow: hidden;
	position: relative; 
}


#map-canvas { 
	height: 100%; 
	width:100%;
	position: absolute; 
}



#liste_itineraire {	
	display: block;
	float: left;
	padding: 0px;
	position: relative;
	min-height: 300px;
	max-height: 500px;
	width: 250px;
	z-index: 100;
	background: #000000;
	opacity: 0.96;
	overflow: auto;
}
#liste_itineraire ul {	
	list-style: none;
	line-height: normal;
	list-style-type:none;
	padding: 0px;
}

#liste_itineraire li {	
	clear: both;
	width: 200px;
	height: 25px;
	background: #222222;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	-webkit-border-radius: 8px; 
/*	-moz-border-radius: 8px; */
	border-radius: 8px;
}


#liste_itineraire .numero {
	float: left;
	position: relative;
	width: 30px;
	color: #ff8000;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

#liste_itineraire .nom {
	float: left;
	position: relative;
	width: 120px;
	cursor: pointer;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	text-align: left;
	font-size: 1.0em;
}


#liste_itineraire .supprimer {
	float: right;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	background: #000000 url(../img/picto_itineraire_supprimer.png) no-repeat left top;
}


#btn_iti {
	float: left;
	position: relative;
	background-image: url(../img/btn_iti_flag_32.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 32px;
	height: 32px;
}

#btn_geo {
	float: left;
	position: relative;
	background-image: url(../img/mrk_maposition.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 32px;
	height: 32px;
}
#btn_sav {
	float: left;
	position: relative;
/*	background-image: url(../img/picto_sauvegarde_32.png); */
	background-repeat: no-repeat;
	background-position: left top;
	width: 32px;
	height: 32px;
}


.btn_sav_off {
	background-image: url(../img/picto_sauvegarde_32.png);
}
.btn_sav_on {
	background-image: url(../img/picto_sauvegarde_on_32.png);
}


#btn_addr {
	position: relative;
	background-image: url(../img/picto_voirXX.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	width: 16px;
	height: 16px;
	
}

#liste_itineraire .iti_select {
	background-color: #330000;
}

#btn_iti_del {
	float: right;
	position: relative;
	background-image: url(../img/picto_itineraire_supprimer.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 24px;
	height: 24px;
}

.btn_iti_fiche {
	float: left;
	position: relative;
	background-image: url(../img/picto_voir.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 24px;
	height: 24px;
	background-size: contain;
}

.selection {
	width: 24px;
	height: 24px;
	float: left;
}



.marqueur {
	width: 24px;
	height: 24px;
	float: left;
	background-size: contain;
}

.mrk_size_32 {
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.mrk_size_48 {
	background-size: 48px 48px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.mrk_size_64 {
	background-size: 64px 64px;
	/* background-size: contain; */
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}
.mrk_size_128 {
	background-size: 128px 128px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
}

.mrk_1 {
	background-image: url(../mrk/1.png);
}
.mrk_2 {
	background-image: url(../mrk/2.png);
}
.mrk_3 {
	background-image: url(../mrk/3.png);
}
.mrk_4 {
	background-image: url(../mrk/4.png);
}
.mrk_5 {
	background-image: url(../mrk/5.png);
}
.mrk_6 {
	background-image: url(../mrk/6.png);
}
.mrk_7 {
	background-image: url(../mrk/7.png);
}
.mrk_8 {
	background-image: url(../mrk/8.png);
}
.mrk_9 {
	background-image: url(../img/mrk_type_24/mrk_type_9.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_10 {
	background-image: url(../img/mrk_type_24/mrk_type_10.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_11 {
	background-image: url(../img/mrk_type_24/mrk_type_11.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_12 {
	background-image: url(../img/mrk_type_24/mrk_type_12.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_13 {
	background-image: url(../img/mrk_type_24/mrk_type_13.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_14 {
	background-image: url(../img/mrk_type_24/mrk_type_14.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_15 {
	background-image: url(../img/mrk_type_24/mrk_type_15.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_16 {
	background-image: url(../img/mrk_type_24/mrk_type_16.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_17 {
	background-image: url(../img/mrk_type_24/mrk_type_17.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_18 {
	background-image: url(../img/mrk_type_24/mrk_type_18.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_19 {
	background-image: url(../img/mrk_type_24/mrk_type_19.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_20 {
	background-image: url(../img/mrk_type_24/mrk_type_20.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_21 {
	background-image: url(../img/mrk_type_24/mrk_type_21.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_22 {
	background-image: url(../img/mrk_type_24/mrk_type_22.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_23 {
	background-image: url(../img/mrk_type_24/mrk_type_23.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_24 {
	background-image: url(../img/mrk_type_24/mrk_type_24.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_25 {
	background-image: url(../img/mrk_type_24/mrk_type_25.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_26 {
	background-image: url(../img/mrk_type_24/mrk_type_26.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_27 {
	background-image: url(../img/mrk_type_24/mrk_type_27.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_28 {
	background-image: url(../img/mrk_type_24/mrk_type_28.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_29 {
	background-image: url(../img/mrk_type_24/mrk_type_29.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_30 {
	background-image: url(../img/mrk_type_24/mrk_type_30.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_31 {
	background-image: url(../img/mrk_type_24/mrk_type_31.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_32 {
	background-image: url(../img/mrk_type_24/mrk_type_32.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_33 {
	background-image: url(../img/mrk_type_24/mrk_type_33.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_34 {
	background-image: url(../img/mrk_type_24/mrk_type_34.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_35 {
	background-image: url(../img/mrk_type_24/mrk_type_35.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_36 {
	background-image: url(../img/mrk_type_24/mrk_type_36.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_37 {
	background-image: url(../img/mrk_type_24/mrk_type_37.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_38 {
	background-image: url(../img/mrk_type_24/mrk_type_38.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_39 {
	background-image: url(../img/mrk_type_24/mrk_type_39.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_40 {
	background-image: url(../img/mrk_type_24/mrk_type_40.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_41 {
	background-image: url(../img/mrk_type_24/mrk_type_41.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_42 {
	background-image: url(../img/mrk_type_24/mrk_type_42.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_43 {
	background-image: url(../img/mrk_type_24/mrk_type_43.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_44 {
	background-image: url(../img/mrk_type_24/mrk_type_44.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_45 {
	background-image: url(../img/mrk_type_24/mrk_type_45.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_46 {
	background-image: url(../img/mrk_type_24/mrk_type_46.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_47 {
	background-image: url(../img/mrk_type_24/mrk_type_47.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_48 {
	background-image: url(../img/mrk_type_24/mrk_type_48.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_49 {
	background-image: url(../img/mrk_type_24/mrk_type_49.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_50 {
	background-image: url(../img/mrk_type_24/mrk_type_50.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_51 {
	background-image: url(../img/mrk_type_24/mrk_type_51.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_52 {
	background-image: url(../img/mrk_type_24/mrk_type_52.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_53 {
	background-image: url(../img/mrk_type_24/mrk_type_53.png);	
	background-repeat: no-repeat;
	background-position: left top;
}
.mrk_54 {
	background-image: url(../img/mrk_type_24/mrk_type_54.png);	
	background-repeat: no-repeat;
	background-position: left top;
}


input:text {
	/* opacity: 0.5; */
	color: #ffeecc;
/*	background: inherit; */
	background: #333333;
	border: 0px;
}



#mdl_iti {
	background: #000000;
	color: #ffffff;
}


#mdl_mrk {
	background: #000000;
	color: #ffffff;	
	width: 220px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
}





#mdl_mrk ul {	
	list-style: none;
	line-height: normal;
	list-style-type:none;
	padding: 0px;
	overflow:hidden;
}

#mdl_mrk li {	
	clear: both;
	width: 100%;
/*	height: 25px; */
/*	background: #222222; */
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	-webkit-border-radius: 8px; 
/*	-moz-border-radius: 8px; */
	border-radius: 8px;
}


.mdl_mrk_label {
	text-align: left;
	color: #999999;
	float: left;
	width: 50px;
}