.loader{
	background: url('images/ajax-loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 0.8);
	cursor: wait;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

  #map-example-container {left: 546px;
    position: absolute;
    height: 281px;
    width: 304px;}

:required {
    border: 1px dotted red !important;
}

	.loader h1{
		background: none;
		border: none;
		color: #E03E52;
		font-size: 22px;
		font-family: "Open Sans",sans-serif;
		font-variant: small-caps;
		font-weight: 700;
		height: 700px;
		line-height: 700px;
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
	}




body {
background-color: #A7813D;
/* font-size: 62.5% !important; */
font-size: 1rem;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
color: #A7813D;
}

.formulaire-fsa {
  max-width: 700px;
  margin: auto;
  font-family: futura-pt, sans-serif;
  margin-top: 5%;
    /* transform: translateY(-50%); */
  /*border: 1px solid #000;*/
  background-color: #fff;
  position: relative;
  padding: 5%;
}

.formulaire-fsa h3 {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #000000;
}
.formulaire-fsa p {
  margin: 1% 0;
  font-size: 0.9rem;
  color: #000000;
}
.formulaire-fsa .bouttonhome button {
  cursor: pointer;
  margin: 10px 10px 10px 0;
  background-color: transparent;
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  background-color: #A7813D;
  border: 1px solid #000;
  padding: 15px 18px;
  transition-property: background-color;
  transition-duration: 0.1s;
  transition-timing-function: linear;
}
.formulaire-fsa .bouttonhome button:nth-child(2) {
  color: #000;
  background-color: #fff;
  margin-left: 20px;
}
.formulaire-fsa .bouttonhome button:hover {
  background-color: #fff;
  color: #000;
}
.formulaire-fsa .bouttonhome button:nth-child(2):hover {
  background-color: #A7813D;
  color: #fff;
}
.btn-back {
  position: absolute;
  top: 50px;
  font-size: 16px;
}
.btn-back button {
  background-color: transparent;
  border: none;
  font-size: 1rem;
  cursor: pointer;
}
#info {
  background: #f3f3f3;
  color: #f00;
  text-align: center;
  position: absolute;
  top: -40px;;
  left: 0;
  font-size: 1rem;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  letter-spacing: 1px;
}
#titreform {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 1rem;
  color: #000000;
  padding-top: 20px;
}
.mandatory label {
  display: none;
}

.formulaire-fsa input {
  padding: 10px 15px;
}
.bouton {
  padding: 10px 15px;
  font-size: 1rem;
  background-color: #A7813D;
  color: #A7813D;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: 0.1s;
  border-width: 1px;
  border-color: #A7813D;
  transition-timing-function: linear;
}
.bouton:hover {
  background-color: #fff;
  color: #000 !important;
  border: 1px solid #000;
}
.chosen-container-single .chosen-single {
  border-radius: 0 !important;
  background: transparent !important;
  height: 45px !important;
  border: 1px solid #000 !important;
  padding: 10px 15px !important;
  color: #000 !important;
  max-width: 689px;
}
.chosen-container .chosen-drop {max-width: 84% !important;}

.form1 {
  max-width: 100%;
}
.form1 select,
.form1 textarea, .form1 input {
  color: #000;
  padding: 10px 15px;
  margin: 8px 16px 8px 0;
}

.form2 #adresse,.form2 .algolia-places {
	width:620px;
}




.bouton {  color: white !important;}

.form1 textarea { width: 100%; font-family: futura-pt, sans-serif; box-sizing: border-box;}

.form1 placeholder {
  color: #000;
}
.form1 #imageNiveaux {
  position: absolute;
  top: 115px;
}
.legends {
  position: absolute;
  bottom: 30px;
  opacity: 0.7;
  left: 10%;
}
#listevins p{
display: grid;
grid-template-columns: 80% 1fr;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 1.8%;}

#listevins {
  display: block;
  background-color: #f3f3f3;
  padding: 5%;
  margin-top: 50px;
}
#listevins p {
  margin: 1.5% 0;
}
#listevins i {
  cursor: pointer;
}

.ti-close {font-size: 0.75rem;}

#affichtag {
  opacity: 0.8;
  vertical-align: middle;
  margin: 0 5px;
}
#listevins .bouton {
  margin-top: 30px;
  width: 100%;
}
.form2 {
  margin-top: 50px;
  border: 1px solid #000;
  padding: 5%;
}
.form2 label {
  display: none;
}

.form2 .bu {
  display: inline-block;
}


.form2 input {
  border-radius: 0;
  border: 1px solid #000;
  margin: 5px 5px 5px 0;
}
.form2 p {
  margin-bottom: 0;
}
.form2 div {
  margin-bottom: 20px;
}

input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #000;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

:focus {
  outline: initial;
}
 

.select2-container--default .select2-selection--single .select2-selection__rendered {border: 1px solid rgba(0,0,0,0.8); margin-right: 0; color: #000000}
.select2-container--default .select2-selection--single {margin-right: 0;}
.select2-container--open .select2-dropdown--below {background-color: #fff; border: 1px solid rgba(0,0,0,0.8);}
.chosen-container-single .chosen-single span, .formulaire-fsa select {font-size: 0.9rem !important;}

input:focus, select:focus, textarea:focus {
  border: 1px inset #000;

}

@media (max-width: 1000px) {
.btn-back {position: relative; top: inherit; text-align: center;}
.btn-back button {margin-top: 80px;}
#titreform {margin-top: 50px;}
 .form1 #imageNiveaux img {
	 /* max-width: 60%; */
	 }

	  .form1 #imageNiveaux{
		  left: 10px;
	  }
.formulaire-fsa .bouttonhome button, .bouton, .formulaire-fsa input, .form1 select, .form1 textarea { width: inherit; text-align: center; width: 100%; box-sizing: border-box; margin-bottom: 20px; }
.formulaire-fsa {margin-top: inherit; margin-top: 50px;transform: none;}
#listevins p {
    display: grid;
    grid-template-columns: 58% 1fr;
    grid-gap: 17px;}

.select2-container {max-width: 100%;}

/* #niveau {width:80%;} */
.form2 #adresse,.form2 .algolia-places {
	width:275px;
}
.ap-input-icon {

bottom: 12px;}

  #niveau{width:85%;}
}

@media (min-width: 1000px) {
  #infoimage i {
    display: none;
  }


}


.span [id="bouttonhome"]{
	color:#000000;
}

#uploadPhoto {
  margin-bottom: 5px;
  font-size: 0.9rem;
  color: #000000;
  padding-top: 10px;
}