#containerLeft {
	top: 0;
	left: 0 !important;
	display: block !important;
}
.searchStyle {
	z-index: 101;
}
ul.menu-vertical {
	position: relative;
}
ul.menu-vertical.active-menu {
	left: 0;
	visibility: visible;
}
.menu-vertical .accordion {
	width: 20vw;
}
.menu-vertical .titleMenu, li span.titleMenu {
	background-color: #083B66;
	color: #FFFFFF;
	justify-content: flex-start;
	padding-left: 60px;
	font-family: 'FredokaLight';
	font-weight: 600;
}

/*Left menu*/
#ulMain {
	margin-top: 0 !important;
}
#ulMain .menu-container {
	height: 100%;
}
.obsStyle {
	background: white;
}

.accordion {
	margin: 0;
	padding: 0;
	background: var(--background-color);
	height: 100%;
	/* overflow: hidden; */
	line-height: 2em;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	z-index: 999;
}

#ulMain .slide {
	height: 100%;
}
.accordion .mv-item {
	background-color: white;
}
.accordion .logo {
	padding: 10% 0; 
	width: 100%;
	text-align: center;
	margin: 0;
}
.accordion .logo img {
	height: auto;
	width: 100%;
	max-width: 80px;
}
.accordion .slide .titleMenu {
	display: flex;
	color: white;
	font-size: 30px;
}
.accordion .slide span {
	padding: 0px 30px;
	line-height: 2;
}
.accordion li a {
	color: #DBDBDB;
	text-decoration: none;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
}
.accordion li:hover {
	/* background-color: unset !important; */
	color: unset;
}
.accordion .accordion-list {
	font-size: 18px;
	height: 100%;
	/* overflow-y: auto;
	overflow-x: hidden; */
}
/*Scrollbar menu menu*/
.accordion .accordion-list::-webkit-scrollbar {
	width: 5px;
}
.accordion .accordion-list::-webkit-scrollbar-track {
	background : rgb(255 255 255 / 50%);
}
.accordion .accordion-list::-webkit-scrollbar-thumb {
	background: #083B66;
}
/*Mozilla version Scrollbar menu menu */
.accordion .accordion-list {
	scrollbar-color: var(--FormCouleurSpin) rgb(255 255 255 / 50%);
}
.menu-container .accordion .second-accordion li.border {
	padding: 2px 10px 2px 30px;
	border-radius: 0;
}
.menu-container .accordion .second-accordion li.logout a {
	display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 30px 0 20px;
    line-height: 2.4;
	font-size: 18px;
}

.accordion ul.accordion-list a {
	color: #083B66;
	text-decoration: none;
}
.accordion ul.accordion-list a::after {
	background: linear-gradient(90deg, rgba(101,144,176,1) 0%, rgba(100,209,185,1) 100%);
	width: 10px;
	left: 1%;
	top: 50%;
}
.accordion ul.accordion-list .logout a::after {
    background: var(--red);
}
.accordion-subMenu li a::after {
	content: none;
}
.accordion ul.accordion-list a:hover {
	font-weight: bold;
}  
.second-accordion li:not(.column-accordion, .logout, .subelement) {
	list-style: none;
    display: flex;
    flex-direction: row;
	justify-content: flex-start;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
	margin-top: 2px;
}
.accordion-subMenu li a {
	padding: 0 0px 0 0px !important;
	font-size: 16px !important;
}
.menu-container .toggleSubMenuItem a:hover {
	text-decoration: underline;
}
.accordion li.toggleSubMenu a {
	display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
	padding: 0 30px 0 20px;
	line-height: 2.8;
	font-size: 18px;
}

.icons-menu-container .icons-subMenu {
	pointer-events: visiblePainted !important; 
    pointer-events: auto !important;
}

.accordion li.toggleSubMenu2 a {
	display: flex;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
	padding: 0 30px 0 20px;
	line-height: 2.4;
	font-size: 18px;
	margin: auto;
}

