/*12*/
body{background-color:#BBBBBB;width:100%;margin:0;padding:0;}
#LatLng{position:absolute;z-index:50;left:1vw;top:1vh;}
#PAGE{background-color:#BBBBBB;width:100%;clear:both;}
.opacity1{opacity:0.3;}
#DIVmap{display:block;max-width:90vw;max-height:90vh;text-align:center;}
#DMenu{
	width:100vw;
	clear:both;
	position:relative;
}
#DMenu img{float:left;}
.DMenuBouton{position:relative;float:left;}
#DMenuInfo{padding-left:5vw;position:relative;float:left;}
#DMenuInfo img{width:1em;float:left;vertical-align:middle;}

@media screen and (min-width:640px) {
		.ImagePortrait{float:left;width:36%;margin:auto;text-align:center;}
		/*.ImagePortrait{float:left;height:100vh;margin:auto;}*/
		.ImagePortrait #IImagePrincipale{height:60vh;display:inline-block;}
		.ImagePortrait a{margin:auto;}

		.DIVmapPortrait{margin:auto;position:relative;width:100%;height:80vh;text-align:center;}
		/*.DIVmapPortrait{float:left;margin:auto;position:relative;}*/
		/* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
		#map{height:100%;width:100%;/*left:120px;*/cursor:url("IMAGES/cercle32.png"),auto;z-index:10;}
		/*#map{height:400px;width:700px;left:120px;cursor:url("IMAGES/cercle32.png"),auto;}*/

		.LesPetitesImagesPortrait{clear:both;margin:auto;position:relative;width:95vw;margin-top:1vh;overflow:scroll;}
		/*.LesPetitesImagesPortrait{float:left;margin:auto;position:relative;height:45vh;width:54vw;margin-top:1vh;overflow:scroll;}*/
		/*.LesPetitesImagesPortrait{float:left;margin:auto;position:relative;height:35vh;width:700px;left:120px;margin-top:1vh;overflow:scroll;}*/




		.ImagePaysage{float:left;height:45vh;margin:auto;}
		/*.ImagePaysage{float:left;height:55vh;margin:auto;}*/
		.ImagePaysage #IImagePrincipale{height:95%;display:inline-block;}

		.DIVmapPaysage{margin:auto;position:relative;width:100%;height:80vh;text-align:center;}
		/*.DIVmapPaysage{float:left;margin:auto;position:relative;}*/


		.LesPetitesImagesPaysage{clear:both;margin:auto;position:relative;width:97vw;margin-top:1vh;overflow:scroll; } /* ??? 97w -> 97vw */
		/*.LesPetitesImagesPaysage{clear:both;margin:auto;position:relative;height:45vh;width:97w;margin-top:1vh;overflow:scroll; }*/
  }


@media screen and (max-width:639px) {
		.ImagePortrait{clear:both;margin:auto;height:67vh;}
		/*.ImagePortrait{float:left;height:100vh;margin:auto;}*/
		.ImagePortrait #IImagePrincipale{text-align:center;height:95%;display:block;margin:auto;padding:auto;}

		.DIVmapPortrait{clear:both;margin:auto;position:relative;width:100vw;height:45vh;}
		/*.DIVmapPortrait{float:left;margin:auto;position:relative;}*/
		/* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
		#map{height:100%;width:100%;/*left:120px;*/cursor:url("IMAGES/cercle32.png"),auto;z-index:10;}
		/*#map{height:400px;width:700px;left:120px;cursor:url("IMAGES/cercle32.png"),auto;}*/

		.LesPetitesImagesPortrait{clear:both;margin:auto;position:relative;width:95vw;margin-top:1vh;overflow:scroll;}
		/*.LesPetitesImagesPortrait{float:left;margin:auto;position:relative;height:45vh;width:54vw;margin-top:1vh;overflow:scroll;}*/
		/*.LesPetitesImagesPortrait{float:left;margin:auto;position:relative;height:35vh;width:700px;left:120px;margin-top:1vh;overflow:scroll;}*/




		.ImagePaysage{clear:both;width:95vw;margin:auto;max-height:40%;}
		/*.ImagePaysage{float:left;height:55vh;margin:auto;}*/
		.ImagePaysage #IImagePrincipale{width:100%;display:inline-block;}

		.DIVmapPaysage{clear:both;margin:auto;position:relative;height:45vh;width:100vw;}
		/*.DIVmapPaysage{float:left;margin:auto;position:relative;}*/


		.LesPetitesImagesPaysage{clear:both;margin:auto;position:relative;width:97vw;margin-top:1vh;overflow:scroll; }
		/*.LesPetitesImagesPaysage{clear:both;margin:auto;position:relative;height:45vh;width:97w;margin-top:1vh;overflow:scroll; }*/


		.leaflet-control-attribution,.leaflet-control-attribution a {font-size:0.1em;}
  }

#BlocCentral{
	position:relative;width:100%;height:600px;}
#DLesPetitesImages{
	position:relative;width:100%;height:380px;
	float:none;
	overflow:scroll;
	/*white-space: nowrap;
	inset:auto 0 0 0;*/
	}


            /*102*/


	#ZZImage{float:left;width:40%;margin:2%;}
		#ZZImage img{width:100%;box-sizing:border-box;}

	#ZZDIVmap {float:right;width:40%;margin:2%;position:absolute;left:31%}
		#ZZDIVmap img {cursor:url("IMAGES/cercle32.png"),auto;width:100%;box-sizing:border-box;}
		#ZZDIVmap .RepereBleu{width:32px;position:absolute;display:none;}
		#ZZDIVmap #repere {width:32px;position:absolute;left:0px;}
		#ZZDIVmap #temperature{width:100px;position:absolute;left:0px;}
/*101*/



	/*.LesImages{overflow:scroll hidden;inset:auto 0px 0px;}*/
		.UneImage{float:left;margin:0.1%;border-color:black;border-width:2px;}/*width:100px;height:100px;*/
		.UneImage a:hover img{border-style: solid;border-width:5px; border-color: red green blue yellow;border-radius:13px;}
		.UneImage a       img{border-style: solid;border-width:5px; border-color:#00000000;border-radius:13px;}
		.UneImage a img{height:161px;white-space: nowrap;}


			.ZpaddingGD{padding-left:16.6%;padding-right:16.6%;}
			.ZpaddingHB{padding-top:16.6%;padding-bottom:16.6%;}


					.Zheight100px{height:100px;}
					.Zheight100px a img{height:100%;}

					.Zwidth100px{width:100px;}
					.Zwidth100px a img{width:100%;}


/* recherche */
.ZZentete{margin:auto;text-align:centerwidth:100%;height:250px;}


.ZZImagePrecedente{float:left;font-size:30px;width:10%;text-align:center;}


.ZZquestions{float:clear;width:30%;}
#ZZNouvelleProposition{display:none;}
.ZZdivinput{float:clear;}


.ZZImageSuivante{float:left;font-size:30px;width:10%;text-align:center;}

/*document.getElementById("demo").style.cursor = "pointer";
 *https://www.w3schools.com/csSref/tryit.asp?filename=trycss_cursor
 * */