/* standard elements */
:root{
	--bandeau-height:13%;
	--bandeau-couleur-horizontal-height:5px;
	--sidenav-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 */
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}

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

/* Ajout Louis-Emmanuel Leray 19/09/2025 */
.sidenav > div {
	position:relative;
	text-align:left;
	margin:0.5rem;
}

/* Images sidenav */

div#image_haut_sidenav,div#image_bas_sidenav {
	text-align:center;
}

div#image_haut_sidenav{
	position:relative;
	max-height:13%;
	padding:0;
	margin:0;
}


#image_haut_sidenav{
	position:relative;
	/* width:50%; */
	height:100%;
}

#mon_projet_isolation{
	position:relative;
	height:100%;
}

#ameliorer_mon_habitat{
	position:relative;
	height:100%;
	max-height:100%;
}

div#image_bas_sidenav{
	position:relative;
	max-height:12%;
}

/* Ajout Louis-Emmanuel Leray 19/09/2025 */
#image_bas_sidenav {
	/* width:70%; */
	height:110%;
}

/* Recherche par adresse */
div#adresse{
	text-align:center;
}

div#aide_recherche_adresse{
	text-align:center;
}

#recherche_xml, .combo_parcelles {
	color:				#808080;
	font-size:			1em;
	background:			#FFFFFF url(../images/bg_headerInputSearch.png) repeat-x scroll 0 0;
	border:				1px solid #0073B9;
	height:				13px;
	width:				80%;
	padding:			5px;
	vertical-align:		middle;
	display:			inline-block;f
	text:				"CouCou" ;
	-moz-background-clip:				border;
	-moz-background-inline-policy:		continuous;
	-moz-background-origin:				padding;
	-moz-border-radius-bottomleft:		3px;
	-moz-border-radius-topleft:			3px;
}

.combo_parcelles {
	height:				25px;
	width:				auto;
}

#coord {
	font-size: 			10px;
	width: 				200px;
	display: 			none;
}


/* Echelle couleurs déperditions */
div#deperditions{
	position:relative;
	text-align:center;
	/* max-height:5%; */
}

/* img#avion-thermo {
	width:20%;
	height:20%;

} */

/* Ajout Louis-Emmanuel Leray 19/09/2025 */
#image_deperditions {
	width:50%;
	height:50%;
	padding:0.2rem;
}

/* Texte avertissements et conseils */

div#avertissement > b, div#dates_survol > b  {
	position:relative;
	font-size: 1.15rem;
}

div#avertissement > i, div#dates_survol > i  {
	position:relative;
	font-size: 1rem;
	font-weight: normal;
}

/* div#dates_survol > b {
	position:relative;
	font-size: 1.15rem;
} */

/* 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 .olMap{
	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;
}

#adresse {
	width:				100%;
	height:				40px;
	/* background-color: 	; */
	/* padding-top:		10px; */
}



#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 */
}

/*Personnalisation de OpenLayers */
.olLayerGoogleCopyright {
	visibility:			hidden;
}
.olLayerGooglePoweredBy {
	visibility:			hidden;
}

.olControlPanel {
	left:				55px;
	top:				10px;
	background-color:	none;
	/* padding:			2px; */
}

.olControlMouseDefaultsItemActive { 
	width:  			24px;  
	height: 			22px;
	background-image: 	url("../scripts/openlayers/lne/pan_on.png");
	margin-bottom:		12px;
}
.olControlMouseDefaultsItemInactive { 
	width:  			24px;  
	height: 			22px;
	background-image: 	url("../scripts/openlayers/lne/pan_off.png");
	margin-bottom:		12px;
}

.MyButtonItemInactive {
	width:  			24px;  
	height: 			22px;
	background-image: 	url("../scripts/openlayers/lne/zoom_max_extent.png");
	margin-bottom:		12px;
}

.olControlZoomBoxItemInactive { 
	width:  			24px;  
	height: 			22px;
	background-image: 	url("../scripts/openlayers/lne/zoom_off.png");
}

.olControlZoomBoxItemActive { 
	width: 				24px;  
	height: 			22px;
	background-image: 	url("../scripts/openlayers/lne/zoom_on.png");
}

.olControlScaleLine {
	position :			absolute;
	bottom:				70px;
	right:				0px;
	padding:			3px;
	background-color:	black;
	color:				white;
	opacity:			0.75;
	filter: 			alpha(opacity=75);
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}

.olControlScaleLineTop {
	background-color:	black;
	margin-bottom:		2px;
	color:				white;
	font-size:			9px;
	text-align:			center;
	border: 			solid 2px white;
	border-top: 		none;
    text-align: 		center;
}

.olControlScaleLineBottom {
	display:			none;
}

/* Modifié par Louis-Emmanuel Leray 19/09/2025  */


.olControlAttribution{
	position :			absolute;
	text-align:			right;
	bottom:				0px;
	right:				10px;
	width:				100%;
	padding:			3px;
	background-color:	black;
	color:				white;
	opacity:			0.75;
	/* filter: 			alpha(opacity=75); */
}
/* 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;}