/** FORMULAIRE
*********************************************************/
.form-contact-wrapper {	position:relative;
						width:75%;
						max-width:990px;
						margin:auto;
						text-align: left;}


.form-contact-wrapper input[type="text"],
.form-contact-wrapper input[type="email"],
.form-contact-wrapper textarea
 {	display:block;
	width:100%;
	height:40px;
	margin:50px 0 0;
	border-top:none;
	border-right:none;
	border-left:none;
	background-color:transparent;
	padding-left:70px;
	font-family: 'LatoWeb';
	font-size:21px;
	color:#4d5e67;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);

    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

.form-contact-wrapper input[type="submit"] {	border: none;
												padding: 10px 100px 13px 66px;
												margin-top: 30px;
												font-family: lato;
												font-size: 24px;
												font-weight: 300;
												color: #E8E8E8;
												background: #00789D url(../images/icon-send.png) 160px center no-repeat;
												-webkit-border-radius: 5px;
												-moz-border-radius: 5px;
												border-radius: 5px;
												cursor: pointer;}
												
.form-contact-wrapper input[type="submit"]:hover {	background-color:#005b77;}

.form-contact-wrapper textarea {    resize: none; overflow:hidden; padding-bottom:13px; }

.form-contact-wrapper p {position:relative}

.form-contact-wrapper j {
	display:block;
    left: 0px;
    top: 0px;
    position: absolute;
    height: 36px;
    width: 50px;

    border-right: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    pointer-events: none;
}

.form-contact-wrapper .icon-nom {		background:url(../images/icon-form-contact-nom.png) center center no-repeat;}
.form-contact-wrapper .icon-mail {		background:url(../images/icon-form-contact-mail.png) center center no-repeat;}
.form-contact-wrapper .icon-sujet {		background:url(../images/icon-form-contact-sujet.png) center center no-repeat;}
.form-contact-wrapper .icon-message {	background:url(../images/icon-form-contact-message.png) center center no-repeat;}


.form-contact-wrapper .inputNom:hover ~ j {		background:url(../images/icon-form-contact-nom-hover.png) center center no-repeat;}
.form-contact-wrapper .inputMail:hover ~ j {	background:url(../images/icon-form-contact-mail-hover.png) center center no-repeat;}
.form-contact-wrapper .inputSujet:hover ~ j {	background:url(../images/icon-form-contact-sujet-hover.png) center center no-repeat;}
.form-contact-wrapper .inputMessage:hover ~ j {	background:url(../images/icon-form-contact-message-hover.png) center center no-repeat;}

.form-contact-wrapper .inputNom:focus ~ j {		background:url(../images/icon-form-contact-nom-focus.png) center center no-repeat;}
.form-contact-wrapper .inputMail:focus ~ j {	background:url(../images/icon-form-contact-mail-focus.png) center center no-repeat;}
.form-contact-wrapper .inputSujet:focus ~ j {	background:url(../images/icon-form-contact-sujet-focus.png) center center no-repeat;}
.form-contact-wrapper .inputMessage:focus ~ j {	background:url(../images/icon-form-contact-message-focus.png) center center no-repeat;}



.form-contact-wrapper input[type=text]:focus,
.form-contact-wrapper input[type=email]:focus,
.form-contact-wrapper textarea:focus,
.form-contact-wrapper input[type=submit]:focus {
    outline: none;
}
/**
*********************************************************/
.bg-coordonnees {	width:100%;
					height:180px;
					margin-top:100px;
					background:#00789d }/** ou gris foncé 4d5e67**/
						
.section-coordonnes {	width:990px;
						height:180px;
						margin:auto; }
						
.bloc-coordonnes {	display:inline-block;
					height:180px;
					background:grey;
					vertical-align:top;
					font-family: 'Open Sans';
					font-weight:300;
					color:#E8E8E8;
					padding:90px 0 0 0;
					text-align:center; }
					
.bloc-coordonnes-localisation {	width:420px;
								background:url(../images/icon-coordonnees-localisation.png) center 30px no-repeat }
.bloc-coordonnes-phone {	width:290px;
							background:url(../images/icon-coordonnees-phone.png) center 30px no-repeat }
.bloc-coordonnes-mail {	width:280px;
						background:url(../images/icon-coordonnees-mail.png) center 30px no-repeat }
						

.antispam { display:none}
						
@media (max-width : 1023px) {
.bg-coordonnees { height:auto; padding-top:20px}
					
.section-coordonnes { width:100%; height:auto; }

.bloc-coordonnes {	display:block; margin:auto; padding:100px 0 0 0; }

.bloc-coordonnes-localisation { padding-bottom:120px}
	
.bloc-coordonnes-localisation,
.bloc-coordonnes-phone,
.bloc-coordonnes-mail {	width:90%; border-bottom:#015b77 solid 1px; background-position:center 40px; }
}

@media (max-width : 599px) {
.form-contact-wrapper input[type="submit"] { display:block; margin-left:auto; margin-right:auto	}
}