/* standard elements */
:root{
	--bandeau-height:13%;
	--bandeau-couleur-horizontal-height:5px;
	--sidebar-width:38%;
	--content-width: 60%;
	/* --footer-height:80px; */
}

* {
	margin: 0;
	padding: 0;
}
a {
	color: #36C;
}
a:hover {
	color: #06F;
}
html,body  {
	/* position:relative; */
	background:			#fff;
	font-family:		"arial",sans-serif;
	/* font-size:			8pt; */
	font-size:			calc(5px + 0.4vw);
	text-align:			left;
	color:				black;
	margin-top:			0px;
	width:100%;
	height:100%;
	/* overflow-y: hidden; */
}


/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	position:relative;
	background: #FFF;
	margin: 0 auto;
	/* padding-bottom: 6px; */
	width: 100%;
	height:100%;
}
.header {
	background: url(../images/header.gif) repeat-x;
}

div#bandeau_superieur{
	/* background: url("../images/bandeau_haut_image9.jpg") no-repeat; */
	position:relative;
	height: var(--bandeau-height);
	width:100%;
	text-align: center; 
}

div#image_bandeau_superieur{
	position:relative;
	height:calc(100% - var(--bandeau-couleur-horizontal-height));
	width:100%;
	align-items: center;
}

div#image_bandeau_superieur > img {
	position:relative;
	max-height: 90%;
	/* max-height:calc(90% - var(--bandeau-couleur-horizontal-height)); */
	/* max-width:100%; */
	/* width:100%; */
}

#bandeau-couleur-horizontal{
	position:relative;
	width:100%;
	height:var(--bandeau-couleur-horizontal-height);
	background: linear-gradient(to right,rgb(71, 0, 222),rgb(2, 250, 250),rgb(2, 250, 85),rgb(255, 255, 18),rgb(252, 42, 0));
}




/* title */
.title h1 {
	color: #FFF;
	font: normal 3em Verdana,sans-serif;
	height: 150px;
	line-height: 150px;
	margin-bottom: 8px;
	text-align: center;
}

/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	/* padding: 8px 0; */
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
/* .main {
	position: relative !important;
	clear: both;
	padding: 0px 0px;
	width:100%;
	height:100% !important;
} */

/* main left */
.sidebar h1,.sidebar ul {
	padding-left: 12px;
}

.sidebar {
	/* background: #eee; */
	/* background: url(../images/marianne_v3.jpg) no-repeat; */
	position:relative;
	border: 1px solid #E5E5E5;
	float: left;
	width: var(--sidebar-width);
	/* height: 536.8px; */
	height:calc(100% - var(--bandeau-height));
	padding-left: 7px;
	padding-right: 7px;
	/* padding-top:2px; */
	margin-top:0px;
	color: #666;
}


.sidebar > div {
	position:relative;
	text-align:left;
	margin:0.5rem;
}

/* Images sidebar */
.sidebar > div > img{
	position:relative;
	max-height:100%;
	/* height:90%; */
	max-width: 100%;
}

div#images_haut_sidebar{
	height:13%;
} 

div#echelle_deperditions{
	height:13%;
} 

div#slider_opacite{
	height:6%;
} 

div#dates_de_survol{
	height:6%;
} 

div#images_bas_sidebar{
	height:13%;
} 


div#images_haut_sidebar,div#echelle_deperditions,div#images_bas_sidebar {
	text-align:center;
}

input[type="range"]{
	overflow:hidden;
	width: 100%;
	/*height:5px;*/
	/*-webkit-appearance: none;*/
	/* appearance:none; */
	/* outline:none; */
	/* position:relative; */
}

/* Chrome, Safari */
/*
input[type="range"]::-webkit-slider-runnable-track{
	width:100%;
	height:5px;
	-webkit-appearance: none;
	color:rgb(0,100,255) ;
	background:rgb(0,100,255) ;
	color:rgba(100,200,0,0.8) ;
}*/
/*
input[type="range"]::-webkit-slider-thumb{
	width:15px;
	height:15px;
	-webkit-appearance: none;
	background: rgb(255,255,255);
	box-shadow:inset;
	border: 0.2rem solid;
	border-radius:1px;
	cursor:pointer;
}
*/


/* Firefox */
/*
.slider::-moz-range-thumb{
	-webkit-appearance: none;
	border: 1px solid;
	border-radius:1px;
	height:15px;
	width:15px;
}
*/


/* #image_haut_sidebar_1{
	position:relative;
	max-height:100%;
	 width: 100%; 
}
#image_haut_sidebar_2{
	position:relative;
	max-height:100%;
	width: 100%; 
}
#image_bas_sidebar_1{
	position:relative;

	max-height:100%;

} */