.accordion li a img {
	transition: all .3s ease-in-out;
}
.accordion li a:hover img {
	transform: scale(1.15);
}
.accordion .second-accordion li a.group-box {
	margin: 10px 50px 10px 0;
}
.accordion .second-accordion li a.group-box img {
	max-width: 20px;
	width: 20px;
}
.menu-container .accordion .form-check {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.menu-container .accordion .form-check .tooltipIcon {
	display: flex;
    flex-direction: row;
    align-items: center;
}
.menu-container .accordion-subMenu {
	padding-left: 20px;
}
.menu-container .toggleSubMenu ul li.toggleSubMenuItem.column-accordion a {
	padding: 0 10px 0 35px !important;
}

.menu-container .toggleSubMenu2 ul li.toggleSubMenuItem.column-accordion a {
	padding: 0 10px 0 35px !important;
}

.menu-container .accordion .form-check label {
	cursor: pointer;
	color: #083B66;
	width: 100%;
	line-height: 2.5em;
	font-size: var(--FormTailleChamp);
}
.menu-container .accordion .form-check-input {
	margin-top: 1px;
	accent-color: #083B66;
}
.menu-container .flex-row {
	position: relative;
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

/*menu map*/
.left-map {
	left: 0;
	right: unset;
	height: 100%;
	width: 15vw;
	z-index: 9999;
}
.left-map .menu-map {
	margin: 0;
	height: 100vh;
	z-index: 1000;
	display: none;
	margin-top: 0 !important;

	/* overflow-y: auto; */
}
.left-map .mapLogo .logo {
	display: flex;
	justify-content: center;
    align-items: center;
}
.left-map .menu-map .ac-container {
	margin: 0 !important;
	box-shadow: none !important;

	/* overflow-y: auto; */
}
.leaflet-control-layers-expanded {
	padding: 0;
}
.left-map .menu-map form {
	min-width: unset;
	position: relative;
}

.mapform { background-color: transparent;}

/*Scrollbar menu map*/
.left-map .menu-map form::-webkit-scrollbar {
	width: 5px;
}
.left-map .menu-map form::-webkit-scrollbar-track {
	background : rgb(255 255 255 / 50%);
}
.left-map .menu-map form::-webkit-scrollbar-thumb {
	background: #083B66;
}
/*Mozilla version scrollbar*/
.left-map .menu-map form {
	scrollbar-color: var(--FormCouleurSpin) rgb(255 255 255 / 50%);
	background-color: transparent !important;
}
.left-map .menu-map .menu-map-base, .left-map .menu-map .menu-map-overlays > div {
	padding: 2px 10px 2px 30px;
	font-size: 18px;
}
.left-map .menu-map .menu-map-overlays > div:last-child {
	border-bottom: 0px solid #dee2e6 !important;
}
.left-map .border-top {
	position: relative;
	display: flex;
	padding: 0 0 0 60px;
}
.left-map .menu-map label {
	height: auto;
	font-size: 18px;
	font-weight: 600;
	background: white;
	color: #083B66;
	box-shadow: none !important;
	text-shadow: none !important;
    padding: 0 30px 0 20px;
    line-height: 2.85;
	cursor: pointer;
}
.menu-map em, .menu-map .menu-item-radio span, .menu-map .menu-item-checkbox span {
	cursor: pointer;
} 
.left-map .menu-map span {
	color: #083B66;
}
.left-map .menu-map label:hover::after {
	background: linear-gradient(90deg, rgba(101,144,176,1) 0%, rgba(100,209,185,1) 100%) !important;
	left: 1%;
	top: 48% !important;
	width: 10px !important;
	height: 4px !important;
}
.left-map .menu-map input {
    margin-left: -1.25rem;
	accent-color: #083B66;
}
.left-map .menu-map input.menu:checked + label {
	background: white;
	white-space: nowrap;
}
.left-map .menu-map .menu-item-radio, .left-map .menu-map .menu-item-checkbox {
	height: auto;
	font-size: var(--FormTailleChamp);
	line-height: 2.5;
	font-weight: 600;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	padding: 0 0 0 50px;
	position: relative;
}
.menu-map .ac-large .tooltipIcon {
	line-height: 2.5;
}
.left-map .leaflet-control-layers-selector {
	margin: 0 10px 0 30px;
    position: relative;
    top: 1px;
    transform: scale(1.0);
}
.left-map .mini-opt em {
	font-family: var(--FormPoliceChamp); 
	height: auto;
    font-size: 18px;
    font-weight: 600;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 0 30px 0 20px;
    line-height: 2.85;
}
.left-map article {
	padding: 0 !important;
	line-height: inherit;
}

/*ICONS RIGHT MENU*/
.obsStyle {
	z-index: 102 !important;
}
.icons-menu-container .accordion {
	background: transparent;
	box-shadow: none;
}
.icons-menu-container .second-accordion {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: transparent;
	padding: 3px;
	margin-left: -2px;
}
.icons-menu-container .accordion-subMenu {
	display: flex;
}
.icons-menu-container .second-accordion li:not(.column-accordion) {
	justify-content: unset;
	flex-direction: row;
}
.icons-menu-container li.toggleSubMenu a {
	padding: 0 !important;
}

.icons-menu-container li.toggleSubMenu2 a {
	padding: 0 !important;
}

.icons-menu-container img {
	min-width: 25px;
    width: 100%;
    max-width: 25px;
	height: auto;
}
.icons-menu-container .accordion .second-accordion li a img {
	margin: 20% 0;
}
.icons-menu-container .accordion ul.accordion-list a::after {
	content: none;
}
.icons-menu-container #connectedDiv {
	display: none;
}
.icons-menu-container .icons-subMenu {
	display: none;
    position: absolute;
    /* background-color: rgba(0, 0, 0, 0.5); */
    right: 115%;
	top: 5.5%;
	z-index: -1;
}
.icons-menu-container .icons-subMenu li {
	padding: 1px 7.5px;
}
.icons-menu-container li.account a {
	white-space: nowrap;
	color: #FFFFFF;
	font-size: 0.75em !important;
}
.icons-menu-container li.account a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

@media screen and (min-width: 1920px) {
	/*Left menu*/

	/*Icons menu*/
	.icons-menu-container .second-accordion {
		padding: 5px 8px;
	}
}
@media screen and (max-width: 1440px) {
	/*menu map < 1440px*/
	.left-map {
		width: 20vw;
	}
	/*menu general < 1440px*/
	.menu-vertical .accordion {
		width: 20vw;
	}
}

@media screen and (min-width: 1440px) {
	/*menu map < 1440px*/
	.left-map {
		width: 20vw;
	}
	/*menu general < 1440px*/
	.menu-vertical .accordion {
		width: 20vw;
	}
}

@media screen and (max-width: 1024px) {
	.accordion .slide .titleMenu {
		font-size: 20px;
		line-height: 1.5;
	}
	/*menu map < 1024px*/
	.left-map {
		width: 20vw;
	}
	.left-map .menu-map label:hover::after {
		left: -5%;
	}
	.left-map .menu-map label {
		font-size: 13px;
		padding: 0 5px 0 10px;
	}
	.left-map .mini-opt em {
		font-size: 13px;
		padding: 0 30px 0 20px;
		line-height: 2.85;
	}
	.left-map .menu-map .menu-item-radio, .left-map .menu-map .menu-item-checkbox {
		font-size: 11px;
		line-height: 2.5;
		padding: 0 0 0 30px;
	}

	/*menu general < 1024px*/
	.menu-vertical .accordion {
		width: 20vw;
	}
	.accordion ul.accordion-list a::after {
		left: -5%;
		top: 47%;
	}
	.accordion li.toggleSubMenu a {
		padding: 0 5px 0 10px;
		font-size: 13px;
	}
	.accordion li.toggleSubMenu2 a {
		padding: 0 5px 0 10px;
		font-size: 13px;
		margin: auto;
	}
	.menu-container .accordion .second-accordion li.logout a {
		padding: 0 5px 0 10px;
		font-size: 13px;
	}
	.menu-container .accordion-subMenu {
		padding-left: 10px;
	}
	.menu-container .accordion .form-check label {
		font-size: 11px;
	}
	.accordion-subMenu li a {
		font-size: 11px !important;
	}
	.accordion .second-accordion li a.group-box {
		margin: 10px 25px 10px 0;
	}
	.accordion .second-accordion li a.group-box img {
		max-width: 15px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.left-map .mini-opt em {
		padding: 0 20px 0 0px;
	}
}

@media screen and (max-width: 767px) {
	/*menu map < 767px*/
	.left-map {
		/* width: 50% !important;
    	transform: scale(2);
    	transform-origin: 0 0; */

		width: 100%;
		height: 100vh;
		top: 0;
	}
	.left-map .menu-map label {
		font-size: 15px;
	}
	.left-map .mini-opt em {
		font-size: 15px;
	}
	.left-map .menu-map .menu-item-radio, .left-map .menu-map .menu-item-checkbox {
		font-size: 13px;
	}
	/*menu general < 767px*/
	.menu-vertical .accordion {
		width: 100vw;
	}
	#ulMain .accordion-list {
		overflow-y: auto;
		height: 60%;
	}
	.left-map .menu-map {
		height: 100vh !important;
		width: 100vw !important;
	}
	.left-map .ac-container.menu-map-list.accordion {
		height: 100vh !important;
		display: flex;
		flex-direction: column;
	}
	.accordion li.toggleSubMenu a {
		font-size: 15px;
	}
	.accordion li.toggleSubMenu2 a {
		font-size: 15px;
		margin: auto;
	}
	.menu-container .accordion .second-accordion li.logout a {
		font-size: 15px;
	}
	.menu-container .accordion .form-check label {
		font-size: 13px;
	}
	.accordion-subMenu li a {
		font-size: 13px !important;
	}
	.accordion .logo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
	}
}
@media screen and (max-width: 360px) {
	/*menu general < 360px*/
	.menu-vertical .accordion {
		width: 100vw;
	}
}

