/* @override http://www.myriam.olivierlarochelle.com/original/css/style.css */

/* @override 
    http://www.myriam.olivierlarochelle.com/original/css/style.css
    http://myriam.olivierlarochelle.com/original/css/style.css
*/

/* La dérive the l'affect CSS */

body, html {
	height: 100%;
	text-align:left;
	background-color: #3b3b3b;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	color:#fff;
	font: normal 13px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif
}

#container {
	height:100%;
	background-color: #3b3b3b;
}

#header {
	height:100px;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	background-repeat:repeat-x;
	background-image:url('../imgs/header-bg.png');
}

#header h1 {
	color: #fefff7;
	font: normal bold 34px "Courier New", Courier, mono;
	margin: 0 56px 0 0;
	padding: 20px 0 0 0;
}

#header h2 {
	font: small-caps bold 30px "Courier New", Courier, mono;
	color: #f4fdef;
	margin: 4px 56px 0 0;
	padding: 0;
}

#footer {
	height:100px;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:url('../imgs/footer-bg.png') repeat;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a:focus {
	border:0 none;
    outline:none;
}

hr {
    border: 1px solid #CCC;
    clear: both;
    height: 0
}

h1 { font-size: 1.9em }
h2 { font-size: 1.7em }
h3 { font-size: 1.5em }
h4 { font-size: 1.3em }
h5 { font-size: 1.15em }
h6 { font-size: 1.0em }
ol { list-style: decimal }
ul { list-style: disc }
li { margin-left: 30px }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul,
pre, table, address, fieldset, figure {
    margin-bottom: 20px
}

sup {
    font-size: 0.6em
}

#map {
	height: 100%;
	width: 100%;
}

#map .olControlAttribution {
	display:none;
}

#map .olControlPanZoom {
	display:none;
}

#map_credit {
	text-align: right;
	font-size: 0.8em;
}

#map_year {
	float:right;
	width: 144px;
	font: 52px "Courier New", Courier, mono;
	color: #f1ffe8;
	text-align: right;
	height: 50px;
	visibility: visible;
	padding-top: 33px;
	padding-left: 18px;
	padding-right: 39px;
	margin-top: 0;
	margin-bottom: 0;
}

#map_copyright {
	/*
		Le text du copyright peut être inséré dans le fichier maps.kml
		pour le moment il a été commenté pour ne pas qu'il affiche une phrase en anglais.
	*/
	float:right;
	font-size:12px;
	margin-top:20px;
	margin-right:20px;
	text-align:right;
}


div.olMapViewport {
   -moz-user-select: none;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
}
.olLayerGoogleCopyright {
    display:none;
}
.olLayerGooglePoweredBy {
    display:none;
}
.olControlScale {
    right: 3px;
    bottom: 3em;
    display: block;
    position: absolute;
}
.olControlPermalink {
    right: 3px;
    bottom: 1.5em;
    display: block;
    position: absolute;
}
div.olControlMousePosition {
    bottom: 0em;
    right: 3px;
    display: block;
    position: absolute;
    font-family: Arial;
    font-size: smaller;
}
.olControlOverviewMapContainer {
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #00008B;
    -moz-border-radius: 1em 0 0 0;
}
.olControlOverviewMapMinimizeButton {
    right: 0px;
    bottom: 80px;
}
.olControlOverviewMapMaximizeButton {
    right: 0px;
    bottom: 80px;
}
.olControlOverviewMapExtentRectangle {
	cursor: move;
	border: 2px dotted red;
}
.olLayerGeoRSSDescription {
    float:left;
    width:100%;
    overflow:auto;
    font-size:1.0em;
}
.olLayerGeoRSSClose {
    float:right;
    color:gray;
    font-size:1.2em;
    font-family:sans-serif;
}
.olLayerGeoRSSTitle {
    float:left;font-size:1.2em;
}
.olPopupContent {
    padding:5px;
}
.olControlNavToolbar div {
	display:block;
	width:  28px;
	height: 28px;
	top: 300px;
	left: 6px;
	position: relative;
}
.olControlNavToolbar .olControlNavigationItemActive {
	background-image: url("img/panning-hand-on.png");
	background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive {
	background-image: url("img/panning-hand-off.png");
	background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive {
	background-image: url("img/drag-rectangle-on.png");
	background-color: orange;
	background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
	background-image: url("img/drag-rectangle-off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar  {
	float:right;
	right: 0px;
	height: 30px;
	width: 200px;
}
.olControlEditingToolbar div {
	float:right;
	width:  24px;
	height: 24px;
	margin: 2px;
}
.olControlEditingToolbar .olControlNavigationItemActive {
	background-image: url("img/pan_on.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlNavigationItemInactive {
	background-image: url("img/pan_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
	background-image: url("img/draw_point_on.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
	background-image: url("img/draw_point_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
	background-image: url("img/draw_line_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
	background-image: url("img/draw_line_on.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
	background-image: url("img/draw_polygon_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
	background-image: url("img/draw_polygon_on.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlSelectFeatureItemInactive {
	background-image: url("img/select_feature_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlSelectFeatureItemActive {
	background-image: url("img/select_feature_on.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlModifyFeatureItemInactive {
	background-image: url("img/move_vertex_off.png");
	background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlModifyFeatureItemActive {
	background-image: url("img/move_vertex_on.png");
	background-repeat: no-repeat;
}