.grossecase
{height:30px;width:30px;
vertical-align:middle;}
input[type="radio"] + label:before{
    content:"";
    display:inline-block;
    width:80px;
    height:80px;
    background:url(../images/4petales.png);
    border-radius:12px;
}
.bouton_agrandir a{
	margin-top:3px;
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/fleche_agrandir.png);
	cursor: pointer;
background-size:contain;
}
.bouton_agrandir2 a{
	margin-top:3px;
	position:relative;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/fleche_agrandir.png);
	cursor: pointer;
background-size:contain;
}
.bouton_rechercheG a{
	margin-top:2px;
	display:inline-block;
	position:relative;
	height:48px;
	width: 48px;
	background:url(../images/icone-recherche48.png) no-repeat;
	cursor: pointer;
	margin-top: 4px;
	margin-left:10px;
	background-position: 0,2;
    background-size:cover;
}

.bouton_rechercheG a:hover{

	background:url(../images/icone-recherche482.png);
	cursor: pointer;
	margin-right:0px;
	background-repeat:no-repeat;
}

.bouton_loupe a{
float:right;
	display:inline-block;
	height:90px;
	width: 90px;
	background:url(../images/icone-recherche80.png) no-repeat;
	cursor: pointer;
	margin-top: 4px;
	margin-right:5px;
    background-size:cover;
}

.bouton_loupe a:hover{

	background:url(../images/icone-recherche80-2.png);
	cursor: pointer;
	margin-right:5px;
	background-repeat:no-repeat;
}

.bouton_depart a{
	margin-top:5px;
		margin-right:3px;
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/B_depart.png);
	cursor: pointer;
background-size:contain;
}
.bouton_depart2 a{
	margin-top:3px;
		margin-right:10px;
	position:relative;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/B_depart.png);
	cursor: pointer;
background-size:contain;
}

.bouton_arrive a{
	margin-top:3px;
	margin-right:10px;
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/B_arrive.png);
	cursor: pointer;
background-size:contain;
}
.bouton_arrive2 a{
	margin-top:3px;
	margin-right:10px;
	position:relative;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/B_arrive.png);
	cursor: pointer;
background-size:contain;
}

.bouton_GPX a{
	margin-top:3px;
		margin-right:10px;
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/GPX.png);
	cursor: pointer;
background-size:contain;
}
.bouton_GPX2 a{
	margin-top:3px;
	margin-right:10px;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/GPX.png);
	cursor: pointer;
	background-size:contain;
}
.bouton_PDF a{
	margin-top:3px;
	margin-right:10px;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/boutonPDF.png);
	cursor: pointer;
	background-size:contain;
}
.bouton_KML a{
	margin-top:3px;
	margin-right:10px;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/KML.png);
	cursor: pointer;
	background-size:contain;
}
.bouton_KML2 a{
	margin-top:3px;
	margin-right:10px;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/KML.png);
	cursor: pointer;
	background-size:contain;
}


.zonebouton {
	position:fixed;
	text-align:left;
	left:160px;
	top:0px;
	height: 80px;
	width: 500px;

}
.bouton_fermer a{
	display:inline-block;
	margin-right:10px;
	height: 50px;
	width: 50px;
	background:url(../images/B_fermer.png);
	cursor: pointer;
background-size:contain;
}
.bouton_fermer2 a{
	display:inline-block;
	margin-right:10px;
	height: 80px;
	width: 80px;
	background:url(../images/B_fermer.png);
	cursor: pointer;
background-size:contain;
}


.bouton_info a{
	display:block;
	position:relative;
	display:inline-block;
	height: 50px;
	width: 50px;
	background:url(../images/info_p.png);
	cursor: pointer;
	margin-left:15px;
	margin-right:15px;
text-align:right;
	margin-left:20px;
}

.bouton_logo {
	position:relative;
	display:inline-block;
	margin:1px;
	float:left;
	height: 50px;
	width: 150px;
	background:url(../images/accueil.png);
	cursor: pointer;
	margin-right: 0px;
	background-repeat:no-repeat;
} 
.bouton_haut a{
	position:relative;
	display:inline-block;
	height: 80px;
	width: 80px;
	background:url(../images/flecheG1.png);
	cursor: pointer;
	margin-left: 10px;
	margin-top: 10px;
	background-size:cover;
}
.bouton_haut a:hover{
	display:inline-block;
	height:80px;
	width: 80px;
	background:url(../images/flecheG2.png);
	cursor: pointer;
} 

