.infoport                                               {width:100%; height:550px; position:relative; background:url('../img/illustration/fond_apropos_001.jpg') center center no-repeat; background-size: cover; display: flex; flex-direction: row; justify-content: center; align-items: center; align-content: center; margin-bottom: 30px; overflow: hidden;}
.infoport .zonetext                                     {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; align-content: center; width:33%; height:auto; margin:0px auto 0px 5%; padding: 0px 20px; text-align: left;}     
.infoport .zonetext h1                                  {margin: 0 0 18px; font-size: clamp(2rem, 4.0vw, 4.2rem); line-height: .95; font-weight: 800; letter-spacing: -0.04em; color: #082f43; text-align:left;}
.infoport .zonedechireee                                {position:absolute; bottom:0px; left:0px; width:101%; height:60px; background-image:url('../img/fond/dechiree_001.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display:block;}

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

.block_contact	input					{border:solid 1px #666; 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 #333; color:#000;}
.block_contact	input:hover				{border:solid 1px #333; 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 #666; 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 #333; color:#000;}
.block_contact	textarea:hover			{border:solid 1px #333; 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; 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;}


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

@media screen and (min-width:100px) and (max-width:479px) {
	.block_contact					{width:95%; margin: auto;}
	.site_body .titrage				{width:calc(100% - 20px); margin: 20px auto 0px auto;}
	.site_body .titrage h1      	{height:100px; line-height:100px;}
	input							{width:95%;}
	textarea						{width:95%;}
	.subject						{width:98%;}
}
@media screen and (min-width:480px) and (max-width:639px)  {
	.site_body .titrage				{width:calc(100% - 20px); margin: 20px auto 0px auto;}
	.site_body .titrage h1      	{height:100px; line-height:100px;}
	.block_contact					{width:98%; margin: auto;}
	input							{width:100%;}
	textarea						{width:100%;}
	.subject						{width:100%;}
}