html { overflow: auto }
body { margin:0;padding:0;background: #003366; 
height:100%; /* this is the key! */}
#page{font-family:arial, Verdana, helvetica, sans-serif;font-size:.8em;text-align:left;width:920px;height:777px;margin:10px auto;border:1px solid #ffffff;padding:5px;background:#003366;}
#map_canvas{text-align:left;width:640px;height:450px;border:1px solid #d0d0d0;padding:5px;margin-bottom:5px;z-index:10;}
/*
#sidebar,#sidebarTodo,#sidebar2,#sidebar3,#sidebar4{z-index:20;clear:right;float:right;font-family:arial, Verdana, helvetica, sans-serif;font-weight:bold;text-align:center;width:252px;margin:auto;;border:1px solid #d0d0d0;padding:5px;color:#e0e0e0; background-color:#000033;}
*/
#sidebar,#sidebarTodo,#sidebar2,#sidebar3,#sidebar4 {
	z-index:20;clear:right;float:right;font-family:arial, Verdana, helvetica, sans-serif;
	font-weight:normal;text-align:left;width:262px;margin:0 0 6px 0px;
	border:1px solid #d0d0d0;padding:0px 0px 5px 0px;color:#000000;
	/* background-color:#E0E7EF; */
	background-color:#e0e0e0;
	}
	#sidebar4 { height:100%; overflow:hidden;}
	#wrapperSidebar {
		clear:right;float:right;
		padding:0; margin:0;
		height:775px;
		overflow:hidden;
		background-image:url('../imgs/trans.gif');
		background-repeat:repeat-y;
	}
/*
#sidebar,#sidebarTest {z-index:20;clear:right;float:right;font-family:arial, Verdana, helvetica, sans-serif;font-weight:normal;text-align:left;width:262px;margin:0 0 6px 0px;border:1px solid #d0d0d0;padding:0px 0px 5px 0px;color:#000000; background-color:#E0E7EF;}
*/
#sidebar p,#sidebarTodo p,#sidebar2 p,#sidebar3 p,#sidebar4 p {padding:0 5px 5px 5px; margin:0; color:#000000; }
/*
#sidebarTodoInfo,#sidebarInfo,#sidebarInfo2,#sidebarInfo3,#sidebarInfo4
	{z-index:20;clear:right;float:right;font-family:arial, Verdana, helvetica, sans-serif;
	 text-align:left;width:252px;margin:auto;
	 border:1px solid #f0f0f0;padding:5px;color:#f0f0f0;margin:3px 0px;
	 /* background-color:#DDE6EE; */
	 /*background-color:#536695;
	}
	*/
#sidebarTodoInfo {z-index:20;height:150px;overflow:auto}
#titre{font-family:arial, Verdana, helvetica, sans-serif;font-weight:bold;text-align:center;width:640px;border:1px solid #d0d0d0;padding:5px;margin:0;border-bottom:none; color:#f0f0f0; background-color:#000033;}
#chartAltitude_div,#chartVitesses_div{text-align:left;width:650px;height:255px;border:1px solid #9b9b9b;padding:0px;margin:0;background:white;}
#trackDescription_div {
	text-align:left;width:634px;height:262px;border:1px solid #d0d0d0;
	padding:8px 8px;margin:0;color:#f0f0f0;font-size:1em;
	background-color:#536695;
	}
#miniPhotos_div{z-index:0;}
/* #large_image img {border:1px solid black; background-color:#c0c0c0;} */

#photos_div
      { text-align:left;width:650px;height:278px;
	border:1px solid #9b9b9b;padding:0;margin:0;color:#000000;font-size:1em;
        background-color:#f0f0f0;
      }
#statsDistanceTot_div,#statsAltitudeMin_div,#statsAltitudeHigh_div,#statsSpeedMax,#statsAvgSpeed,
#nbPoints_div,#nbPointsReduced_div,#statsSpeedMax_div {text-align:right;color:#000000; font-weight:bold;}
#statsStartTime_div,#statsEndTime_div,#statsDate_div,#statsTotalTime_div {text-align:right;color:#000000;font-weight:bold;}
#control {color:#ff0000; font-weight:bold; border:1px solid black; background-color:#ffffff;}
#large_image {float:left;}
#large_image img {border:none; border-right:1px solid black;}
#infoEXIF {float:left; padding:10px;}
#alttrc {background-color:#ffffff; width:652px;}
/*
#footer{font-family:arial, Verdana, helvetica, sans-serif;font-size:.7em;text-align:center;}
*/
#xAxis {position:absolute; top:45px;left:35px;width:1px; height:180px; background-color:#ff0000;z-index:10;}

