div#middle{
	display:table;
	width:100%;
	background:#FFF;
	max-width:1200px;
	margin:0 auto;
}
div#contact_left, div#contact_right{
	position:relative;
	float:left;
}
div#contact_left{
	width:60%;
}
div#contact_right{
	width:40%;
}
::after, ::before {
    box-sizing: border-box;
}
#coordonnees{
	text-align:center;
	max-width:300px;
	margin:0 auto;
}
#coordonnees h2.bloc_sstitre {
	display:inherit;
}
#coordonnees h1{
	position:relative;
	display:block;
	font-size:25pt;
	font-weight:normal;
	border-bottom:1px solid #007ba5;
	margin-bottom:30px;
}
#coordonnees h1::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #007ba5 transparent transparent transparent;
    position: absolute;
    top: 40px;
    left: 50%;
    margin-left: -20px;
}
#coordonnees a{
	color:inherit;
}
#coordonnees a:hover{
	color:#007ba5;
	transition-duration: 500ms;
	text-decoration: underline;
}
div#coordonnees p{
	font-size:20px;
	padding:20px 0;
	font-family:'Arial', sans-serif;
}
div#coordonnees .titre{
	float:left;
	width:34%;
	padding-left:5%;
}
#coordonnees a{

	text-decoration:none;
}

div#mentions{
	position:relative;
	width:100%;
	text-align:justify;
	font-size:12px;
	overflow:hidden;
	padding:20px 0;
	line-height:20px;
}
section form{
	position:relative;
	width:100%;
	margin:0 auto;
	padding-top:45px;
}
.form_col{
	position:relative;
	float:left;
	display:table;
}

.form_col.width_67{
	width:65%;
}
.form_col.width_33{
	width:33%;
}

.text-field {
  appearance: none;
  width: 100%;
  font-weight: 500;
  position: relative;
  letter-spacing: 1px;
	margin:0 2% 50px 2%;
	display:table;
	float:left;
}
.text-field.width_50{
	width:46%;
}
.text-field.width_100{
	width:96%;
}
.text-field input, .text-field select, .text-field option, .text-field textarea{
	
  margin: 0;
  vertical-align: bottom;
  width: 100%;
  border: none;
  padding: 0 ;
  height: 30px;
  letter-spacing: 1px;
  font-size: 14pt;
  background: #FFF;

}
.text-field select, .text-field option{
	background:none;
}
option#1 {
    font-size:0;
}
.text-field.focus textarea{

	min-height:95px;
}
.text-field.invalid .text-field-placeholder {
  color: #ee5a56 !important;
}
.text-field.invalid:after,
.text-field.invalid:before,
.text-field.invalid .lines:before,
.text-field.invalid .lines:after {
  background: #ee5a56 !important;
}
.text-field .text-field-placeholder{
  text-transform: uppercase;
  top: 5px;
  position: absolute;
  left: 0.9375rem;
  transition: transform 500ms 0ms cubic-bezier(0.19, 1, 0.22, 1), color 300ms 0ms cubic-bezier(0.8, 0, 0.2, 1);
  transform-origin: left center;
  pointer-events: none;
  font-weight: 500;
  font-size: 0.9375rem;
}

.text-field:after,
.text-field:before {
  z-index: 0;
}
.text-field:after,
.text-field:before
{
  content: ' ';
  display: block;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background: rgba(50,50,50,0.8);
  transition: width 450ms 0ms cubic-bezier(0.19, 1, 0.22, 1), top 350ms cubic-bezier(0.19, 1, 0.22, 1), bottom 350ms cubic-bezier(0.19, 1, 0.22, 1);
}

.text-field:before{
  bottom: initial;
  top: -3px;
}
.text-field.focus:after {
  bottom: -9px;
}
.text-field.focus:before{
  top: -9px;
}
.text-field.focus .text-field-placeholder, .text-field.hover_direct .text-field-placeholder{
  transform: translateY(-190%) scale(0.9);

}
.g-recaptcha{
	position:relative;
	max-width:100%;
	display:table;
	margin-bottom:15px;
	margin:15px auto;
}

