#idSendingMessage{
	position: fixed;
	top: 50%; right: 0;
	display: block;
	padding: 1rem 3rem;
	color: #fff;
	background-color: #225DB7;
	border-radius: .6rem;
	box-shadow: 0 0.2rem 1rem rgba(34, 93, 183, 0.3);
	text-shadow: 0 0.2rem 0.3rem rgba(2, 55, 137, 0.8);
	transform: translateX(100%);
	transition: 0.6s transform linear;
	cursor: pointer;
}#idSendingMessage.visible{
	transform: translateX(0);
}

.contact-flex{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 3rem;
}

.contact-flex > article, 
.contact-flex > form{
	flex-basis: 50%;
}

.contact-flex > form{
	background-color: #fff;
	padding: 3rem;
	border-radius: 0.3rem;
}

	.contact-flex > form label{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		flex-wrap: nowrap;
		width: 100%;
		margin: 1.6rem 0;
	}

		.contact-flex > form label > span{
			display: inline-block;
			padding: 0.6rem;
			background-color: #225DB7;
			font-size: 1.8rem;
			font-weight: lighter;
			border-top-left-radius: 0.6rem;
			border-bottom-left-radius: 0.6rem;
			cursor: pointer;
			color: #fff;
		}

		.contact-flex > form label input, 
		.contact-flex > form label textarea{
			display: block;
			width: 100%;
			border: 0.1rem solid #ccc;
			border-top-right-radius: 0.6rem;
			border-bottom-right-radius: 0.6rem;
			font-size: 1.8rem;
			padding: 0.6rem 1rem;
		}.contact-flex > form label textarea{
			max-width: 60%;
			min-width: 60%;
			min-height: 20rem;
			max-height: 20rem;
		}

		.contact-flex > form label input:focus, 
		.contact-flex > form label textarea:focus{
			border-color: #225DB7;
			color: #225DB7;
		}

		.submit{
			margin: 1rem 0;
		}

			.submit > button[type="submit"]{
				display: inline-block;
				padding: .6rem 1.3rem;
				background-color: transparent;
				border: 0.1rem solid #888;
				color: #000;
				border-radius: 0.3rem;
				font-size: 1.8rem;
				cursor: pointer;
			}.submit > button[type="submit"]:hover{
				background-color: #225DB7;
				color: #fff;
				border-color: #225DB7;
			}

.card-contact{
	display: block;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 
		0 0 1rem .3rem transparent, 
		0 0.6rem 1rem rgba(0,0,0,10%);
}

	.card-contact h2{
		text-align: center;
		color: #000;
		padding: 1rem;
		border-bottom: .2rem solid #000;
	}

	.card-contact address{
		font-style: normal;
		text-decoration: none;
		padding: 1rem;
		text-align: center;
	}

		.card-contact address > div{
			margin: 1.6rem 0;
		}

		.card-contact address > div > a{
			display: inline-block;
			margin-top: 0.3rem;
			vertical-align: top;
			word-break: break-all;
			text-decoration: none;
			color: #000;
			cursor: pointer;
		}

		.card-contact address > div > a:hover{
			text-decoration: underline;
		}

@media screen and (max-width: 1130px){
	.contact-flex{
		flex-direction: column;
	}

		.card-contact h2{
			font-size: 3rem;
		}

	.contact-flex > article, .contact-flex > form{
		flex-basis: 100%;
		width: 100%;
	}

		.submit{
			text-align: center;
		}
}