@media (orientation: landscape) and (max-height: 700px) {
	.accordion .logo {
		padding: 3% 0;
	}
	.left-map .menu-map form, #ulMain .accordion .accordion-list {
		overflow-y: auto;
		overflow-x: hidden;
		height: 60%;
	}
	#my-icon-select-box-scroll {
		left: 0 !important;
	}
}

.my-icon-select-box-scrollClass::-webkit-scrollbar, #my-icon-select-box-scroll::-webkit-scrollbar, #my-icon-select2-box-scroll::-webkit-scrollbar, #my-icon-select3-box-scroll::-webkit-scrollbar, #my-icon-select4-box-scroll::-webkit-scrollbar, #my-icon-select5-box-scroll::-webkit-scrollbar, #my-icon-select6-box-scroll::-webkit-scrollbar {
	width: 10px;
}
.my-icon-select-box-scrollClass::-webkit-scrollbar-track,#my-icon-select-box-scroll::-webkit-scrollbar-track, #my-icon-select2-box-scroll::-webkit-scrollbar-track, #my-icon-select3-box-scroll::-webkit-scrollbar-track, #my-icon-select4-box-scroll::-webkit-scrollbar-track, #my-icon-select5-box-scroll::-webkit-scrollbar-track, #my-icon-select6-box-scroll::-webkit-scrollbar-track {
	background : rgb(255 255 255 / 50%);
}
.my-icon-select-box-scrollClass::-webkit-scrollbar-thumb,#my-icon-select-box-scroll::-webkit-scrollbar-thumb, #my-icon-select2-box-scroll::-webkit-scrollbar-thumb, #my-icon-select3-box-scroll::-webkit-scrollbar-thumb, #my-icon-select4-box-scroll::-webkit-scrollbar-thumb, #my-icon-select5-box-scroll::-webkit-scrollbar-thumb, #my-icon-select6-box-scroll::-webkit-scrollbar-thumb {
	background: #083B66;
}
/*Mozilla version scrollbar*/
.my-icon-select-box-scrollClass,#my-icon-select-box-scroll, #my-icon-select2-box-scroll, #my-icon-select3-box-scroll, #my-icon-select4-box-scroll, #my-icon-select5-box-scroll, #my-icon-select6-box-scroll {
    scrollbar-color: var(--FormCouleurSpin) rgb(255 255 255 / 50%);
}
.obsStyle {
	top: -1px !important;
    margin-right: 50px;
}
#menuLogChoice { 
	/* cursor: none; */
	pointer-events: none;
	left: 20%;
    top: 100%;
}
#menuLogChoice .account { 
	background-color: rgba(0, 0, 0, 0.5); 
	border-radius: 150px; 
	margin-bottom: 5px; 
}
#menuLogChoice li.account #logAccount { 
	font-family: Verdana; 
	font-size: 0.85em !important;
	cursor: unset;
	text-decoration: none;
	pointer-events: none;
}
#menuLogChoice li.account #createAccount, #menuLogChoice li.account #createAccount { 
	cursor: pointer;
	pointer-events: initial;
}



