@media only screen and (min-width: 300px) and (max-width: 500px) and (min-height: 550px){
	/* Gestion icon */
		.icon-trickys{
			position: absolute;
			z-index: 2;
			top: 1%;
			left: 2%;
			width: 80px;
		}
		.icon-trickys > img {
			width: 100%;
		}
	/* Fin Gestion icon*/
	/* Gestion icon localisation */
		.icon-localisation-impossible{
			position: absolute;
			z-index: 2;
			top: calc(1% + 10px);
			left: calc(2% + 80px);
			width: 30px;
			height: 30px;
		}
		.icon-localisation-impossible > img {
			width: 100%;
		}
	/* Fin Gestion icon localisation*/
	/* Gestion du bouton des menus */
		.btns-menu{
			top: 2%;
			right: 73px;
			width: auto;
			height: auto;
		}
		.btn-menu-lvl0 {
			background-size: 60%;
			margin: 0px;
			width: 60px;
			height: 60px;
		}
		.btn-menu-lvl0:checked ~ #btn-menu1{
			top: 0px !important;
			right: 5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu2{
			top: 56px !important;
			right: -9px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu3{
			top: 70px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu4{
			top: 117px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu5{
			top: 163px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu6{
			top: 210px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu7{
			top: 263px !important;
			right: -65px !important;
		}
		.btn-menu-lvl1{
			top: 15px;
			right: -55px;
			width: 40px;
			height: 40px;
			background-size: 60%;
		}
		.tooltip{
			width: 120px;
			right: 105%;
		}
		#btn-menu1 .tooltip{
			top: 5px;
		}
		#btn-menu2 .tooltip{
			top: 5px;
		}
		#btn-menu3 .tooltip{
			top: 30px;
		}
		#btn-menu4 .tooltip{
			top: 5px;
		}
		#btn-menu5 .tooltip{
			top: 5px;
		}
		#btn-menu6 .tooltip{
			top: 5px;
		}
	/* Fin Gestion du bouton des menus */
	/* Gestion input et menu recherche ville */
		.citys{
			bottom: 45px;
			left: 2%;
			width: calc(100% - (44px + 4%));
		}
		.input-filtre {
			bottom: 5px
		}
		.input-city{
			width: calc(100%);
			height: 28px;
			font-size: 1em;
		}
		.input-city:focus + .list-city{
			max-height: 335px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 60px;
			font-size: 1em;
		}
	/* Fin Gestion input et menu recherche ville */
	/* Gestion Filtre */
		#cocheFiltre:checked + .list-filtre{
			max-height: 400px;
		}
		.list-filtre{
			height: 400px;
		}
		.list-filtre h1{
			bottom: 351px;
		}
		.list-filtre span {
			font-size: 1.3em;
		}
		.inputformulaireEvent{
			width: calc(100% - 25px);
			height: 32px;
			min-width: 220px;
			margin: 5px 10px 5px 10px;
		}
		.spanNom{
			bottom: 325px;
		}
		.inputNom{
			bottom: 280px;
		}
		.nbCaracteres{
			font-size: 0.6em !important;
			right: -38px;
			top: 8px;
		}
		.spanDescription{
			bottom: 255px;
		}
		.inputDescription{
			bottom: 210px;
		}
		.spanCategorie{
			bottom: 185px;
		}
		.inputCategorie{
			bottom: 140px;
		}
		.input-categorie:focus + .list{
			max-height: 200px;
		}
		.list-categorie:hover{
			max-height: 200px;
		}
		.spanCritere{
			bottom: 115px;
			width: calc(100% - 10px);
		}
		.inputCritere{
			bottom: 70px;
		}
		.input-critere:focus + .list{
			max-height: 250px;
		}
		.list-critere:hover{
			max-height: 250px;
		}
		.spanDate{
			bottom: 45px;
		}
		.radiosPeriode{
			margin-left: 50px;
			bottom: 48px;
		}
		.inputsDateSubmit {
			bottom: 0px;
		}
		.btnSubmit{
			margin: 5px 10px 5px 0px;
			height: 32px;
			line-height: 30px;
			min-width: 95px;
		}
		.btnSubmit span {
			position: relative !important;
			text-align: center !important;
			margin-left: 0px !important;
		}
		.list{
			height: calc(100% - 58px);
			max-height: 0px;
			margin-top: 0%;
		}
		.elementOfList{
			height: 50px;
			font-size: 1em;
			padding: 0px 5px;
		}
		.nbCateEtCri{
			max-width: calc(100% - 80px);
			min-width: 160px;
			height: 24.8px;
		}
		.catEtCriSelected{
			margin-top: 2px;
			padding: 3px;
			font-size: 0.9em !important;
		}
	/* Fin Gestion Filtre */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 13px;
			left: 2%;
			width: calc(100% - (44px + 4%));
			height: 25px;
		}
		input[type="radio"].btn-type + label {
			line-height: 240% !important;
		}
		#list:target ~ .btns-type{
			width: 96% !important;
		}
		#list:target ~ .citys{
			width: 96% !important;
		}
	/* Fin Gestion de la selection carte ou list */
	/* Gestion module zoom leaflet */
		.leaflet-bottom{
			bottom: 0px !important;
		}
		.custom .leaflet-popup-close-button{
			top: 30px !important;
			right: 10px !important;
			width: 15px !important;
			height: 15px !important;
		}
	/* Fin Gestion module zoom leaflet */
}
@media only screen and (min-width: 300px) and (max-width: 500px) and (min-height: 300px){
	/* Gestion de la section list */
		.list-event{
			width: calc(100% - 10%);
			height: calc(100% - 6%);
			margin-left: auto;
			margin-right: auto;
			padding: 20% 5% 5% 5%;
		}
		.event-in-list{
			width: 100%;
			height: 210px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			color: grey;
			cursor: pointer;
		}
		.img-envent-in-list{
			height: 40%;
			border-radius: 10px 10px 0px 0px;
			margin: 5px auto 0px auto;
		}
		.txt-event-in-list{
			position: relative;
			display: block;
			width: calc(100% - 10px);
			height: calc(100% - 40% - 15% - 10px);
			padding: 5px;
		}
		.titre-event-in-list{
			font-size: 1em;
			text-align: center;
			margin: 0px;
		}
		.desc-event-in-list{
			font-size: 0.95em;
			margin: 5px 0px 0px 0px;
		}
		.infos-event-in-list{
			position: relative;
			display: flex;
			flex-wrap: wrap; /* Permet de passer à la ligne si nécessaire */
			background-color: rgba(52, 58, 64, 0.6);
			width: calc(100% - 10px);
			height: calc(20% - 10px);
			font-size: 0.77em;
			border-radius: 0px 0px 10px 10px;
			padding: 0px 5px;
		}
		.info-event-in-list{
			margin-left: 10px;
		}
		.date-event-in-list{
			margin: 0;
			flex-basis: 33.33%;
			text-align: left;
		}
		.heure-event-in-list{
			margin: 0;
			flex-basis: 33.33%;
			text-align: center;
		}
		.etat-event-in-list{
			margin: 0px;
			text-align: center;
			flex-basis: 100%;
		}
		.nb-inscrit-event-in-list{
			margin: 0;
			flex-basis: 33.33%;
			text-align: right;
		}
		.end-event-in-list{
			margin-bottom: 90px;
			padding: 25px 0px;
			height: calc(150px - 50px) !important;
		}
		.txt-end-event-in-list{
			position: relative;
			display: block;
			background-color: rgba(52, 58, 64, 0.6);
			width: calc(80% - 10px);
			height: calc(100% - 15px);
			margin-left: 10%;
			border-radius: 10px;
			text-align: center;
			padding: 10px 5px 5px 5px;
		}
		.titre-end-event-in-list{
			margin: 0px;
			font-size: 1.6em;
		}
		.icon-end-event-in-list{
			width: 50px;
		}
	/* Fin Gestion de la section list */
}
@media only screen and (min-width: 300px) and (max-width: 400px){
	/* Gestion pop maps */
		.popup{
			position: relative;
			font-family: 'Nunito', sans-serif;
			color: black;
			margin: auto;
			background-color: rgba(128, 128, 128, 0);
			width: 300px;
			height: 250px;
		}
		.img-profil{
			position: absolute;
			z-index: 2;
			background-color: white;
			border: solid 10px white;
			border-radius: 50%;
			width: 70px;
			height: 70px;
			top: 0px;
			left: 0px;
		}
		.content-popup{
			position: absolute;
			z-index: 1;
			background-color: white;
			right: 0px;
			bottom: 0px;
			width: 290px;
			height: 230px;
			border-radius: 20px;
		}
		.titre{
			position: relative;
			display: flex;
			align-items: center;
			z-index: 2;
			float: right;
			font-size: 0.8em;
			width: calc(100% - 110px);
			margin-right: 30px;
			text-align: center;
			height: 60px;
		}
		.titre  h1{
			display: block;
			display: -webkit-box;
			text-overflow: ellipsis;
			overflow: hidden;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			max-height: 3em;
			white-space: normal;
		}
		.infos {
			position: relative;
			z-index: 2;
			display: block;
			float: left;
			width: 100px;
			font-size: 1em;
			margin-top: 10px !important;
			margin-left : 5px !important;
			color: white;
		}
		.info {
			margin-left: 5px;
		}
		.date, .heure, .nb-inscrit{
			margin: 5px;
		}
		.description{
			position: relative;
			z-index: 2;
			display: block;
			float: right;
			margin-top: 13px !important;
			margin-bottom: 0px !important;
			font-size: 1.2em;
			width: calc(100% - 106px);
			height: 117px;
			text-align: center;
			border-left: solid 1px grey;
			color: white;
		}
		.img-event{
			position: absolute;
			z-index: 1;
			width: 290px;
			height: 130px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			filter: contrast(20%);
			top: 55%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
		.footer{
			position: relative;
			z-index: 2;
			display: block;
			float: left;
			width: 100%;
			height: 40px;
		}
		.icon_footer{
			position: relative;
			display: block;
			width: 36px;
			height: 100%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100%;
			cursor: pointer;
			border-radius: 10px;
		}
		.contact{
			z-index: 3;
			float: left;
			margin: 3px 0px 3px 8px;
			background-image: url('../img/discuter.png');
			background-color: rgb(253, 241, 159);
			filter: invert(1);
			background-size: 30px;
			height: calc(100% - 6px);
			width: 60px;
		}
		.participer{
			z-index: 2;
			float: left;
			margin: 3px 0px 3px 8px;
			background-image: url('../img/participer.png');
			background-color: rgb(255, 200, 224);
			filter: invert(1);
			background-size: 30px;
			height: calc(100% - 6px);
			width: 60px;
		}
		.inscris{
			z-index: 2;
			float: left;
			margin: 3px 0px 3px 8px;
			background-image: url('../img/verifier.png');
			background-color: rgb(255, 200, 224);
			filter: invert(1);
			background-size: 30px;
			height: calc(100% - 6px);
			width: 60px;
		}
		.open{
			position: relative;
			z-index: 2;
			display: block;
			float: right;
			margin-right: 8px;
			width: 36px;
			height: 100%;
			background-image: url('../img/open.png');
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100%;
			cursor: pointer;
		}
		.tooltip {
			position: absolute;
			z-index: 2;
			visibility: hidden;
			text-align: center;
			padding: 3px 0;
		}
		.contact .tooltip {
			top: -15px;
			width: 70px;
			right: -100%;
			background-color: black;
			color: grey;
			border: solid 1px grey;
		}
		.inscris .tooltip {
			top: -15px;
			width: 70px;
			right: -100%;
			background-color: black;
			color: grey;
			border: solid 1px grey;
		}
		.participer .tooltip {
			top: -15px;
			width: 70px;
			right: -100%;
			background-color: black;
			color: grey;
			border: solid 1px grey;
		}
		.open .tooltip {
			top: -15px;
			width: 70px;
			right: 95%;
			background-color: white;
			color: grey;
			border: solid 1px grey;
		}
		.contact:hover .tooltip, .participer:hover .tooltip, .inscris:hover .tooltip, .open:hover .tooltip {
			visibility: visible;
		}
		.tooltip:hover {
			visibility: hidden !important;
		}
	/* Fin Gestion popup maps */
}

@media only screen and (min-width: 300px) and (max-width: 500px) and (min-height: 400px) and (max-height: 550px){
	/* Gestion icon */
		.icon-trickys{
			position: absolute;
			z-index: 2;
			top: 1%;
			left: 2%;
			width: 80px;
		}
		.icon-trickys > img {
			width: 100%;
		}
	/* Fin Gestion icon*/
	/* Gestion icon localisation */
		.icon-localisation-impossible{
			position: absolute;
			z-index: 2;
			top: calc(1% + 10px);
			left: calc(2% + 80px);
			width: 30px;
			height: 30px;
		}
		.icon-localisation-impossible > img {
			width: 100%;
		}
	/* Fin Gestion icon localisation*/
	/* Gestion du bouton des menus */
		.btns-menu{
			top: 2%;
			right: 70px;
			width: auto;
			height: auto;
		}
		.btn-menu-lvl0 {
			background-size: 60%;
			margin: 0px;
			width: 60px;
			height: 60px;
		}
		.btn-menu-lvl0:checked ~ #btn-menu1{
			top: 0px !important;
			right: 5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu2{
			top: 56px !important;
			right: -9px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu3{
			top: 70px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu4{
			top: 117px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu5{
			top: 163px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu6{
			top: 210px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu7{
			top: 263px !important;
			right: -65px !important;
		}
		.btn-menu-lvl1{
			top: 15px;
			right: -55px;
			width: 40px;
			height: 40px;
			background-size: 60%;
		}
		.tooltip{
			width: 120px;
			right: 105%;
		}
		#btn-menu1 .tooltip{
			top: 5px;
		}
		#btn-menu2 .tooltip{
			top: 5px;
		}
		#btn-menu3 .tooltip{
			top: 30px;
		}
		#btn-menu4 .tooltip{
			top: 5px;
		}
		#btn-menu5 .tooltip{
			top: 5px;
		}
		#btn-menu6 .tooltip{
			top: 5px;
		}
	/* Fin Gestion du bouton des menus */
	/* Gestion input et menu recherche ville */
		.citys{
			bottom: 45px;
			left: 2%;
			width: calc(100% - (44px + 4%));
		}
		.input-filtre {
			bottom: 5px
		}
		.input-city{
			width: calc(100%);
			height: 28px;
			font-size: 1em;
		}
		.input-city:focus + .list-city{
			max-height: 260px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 50px;
			font-size: 0.9em;
		}
	/* Fin Gestion input et menu recherche ville */
	/* Gestion Filtre */
		#cocheFiltre:checked + .list-filtre{
			max-height: 280px;
		}
		.list-filtre{
			height: 280px;
		}
		.list-filtre h1{
			bottom: 250px;
			font-size: 1.3em;
		}
		.list-filtre span {
			font-size: 1em;
		}
		.inputformulaireEvent{
			width: calc(100% - 25px);
			height: 25px;
			min-width: 220px;
			margin: 1px 10px 1px 10px;
		}
		.spanNom{
			bottom: 235px;
		}
		.inputNom{
			bottom: 205px;
		}
		.nbCaracteres{
			font-size: 0.6em !important;
			right: -28px;
			top: 5px;
		}
		.spanDescription{
			bottom: 185px;
		}
		.inputDescription{
			bottom: 155px;
		}
		.spanCategorie{
			bottom: 135px;
		}
		.inputCategorie{
			bottom: 105px;
		}
		.input-categorie:focus + .list{
			max-height: 140px;
		}
		.list-categorie:hover{
			max-height: 140px;
		}
		.spanCritere{
			bottom: 85px;
			width: calc(100% - 10px);
		}
		.inputCritere{
			bottom: 55px;
		}
		.input-critere:focus + .list{
			max-height: 175px;
		}
		.list-critere:hover{
			max-height: 175px;
		}
		.spanDate{
			bottom: 35px;
		}
		.radiosPeriode{
			margin-left: 45px;
			bottom: 35px;
		}
		.inputsDateSubmit {
			bottom: 5px;
		}
		.inputDateTime{
			padding: 1px 10px !important;
		}
		.btnSubmit{
			margin: 1px 10px 1px 0px;
			height: 25px;
			line-height: 26px;
		}
		.btnSubmit span {
			position: relative !important;
			text-align: center !important;
		}
		.list{
			height: calc(100% - 58px);
			max-height: 0px;
			margin-top: 0%;
		}
		.elementOfList{
			height: 35px;
			font-size: 1em;
			padding: 0px 5px;
		}
		.nbCateEtCri{
			max-width: calc(100% - 80px);
			min-width: 160px;
			height: 18.4px;
		}
		.catEtCriSelected{
			padding: 2px 5px;
			margin-bottom: 0.8px;
		}
	/* Fin Gestion Filtre */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 13px;
			left: 2%;
			width: calc(100% - (44px + 4%));
			height: 25px;
		}
		input[type="radio"].btn-type + label {
			line-height: 240% !important;
		}
		#list:target ~ .btns-type{
			width: 96% !important;
		}
		#list:target ~ .citys{
			width: 96% !important;
		}
	/* Fin Gestion de la selection carte ou list */
	/* Gestion module zoom leaflet */
		.leaflet-bottom{
			bottom: 0px !important;
		}
		.custom .leaflet-popup-close-button{
			top: 30px !important;
			right: 10px !important;
			width: 15px !important;
			height: 15px !important;
		}
	/* Fin Gestion module zoom leaflet */
}
@media only screen and (min-width: 300px) and (max-width: 500px) and (min-height: 300px) and (max-height: 400px){
	/* Gestion icon */
		.icon-trickys{
			position: absolute;
			z-index: 2;
			top: 1%;
			left: 2%;
			width: 65px;
		}
		.icon-trickys > img {
			width: 100%;
		}
	/* Fin Gestion icon*/
	/* Gestion icon localisation */
		.icon-localisation-impossible{
			position: absolute;
			z-index: 2;
			top: calc(1% + 10px);
			left: calc(2% + 65px);
			width: 25px;
			height: 25px;
		}
		.icon-localisation-impossible > img {
			width: 100%;
		}
	/* Fin Gestion icon localisation*/
	/* Gestion du bouton des menus */
		.btns-menu{
			top: 2%;
			right: 81px;
			width: auto;
			height: auto;
		}
		.btn-menu-lvl0 {
			background-size: 60%;
			margin: 0px;
			width: 60px;
			height: 60px;
		}
		.btn-menu-lvl0:checked ~ #btn-menu1{
			top: -2px !important;
			right: 2px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu2{
			top: 38px !important;
			right: 0px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu3{
			top: 62px !important;
			right: -32px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu4{
			top: 60px !important;
			right: -70px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu5{
			top: 98px !important;
			right: -70px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu6{
			top: 136px !important;
			right: -70px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu7{
			top: 174px !important;
			right: -70px !important;
		}
		.btn-menu-lvl1{
			top: 15px;
			right: -55px;
			width: 33px;
			height: 33px;
			background-size: 60%;
		}
		.tooltip{
			width: 120px;
			right: 105%;
		}
		#btn-menu1 .tooltip{
			top: 5px;
		}
		#btn-menu2 .tooltip{
			top: 5px;
		}
		#btn-menu3 .tooltip{
			top: 30px;
		}
		#btn-menu4 .tooltip{
			top: 5px;
		}
		#btn-menu5 .tooltip{
			top: 5px;
		}
		#btn-menu6 .tooltip{
			top: 5px;
		}
	/* Fin Gestion du bouton des menus */
	/* Gestion input et menu recherche ville */
		.citys{
			bottom: 45px;
			left: 2%;
			width: calc(100% - (44px + 4%));
		}
		.input-filtre {
			bottom: 5px
		}
		.input-city{
			width: calc(100%);
			height: 28px;
			font-size: 1em;
		}
		.input-city:focus + .list-city{
			max-height: 160px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 30px;
			font-size: 0.7em;
		}
	/* Fin Gestion input et menu recherche ville */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 13px;
			left: 2%;
			width: calc(100% - (44px + 4%));
			height: 25px;
		}
		input[type="radio"].btn-type + label {
			line-height: 240% !important;
		}
		#list:target ~ .btns-type{
			width: 96% !important;
		}
		#list:target ~ .citys{
			width: 96% !important;
		}
	/* Fin Gestion de la selection carte ou list */
	/* Gestion Filtre */
		#cocheFiltre:checked + .list-filtre{
			max-height: 225px;
		}
		.list-filtre{
			height: 225px;
		}
		.list-filtre h1{
			bottom: 200px;
			font-size: 1em;
		}
		.list-filtre span {
			font-size: 0.8em;
		}
		.nbCaracteres{
			font-size: 0.6em !important;
		}
		.inputformulaireEvent{
			width: calc(100% - 25px);
			height: 20px;
			min-width: 220px;
			margin: 0px 10px 0px 10px;
		}
		.spanNom{
			bottom: 187px;
		}
		.inputNom{
			bottom: 165px;
		}
		.nbCaracteres{
			right: -25px;
			top: 4px;
		}
		.spanDescription{
			bottom: 147px;
		}
		.inputDescription{
			bottom: 125px;
		}
		.spanCategorie{
			bottom: 107px;
		}
		.inputCategorie{
			bottom: 85px;
		}
		.input-categorie:focus + .list{
			max-height: 110px;
		}
		.list-categorie:hover{
			max-height: 110px;
		}
		.spanCritere{
			bottom: 67px;
			width: calc(100% - 10px);
		}
		.inputCritere{
			bottom: 45px;
		}
		.input-critere:focus + .list{
			max-height: 150px;
		}
		.list-critere:hover{
			max-height: 150px;
		}
		.spanDate{
			bottom: 27px;
		}
		.radiosPeriode{
			margin-left: 40px;
			bottom: 28px;
			font-size: 0.7em;
		}
		.inputsDateSubmit{
			bottom: 5px;
		}
		.inputDateTime{
			padding: 1px 10px !important;
		}
		.btnSubmit{
			margin: 0px 10px 0px 0px;
			height: 20px;
			line-height: 20px;
		}
		.btnSubmit span {
			position: relative !important;
			text-align: center !important;
		}
		.list{
			height: calc(100% - 58px);
			max-height: 0px;
			margin-top: 0%;
		}
		.elementOfList{
			height: 35px;
			font-size: 0.9em;
			padding: 0px 5px;
		}
		.nbCateEtCri{
			max-width: calc(100% - 80px);
			min-width: 160px;
			height: 14.4px;
		}
		.catEtCriSelected{
			padding: 2px 5px;
			margin-bottom: 0.8px;
		}
	/* Fin Gestion Filtre */
	/* Gestion module zoom leaflet */
		.leaflet-bottom{
			bottom: 0px !important;
		}
		.custom .leaflet-popup-close-button{
			top: 30px !important;
			right: 10px !important;
			width: 15px !important;
			height: 15px !important;
		}
	/* Fin Gestion module zoom leaflet */
}