@media only screen and (min-width: 1000px) and (max-width: 1400px) and (min-height: 550px){
	/* Gestion icon */
		.icon-trickys{
			position: absolute;
			z-index: 2;
			top: 1%;
			left: 2%;
			width: 100px;
		}
		.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% + 100px);
			width: 35px;
			height: 35px;
		}
		.icon-localisation-impossible > img {
			width: 100%;
		}
	/* Fin Gestion icon localisation*/
	/* Gestion du bouton des menus */
		.btns-menu{
			top: 1%;
			right: 73px;
			width: auto;
			height: auto;
		}
		.btn-menu-lvl0 {
			background-size: 60%;
			margin: 0px;
			width: 70px;
			height: 70px;
		}
		.btn-menu-lvl0:checked ~ #btn-menu1{
			top: 0px !important;
			right: 5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu2{
			top: 60px !important;
			right: -5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu3{
			top: 77px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu4{
			top: 124px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu5{
			top: 170px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu6{
			top: 217px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu7{
			top: 264px !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: 2%;
			left: 2%;
			width: 40%;
		}
		.input-filtre {
			bottom: 5px
		}
		.input-city{
			width: calc(100%);
			height: 30px;
			font-size: 1.2em;
		}
		.input-city:focus + .list-city{
			max-height: 335px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 65px;
			font-size: 1.4em;
		}
	/* 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;
		}
		.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;
		}
		.btnSubmit span {
			position: relative !important;
			text-align: center !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% - 113px);
			min-width: 295px;
			height: 24.8px;
			margin-left: 10px;
		}
		.catEtCriSelected{
			margin-top: 2px;
			padding: 3px;
			font-size: 0.9em !important;
		}
	/* Fin Gestion Filtre */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 2%;
			right: 5%;
			width: 160px;
			height: 34px;
		}
	/* Fin Gestion de la selection carte ou list */
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) and (min-height: 300px){
	/* Gestion de la section list */
		.list-event{
			width: 70%;
			height: calc(100% - 20px);
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
		}
		.event-in-list{
			width: 90%;
			height: 150px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 25px;
			color: grey;
			cursor: pointer;
		}
		.event-in-list-reverse{
			display: flex !important; 
			flex-direction: row-reverse !important;
		}
		.img-envent-in-list{
			float: left;
			width: 25%;
			height: 100%;
			border-radius: 10px 0px 0px 10px;
		}
		.img-envent-in-list-reverse{
			border-radius: 0px 10px 10px 0px !important;
		}
		.txt-event-in-list{
			position: relative;
			display: block;
			float: left;
			width: calc(100% - 25% - 170px - 30px);
			padding: 5px 15px;
		}
		.titre-event-in-list{
			font-size: 1.4em;
			text-align: center;
			margin: 0px;
		}
		.desc-event-in-list{
			font-size: 1em;
			margin: 10px 0px 0px 0px;
		}
		.infos-event-in-list{
			position: relative;
			display: block;
			float: right;
			background-color: rgba(52, 58, 64, 0.6);
			width: 150px;
			height: calc(100% - 40px);
			font-size: 1.1em;
			padding: 20px 10px;
		}
		.info-event-in-list{
			margin-left: 15px;
		}
		.date-event-in-list{
			margin: 5px;
		}
		.heure-event-in-list{
			margin: 5px;
		}
		.etat-event-in-list{
			margin: 5px;
		}
		.nb-inscrit-event-in-list{
			margin: 5px;
		}
		.end-event-in-list{
			margin-bottom: 40px;
			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: 1000px) and (max-width: 1400px) and (min-height: 400px) and (max-height: 550px){
		/* Gestion icon */
		.icon-trickys{
			position: absolute;
			z-index: 2;
			top: 1%;
			left: 2%;
			width: 100px;
		}
		.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% + 100px);
			width: 35px;
			height: 35px;
		}
		.icon-localisation-impossible > img {
			width: 100%;
		}
	/* Fin Gestion icon localisation*/
	/* Gestion du bouton des menus */
		.btns-menu{
			top: 1%;
			right: 73px;
			width: auto;
			height: auto;
		}
		.btn-menu-lvl0 {
			background-size: 60%;
			margin: 0px;
			width: 70px;
			height: 70px;
		}
		.btn-menu-lvl0:checked ~ #btn-menu1{
			top: 0px !important;
			right: 5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu2{
			top: 60px !important;
			right: -5px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu3{
			top: 77px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu4{
			top: 124px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu5{
			top: 170px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu6{
			top: 217px !important;
			right: -65px !important;
		}
		.btn-menu-lvl0:checked ~ #btn-menu7{
			top: 264px !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: 2%;
			left: 2%;
			width: 40%;
		}
		.input-filtre {
			bottom: 5px
		}
		.input-city{
			width: calc(100%);
			height: 30px;
			font-size: 1.2em;
		}
		.input-city:focus + .list-city{
			max-height: 260px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 50px;
			font-size: 1.2em;
		}
	/* Fin Gestion input et menu recherche ville */
	/* Gestion Filtre */
		#cocheFiltre:checked + .list-filtre{
			max-height: 270px;
		}
		.list-filtre{
			height: 270px;
		}
		.list-filtre h1{
			bottom: 245px;
			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;
		}
		.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% - 113px);
			min-width: 295px;
			height: 18.4px;
			margin-left: 10px;
		}
		.catEtCriSelected{
			padding: 2px 5px;
		}
	/* Fin Gestion Filtre */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 2%;
			right: 5%;
			width: 160px;
			height: 34px;
		}
	/* Fin Gestion de la selection carte ou list */
}
@media only screen and (min-width: 1000px) and (max-width: 1400px) 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: 1%;
			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: 2%;
			left: 2%;
			width: 40%;
		}
		.input-filtre {
			bottom: 2.5px
		}
		.input-city{
			width: calc(100%);
			height: 25px;
			font-size: 1em;
		}
		.input-city:focus + .list-city{
			max-height: 210px;
			transition: max-height 0.3s ease;
		}
		.city{
			width: 100%;
			height: 40px;
			font-size: 1em;
		}
	/* Fin Gestion input et menu recherche ville */
	/* 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;
		}
		.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% - 113px);
			min-width: 295px;
			height: 14.4px;
			margin-left: 10px;
		}
		.catEtCriSelected{
			padding: 2px 5px;
		}
	/* Fin Gestion Filtre */
	/* Gestion de la selection carte ou list */
		.btns-type{
			bottom: 2%;
			right: 5%;
			width: 160px;
			height: 34px;
		}
	/* Fin Gestion de la selection carte ou list */
}