/* Style input sass copy (dont modify without change sass before to keep cohesion) */
.bloc-input-ae {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%; }
.bloc-input-ae.select {
   min-height: 65px; }
.bloc-input-ae .label-ae {
   font-size: 14px;
   color: #333333; }
.bloc-input-ae .label-ae .facult-info {
   color: #777777;
   font-size: 10px; }
.bloc-input-ae input[type=date]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   display: none; }
.bloc-input-ae input[type=date]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   display: none; }
.bloc-input-ae input[type=date]::-webkit-calendar-picker-indicator {
   -webkit-appearance: none;
   display: none; }
.bloc-input-ae input[type=date]::-ms-clear {
   -webkit-appearance: none;
   display: none; }
.bloc-input-ae input[type=date]::-webkit-clear-button {
   -webkit-appearance: none;
   display: none; }
.bloc-input-ae input[type="file"].input-ae,.bloc-input-ae input[type="text"].input-ae, .bloc-input-ae input[type="date"].input-ae, .bloc-input-ae input[type="email"].input-ae, .bloc-input-ae input[type="password"].input-ae, .bloc-input-ae input[type='tel'].input-ae, .bloc-input-ae select.input-ae, .bloc-input-ae textarea.input-ae {
   display: inline-flex;
   box-shadow: none;
   border-radius: 0;
   border: 1px solid #cccccc;
   outline: none;
   height: 55px;
   min-height: 55px;
   text-align: left;
   padding: 15px 5px 0 5px !important;
   font-size: 14px;
   color: #333333;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   }
.bloc-input-ae input[type="text"].input-ae.dropdown-select, .bloc-input-ae input[type="date"].input-ae.dropdown-select, .bloc-input-ae input[type="email"].input-ae.dropdown-select, .bloc-input-ae input[type="password"].input-ae.dropdown-select, .bloc-input-ae input[type='tel'].input-ae.dropdown-select, .bloc-input-ae select.input-ae.dropdown-select, .bloc-input-ae textarea.input-ae.dropdown-select {
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background: transparent url("/img/newSite/arrow-down-grey.png") no-repeat 98% 60%;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 36px !important;
   white-space: nowrap;
   }
.bloc-input-ae input[type="text"].input-ae.dropdown-select:focus, .bloc-input-ae input[type="date"].input-ae.dropdown-select:focus, .bloc-input-ae input[type="email"].input-ae.dropdown-select:focus, .bloc-input-ae input[type="password"].input-ae.dropdown-select:focus, .bloc-input-ae input[type='tel'].input-ae.dropdown-select:focus, .bloc-input-ae select.input-ae.dropdown-select:focus, .bloc-input-ae textarea.input-ae.dropdown-select:focus {
   box-shadow: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background: transparent url("/img/newSite/arrow-up-grey.png") no-repeat 98% 60%; }
.bloc-input-ae input[type="text"].input-ae::-webkit-input-placeholder, .bloc-input-ae input[type="date"].input-ae::-webkit-input-placeholder, .bloc-input-ae input[type="email"].input-ae::-webkit-input-placeholder, .bloc-input-ae input[type="password"].input-ae::-webkit-input-placeholder, .bloc-input-ae input[type='tel'].input-ae::-webkit-input-placeholder, .bloc-input-ae select.input-ae::-webkit-input-placeholder, .bloc-input-ae textarea.input-ae::-webkit-input-placeholder {
   color: #777777;
   text-align: left;
   font-size: 12px; }
.bloc-input-ae input[type="text"].input-ae::-moz-placeholder, .bloc-input-ae input[type="date"].input-ae::-moz-placeholder, .bloc-input-ae input[type="email"].input-ae::-moz-placeholder, .bloc-input-ae input[type="password"].input-ae::-moz-placeholder, .bloc-input-ae input[type='tel'].input-ae::-moz-placeholder, .bloc-input-ae select.input-ae::-moz-placeholder, .bloc-input-ae textarea.input-ae::-moz-placeholder {
   color: #777777;
   text-align: left;
   font-size: 12px; }
.bloc-input-ae input[type="text"].input-ae:-ms-input-placeholder, .bloc-input-ae input[type="date"].input-ae:-ms-input-placeholder, .bloc-input-ae input[type="email"].input-ae:-ms-input-placeholder, .bloc-input-ae input[type="password"].input-ae:-ms-input-placeholder, .bloc-input-ae input[type='tel'].input-ae:-ms-input-placeholder, .bloc-input-ae select.input-ae:-ms-input-placeholder, .bloc-input-ae textarea.input-ae:-ms-input-placeholder {
   color: #777777;
   text-align: left;
   font-size: 12px; }
.bloc-input-ae input[type="text"].input-ae:-moz-placeholder, .bloc-input-ae input[type="date"].input-ae:-moz-placeholder, .bloc-input-ae input[type="email"].input-ae:-moz-placeholder, .bloc-input-ae input[type="password"].input-ae:-moz-placeholder, .bloc-input-ae input[type='tel'].input-ae:-moz-placeholder, .bloc-input-ae select.input-ae:-moz-placeholder, .bloc-input-ae textarea.input-ae:-moz-placeholder {
   color: #777777;
   text-align: left;
   font-size: 12px; }
.bloc-input-ae input[type="text"].input-ae:focus, .bloc-input-ae input[type="date"].input-ae:focus, .bloc-input-ae input[type="email"].input-ae:focus, .bloc-input-ae input[type="password"].input-ae:focus, .bloc-input-ae input[type='tel'].input-ae:focus, .bloc-input-ae select.input-ae:focus, .bloc-input-ae textarea.input-ae:focus {
   border: 1px solid #ffb400; }
.bloc-input-ae input[type="text"].input-ae.input-valide, .bloc-input-ae input[type="date"].input-ae.input-valide, .bloc-input-ae input[type="email"].input-ae.input-valide, .bloc-input-ae input[type="password"].input-ae.input-valide, .bloc-input-ae input[type='tel'].input-ae.input-valide, .bloc-input-ae select.input-ae.input-valide, .bloc-input-ae textarea.input-ae.input-valide {
   border: 1px solid #5fa53f; }
.bloc-input-ae input[type="text"].input-ae.input-error, .bloc-input-ae input[type="date"].input-ae.input-error, .bloc-input-ae input[type="email"].input-ae.input-error, .bloc-input-ae input[type="password"].input-ae.input-error, .bloc-input-ae input[type='tel'].input-ae.input-error, .bloc-input-ae select.input-ae.input-error, .bloc-input-ae textarea.input-ae.input-error {
   border: 1px solid #e74c3c; }
.bloc-input-ae input[type="text"].input-ae.is-invalid-input:not(select), .bloc-input-ae input[type="date"].input-ae.is-invalid-input:not(select), .bloc-input-ae input[type="email"].input-ae.is-invalid-input:not(select), .bloc-input-ae input[type="password"].input-ae.is-invalid-input:not(select), .bloc-input-ae input[type='tel'].input-ae.is-invalid-input:not(select), .bloc-input-ae select.input-ae.is-invalid-input:not(select), .bloc-input-ae textarea.input-ae.is-invalid-input:not(select) {
   background: none; }
.bloc-input-ae input[type="text"].input-ae.is-invalid-input, .bloc-input-ae input[type="date"].input-ae.is-invalid-input, .bloc-input-ae input[type="email"].input-ae.is-invalid-input, .bloc-input-ae input[type="password"].input-ae.is-invalid-input, .bloc-input-ae input[type='tel'].input-ae.is-invalid-input, .bloc-input-ae select.input-ae.is-invalid-input, .bloc-input-ae textarea.input-ae.is-invalid-input {
   background: transparent url(/img/newSite/arrow-down-grey.png) no-repeat 98% 50%; }
.bloc-input-ae textarea.input-ae {
   display: inline-flex;
   background: none;
   box-shadow: none;
   border-radius: 0;
   border: 1px solid #cccccc;
   outline: none;
   text-align: left;
   font-size: 14px;
   color: #333333;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; }
.bloc-input-ae textarea.input-ae::-webkit-input-placeholder {
   color: #777777;
   text-align: center;
   font-size: 12px; }
.bloc-input-ae textarea.input-ae::-moz-placeholder {
   color: #777777;
   text-align: center;
   font-size: 12px; }
.bloc-input-ae textarea.input-ae:-ms-input-placeholder {
   color: #777777;
   text-align: center;
   font-size: 12px; }
.bloc-input-ae textarea.input-ae:-moz-placeholder {
   color: #777777;
   text-align: center;
   font-size: 12px; }
.bloc-input-ae textarea.input-ae:hover, .bloc-input-ae textarea.input-ae:focus {
   border-bottom: 2px solid #999999; }
.bloc-input-ae textarea.input-ae.input-valide {
   border-bottom: 2px solid #2ecc71; }
.bloc-input-ae textarea.input-ae.input-error {
   border-bottom: 2px solid #e74c3c; }
/* end sass copy*/




.bloc-input-ae {
   position: relative;
}

.bloc-file-ae{
   border: 1px solid #cccccc;
   padding: 5px 5px 0 5px;
   min-height: 55px;
   margin-bottom: 10px;
}
.bloc-file-ae span.placeholder-span{
   position: initial;
   margin-left: 5px;
   margin-bottom: 10px;
   font-size: 12px !important;
}

.bloc-file-ae input[type="file"]{
   display: inline-flex;
}
.bloc-file-ae.input-error{
   border: 1px solid #e74c3c;
}


input[type="text"].input-ae, .bloc-input-ae input[type="date"].input-ae, .bloc-input-ae input[type="email"].input-ae, .bloc-input-ae input[type="password"].input-ae, .bloc-input-ae input[type='tel'].input-ae, .bloc-input-ae select.input-ae, .bloc-input-ae textarea.input-ae {
   margin:  0 0 1rem 0;
   width: 100%;
}

.radio label {
   cursor: pointer;
   display: inline-block;
   padding-bottom: 5px;
   padding-left: 30px;
   padding-right: 10px;
   position: relative;
   color: #333333;
   opacity: 1;
   font-family: 'Montserrat', sans-serif;
   font-weight:300;
}

.radio label::before {
   background: #ffffff none repeat scroll 0 0 padding-box;
   border: 2px solid #b3b3b3;
   border-radius: 10px;
   content: "";
   display: inline-block;
   height: 20px;
   left: 0;
   margin-right: 10px;
   position: absolute;
   width: 20px;
   top: 2px;
}

#form-style-formation .radio input[type=radio] + label::after,
.radio label::after {
   background-clip: padding-box;
   border-radius: 10px;
   content: "";
   display: inline-block;
   font-size: 13px;
   height: 20px;
   left: 0;
   position: absolute;
   text-align: center;
   top: 2px;
   transform: scale(0);
   width: 20px;
}

.bloc-input-ae input,
.radio input{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: none;
}
.radio input{
   border: none;
   width: 0;
   height: 0;
}

.radio input[type="radio"]:checked + label::before,
.radio input[type="radio"]:hover + label::before {
   border-color: #e74336;
}

.radio input[type="radio"]:checked + label::after {
   line-height: 16px;
   transform: scale(0.63);
   transition: transform 0.1s cubic-bezier(0.4, 0.02, 0.3, 1.2) 0s;
   background-color: #e74336;
   border: 1px solid #e74336;
}
.form-error{
   margin-bottom: 1rem;
   font-size: 12px;
   font-weight: bold;
   color: #cc4b37;
}
 .placeholder-span + select + .form-error {
   margin-top: 60px;
}