body {
  font-family: 'Helvetica', Arial, sans-serif;
}

.formulaireContainer {
	max-width: 400px;
	margin: 0 auto;
}
.formulaire {
  margin:0;
  background-color: #e11c8c;
  padding: 5px 25px 0 25px;
  position:relative;
  color: #fff;;
}
.formulaire input[type="text"]:disabled {
  background: #fff;
  color: #8e8e8e;
  opacity: 1;
  -webkit-text-fill-color: #8e8e8e;
}
.formulaire .champs {
  position: absolute;
  padding: 5px;
  bottom: 0;
  right: 40px;
  font-size: 11px;
}
.formulaire .titre {
  color: #fff;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  text-align: center;
  font-size: 17px;
  line-height: 23px;
  margin: 0;
  padding: 10px 0 6px 0;
  font-weight: 300;
}
.formulaire .titre span {
  color: #fff;
}
.formulaire form{
  padding:10px;
  margin:0;
  position:relative
}

.formulaire form input {
  padding: 6px 12px;
  /*line-height: 21px;*/
  position:relative;
  border:1px solid #bdc3c7;
  /*line-height:22px;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 0 0 4px 0;
  color: #8e8e8e;
}

.formulaire form select{
  padding: 6px 12px;
  height: 37px;
  position:relative;
  border:1px solid #bdc3c7;
  /*line-height:21px;*/
  margin: 0 0 4px 0;
  color: #8e8e8e;
}

.formulaire form button[type="submit"]{
  width:70%;
  display: block;
  margin: 25px auto;
  position:relative;
  overflow:hidden;
  font-size:23px;
  font-weight: bold;
}

.formulaire .valide-label{
  position:absolute;
  top:50%;
  left:0%;
  width:100%;
  margin-top:-0.5em;
  -webkit-transition:top 0.3s;
  -moz-transition:top 0.3s;
  -ms-transition:top 0.3s;
  -o-transition:top 0.3s;
  transition:top 0.3s
}

.formulaire #form-formation, .formulaire #form-civ, .formulaire #form-niveauEtude, .formulaire #form-pays {
  width: 99%;
}

.formulaire #contact-submit{
  background:url(../img/btn.png);
  background-repeat: no-repeat;
  width:148px;
  height:54px;
  border: 0;
  margin: 3px auto 25px auto;
  padding: 0;
}

.formulaire .preloader{
  position:absolute;
  left:50%;
  top:-50%;
  margin-left:-16px;
  margin-top:-16px;
  width:32px;
  height:32px;
  -webkit-transition:top 0.3s;
  -moz-transition:top 0.3s;
  -ms-transition:top 0.3s;
  -o-transition:top 0.3s;
  transition:top 0.3s
}

.formulaire .loading{
  background:#82A7BD
}

.formulaire .loading .valide-label{
  top:150%
}

.formulaire .loading .preloader{
  top:50%
}

.formulaire .select-group select{
  width:32%
}

.placeholder{
  color:#999
}

.alert {
    padding: 15px 0;
    margin-bottom: 10px;
}
select option,select optgroup{
  color:black
}
select optgroup{
  background:#EAF2F7
}
.error{
  border-color:#c80000 !important;
  background:#ffc8c8 !important
}
.formulaire form input[type='text'],.formulaire form input[type='email'],.formulaire form input[type='tel']{
  width:90%
}
.formulaire form select{
  padding:1%
}
#submit{border:none;margin: 0 auto 15px;}
label{font-size:12px;}