@font-face {
  font-family: 'Hammersmith One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Hammersmith.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Hammersmith One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Hammersmith-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Sen.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Sen-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Sen-3.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Sen-4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Sen-5.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sen';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Sen-6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {font-family: "ETmodules";
    src: url("/fonts/ETModules.eot"); /* IE9*/
    src: url("/fonts/ETModules-EIFIX.eot") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/ETModules.woff2") format("woff2"), /* chrome firefox */
    url("/fonts/ETModules.woff") format("woff"), /* chrome firefox */
    url("/fonts/ETModules.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("/fonts/ETModules.svg#ETmodules") format("svg"); /* iOS 4.1- */
}

body {
	 font-family: 'Sen' !important;
}


.switch {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.switch input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}

.switch input + span {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: grey;
   border-radius: 20px;
}

.switch input:checked + span {
	background: #2b82cb;
}

.switch input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.switch input:checked + span:before {
	left: 34px;
    background-color: white;
}

/* SWITCH 2 */

.switch2 {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.switch2 input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}

.switch2 input + span {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: grey;
   border-radius: 20px;
}

.switch2 input:checked + span {
	background: #cb852b;
}

.switch2 input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.switch2 input:checked + span:before {
	left: 34px;
    background-color: white;
}

/* SWITCH 3 */

.switch3 {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.switch3 input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}

.switch3 input + span {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: grey;
   border-radius: 20px;
}

.switch3 input:checked + span {
	background: #cb2940;
}

.switch3 input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.switch3 input:checked + span:before {
	left: 34px;
    background-color: white;
}

/* SWITCH 4 */

.switch4 {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.switch4 input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}

.switch4 input + span {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: grey;
   border-radius: 20px;
}

.switch4 input:checked + span {
	background: #ffd326;
}

.switch4 input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.switch4 input:checked + span:before {
	left: 34px;
    background-color: white;
}

/* SWITCH 5 */

.switch5 {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
}

.switch5 input {
	position: absolute;
	top: -30px;
	left: -30px;
	width: 0;
	height: 0;
}

.switch5 input + span {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background: grey;
   border-radius: 20px;
}

.switch5 input:checked + span {
	background: #24ac20;
}

.switch5 input + span:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 4px;
	width: 32px;
	height: 32px;
	background: white;
	border-radius: 50%;
	transform: translateY(-50%);
	transition: all .5s;
}

.switch5 input:checked + span:before {
	left: 34px;
    background-color: white;
}

form {
/*	display: flex;*/
	margin: auto;
	justify-content: center;
	margin-bottom: 10px;
	text-align: center !important;
}

.commerce {
	background-color: #2b82cb;
	width: 220px;
	height: 40px;
	border-radius: 20px;
/*	float: left;*/
	display:inline-block;
	margin-right: 5px;
}

.association {
	background-color: #cb852b;
	width: 220px;
	height: 40px;
	border-radius: 20px;
/*	float: left;*/
	display:inline-block;

	margin-right: 5px;
}

.entreprise {
	background-color: #cb2940;
	width: 220px;
	height: 40px;
	border-radius: 20px;
/*	float: left;*/
	display:inline-block;
	margin-right: 5px;
}

.agriculteur {
	background-color: #ffd326;
	width: 220px;
	height: 40px;
	border-radius: 20px;
/*	float: left;*/
	display:inline-block;
	margin-right: 5px;
}

.equipement {
	background-color: #24ac20;
	width: 220px;
	height: 40px;
	border-radius: 20px;
/*	float: left;*/
	display:inline-block;
}

.btToggle {
	float: right;
}

.txtCommerce, .txtAssociation, .txtEntreprise, .txtAgriculteur, .txtEquipement {
	color: white;
	position: absolute;
	transform: translate(-125px,8px);
	font-size: 20px;
}