/*Search scrollbar*/
#searchDiv {
	width: 5px;
}
#searchDiv {
	background : rgb(255 255 255 / 50%);
}
#searchDiv::-webkit-scrollbar-thumb {
    background: var(--FormCouleurSpin);
}
/*Mozilla version scrollbar*/
#searchDiv {
    scrollbar-color: var(--FormCouleurSpin) rgb(255 255 255 / 50%);
}

@media screen and (max-width: 1399px) {
.legend3 {
	margin-left: -150px;
    margin-top: 100px;
  }

  .legend20 {
    position: absolute;
    background-color: var(--background-color);
    margin-right: -5% !important;
    bottom: 5% !important;
    /* margin: 0%; */
    width: 10px;
    margin-left: 126px !important;
}
}

@media screen and (min-width: 1400px) {

	.legend3 {
		margin-left: -100px;
		margin-top: 100px;
	  }

	.legend20 {
		right: -2% !important;
	
	}
	}

	@media screen and (min-height: 840px) and (orientation: portrait) {
		.legend20 {
			position: absolute;
			background-color: var(--background-color);
			margin-right: -5% !important;
			bottom: 5% !important;
			/* margin: 0%; */
			width: 10px;
			margin-left: 20px !important;
		}
		}

		@media screen and (max-height: 839px) and (orientation: portrait) {
			.legend20 {
				position: absolute;
				background-color: var(--background-color);
				margin-right: -5% !important;
				bottom: 5% !important;
				/* margin: 0%; */
				width: 10px;
				margin-left: 20px !important;
			}
			}

			@media screen and (min-width: 415px) and (min-height:361px) and (max-height: 1400px) and (orientation: portrait)
			{
				.legend20 {
					position: absolute;
					background-color: var(--background-color);
					margin-right: -5% !important;
					bottom: 5% !important;
					/* margin: 0%; */
					width: 10px;
					margin-left: 2px !important;
				}

			}
			
			.legend20 
			{
				transform-origin: center;
				background-color: transparent;
			}

			.tooltipIcon {
			margin-right: 25px;
			}

			.ti1 {
				background-color: rgb(22, 152, 205, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti2 {
				background-color: rgb(18, 224, 12, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti3 {
				background-color: rgb(73, 12, 224, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti4 {
				background-color: rgb(22, 152, 205, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti5 {
				background-color: rgba(132, 224, 12, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti6 {
				background-color: rgb(160, 12, 224, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti7 {
				background-color: rgb(22, 152, 205 , 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti8 {
				background-color: rgba(255, 128, 10, 0.9) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}

			.ti9 {
				background-color: rgba(226, 10, 255, 0.6) !important;
				border: 3px solid var(--FormCouleurCarac);
				width: 42px;
				height: 42px;
				border-radius: 10px;
				margin: 2.25px;
			}




.pulse {
				--color: #ef6eae;
				--hover: #ef8f6e;
			  }
.pulse:hover,
.pulse:focus {
  -webkit-animation: pulse 1s;
          animation: pulse 1s;
  box-shadow: 0 0 0 2em transparent;
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}

.legendco {
	background: white;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  }

  .legend20 {
	margin-bottom: 0%;
  }


  .legendcommcentral2 {
	margin-top: 2px !important;
  }

  .tooltipIcon {
    margin-right: 0px !important;
}

.legend3 {
	margin-left: -175px;
}

.legend20 {
		background-color: transparent;
		/*background-color: var(--background-color);*/
		/* margin-right: -5% !important; */
		/* bottom: 5% !important; */
		/* margin: 0%; */
		width: 10px;
		margin-left: 12px;
}

#hidemenu {
	margin-left: 30%;
}

@media screen and (max-width: 3600px) {
    .obsStyle {
        z-index: 99;
		position: fixed;
        top: 0%;
    }
}
@media screen and (orientation: landscape) {
.tooltipIcon2 {
	margin-top:0px;
	font-size: 110% !important;
}
}

.obsStyle {
	z-index: 1 !important;

	position: fixed;
    top: 0%;

}

.legend20 {
	z-index: 100;
}

.legend3 {
	margin-left: -170px !important;
}

.legendco {
	width: 300px;
	margin-top: -12px !important;
	top: -3px
}


.buttonLegendRight {
	margin-right: 10px;
}

.lmain {
	padding: 6px 8px;
	font-size: 14px;
	background: white;
	background: var(--background-color);
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
	/*border-radius: 5px;*/
	line-height: 24px;
	text-align: left;
	min-width: max-content;
  }

  .lmain {
	padding: 6px 8px;
	font-size: 14px;
	background: transparent;
	/*background: var(--background-color);*/
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);*/
	/*border-radius: 5px;*/
	line-height: 24px;
	text-align: left;
	min-width: max-content;
  }

  @media screen and (orientation: portrait) and (max-width:720px) {
	.lmain{
		left: 80vw;
		font-size: 9px;
		margin-right: 80% !important;
		z-index: 2 !important;
	}



	.legendcommcentral {
		margin-left: 10%;
    }
  }

  @media screen and (orientation: portrait) and (max-width:414px) {

	.obsStyle {
		height: 60px !important;
        top: 0px;
	}

}

@media screen and (orientation: portrait) and (min-width:768px) and (max-width: 1024px) {
	.legendBlock,.info .legend .legendBlock,.legendTitle {
		top: 0vh !important;
	}
}

  @media screen and (orientation: portrait) and (min-width:720px) {
    .lmain{
      left: 80vw;
      font-size: 9px;
      margin-right: 0% !important;
      z-index: 2 !important;
    }

	.legendcommcentral {
        margin-left: 25%;
    }

	#hidemenu {
		position: absolute !important;
   		right: 0%;
    	bottom: -20px;
	}

	.obsStyle {
		position: fixed;
        top: 0%;
		height: 60px;
	}
    }
	@media screen and (orientation: portrait) {
		.obsStyle {
			height: 50px !important;
		}

	}
	@media screen and (max-width: 1200px) and (orientation: portrait) {
		.obsStyle {
			height: 50px;
		}

		#hidemenu {
			position: absolute !important;
			right: 10px;
			bottom: 10px;
		}
	}


	.obsStyle
	{
    	width: 365px;
	}

	@media screen and (orientation: landscape) {
		.obsStyle {
			height: 52px !important;
			gap: 5px !important;
		}

		#hidemenu {
			position: absolute !important;
			right: 17px;
			bottom: 10px;
		}
	}
  @media screen and (orientation: landscape) {
	

	.lmain{
		left: 85vw;
	}
  }

  .lmain h4 {
	text-align: center;
	font-size: 16px;
	margin: 2px 12px 8px;
	color: #777;
  }
  
  .lmain span {
	bottom: -6px;
  }
  
  .lmain i {
	width: 18px;
	height: 18px;
	float: left;
	margin: 0 8px 0 0;
	opacity: 0.7;
  }
  
  .lmain i.icon {
	background-size: 18px;
	background-color: rgba(255, 255, 255, 1);
  }


  .legendcommcentral2 { display: flex !important;}

  .lmain {
	display: flex;
    z-index: 100;
	margin-left: 255px;
    margin-top: 2px;
}

	.legendco {
		display: flex;
		position: absolute;
		z-index: 0;
		height: 52px;
	}

	.tp1 {
		margin-top: 3.125px;
		margin-bottom: 3.125px;
		font-size: 85%;
	}

	.lblSwitch { margin-top: 1px;}

	.legendTitle {
		background-color: transparent;
	}


	#subjectCodelbl,#subjectCodecitieslbl {
			color: var(--FormCouleurCarac);
			text-align: center;
			font-size:23px;
			font-family: 'FredokaLight';
			margin: 10px 0 30px 0;
			width: 45%;
			text-align: left;
	}


	#subjectv3 {
		margin-left: 75px;
	}

	#subjectv4 {
		margin-left: 20px;
	}

	#subjectCodelist *, #subjectCodelistcities *,datalist,option {
		color: var(--FormCouleurCarac);
		font-family: 'FredokaLight';
		font-size: 23px;
	}

	.confirm-btn { margin-top: 0px !important;}

	.obsStyle, .legendBlock,  .legendBlock, .lmenu1,.lmenu2,.lmenu3,.legendco {
		/*TODO : no relief / relief 
		box-shadow:  0 0 10px #254893 !important;*/
		box-shadow:  0 0 10px #254893 !important;
		/*box-shadow: rgba(37, 72, 147, 0.4) 0px 0px 0px 2px inset, rgba(37, 72, 147, 0.1) 0px 1px 2px !important;*/
	}

	
.slider0 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ca2222;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider0:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider0 {
	background-color: var(--FormCouleurValid);
}

input:focus+.slider0 {
	box-shadow: 0 0 1px #2196F3;
}

input:checked+.slider0:before {
	-webkit-transform: translateX(55px);
	-ms-transform: translateX(55px);
	transform: translateX(55px);
}

/* Rounded sliders */
.slider0.round {
	border-radius: 34px;
}

.slider0.round:before {
	border-radius: 50%;
}