.site_head 									{background:url('../img/illustration/fond-contact.jpg') no-repeat center center; -webkit-background-size: cover; background-size: cover;}

.accueil_zone1									{width:100%; height:auto; color:#1aaa8f; line-height:1.4em;}
.accueil_zone1 .mess-block						{text-align:center; font:35px; position:relative; padding: 95px 0 95px 0;}
.accueil_zone1 .mess-block .square					{position:relative; width:100%; height:auto; margin:0px -120% 0px 0px;  opacity: 0; -webkit-transition: all 0.5s ease 0.4s; -moz-transition: all 0.8s ease 0.4s; -o-transition: all 0.8s ease 0.4s; transition: all 0.8s ease 0.2s; -moz-transform:translate3d(0px, 150px, 0px); -webkit-transform:translate3d(0px, 150px, 0px); -o-transform:translate3d(0px, 150px, 0px); -ms-transform:translate3d(0px, 150px, 0px);; transform:translate3d(0px, 150px, 0px);}
.accueil_zone1 .mess-block .square_inview			{margin:0px 0px 0px 0px; opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);   transform: translate3d(0px, 0px, 0px);}
.accueil_zone1 .mess-block .square h1				{font:bold 60px/71px Lato; line-height:1.5em; color:#fff; letter-spacing:1px; text-transform:uppercase;}

.formulaire									{margin:0px auto 40px auto; width:554px;}

input										{border:none; color:#ccc; outline:none; font-size:14px; line-height:45px; padding:4px; margin-bottom:10px; width:265px; background:#17323d; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; transition: all .2s ease-out;  cursor:pointer;}
input:focus									{border:none; color:#fff;}
input:hover									{border:none; color:#fff;}
input[type="submit"]							{border:none; cursor:pointer; color:#fff; background:#1aaa8f;}
input[type="submit"]:hover						{border:none; color:#1aaa8f; background:#fff;}
input[type="checkbox"]							{width:auto;}
textarea										{border:none; color:#ccc; outline:none; font-size:14px; padding:4px; width:548px; margin-bottom:10px; background:#17323d; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; transition: all .2s ease-out;  cursor:pointer;}
textarea:focus									{border:none; color:#fff;}
textarea:hover									{border:none; color:#fff;}

.subject										{display:block; width:265px; margin-bottom:10px;}
.subject ul									{padding:0px; margin:0px; list-style-type:none; }
.subject li									{cursor:pointer;}
.subject li ul 								{position:absolute; margin:-11px 0px 0px 0px; padding:5px; width:auto; height:auto; display:none; z-index:920; list-style-type:none; background:#17323d; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.subject li ul li 								{float:none; border:none; width:auto; font-size:14px; color:#ccc; }
.subject li ul li:hover 							{color:#fff; }
.subject ul li:hover ul 							{display:block; z-index:920; }

.antispam										{font-size:14px; color:#1aaa8f; }
.infoblock									{max-width:554px; font-size:14px; color:#fff; width:90%; padding:10px; margin:0px auto 10px auto; background:#17323d; text-align:justify;}

@media screen and (min-width:320px) and (max-width:479px) {
	.formulaire						{width:95%;}
	input							{width:95%;}
	textarea						{width:95%;}
	.subject						{width:98%;}
}
@media screen and (min-width:480px) and (max-width:639px)  {
	.formulaire						{width:98%;}
	input							{width:100%;}
	textarea						{width:100%;}
	.subject						{width:100%;}
}