/* The Modal (background) */
		.modalb {
			display: block;
			/* Hidden by default */
			position: fixed;
			/* Stay in place */
			z-index: 999999999;
			/* Sit on top */
			padding-top: 60px;
			/* Location of the box */
			left: 0;
			top: 0;
			width: 100%;
			/* Full width */
			height: 100%;
			/* Full height */
			overflow: auto;
			/* Enable scroll if needed */
			background-color: rgb(0, 0, 0);
			/* Fallback color */
			background-color: rgba(0, 0, 0, 0.4);
			/* Black w/ opacity */
		}

		/* Modal Content */
		.modal-contentb {
			background-color: #fefefe;
			margin: auto;
			border: 1px solid #888;
			width: 80%;
			max-height: 773px;
			height: auto;
			max-width: 620px;
			border-radius: 9px;
			box-shadow: 0 2px 4px 0 rgba(12, 43, 119, 0.15);
			overflow: hidden;
			z-index: 10003;
		}
		#myModalb .header {
	position: relative;
	color: #fff;
	background-color: #1344a1;
	overflow: hidden;
	_overflow: visible;
	zoom: 1;
	margin-bottom: 0px;
}
#myModalb .header {
	position: relative;
	height: auto;
	background-color: #fff;
	zoom: 1;
	margin-bottom: 0;
	overflow: hidden;
}
#myModalb .header .round-banner::before {
	content: "";
	position: absolute;
	top: -35%;
	left: -6.5%;
	background-color: #8bbc06;
	width: 113%;
	height: 100px;
	border-radius: 0 0 50% 50%;
}
#myModalb .header .round-banner {
	position: relative;
	height: 10rem;
	width: 100%;
	overflow: hidden;
}
#myModalb .header #popinTitle, #myModalb .modal-body #popinTitle {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-family: LatoBold, Arial, sans-serif !important;
	font-family: var(--text-bold-font) !important;
	font-weight: normal;
	width: 100%;
	padding: 0 1.5rem;
	margin: 0;
	color: #000;
	text-align: center;
	text-transform: none;
}
#myModalb .header .round-banner::before {
	content: "";
	position: absolute;
	top: -5%;
	left: -6.5%;
	background-color: #8bbc06;
	width: 113%;
	height: 100px;
	border-radius: 0 0 50% 50%;
}
.icon-ic_interface_checklist::before {
	content: "\e950";
	color: #248e57;
}
#myModalb .header .round-banner svg {
	background-color: #fff;
	border-radius: 50%;
	padding: .5rem;
	font-size: 4.8rem;
	position: absolute;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -2.4rem;
}
[class^="icon-ic"], [class*=" icon-ic"] {
	font-family: 'icons2020' !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#myModalb .header .round-banner [class*="icon-"] {
	font-size: 4.8rem;
}
#myModalb .header #popinTitle, #myModalb .modal-body #popinTitle {
	font-size: 1.8rem;
	line-height: 2.8rem;
	font-family: LatoBold, Arial, sans-serif !important;
	font-family: var(--text-bold-font) !important;
	font-weight: normal;
	width: 100%;
	padding: 0 1.5rem;
	margin: 0;
	color: #000;
	text-align: center;
	text-transform: none;
}
.a-center {
	text-align: center !important;
}
.button, #main .button, #main form .button {
	display: inline-block;
	min-width: auto;
	height: 2.4rem;
	padding: 0 !important;
	padding-left: 16px !important;
	padding-right: 16px !important;
	background-color: transparent;
	border: 1px solid #248e57;
	border-radius: 4px;
	font-size: 1rem;
	box-sizing: border-box;
	outline: none;
}

		.header .round-banner {
			position: relative;
			height: 10rem;
			width: 100%;
			overflow: hidden;
		}

		.header #popinTitle,
		.modal-body #popinTitle {
			font-size: 2.4rem;
			line-height: 2.8rem;
			font-family: LatoBold, Arial, sans-serif !important;
			font-family: var(--text-bold-font) !important;
			font-weight: normal;
			width: 100%;
			padding: 0 1.5rem;
			margin: 0;
			color: #000;
			text-align: center;
			text-transform: none;
		}

		.button.button--primary>span,
		#main form .button.button--primary>span {
			background-color: #248e57;
			background-color: var(--primary-blue-color);
			color: #FFF;
			display: block;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.d-none {
			display: none !important;
		}
		.lbl {
	cursor: pointer;
}
.GeolocationDisabled-noBorder {
	border: 2px solid #e1e1e1;
height: 42px;
margin-top: 4px !important;
}
.GeolocationDisabled-noBorder-tel {
	border: 2px solid #e1e1e1;
width: 220px;
height: 42px;
margin-top: 4px !important;
}
		@media only screen and (max-width: 600px) {

			.modal-contentb {
				margin: 10px;
				width: auto;
			}

		}
		input[type=checkbox]{
  height: 0;
  width: 0;
  visibility: hidden;
}

#label1 {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 20px;
  background: #d8d8d8;
  background-image: url('../cap/non.png');
  background-repeat: no-repeat;
  background-position: right; 
  display: block;
  border-radius: 100px;
  position: relative;
}

#label1:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 5px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
  background-image: url('../cap/point.png');
  background-repeat: no-repeat;

}

input:checked + #label1 {
  background: #66cf91;
  background-image: url('../cap/oui.png');
  background-repeat: no-repeat;

}

input:checked + #label1:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

#label1:active:after {
  width: 130px;
}

// centering
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}