/*
a span
	{ 
		position:absolute;
        margin-top:-42px;
        margin-left:23px;
        color:black; 
        background:#FFFFFF;
        padding:3px;
        border-radius:8px; 
		width:140px;
		opacity:0;
		font-style:normal;
		font-family:Arial;
		font-size:9pt;
		z-index:110;
		transform:scale(0);
    }
         
a:hover span, a:focus span
	{ 
	    position:relative;
        margin-top:-42px;
        margin-left:23px;
        color:black; 
        background:#FFFFFF;
        padding:3px;
        border-radius:8px; 
		width:140px;
		opacity:0;
		font-style:normal;
		font-family:Arial;
		font-size:9pt;
		z-index:110;
		transform:scale(1);
        opacity:0.8;
    }
*/

#maille #ppup 
{
	display: none;
}
#maille:hover #ppup 
{
    margin-top:-42px;
    margin-left:23px;
	color:black;	
    background:#cccccc;
    padding:1px;
	padding-left:3px;
	padding-right:3px;
    border-radius:8px;
	border-style:solid;
	border-width:1px;	
	border-color:black;
	width:125px;
	font-size:9pt;
	z-index:110;
	opacity:0.85;
	display: block;
}

#point #ppup 
{
	display: none;
}
#point:hover #ppup 
{
    margin-top:-42px;
    margin-left:23px;
	color:#580302;	
    background:#c3a78c;
    padding:1px;
	padding-left:3px;
	padding-right:3px;
    border-radius:8px;
	border-style:solid;
	border-width:1px;	
	border-color:black;
	width:125px;
	font-size:9pt;
	z-index:110;
	opacity:0.85;
	display: block;
}

#jb_cadre_mailles { 
	position:absolute;
	z-index:98;
	top:949px;
	left:819px;
	width:297px;
	height:121px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
	border-color:black;
}

#jb_cadre_mailles_clim { 
	position:absolute;
	z-index:98;
	top:826px;
	left:819px;
	width:297px;
	height:121px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
	border-color:black;
}
#jb_cadre_mailles_geol { 
	position:absolute;
	z-index:98;
	top:866px;
	left:819px;
	width:297px;
	height:121px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
	border-color:black;
}
#jb_cadre_climat { 
	position:absolute;
	z-index:98;
	top:951px;
	left:819px;
	width:297px;
	height:118px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
	border-color:black;
}

#jb_cadre_geologie { 
	position:absolute;
	z-index:98;
	top:991px;
	left:713px;
	width:403px;
	height:78px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
	border-color:black;
}
#jb_cadre_stats { 
	position:absolute;
	z-index:108;
	top:13px;
	left:217px;
	width:875px;
	height:98px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
}
#jb_cadre_notice { 
	position:absolute;
	z-index:108;
	top:12px;
	left:67px;
	width:1020px;
	height:400px;
	background-color:#F0F0F0;
	opacity:1;
	border-style:solid;
	border-width:1px;
	border-radius:3px;
	box-shadow:3px 3px 3px #333333;
}
#jb_titre_notice { 
	position:absolute;
	z-index:108;
	left:83px;
	top:13px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
}
#jb_texte_notice { 
	position:absolute;
	z-index:108;
	left:83px;
	top:35px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	width:988px;
}

.jb_legende_mailles { 
	position:absolute;
	z-index:101;
	left:831px;
	width:278px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	color:black;
	font-style:normal;
}
.jb_legende_mailles_clim { 
	position:absolute;
	z-index:101;
	left:830px;
	width:269px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	color:black;
	font-style:normal;
}
.jb_legende_mailles_geol { 
	position:absolute;
	z-index:101;
	left:832px;
	width:278px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	color:black;
	font-style:normal;
}
.jb_legende_climat { 
	position:absolute;
	z-index:101;
	left:863px;
	width:220px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	color:black;
	font-style:normal;
}
.jb_legende_geologie { 
	position:absolute;
	z-index:101;
	left:717px;
	width:390px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:9pt;
	color:black;
	font-style:normal;
}
.jb_onglet { 
	position:absolute;
	z-index:102;
	left:221px;
	border-style:solid;
	border-radius:3px;
	width:40px;
	height:17px;
	border-width:1px;
	opacity:0.8;
}