#selectIdTrack { border: 1px solid black; background:#ffffff;}

h1{background:#9b9b9b;color:#FFF;font-size:1.5em;margin:15px 2px 2px;padding:5px;}
h2{font-size:1em;border-bottom:1px solid #9b9b9b;clear:both;}
h3{margin-left:5em;font-size:130%;}
h4 { width:100%; font-weight:bold; background-color:#000033; color:#e0e0e0; padding:5px 0px 5px 0px; margin:0; text-align:center;}
h5 { width:100%; font-weight:bold; color:#ffffff; font-size:1.2em; padding:0 0 10px 0; margin:0;}
/* h4{margin-bottom:0;font-size:70%;color:#9b9b9b;padding-top:1em;}*/
/* h6{background:#9b9b9b;color:#FFF;font-size:1em;margin-bottom:.3em;margin-top:0;padding:.3em;} */
.block_a{border:1px solid #9B9B9B;width:30.5em;height:15em;margin-top:1.2em;margin-left:2em;padding:.3em;}
.block_b{border:1px solid #9B9B9B;width:30.5em;height:15em;float:right;margin-top:1.2em;margin-right:2em;padding:.3em;}
#page a,#footer a{color:#4f4f4f;text-decoration:none;font-weight:700;}
footer a{font-size:.8px;}
h1 a{padding-left:1em;font-size:80%;}
#map_legend{float:right;margin-right:2em;margin-top:0;}
#map_legend_table{border:0 none;width:25em;padding-bottom:0;}
/*
#page a:link,#page a:visited,#page a:active,#footer a:link,#footer a:visited,#footer a:active{color:#507CD3;text-decoration:underline;}
*/
#page a:link,#page a:visited,#page a:active,#footer a:link,#footer a:visited,#footer a:active{color:#206FAF;text-decoration:underline;}


#page a:hover,#footer a:hover{color:red;text-decoration:underline;}
/*#page ul li{list-style:square;}*/
#page .none_ls{list-style:none;display:inline;padding-right:.5em;}
#lang_menu{display:block;text-align:right;}
.num_list{list-style-type:decimal;color:red;}
.logo{float:right;margin-top:5px;position:relative;left:.1em;}
form{text-align:center;font-size:90%;margin-bottom:0;}
.radio{margin:.3em 0 0 .3em;padding:0;}
fieldset{border:1px solid #9b9b9b;padding:1em; padding:5px;}
legend{font-size:95%;color:#000;}
.main_fieldset{padding-bottom:1.2em;padding-top:1em;padding-right:.8em;width:63em;border:2px solid #9b9b9b;text-align:left;margin-left:auto;margin-right:auto;}
.radio_label{position:relative;top:-.2em;font-size:95%;}
.frm_label{float:left;margin-right:.5em;text-align:right;width:15em;padding-top:.3em;font-size:95%;}
.frm_section{font-size:95%;font-weight:700;margin-top:1em;}
.frm_btn{background:#FFF;float:right;margin-right:1em;margin-top:1.2em;}
#file_input, .frm_btn{background:#FFF;border:1px solid #9b9b9b;}
.input_descr{color:#8f8f8f;font-size:90%;margin-left:12.5em;}
.map_selection{color:#000;margin:1em 1em 1em 12.5em;}
/*table{border:1px solid #e6e6e6;font-size:105%;width:20em;margin-left:2em;padding:3px;}*/
table{font-size:1em;}
#stats_table{border:0;width:100%;margin-left:0;margin-top:.5em;}
td{padding:1px 5px;}
.grey{background:#e6e6e6;}
/*.legend{font-size:85%;}*/
.graph_footer{font-size:80%;display:block;color:#b4b4b4;padding-left:65em;}
/* #page img,.map_selection input{border:0;} */