/* Prevent zoom on Safari mobile */

/*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (device-aspect-ratio: 2/3) {
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */
@media screen and (device-aspect-ratio: 375/667) {
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="url"] {
		font-size: 16px;
	}
}

/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */
@media screen and (device-aspect-ratio: 9/16) {
	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="tel"],
	input[type="url"] {
		font-size: 16px;
	}
}

.clear {
	clear: both;
}

.t-d-n {
	text-decoration: none;
}

.m-l-10 {
	margin-left: 10px;
}

.m-r-10 {
	margin-right: 10px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-60 {
	margin-top: 60px;
}

.m-b-40 {
	margin-bottom: 40px !important;
}

.m-b-60 {
	margin-bottom: 40px !important;
}

.b-n {
	border: none;
}

.color_1 {
	color: #ff9248 !important;
}

.header .header__utilities ul li:last-child a {
	float: left;
	margin: 0px 10px 0px 0px;
}

.header .header__utilities ul li:last-child .overlay {
	position: absolute;
	width: 28px;
	height: 20px;
	background-color: #000;
	opacity: 0.4;
}

.ico-french {
	width: 28px;
	height: 20px;
	background-image: url(../img/flag_fr.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.ico-english {
	width: 28px;
	height: 20px;
	background-image: url(../img/flag_en.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.panel-collapsed > .panel-body {
	display: none;
}

.dz-details {
	display: none;
}

.dz-image {
	top: 20px;
	position: relative;
	margin-bottom: 20px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
	top: 10px;
}

.dropzone .dz-preview {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dropzone .dz-default.dz-message span {
	display: block;
	font-size: 18px;
	top: 42px;
	position: relative;
	text-align: center;
	line-height: 18px;
}

.dropzone .dz-default.dz-message span i {
	font-size: 12px;
}

.dropzone {
	min-height: 54px;
}

/**.en {
	display: none;
}**/

.bloc_en {
	display: none;
}

.summernote_en {
	display: none;
}

.error {
	margin: 0px 0px 20px 0px;
	color: red;
}

.display_none {
	display: none;
}

.center {
	text-align: center;
}

.btn_margin {
	margin: 0px 0px 40px 0px;
}

.border_bloc {
	width: 100%;
	min-height: 1px;
	border-bottom: 1px solid #ddd;
	margin: 40px auto;
}

.border-row {
	width: 100%;
	min-height: 1px;
	border: 1px solid rgba(0, 0, 0, 0.07);
}

.checkbox2 {
	display: none;
	margin-bottom: 25px;
}

.checkbox2 .field {
	height: 40px;
}

.checkbox2 input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox2 label {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 2.5;
	letter-spacing: 0.02em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	padding-left: 40px;
}

.checkbox2 label:before {
	content: "";
	position: absolute;
	top: 14px;
	left: 11px;
	width: 12px;
	height: 12px;
	border: 1px solid #6b6775;
	border-radius: 1px;
}

.checkbox2 label:after {
	content: "";
	position: absolute;
	top: 12px;
	left: 12px;
	width: 16px;
	height: 13px;
	background: url(../img/check.png) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
	opacity: 0;
}


.checkbox2 label.check_blue:after {
	background: url(../img/check-blue.png) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}

.checkbox2 label.check_cyan:after {
	background: url(../img/check-dark-cyan.png) no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}

.checkbox2 input:checked + label:after {
	opacity: 1;
}

.aide_offres {
	width: 100%;
	min-height: 40px;
	margin: 0px 20px 20px 20px;
}

.aide_offres h4 {
	font-size: 20px;
	font-weight: 500;
	margin: 20px auto;
}

.aide_offres h5 {
	font-size: 18px;
	font-weight: 500;
	color: #ff9248;
}

.aide_offres hr {
	width: 100%;
	border: 0.5px solid #dedede;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------ *\
      	Paging
      \* ------------------------------------------------------------ */

.paging {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.paging ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
	font-size: 14px;
	list-style: none;
}

.paging li {
	position: relative;
	padding-right: 8px;
	margin-right: 5px;
}

/**.paging li:last-child { padding-right: 0; margin-right: 0; }**/

.paging li:after {
	content: "-";
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
}

.paging li:last-child:after {
	display: none;
}

.paging li.current {
	font-weight: 600;
}

.paging a {
	display: inline-block;
	text-decoration: none;
	/**margin: -2px 0 0 11px;**/
}

.paging a:hover {
	opacity: 0.8;
}


.paging .previous {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin: 4px 12px 0 0;
}

.paging .next {
	margin: 0px 0px 4px 12px;
}

/*  Mod: Alt */

.paging--alt span {
	font-size: 14px;
}

/**.section-items .section__inner .col {
      	margin: 6px 34px 104px 40px;
      }**/

.paging a {
	position: relative;
}

.pagination_responsive {
	display: none !important;
}

.ico-alt {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 64px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
	font-size: 0px;
}

.widget__image img {
	width: 68px;
	height: 68px;
	font-size: 0px;
}

.domaines_img img {
	width: 90px;
	height: 90px;
}

/**.slider-articles .slider__figure__accueil { position: absolute; top: 180px; right: -164px; }

      .slider-articles .slider__figure--alt__accueil { position: absolute; top: 383px; right: 0px; }**/
.intro-slider .intro__entry #recherche_formation.btn {
	padding: 10px 44px;
}

.form-contact .form__nav input {
	display: none;
}

.form-contact .form__nav label {
	position: relative;
	display: block;
	padding: 8px 10px 7px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 26px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	-webkit-transition: border-color 0.3s, font-weight 0.3s,
		-webkit-box-shadow 0.3s;
	transition: border-color 0.3s, font-weight 0.3s, -webkit-box-shadow 0.3s;
	-o-transition: border-color 0.3s, font-weight 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, font-weight 0.3s, box-shadow 0.3s;
	transition: border-color 0.3s, font-weight 0.3s, box-shadow 0.3s,
		-webkit-box-shadow 0.3s;
}

.form-contact .form__nav label:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	width: 12px;
	height: 15px;
	margin-top: -1px;
	background: url(../img/ico-caret-cyan@2x.png) no-repeat;
	background-size: contain;
	background-position: 0 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.form-contact .form__nav li input[type="radio"]:checked + label,
.form-contact .form__nav label:hover {
	border-color: #979797;
	font-weight: 700;
	-webkit-box-shadow: 0 0 20px rgba(221, 221, 221, 1);
	box-shadow: 0 0 20px rgba(221, 221, 221, 1);
}

.form-contact .form__nav li input[type="radio"]:checked + label:after,
.form-contact .form__nav label:hover:after {
	opacity: 1;
}

.footer {
	background-color: #ffffff;
}

.padding_top {
	padding-top: 203px;
}

.message h4.messages_titre {
	margin-bottom: 0.74em;
}

.result_messages {
	margin-top: 1em;
}

.message .result_messages h6 {
	margin-bottom: 0.6em;
}

.message .result_messages p {
	font-size: 18px;
	margin-bottom: 0.74em;
	padding-bottom: 0.74em;
	border-bottom: 1px solid #333;
}

.section-long .section__entry.bloc_texte p {
	font-size: 19px;
	color: #474747;
	line-height: 1.86;
	font-weight: 400;
	letter-spacing: -0.01em;
	text-align: justify;
}

.widget-plan .widget_align_center {
	padding-bottom: 20px !important;
	padding-top: 20px;
}

.list-stats li {
	padding-left: 0px;
}

.section-items--alt .section__actions {
	margin-top: 0;
}

/**.section-items.formations .section__inner { text-align-last: inherit;}

      .widget-card { display: inline-block; width: 258px; margin: 40px; }**/

.section-widgets .section__cols {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-content: center;
	margin: inherit;
}

.list-stats li:nth-child(5) p {
	margin-left: 0px;
}

.section-widgets .col {
	margin: 40px;
}

.widget-service {
	height: 200px;
}

/**.section-items--alt.domaines .form-small { margin: -25px 334px 0 118px; }**/

/**.section-items--alt.formations .form-small { margin: -25px 214px 0 118px; }**/

.intro-slider .intro__offer {
	width: 420px;
}

.section__cols .col {
	min-width: 260px;
}

.nav a {
	text-decoration: none;
}

.section-long .section__image {
	height: auto !important;
}

.btn--pages {
	margin: 20px auto 20px auto;
}

.articles {
	margin-bottom: 25px;
	padding-bottom: 0px;
}

.article-alt ul {
	margin-left: 16px;
}

.article-alt--column img {
	margin-bottom: 0px !important;
}

.footer__bar .credits a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
	align-items: center;
	text-decoration: none;
}

.footer .footer__images a {
	display: block;
	margin-right: 63px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background: none;
	color: #2c2c2c;
}

.apmr {
	margin-top: 20px !important;
}

.apmr p {
	display: none;
	float: left;
	font-size: 15px;
	margin: 14px !important;
}

.apmr img {
	float: left;
	display: block !important;
	margin-top: 10px !important;
}

/** PROGRAMME FORMATION **/

.prog .table--alt th {
	width: 33% !important;
}

.prog .table th {
	width: 33% !important;
}

.table--alt table {
	margin-bottom: 0px;
}

.table tbody tr,
.table li {
	min-height: 68px;
	height: 68px;
}

.table tbody tr:last-child {
	min-height: 67px;
	height: 67px;
}

.panels .table:nth-child(3) .table__aside table thead tr:first-child {
	/**height: 179px;**/
	height: 218px;
}

.panels .table .table__aside table thead tr {
	/**height: 97px;**/
	height: 136px;
}

.panel .table .panel__title {
	margin: 20px 0px !important;
}

.table__content .panel__title,
.table--alt .panel__title {
	height: 83px;
}

.table th {
	padding-top: 42px;
}

.table--alt th {
	padding-top: 38px;
}

.table .table__aside > h3 {
	padding-bottom: 24px;
	margin-top: 24px !important;
	margin-bottom: 0px !important;
}

.section-panels .btn-download {
	line-height: 32px;
	margin-left: 20px;
}

.btn_fiche_desktop {
	display: block;
}

.btn_fiche_mobile {
	display: none;
}

/** RESPONSIVE **/

@media (max-width: 1599px) {
	.footer .footer__images a {
		margin-right: 55px;
	}
}

@media (max-width: 1546px) {
	.menu .menu__list.menu__margin h3 + p {
		margin-top: 78px;
	}
}

@media (max-width: 1419px) {
	.pagination {
		display: none !important;
	}

	.pagination_responsive {
		display: flex !important;
		justify-content: center !important;
	}

	.section-large .pagination_responsive {
		margin-top: 58px !important;
	}

	.section-items .pagination_responsive {
		/**margin-top: 0px !important;**/
		margin: 0px auto 100px auto;
	}

	.section-widgets .pagination_responsive {
		margin: 0px auto 100px auto;
	}

	.section-large .pagination_responsive {
		margin: 0px auto 60px auto;
	}

	.footer .footer__images a {
		margin-right: 55px;
	}
}

/* Small Desktop */

@media (max-width: 1299px) {
	.section-links::after {
		max-width: 90%;
	}

	.checkbox2 {
		margin-left: 22px;
		margin-bottom: 0px;
		width: 100%;
	}

	.checkbox2.first_item {
		margin-left: 0px;
	}

	.checkbox2 label {
		letter-spacing: 0.05em;
	}

	.checkbox2 label:before {
		width: 14px;
	}

	.section-location .section__form-background {
		z-index: 2;
	}

	.section-location + .section-widgets {
		margin-top: -60px;
	}

	.section-widgets .col {
		max-width: 260px;
	}

	.section-items .form-small {
		margin: 0 -31px 14px -30px;
	}

	.section-items .col {
		margin: 40px 40px;
	}

	.section-items .section__cols {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-content: center;
	}

	/**.header--white .logo text,
        .header.sticky.scrolled .logo text { fill: #ffffff; }**/
	/**.section__cols { /**width: 90%; min-height: 100px; margin: 0 auto;**/
	/**display: flex; flex-flow: row wrap; justify-content: space-around; }**/

	.footer .footer__images a {
		margin-right: 26px;
	}

	.footer .footer__images a.anasup {
		width: 90%;
	}

	header nav.nav .menu {
		visibility: visible !important;
		opacity: 1 !important;
	}

	.panels .table .table__aside table thead tr {
		height: 170px;
	}

	.panels .table:nth-child(3) .table__aside table thead tr:first-child {
		height: 216px;
	}
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.intro-slider .intro__entries {
		padding-top: 140px;
	}

	.section-links .visible-tab {
		margin: 0 auto;
	}

	/**.section-items .widget-service .widget__meta { opacity: 1; }**/

	.section-items .form-small {
		margin: 0 -31px 24px -30px;
	}

	.section-items .col {
		margin: 40px 40px 40px 40px;
	}

	.section-widgets .col {
		margin: 40px 60px;
	}

	.section-location + .section-widgets {
		margin-top: -20px;
	}

	.checkbox2 {
		margin-left: 0px;
		margin-bottom: 25px;
		width: 100%;
	}

	.form-small .form__head a {
		margin: 9px 0 0 50px;
	}

	.section-long .shell > h4 {
		margin-left: 0px;
	}

	.articles {
		margin-bottom: 25px;
	}

	/**.section-long .hidden-tablet {
		display: block;
	}**/

	.panels .table:nth-child(3) .table__aside table thead tr:first-child {
		height: 59px;
	}

	.panels .table .table__aside table thead tr {
		height: 47px;
	}

	.table__content .panel__title,
	.table--alt .panel__title {
		height: auto;
	}
}

/* Mobile */

@media (max-width: 767px) {
	.intro-slider .intro__entries {
		padding-top: 10px;
	}

	.nav ul li img {
		display: none;
	}

	.checkbox2 {
		margin-left: 0px;

	  position: relative;
  	left: -245px;
	  top: 55px;


	}

	.checkbox2 label {
		padding-left: 28px;
		letter-spacing: 0;
	}

	.aide_offres {
		width: 94%;
	}

	.section-items--alt .col:nth-child(2) {
		margin-top: 40px;
	}

	.section-widgets .col {
		margin: 40px 54px;
	}

	.form-contact .form__nav label {
		font-size: 17px;
	}

	.table + .table {
		margin-top: 40px;
	}

	.panels .table:nth-child(3) .table__content .panel__title {
		margin-top: 40px !important;
	}

	.panel .table .panel__title {
		margin: 0px 0px !important;
	}

	.section-long .section__actions {
		margin-top: -20px;
	}

	.intro-slider .intro__offer {
		width: 320px;
	}

	.footer .footer__nav ul {
		width: 114%;
	}

	.btn_fiche_mobile {
		display: block;
	}

	.btn_fiche_desktop {
		display: none;
	}

	.section__nav .btn-download {
		display: block;
		font-size: 14px;
		line-height: 20px;
		margin-left: 0px;
		float: right;
		width: 84%;
	}
}

@media (max-width: 599px) {	
	.footer .footer__nav ul {
		width: 100%;
		display: flex;
        justify-content: space-between;
	}
}

#go-to-change-password-standard {
	margin: 5px 0px;
}

#go-to-change-password-mobile {
	margin: 5px 0px;
}

@media (max-width: 498px) {
	.aide_offres {
		width: 90%;
	}

	.header .header__utilities ul a svg {
		margin-bottom: 6px;
	}

	.section-widgets .col {
		margin: 40px auto;
	}

	.form-contact .form__nav ul {
		flex-flow: column nowrap;
		align-items: center;
	}

	.form-contact .form__nav li {
		max-width: 100%;
		width: 100%;
	}
}

/* ------------------------------------------------------------ *\
	BAC - Custom Form
\* ------------------------------------------------------------ */

.label-form {
	font-size: 10px;
	margin-bottom: 0px;
	/* margin-top: -35px; */
}

@media (max-width: 799px) {
	.label-form {
		margin-top: -5px;
		margin-bottom: 0px;
	}

	.form__row {
		margin: 15px 0px;
	}

	.select-custom > .label-form {
		margin-top: 5px;
		padding-top: 15px;
	}
}

.infos-app {
	font-size: 1.2em;
	font-weight: bolder;
	color: #6ee4d7;
}

.p-infos-app {
	font-family: "Montserrat";
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600;
}

/* ------------- STATS -----------------*/

.radio-group-tabs {
	margin: 20px 0;
	padding: 0;
	position: relative;
	display: flex;
	justify-content: space-around;
}

.radio-control {
	width: 100%;
	padding: 10px 0 0 0;
	cursor: pointer;
	background: white;
	display: inline-block;
}

.radio-control input[type="radio"] {
	display: none;
}

.radio-control label {
	width: 100%;
	display: inline-block;
	padding: 15px;
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 0;
}

.radio-control input[type="radio"]:checked + label {
	/* background-color: #bbb; */
	z-index: 1000;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	color: grey;
	cursor: default;
}

.radio-control input[type="radio"]:not(:checked):hover + label {
	background: #ccc;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.radio-group-tabs:after {
	position: absolute;
	content: "";
	width: 100%;
	z-index: 1;
	bottom: 0;
	left: 3;
	border-bottom: 1px solid #ddd;
}

.radio-group-tabs:before {
	z-index: 1;
}

.tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.tabs li {
	margin: 0 2px;
	padding: 10px;
	cursor: pointer;
	background: white;
	display: inline-block;
}

.tabs li:not(.active):hover {
	background: #ccc;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.tabs li > a {
	text-decoration: none;
	color: gray;
}

.tabs li.active {
	z-index: 1000;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border: 1px solid #ccc;
	border-bottom-color: #fff;
	color: grey;
	cursor: default;
}

.tabs:after {
	position: absolute;
	content: "";
	width: 100%;
	z-index: 1;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

.tabs:before {
	z-index: 1;
}

.fadeOut {
	display: none;
}

.table-stats {
	margin-bottom: 90px;
}

.p-table-header {
	font-size: 1.4em !important;
	font-weight: 500;
	margin: 0.5em 0;
	text-align: center;
}

.table-title {
	border-bottom: none !important;
}

.table-stats-general {
	margin-bottom: 4% !important;
	border-bottom: none !important;
}

.row-table {
	padding: 1em;
	border-bottom: 1px solid rgba(230, 230, 230, 0.7);
}

.row-table:hover:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
	background: #ccc;
}

.table-header {
	border-bottom: none;
}

.table-header .col-header {
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Montserrat";
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 14px;
	vertical-align: middle;
	border-bottom: 1px solid rgba(230, 230, 230, 0.7);
	color: rgba(44, 44, 44, 0.35);
}

.domaine-select {
	display: none;
}

.btn-relance {
	margin-bottom: 5%;
}

.popup_problematic_offres
	.widget__body
	.form_problematic_offre
	.field--textarea {
	text-align: left;
}

.popup_problematic_offres
	.widget__body
	.form_problematic_offre
	.field--textarea::placeholder {
	color: #d6d6d6;
	font-style: italic;
}

.popup_wait .wait_msg {
position: relative;
padding: 37px 40px 87px 24px;
}

.popup_wait .wait_msg h5 {
font-size: 15px;
color: DodgerBlue;
line-height: 1.87;
font-weight: 700;
}

.popup_success_msg 
{
text-align: center;
margin: 0 auto;
display: block;
color: white;
position: fixed;
top: 25%;
float: none;
width: 300px;
position: fixed;
z-index: 100;
height: 150px;
padding: 20px;
border: 2px solid green;
border-radius: 3px;
background-color: green;
left: calc(50% - 150px);
font-weight: bold;
}


/* .test {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		position: relative;
		overflow: hidden;
	}



	.form-group {
		margin: 1.5rem 0;
		width: 100%;
		height: 100%;
		position: relative;
	}

	.test input[type='text'],
	.test input[type='email'],
	.test select,
	.test input[type='date'],
	.test input[type='tel'] {
		display: block;
		width: 100%;
		height: 100%;
		padding: 20px 0px 5px 0px;
		color: #595f6e;
		font-size: 20px;
		border: none;
		outline: none;
	}

	.test textarea {
		display: block;
		resize: none;
		width: 100%;
		height: 100%;
		padding: 20px 0px 5px 0px;
		color: #595f6e;
		font-size: 18px;
		border: none;
		outline: none;
	}

	.form-group label {
		margin-bottom: 0px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		pointer-events: none;
		border-bottom: 1px solid black;
	}

	.form-group label::after {
		content: '';
		position: absolute;
		left: 0px;
		bottom: -1px;
		height: 100%;
		width: 100%;
		border-bottom: 3px solid #5fa8d3;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
	}

	.content-firstname,
	.content-lastname,
	.content-reference,
	.content-contrat,
	.content-contrat2,
	.content-tel,
	.content-text {
		position: absolute;
		bottom: 5px;
		left: 0px;
		transition: all 0.3s ease;
	}

	.test input[type='text']:focus+.label-firstname .content-firstname,
	.test input[type='text']:valid+.label-firstname .content-firstname,
	.test input[type='text']:focus+.label-lastname .content-lastname,
	.test input[type='text']:valid+.label-lastname .content-lastname,
	.test input[type='text']:focus+.label-reference .content-reference,
	.test input[type='text']:valid+.label-reference .content-reference,
	.test select:focus+.label-contrat .content-contrat,
	.test select:valid+.label-contrat .content-contrat,
	.test select:focus+.label-contrat2 .content-contrat2,
	.test select:valid+.label-contrat2 .content-contrat2,
	.test input[type='tel']:focus+.label-tel .content-tel,
	.test input[type='tel']:valid+.label-tel .content-tel,
	.tel-className-active+.label-tel .content-tel {
		transform: translateY(-150%);
		font-size: 13px;
		color: #5fa8d3;
	}

	.test textarea:focus+.label-text .content-text,
	.test textarea:valid+.label-text .content-text {
		transform: translateY(-400%);
		font-size: 13px;
		color: #5fa8d3;
	} 

	.test input[type='text']:focus+.label-firstname::after,
	.test input[type='text']:valid+.label-firstname::after,
	.test input[type='text']:focus+.label-lastname::after,
	.test input[type='text']:valid+.label-lastname::after,
	.test input[type='text']:focus+.label-reference::after,
	.test input[type='text']:valid+.label-reference::after,
	.test select:focus+.label-contrat::after,
	.test select:valid+.label-contrat::after,
	.test select:focus+.label-contrat2::after,
	.test select:valid+.label-contrat2::after,
	.test input[type='tel']:focus+.label-tel::after,
	.test input[type='tel']:valid+.label-tel::after,
	.tel-className-active+.label-tel::after,
	.test textarea:focus+.label-text::after,
	.test textarea:valid+.label-text::after {
		transform: translateX(0%);
	} */