.jb_type { 
	position:absolute;
	z-index:102;
	left:1071px;
	border-style:solid;
	border-radius:3px;
	width:40px;
	height:17px;
	border-width:1px;
}

.jb_stats { 
	position:absolute;
	z-index:109;
	left:216px;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	font-size:9pt;
	width:60px;
}
.jb_titre_stats { 
	position:absolute;
	z-index:109;
	left:218px;
	padding-left:8px;
	padding-right:8px;
	text-align:left;
	font-size:10pt;
	font-weight:bold;
}

#BilanON {display: none;}
#BilanOFF {display: block;}
#NoticeON {display: none;}
#NoticeOFF {display: block;} 
#ClimatON {display: none;}
#ClimatOFF {display: block;}
#GeolON {display: none;}
#GeolOFF {display: block;}

#CGRON {display: block;}
#CGROFF {display: none;}
#CGLON {display: none;}
#CGLOFF {display: block;} 
#CCLON {display: none;}
#CCLOFF {display: block;}

#Bouton1 { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:918px;
	font-size:1em;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#530802;
	opacity:1;
	color:white;
	border-style:solid;
	border-width:1px;
	width:120px;
	box-shadow:3px 3px 3px #333333;
}
#jb_legendes { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:642px;
	font-size:1em;
	text-align:center;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#530802;
	opacity:1;
	color:white;
	border-style:solid;
	border-width:1px;
	width:180px;
	box-shadow:3px 3px 3px #333333;
}

#Bouton2 { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:1054px;
	font-size:1em;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#530802;
	opacity:1;
	color:white;
	border-style:solid;
	border-width:1px;
	width:134px;
	box-shadow:3px 3px 3px #333333;
}

#Bouton3 { 
	position:absolute;
	z-index:115;
	top:-30px;
	left:950px;
	font-size:1em;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#530802;
	opacity:1;
	color:white;
	font-weight:bold;
	border-style:solid;
	border-width:1px;
	width:166px;
	box-shadow:3px 3px 3px #333333;
}

#Bouton4 { 
	position:absolute;
	z-index:115;
	top:-68px;
	left:1022px;
	font-size:1em;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#CCCCCC;
	opacity:1;
	color:black;
	border-style:solid;
	border-width:1px;
	width:160px;
	box-shadow:3px 3px 3px #333333;
}

#Bas { 
	position:absolute;
	z-index:110;
	left:8px;
	top:70px;
	font-size:1.8em;
	padding:3px;
	padding-left:5px;
	border-radius:5px;
	background-color:#580302;
	color:white;
	border-style:solid;
	border-width:1px;
	transform:rotate(90deg);
}

#Haut { 
	position:absolute;
	z-index:110;
	left:8px;
	top:1077px;
	font-size:1.8em;
	padding:3px;
	padding-left:5px;
	border-radius:5px;
	background-color:#580302;
	color:white;
	border-style:solid;
	border-width:1px;
	transform:rotate(-90deg);
}
#BoutonCGR { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:8px;
	font-size:1em;
	font-style:italic;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#580302;
	color:white;
	border-style:solid;
	border-width:1px;
	width:160px;
	box-shadow:3px 3px 3px #333333;
}
#BoutonCGL { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:188px;
	font-size:1em;
	font-style:italic;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#c3a78c;
	color:black;
	border-style:solid;
	border-width:1px;
	width:160px;
	box-shadow:3px 3px 3px #333333;
}
#BoutonCCL { 
	position:absolute;
	z-index:110;
	top:-30px;
	left:368px;
	font-size:1em;
	font-style:italic;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	border-radius:5px;
	background-color:#c3a78c;
	color:black;
	border-style:solid;
	border-width:1px;
	width:160px;
	box-shadow:3px 3px 3px #333333;
}

#Alerte { 
	position:absolute;
	z-index:110;
	top:50px;
	left:250px;
	font-size:1.1em;
	padding:20px;
	border-radius:8px;
	background-color:#006600;
	color:white;
	border-style:solid;
	border-width:1px;
	text-align:center;
	box-shadow:3px 3px 3px #333333;
}