/* content */
.content {
	position:relative;
	float: right;
	width: var(--content-width);
	height: calc(100% - var(--bandeau-height));
	/* height:80% !important; */
}
.content .item {
	position:relative;
	padding: 0px 0px;
	border: 1px solid #E5E5E5;
	background: #eee;
	margin-bottom: 0px;
	height:90%;
	max-height:90%;
	z-index:0;
}

.content .item #map{
	position:relative ;
	height:100%;
	max-height:100%;
}

.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../images/li.gif);
	margin-left: 18px;

}

#load {
	visibility:			hidden;
	display:			inline-block;
	vertical-align:		middle;
}



#submit {
	font-size:			1em;
	color:				#FFFFFF;
	background:			#D6071B url(../images/bg_headerSubmitSearch.png) no-repeat scroll -12px -13px;
	border:				1px solid #0073B9;
	cursor:				pointer;
	width:				30px;
	height:				25px;
	margin-left:		-9px;
	padding:			4px;
	text-align:			center;
	display:			inline-block;
	vertical-align:		middle;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topright:5px;
}

#submit:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#D6071B url(../images/bg_headerSubmitSearch.png) no-repeat scroll -62px -13px;
}

/* En savoir plus */

#info {
	color:gray;
	white-space:nowrap;
	text-align:center;
}

#ensavoirplus_open {
	color:#7777CC;
	text-decoration:underline;
	white-space:nowrap;
}

#ensavoirplus_outer {
	visibility:			hidden;
	position:			absolute;
	left:				26%;
	top:				98px;
	background:			#D5DDF3 none repeat scroll 0 0;
	border:				1px solid #000000;
	z-index:			20001;
	text-align:			left;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
}

#ensavoirplus_inner {
	background:			#FFFFFF none repeat scroll 0 0;
	margin:				7px;
	padding:			7px 28px 7px 7px;
	white-space:		nowrap;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
}

#ensavoirplus_close {
	position:			absolute;
	right:				12px;
	top:				12px;
}

.launch_close {
	background:			transparent url(../images/hpimgs13.png) no-repeat scroll -96px -26px;
	height:				12px;
	width:				12px;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
}

#legende {
	position:			absolute;
	text-align:			center;
	bottom:				1em;
	left:				10px;
	z-index:			2000;
	background-color:	white;
	padding:			3px;
	opacity:			0.8;
	filter: 			alpha(opacity=80);*/
	min-height: 		1px; /* Pour IE 7 */
	height: 			auto; /* Pour IE 6 */
	height:				1 px; /* Pour IE 6 */
}


/* Leaflet */

.leaflet-control-attribution{
	/* color: white !important; */
	/* background-color: black !important; */
	font-size: 1.3rem;
	opacity:1;
	padding-bottom: 1rem !important;
}

.leaflet-control-scale{
	font-size: 1.3rem;
	font-weight: bold;
	background-color: 'rgba(255,0,0,1)';
}

.leaflet-control-scale{
	font-size: 1.3rem;
	font-weight: bold;
	
}

.leaflet-control-boxzoom.with-background-image{
	background-position:center;
	border-color:rgba(0,0,0,.3);
	border-radius:3px;
	border-style:solid;
	border-width:2px;
	height:30px;
	width:30px;	
}

#reset-init-view.leaflet-control{
	background-color: white;
	background-image: url(../images/globe.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
	border-color: rgba(0,0,0,.3);
	border-radius:3px;
	border-style: solid;
	border-width:2px;
	width: 30px;
	height: 30px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(../images/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* Logo LNE */
/* .content .item .image-lne{
	position:relative !important;
	width:100%;
	height:7% !important;
} */



.content .footer {
	position:relative;
	background: white;
	color: #666;
	font-size: 10px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	height:10%;
	opacity:1;
	z-index:1003;
}

.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}
.footer .left, .footer .right {
	/* padding: 6px 12px; */
}
.footer .right, .footer .right a {
	color: #AAA;
}
.footer .right a:hover {
	color: #666;
}

/* .footer img{
	position:relative;
	max-height:90%;
} */

div#logo_lne_footer{
	position:relative;
	height:calc(100% - 12px);
	text-align: left;
	margin:0;
}

div#logo_lne_footer > img{
	position:relative;
	max-height:100%;
}

div#copyright_thermo_lne_footer{
	position:relative;
	height: 12px;
	margin:0;
}

/* floats */
.left {float: left;}
.right {float: right;}