.zone_mockup_1								{position:relative; width:100%; height:700px; display: block; background:url('../img/illustration/fond-contact-001.jpg') no-repeat center center; background-size: cover; z-index:10;}
.zone_mockup_1 .zone_mockup_1_up			{position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_up.png') no-repeat top center; background-size: 100% auto;}
.zone_mockup_1 .zone_mockup_1_dw			{position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:url('../img/fond/mokup_1_dw.png') no-repeat bottom center; background-size: 100% auto;}
.zone_mockup_1 .titrage 					{position: absolute; top: calc(50% - 95px); left: 0; right: 0; background: rgba(255,255,255,0.7); width: 500px; padding: 5px 100px; z-index: 25; margin: 0 auto;  box-shadow:0px 20px 45px rgba(0,0,0,0.7);}
.zone_mockup_1 .titrage h1					{line-height: 70px; font-size: 25px; font-family: Anton; text-align: center; width:100%; text-align: center; margin:0px auto; color:#003946;}


.block_contact 							{position:relative; background:#fff; color:#555; width:100%; padding:40px 0px; margin:10px 0px 200px;}
.contener_contact						{margin:20px auto 40px auto; width:100%; max-width:650px;}

.block_contact	input					{border: solid 1px #aaa; color:rgb(63, 63, 63); outline:none; background:none; font-size:12px; line-height: 30px; padding: 5px 8px; margin: 0px 10px 10px 0px; width: calc(50% - 30px);  transition: all .2s ease-out; cursor:pointer;}
.block_contact	input:focus				{border:solid 1px #aaa; color:#000;}
.block_contact	input:hover				{border:solid 1px #aaa; color:#000;}
.block_contact  input[type="submit"]				{cursor:pointer; color:#333; background-color:#222; background-image:url('../img/boutons/email.png'); background-position:center center; background-repeat:no-repeat; border-top:solid 1px #5b5b5b; border-right:solid 1px #5b5b5b; border-bottom:solid 1px #5b5b5b; width: 230px; height: 50px; margin: 5px auto 5px auto; display: block;}
.block_contact  input[type="submit"]:enabled:hover	{filter:invert(1);}
.block_contact  input[disabled]						{opacity:0.5; cursor: not-allowed;}
.block_contact	textarea				{border: solid 1px #aaa; color:rgb(63, 63, 63); outline:none; background:none; font-size:12px; line-height:30px; padding:5px; width:calc(100% - 10px); height:250px; margin-bottom:10px; transition: all .2s ease-out; cursor:pointer;}
.block_contact	textarea:focus			{border:solid 1px #aaa;; color:#000;}
.block_contact	textarea:hover			{border:solid 1px #aaa;; color:#000;}
.block_contact .text_zone				{position:relative; width:100%; height:auto;}
.block_contact .text_zone #info_text	{position:absolute; right:-10px; top:-10px; width:20px; height:20px; background:#fff; border:solid 1px #aaa; border-radius:50%; line-height:20px; text-align:center; font-size: 12px; color:orange;}
.block_contact	.subject				{display:block; width: calc(50% - 20px); margin:0px;}
.block_contact	.subject ul				{padding:0px; margin:0px; list-style-type:none; width:100%;}
.block_contact	.subject li				{cursor:pointer; position:relative;}
.block_contact	.subject li ul			{position:absolute; left:24px; margin:-10px 0px 0px 0px; padding:5px; color:rgb(63, 63, 63); width:250px; height:auto; display:none; z-index:920; list-style-type:none; background: #f9f9f9; border-bottom:solid 1px #eee; border-right:solid 1px #eee; border-left:solid 1px #eee; }
.block_contact	.subject li ul li 		{float:none; border:none; width:auto; font-size:11px; color:#000; }
.block_contact	.subject li input 		{width: calc(100% - 11px);}
.block_contact	.subject ul li:hover ul {display:block; z-index:920; }
.block_contact	.subject ul li ul li:hover {background:rgba(0,0,0,0.02); color:#000;}

.block_contact	.captcha							{width:100%; margin:20px auto; text-align:center;}
.block_contact	.captcha img 						{width:35px; height:35px; margin:0px 4px; cursor: pointer;}
.block_contact	.captcha p							{margin:3px 0px; font-size:13px; line-height:18px;}
.block_contact	.captcha .captcha_show 				{font-size:17px; margin:16px auto 6px auto;}
.block_contact	.captcha .captcha_img				{margin:6px auto 16px auto;}
.block_contact	.captcha .none 						{opacity:0;}
.block_contact	.captcha  #captcha_renew			{display:inline-block; width:18px; height:18px; background:url('../img/boutons/generate-new.png') center center; background-size: cover; margin: 0px 0px -5px 5px; filter: invert(0.5); cursor: pointer;}

.retrait img 						{width:20px; height:20px;}	
.infoblock							{font-size:12px; color:#555; background:rgba(0,0,0,0.01); width:calc(100% - 20px); padding:10px; margin:15px auto ;}

@media screen and (min-width:320px) and (max-width:479px) {
	.zone_mockup_1					{height:200px}
	.zone_mockup_1 .titrage			{width:100%; padding:5px 0px; top: calc(50% - 45px);}
	.block_contact					{width:100%;}
	.contener_contact				{width:90%;}
	input							{width:95%;}
	textarea						{width:95%; margin:0px auto;}
	.subject						{width:98%;}
	.infoblock 						{width:calc(100% - 50px);}
}
@media screen and (min-width:480px) and (max-width:639px)  {
	.zone_mockup_1							{height:300px}
	.zone_mockup_1 .titrage					{width:100%; padding:5px 0px; top: calc(50% - 45px);}
	.block_contact					{width:98%;}
	input							{width:100%;}
	textarea						{width:100%;}
	.subject						{width:100%;}
}