.contact_captcha{
	position:relative;
	max-width:100%;
	margin-bottom:15px;
	margin:15px auto;
}
.contact_submit{
	margin:0 auto;
}
.bouton_envoyer {
	vertical-align: bottom;
	width: 90%;
	letter-spacing: 1px;
	font-size: 14pt;
	background: rgba(0,123,165,1);
	color:#FFF;
	margin:10px auto;
	transition:all 1s ease;
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	border:1px solid #FFF;
	cursor:pointer;
	padding:15px 0;
}
.bouton_envoyer:hover, .bouton_envoyer:focus {
	background: #007ba5;
}
.bouton_envoyer::after {
    transition: width .17s cubic-bezier(.455,.03,.515,.955) 0ms;
}


div#map {
	
	margin:0;
	position:relative;
	height:350px;
	width:100%;
	z-index:1;
	/*background:url(../img/public/sans_map.jpg) center no-repeat;*/
}
/* GOOGLE MAP */
div#gm_infobulle {
	width:150px;
	padding:5px 0;
	overflow:hidden;
}
h1.gm_nom {
	font-size:1.2em;
	color:#3a3a3a;
	margin:5px 0 0 0;
}
.labels {
	color: #005ca1;
	background-color: white;
	font-family: "Lucida Grande", "Arial", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	width: auto;
	padding:5px 10px;
	border: 1px solid #2d2c35;
	/* white-space: nowrap;*/
}

div#erreurs{
	padding:0 15px 55px 15px;font-size: 1.2em;
}
p.erreur {
	background:#ffb4b4;
	color:#CC0000;
	text-indent:25px;
	font-size:0.8em;
	padding:5px 0;
	margin:0;
}
p.erreur-info {

}
p.titre-erreur {
	text-decoration:underline;
	font-size:1em;
	color:#CC0000;
}
.contactok {
	position:relative;
	display:table;
	width:65%;
	padding:5% 0;
	text-align:center;
	line-height:25pt;
	font-size:20pt;
	margin:0 auto;
}
.contactok a { color:inherit;}


/*********************************************************************************************************/
/* inférieur à 1400px */
/*********************************************************************************************************/
@media screen and (max-width : 1400px) {
	div#img_contact{
		float:none;
		width:100%;
	}
	div#img_contact img.pano{
		display:block;
	}
	div#img_contact img.gd_format{
		display:none;
	}
	section form{
		float:none;
		width:100%;
	}
	
}
/*********************************************************************************************************/
/* inférieur à 1150px  */
/*********************************************************************************************************/
@media screen and (max-width : 1150px) {
	div#coordonnees .titre{
		float:left;
		width:26%;
	}

}
/*********************************************************************************************************/
/* inférieur à 900px */
/*********************************************************************************************************/
@media screen and (max-width : 900px) {
	.form_col.width_67, .form_col.width_33{
		width:100%;
		float:none;
	}
	.coordonnees_left,.coordonnees_right {
		width:35%;
	}
}
/*********************************************************************************************************/
/* inférieur à 800px */
/*********************************************************************************************************/
@media screen and (max-width : 800px) {
	#coordonnees h1 {
    font-size: 21pt;
	}
	div#coordonnees p{
		font-size:14pt;
	}
}
/*********************************************************************************************************/
/* inférieur à 650px */
/*********************************************************************************************************/
@media screen and (max-width : 800px) {
	div#coordonnees .titre, .coordonnees_left,.coordonnees_right {
		float:none;
		width:96%;
		margin:0 auto;
		text-align:center;
		padding:0;
	}
}
/*********************************************************************************************************/
/* inférieur à 500px */
/*********************************************************************************************************/
@media screen and (max-width : 500px) {
	.text-field.width_50{
		width:96%;
		float:none;
	}
	.text-field{
		padding:0;
	}
}