#submitRecupdata {
  float: left;
  margin: -7px 10px 10px 10px;
}
#submitRechercheAnnuaire {
  float: left;
  margin: -7px 10px 10px 10px;
}
#search-annuaire {
  width:200px !important;
}
#recupdata-email {
  float:left;
}
#popins, #div-recupdata, #rechercheAnnuaire {
  padding: 0px 0 0 0;
}
#div-recupdata {
  width:100%;
  max-width:470px;
}
#rechercheAnnuaire {
  width:100%;
  max-width:530px;
  float:right;
  margin-right: 100px;
}
#div-recupdata span.titreformlabel {
  font-size:16px !important;
}
#rechercheAnnuaire span.titreformlabel {
  font-size:16px !important;
}
#popins label, #div-recupdata label, #rechercheAnnuaire label {
  font-size:12px;
  font-weight: bold;
}
#div-recupdata label {
  float:right;
  font-size:14px;
}
#rechercheAnnuaire label {
  float:right;
  font-size:14px;
}

#popins form label:hover, #div-recupdata form label:hover, #rechercheAnnuaire form label:hover {
  cursor:pointer;
}

#popins input, #popins textarea {
  font-size:12px;
}
#popins p, #div-recupdata p, #rechercheAnnuaire p {
  font-size:12px;
}
#div-recupdata p {
  display: inline-block;
  float: left;
}
#rechercheAnnuaire p {
  display: inline-block;
  float: left;
}


.leftform {
  width:50%;
  float:left;
}
.rightform {
  width:50%;
  float:right;
}

p.radio {
  float: left;
  padding-top:0px !important;
  /*width: 45% !important;*/
}
.left {
  float:left;
  margin-left:5px;
}
.clear{
  clear:both;
}
.titreformlabel {
  display: block;
  width: 100%;
  font-size: 18px !important;
  margin-bottom: 10px;
  text-align:left;
}

#popins input.text,#popins input.title, #popins input[type="text"], #popins select, #popins textarea, #popins input[type="email"], #popins input[type="tel"] {
  width: 90%;
  /*max-width: 250px;*/
}
#div-recupdata input[type="email"] {
  width:auto;
float:right;
  margin: -5px 10px 0 10px;
}

#rechercheAnnuaire input[type="text"] {
  width:auto;
  float:right;
  margin: -5px 10px 0 10px;
}

#popins sup, #div-recupdata sup,#rechercheAnnuaire sup {
  font-size: 7px;
  color: red;
  font-weight: bold;
}

#popins input[type="radio"] {
  margin-left: 10px;
}
p.radioselect {
  margin-top: 10px !important;
}
p.radioselect > label {
  float:left;
}
p.radioselect span {
  margin-left: 40px;
  display: block;
}
p.radioselect span input {

}
p.radioselect span label {

}
.rgpdcheck {
  margin-top:5px;
  clear:both;
}
.rgpdcheck label {
  font-size:12px !important;
}



#inscriptionForm {
  margin: 20px auto;
  width: 560px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
  display:none;


}
#inscriptionForm div form p {
  padding: 0px;
  margin: 0;
}



#creation-evenement-etape1 {}
#creation-evenement-etape2 {
  display:none;
}


#organiserForm {
  margin: 20px auto;
  width: 560px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
  display: none;
}
#organiserForm div form p {
  padding: 0px;
  margin: 0;
}



#evenementForm {
  margin: 20px auto;
  width: 780px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
}
#evenementForm div form p {
  padding: 0px;
  margin: 0;
}
#evenementForm div form p.radio {
  width:auto;
}


#ambassadeurForm {
  margin: 20px auto;
  width: 560px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
  display:none;
}
#ambassadeurForm div form p{
  padding: 0px;
  margin: 0;
}


#dataInscriptionForm {
  margin: 20px auto;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
}
#dataInscriptionForm div form p {
  padding: 0px;
  margin: 0;
}
#dataInscriptionForm div form p.radio {
  width:auto;
}
#dataInscriptionForm div.left {
  margin-top:0px;
}





#organisateurForm {
  margin: 20px auto;
  width: 780px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
}
#organisateurForm div form p {
  padding: 0px;
  margin: 0;
}
#organisateurForm div form p.radio {
  width:auto;
}
#organisateurForm div.left {
  margin-top:0px;
}




#dataAmbassadeurForm {
  margin: 20px auto;
  width: 560px;
  width:90%;
  /*border: 1px solid gray;*/
  clear: both;
  padding: 0px;
  display:none;
}
#dataAmbassadeurForm {
  display:block;
}
#dataAmbassadeurForm div form p {
  padding: 0px;
  margin: 0;
}
#dataAmbassadeurForm div form p.radio {
  width:auto;
}




