/* CSS AF3V signalement */

	html, body { height: 100% }

	.leaflet-container {
		cursor: initial;
	}

	body {
		width: 100%;
		float: left;
	}

	p {
		padding-top: 5px;
		text-align: center;
	}

	.required:after {
		content:" *";
		color: red;
	}

	body{
	  font-family: 'Open Sans',sans-serif;
	  font-weight: 400;
	  font-size: 13px;
	}

	select:required ,textarea:required, input[type=email]:required  {
		border-color: #65b33b;
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 255, .5);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 255, .5);
		-o-box-shadow: 0 0 1px rgba(0, 0, 255, .5);
		-ms-box-shadow: 0 0 1px rgba(0, 0, 255, .5);
		box-shadow: 0 0 1px rgba(0, 0, 255, .5);
	}

	form {
		width: 90%;
		margin-left: 10px;
		margin-right: 5px;
		margin-top: 5px;
		padding-left: 10px;
		padding-right: 10px;

		background-color: #f4f4f4;
		border-color: #d8d8d8;
		-webkit-box-shadow: 0 0 5px rgba(101, 179, 59, .8);
		-moz-box-shadow: 0 0 5px rgba(101, 179, 59, .8);
		-o-box-shadow: 0 0 5px rgba(101, 179, 59, .8);
		-ms-box-shadow: 0 0 5px rgba(101, 179, 59, .8);
		box-shadow: 0 0 5px rgba(101, 179, 59, .8);
	}


	input, select, textarea {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		border:1px solid #ccc;
		font-size:15px;
		min-height:15px;
		margin-bottom:5px;
		margin-top:5px;
		outline: none;

		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		border-radius:5px;
	}

	select {
	  width:100%;
	}
			
	input[type=email], input[type=text], textarea {
		width:95%;
	}

	input[type=text] {
		padding:0px;
		width:30%;
	}

	input, select, textarea {
	  background-color: #fff;
	  padding:10px;
	  cursor: pointer;
	}

	input[type=text] {
	  border-color: #f4f4f4;
	  cursor: pointer;
	}
	
	input[data-ronly] {
		pointer-events: none;
	}

	input[type=submit] {
		border-radius: 50px;
		border: 1px solid #ee8a0b;
		padding: 12px 20px 12px 20px;
		background-color: #ee8a0b;
		color: #fff;
		display: inline-block !important;
		font-size: 14px;
		font-weight: 400;
		font-family: 'Open Sans Bold', sans-serif;
		cursor: pointer;
	}

	label {
	  cursor: pointer;
	  font-size: 14px;
	}
	

	.buttonOne {
		border-radius: 50px;
		border: 1px solid #ee8a0b;
		padding: 12px 20px 12px 20px;
		color: #ee8a0b;
		display: inline-block !important;
		font-size: 14px;
		font-weight: 400;
		font-family: 'Open Sans Bold', sans-serif;
		cursor: pointer;
	}

	.geoloc {
		border-radius: 50px;
		border: 1px solid #65b33b;
		padding: 12px 20px 12px 20px;
		background-color: #65b33b;
		color: #fff;
		display: inline-block !important;
		font-size: 14px;
		font-weight: 400;
		font-family: 'Open Sans Bold', sans-serif;
		cursor: pointer;

	}

	.head-img, .head-btn {
		float: left;
		width: 60%;
	}
	
	.ss-header {
		display: flex; 
	}
	
	@media (min-width: 40em) {

		.css_form {
			width: 33.33%;
			float: left;
			height: 100%;
		}

		.header {
			width: 100%;
			padding: 0px 30px 0px 30px;
			text-align:center;
			vertical-align:middle; 
			display:table-cell;
			padding-top: 5px;
		}

	  #map {
		width: 66.66%;
		float: left; 
		height:100%;
		position: relative;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	  }

	}
		
	@media (max-width: 40em) {
	  .container {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/* optional */
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	  }

	  #map {
		width: 100%; 
		height: 40%;
		position: relative;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	  }

	  .container .css_form {
	 /* 	padding-left: 5px;   */
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	  }

	.header {
		margin-top: 10px;
		width: 100%;
		text-align:center;
		vertical-align:middle; 
		display:table-cell;
		padding-top: 5px;
	}
}