/**
 * CSS Reset
 * From Blueprint reset.css
 * http://blueprintcss.googlecode.com
 */
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/**
 * Basic Typography
 */
body {
    font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-size: 80%;
    color: #fff;
    background:#333;
    margin: 1em 1.5em;
}
pre, code {
    margin: 1.5em 0;
    white-space: pre;
}
pre, code {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
a[href] {
    color: #436976;
    background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100;
}
h2 {
    font-size: 120%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
}
h3 {
    font-size: 110%;
    margin-bottom: 0.5em;
    text-decoration: underline;
}
h4 {
    font-size: 100%;
    font-weight: bold;
}
h5 {
    font-size: 100%;
    font-weight: bold;
}
h6 {
    font-size: 80%;
    font-weight: bold;
}

/**
 * Map Examples Specific
 */
.smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}

.largemap {
	float:left;
    width: 380px;
    height: 315px;
    /*border: 1px solid #fff;*/
}

.screen_img{
	
    /*border: 1px solid #ccc;*/
	/*float:left;*/
	
}

.spacer{
	float:left;
	/*right:15px;*/
	width:25px;
	
}

.data_wrapper{
	float:left;
	/*right:15px;*/
    /*border: 1px solid #ccc;*/
	/*top:50px;*/
	background-color:#999;
	width:370px;
	height:620px;
	margin-right:20px;
	
}

.control{
	
    /*border: 1px solid #ccc;*/
	/*width:49%;*/
	
	font-size:12px;
	float:left;
	/*text-align:right;*/
	
}
.titre{
	
	margin:12px;
	/*float:left;*/
	font-size:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.graph{
	
    /*border: 1px solid #ccc;*/
	margin:12px;
	float:left;
	width:80%;
	
}

.png_box{
	
    /*border: 1px solid #ccc;*/
	/*float:left;*/
	width:300px;
	height:70px;
	
}

.circuit_wrapper{
	
    border: 1px solid #ccc;
	position:relative;
	
}


.coordinates{
	font-size:11px;
	text-align:right;
	height:20px;
	margin-top: 17px;
	margin-bottom: 13px;
	
}


.timeline{
	
    border: 1px solid #ccc;
	float:right;
	
}

.download{
	
    border: 1px solid #ccc;
	float:right;
	
}

#tags {
    display: none;
}