#parametresForm {
  margin: 20px auto;
  width: 560px;
  border: 1px solid gray;
  clear: both;
  padding: 20px;
}
#parametresForm div form p {
  padding: 0px;
  margin: 0;
}
#parametresForm div form p.radio {
  width:auto;
}




/*
#annulerOrganisateur,#annulerEvenementData,#annulerEvenement,#annulerEvenementData,#annulerAmbassadeur {
  display: block;
  float: right;
  font-size:12px;
  text-decoration:underline;
  color:#0078A8;
}*/


#submitOrganisateur,#submitEvenement,#submitParametres, #submitInscription {
  margin: 30px auto 0 auto;
  /*width: 100px;*/
  display: block;
}
#submitAmbassadeur {
  margin: 30px auto 0 auto;
  /*width: 100px;*/
  display: block;
}


#deleteInscription {
  float: right;
  margin-top: -40px;
}


#evenement-description {
  width: 100% !important;
}


#rejeterAmbassadeur, #supprimerAmbassadeur, #supprimerEvenement, #supprimerOrganisateur  {
  float:right;
}


/* form style 10 */
.form-style-10{
  width: calc(100% - 60px);
  padding: 0;
  margin: 30px;
  background:   #FFF;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.13);
}

.form-style-10 * {
  font-family: 'Open Sans',sans-serif !important;
}
.form-style-10 h1{
  font-family: 'Chau Philomene One',Helvetica,Arial,Lucida,sans-serif !important;
  background:          #3e8ede;
  padding: 20px 30px 15px 30px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color:          #fff;
  text-shadow: 1px 1px 3px  rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px  rgba(255, 255, 255, 0.17);
  border: 1px solid  #3e8ede;
 }
.form-style-10 form{
  padding:20px;
}
.form-style-10 h2{
  font-family: 'Chau Philomene One',Helvetica,Arial,Lucida,sans-serif !important;

}

/*

.form-style-10 h1 > span{
  display: block;
  margin-top: 2px;
  font: 13px Arial, Helvetica, sans-serif;
}
*/
.form-style-10 label{
  /*display: block;*/
  font-size: 13px;
  color: #888;
  /*margin-bottom: 15px;*/
}

.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 input[type="tel"],
.form-style-10 textarea,
.form-style-10 select {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 8px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border: 2px solid #fff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}
.form-style-10 input[type="text"]:focus,
.form-style-10 input[type="date"]:focus,
.form-style-10 input[type="datetime"]:focus,
.form-style-10 input[type="email"]:focus,
.form-style-10 input[type="number"]:focus,
.form-style-10 input[type="search"]:focus,
.form-style-10 input[type="time"]:focus,
.form-style-10 input[type="url"]:focus,
.form-style-10 input[type="password"]:focus,
.form-style-10 input[type="tel"]:focus,
.form-style-10 textarea:focus,
.form-style-10 select:focus {

  border-color:#e11383;
  color:#3e3e3e
}
/*
.form-style-10 .section{
  font: normal 20px 'Bitter', serif;
  color: #2A88AD;
  margin-bottom: 5px;
}
.form-style-10 .section span {
  background: #2A88AD;
  padding: 5px 10px 5px 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 4px solid #fff;
  font-size: 14px;
  margin-left: -45px;
  color: #fff;
  margin-top: -3px;
}
*/

.inscriptionCleanUpBouton {
  padding: 8px 16px;
  font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
  background-color:#3e8ede;
  border: none;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  margin: 10px auto;
  width: 130px;
  display: block;
}


.form-style-10 input[type="button"],
.form-style-10 input[type="submit"], .inscriptionCleanUpBouton, .creerCleanUpBouton2,
#submitInscription, .repositionnerCleanUpBouton, .positionnerCleanUpBouton,
.devenirAmbassadeurBouton{
  background: #e11383;
  padding: 8px 20px 8px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  font: normal 30px 'Bitter', serif;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  border: 1px solid #e11383;
  font-size: 16px;
  font-family: 'Chau Philomene One',Helvetica,Arial,Lucida,sans-seri !important;
}
.form-style-10 input[type="button"]:hover,
.form-style-10 input[type="submit"]:hover, .inscriptionCleanUpBouton:hover,.creerCleanUpBouton2:hover, #submitInscription:hover, .repositionnerCleanUpBouton:hover
,.positionnerCleanUpBouton:hover, .devenirAmbassadeurBouton:hover{
  background: #e11383;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  cursor:pointer;
  text-decoration:underline;
}



.form-style-10 .privacy-policy{
  float: right;
  width: 250px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #4D4D4D;
  margin-top: 10px;
  text-align: right;
}

#reinitialiserMap-cleanup, .repositionnerCleanUpBouton {
  background-color:#3e8ede !important;
  border-width: 0 !important;
}

h2#cleanUpInscription {
  padding:15px;
}

.inscriptionFormMap {
  position: sticky;
  top: 15px;
  z-index: 8999;
}