.bouton_bas a{
	float:right;
	margin-right:2px;
	height: 94px;
	width: 82px;
	background:url(../images/fleche_bas3.png);
	cursor: pointer;
		margin-top:3px;
}  
.bouton_bas a:hover{
	margin-right:2px;
	height: 94px;
	width: 82px;
	background:url(../images/fleche_bas4.png);
	cursor: pointer;
} 

.imagesgo {
	float:right;
	display:inline-block;
	position:relative;
	height:80px;
	width: 162px;
	background:url(../images/go2.png) no-repeat;
	cursor: pointer;
	margin-top: 8px;
	margin-right:5px;
	background-position: 0,0;
	background-size:cover;
	}
.imagesgo a:hover{
	float:right;
	display:inline-block;
	position:relative;
	height:80px;
	width: 162px;
	background:url(../images/go.png) no-repeat;
	cursor: pointer;
	margin-top: 8px;
	margin-right:5px;
	background-position: 0,0;
	background-size:cover;	
	}
.bouton_perso1 a{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 185px;
	background:url(../images/b_perso1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
    background-size:cover;
}  
.bouton_perso1 a:hover{
float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 185px;
	background:url(../images/b_perso2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
    background-size:cover;
} 

.bouton_perso2 a{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 185px;
	background:url(../images/b_perso2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;

} 

.bouton_randos1 a{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 146px;
	background:url(../images/b_randos1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_randos1 a:hover{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 146px;
	background:url(../images/b_randos2.png) no-repeat;
	cursor: pointer;
}  
.bouton_randos2 a{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 146px;
	background:url(../images/b_randos2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_cartes1 a{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 130px;
	background:url(../images/b_cartes1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
}  
.bouton_cartes1 a:hover{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 130px;
	background:url(../images/b_cartes2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_cartes2 a{
		float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 130px;
	background:url(../images/b_cartes2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
} 

.bouton_fleurs1 a {
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 130px;
	background:url(../images/b_fleurs1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_fleurs1 a:hover {
		float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 130px;
	background:url(../images/b_fleurs2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
}  
.bouton_fleurs2 a {
		float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 130px;
	background:url(../images/b_fleurs2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}
.bouton_outils2  a{
	float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 121px;
	background:url(../images/b_outils2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_outils1  a{
	float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 121px;
	background:url(../images/b_outils1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_outils1  a:hover{
		float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 121px;
	background:url(../images/b_outils2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
}
.bouton_contacts1  a{
	float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 173px;
	background:url(../images/b_contacts1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_contacts1  a:hover{
	float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 173px;
	background:url(../images/b_contacts2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
.bouton_contacts2  a{
		float:left;
	display:inline-block;
	position:relative;
	height: 45px;
	width: 173px;
	background:url(../images/b_contacts2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
} 

 .bouton_papillons1 a {
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 178px;
	background:url(../images/b_papillons1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
 .bouton_papillons1 a:hover{
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 178px;
	background:url(../images/b_papillons2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  

 .bouton_papillons2 a {
	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 178px;
	background:url(../images/b_papillons2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
	background-size:cover;
}  
 .bouton_photos1 a{
	 	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 138px;
	background:url(../images/b_photos1.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
}  
 .bouton_photos1 a:hover{
	 	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 138px;
	background:url(../images/b_photos2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
} 
 .bouton_photos2 a{
	 	float:left;
	display:inline-block;
	position:relative;
	height:45px;
	width: 138px;
	background:url(../images/b_photos2.png) no-repeat;
	cursor: pointer;
	margin-top: 3px;
	margin-left:10px;
	background-position: 0,0;
		background-size:cover;
} 

.famille {
	display:inline-block;
	float:right;
	text-align:center;
	height: 40px;
	width:400px;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps;
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	background-color:rgb(0,128,0,0.3);
	color:#FFF;
	cursor:pointer;
	border-color:#777;
	padding:10px;
	margin-top:40px;
	box-shadow:2px 2px 5px #333;border-radius:10px;
	}
.etiquette {
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size:28px;
	color:#F00;
	text-decoration:none;
	display:inline-block;
	height: auto;
	width: auto;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	padding:5px;
	margin:10px;
	background-position: 0,0;
	border-color:#777;
	box-shadow:2px 2px 5px #333;
	}

.etiquette4 {display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	line-height:32px;
		margin-left:10px;
		font-weight:bold;
	color:#000;
	text-decoration:none;
	height: auto;
	width: auto;
	max-width:400px;
	background-color:rgba(240,240,240,1);
	cursor:pointer;
	background-position: 0,0;
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;

	}
.etiquette4 a:link {color:#000;}	
.etiquette2 {display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:34px;
	color:#000;
	text-align:left;
	height: auto;
	width: auto;
	max-width:600px;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	background-position: 0,0;
	border-color:#777;
	padding:5px;
	box-shadow:2px 2px 5px #333;
	border-radius:10px;
	margin-left:10px;
	}
.etiquette2:hover {color:#F00;}
.etiquette2:link {color:#000;}	
.etiquette3 {display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px;
		margin-left:10px;
		font-weight:bold;
	color:#000;
	text-decoration:none;
	height: auto;
	width: auto;
	max-width:400px;
	background-color:rgba(240,240,240,0.5);
	cursor:pointer;
	border-color:#777;
	padding:5px;
	box-shadow:3px 3px 7px #333;

	}
	.etiquette5 {display:inline-block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:26px;
	text-align:center;
	margin-left:10px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	height: auto;
	width: 750px;
	background-color:rgba(240,240,240,0.5);
	background-position: 0,0;
	border-color:#777;
	padding:5px;
	margin-top:30px;
	margin-bottom:0px;
	border-radius:10px;
	}			
.wiki {	
	display:inline-block;
	float:right;
	height: 150px;
	width: 200px;
	background:url(../images/Wiki2.png) no-repeat;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	background-position: 5,4;
	box-shadow:2px 2px 5px #333;
	padding:5px;
	margin-right:5px;
	
}
.wiki:hover {	background-color: rgba(0,75,0,0.8);
	color:#FFF;
}
.telabotanica {	
	display:inline-block;
	float:right;
	height: 150px;
	width: 200px;
	background:url(../images/Telabotanica.png) no-repeat;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	background-position: 5,4;
	box-shadow:2px 2px 5px #333;
	padding:5px;
	margin-right:5px;
	}
.telabotanica:hover {background-color:rgba(0,75,0,0.8);	}
.florealpes {	
	display:inline-block;
	float:right;
	height: 150px;
	width: 200px;
	background:url(../images/FloreAlpes2.png) no-repeat;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	background-position: 5,4;
	box-shadow:2px 2px 5px #333;
	padding:5px;
	margin-right:5px;
	}
.florealpes:hover {	background-color:rgba(0,75,0,0.8);}

.lepinet {	
	display:inline-block;
	float:right;
	vertical-align:top;
	text-align:center;
	text-decoration:none;

	height: 144px;
	width: 241px;
	background:url(../images/Lepinet.png) no-repeat;
	background-color:rgba(250,250,250,1);
	cursor:pointer;
	background-position: 5,4;
margin:5px;
	box-shadow:2px 2px 5px #333;
	padding:5px;

}
.lepinet:hover {	background-color:rgba(0,75,0,0.8);	}
.INPN {
	float:left;
	display:inline-block;;
	height: 150px;
	width: 200px;
	background:url(../images/logo_inpn.png) no-repeat;	
	background-color:rgba(250,250,250,1);
	background-position: left 5px top 5px;
	cursor:pointer;
	box-shadow:2px 2px 5px #333;
	padding:4px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:30px;
	line-height:200px;
	font-weight:bold;
	margin-bottom:10px;
	}
.INPN:hover {
	background-color:rgba(0,75,0,0.8);
	color:#FFF;
		}
.INPN:link {

	color:rgba(0,75,0);
		}			
.wiki-text {
 color:#000;
 padding-left:60px;
font-family: Verdana, Geneva, sans-serif;
 line-height:57px;
 font-size:28px;
 font-weight:bold;}	
 
.pharmacie {text-align:left;
	text-decoration:none;
 padding-left:70px;	
	display:inline-block;
	min-height: 68px;
	width:auto;
	background:url(../images/pharmacie.png) no-repeat;	
	background-color:rgba(250,250,250,0.5);
	box-shadow:2px 2px 5px #333;
	background-position:5px;
	margin:10px;
	margin-bottom:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:3px;
	}		
 .pharma-text {
 color:#000;
font-family: Verdana, Geneva, sans-serif;
 line-height:32px;
 font-size:28px;
 font-family:Verdana, Geneva, sans-serif;}