/************************************************
*************************************************

				MENTIONS LÉGALES

*************************************************
************************************************/

section article{
	width: 710px;
	height: 330px;
	background: rgb(255, 255, 255);
	box-shadow: 0px 8px 6px -2px rgba(0, 0, 0, 0.3);
	-moz-columns: auto 2;
	-o-columns: auto 2;
	-webkit-columns: auto 2;
	-ms-columns: auto 2;
	columns: auto 2;
	padding: 15px;
	position: absolute;
	top: 70px;
	left: 25px;
}

section article:before, section article:after{
	content: ' ';
	width: 100px;
	height: 40px;
	position: absolute;
	bottom: 10px;
	z-index: -1;
}

section article:before{
	box-shadow: -5px 5px 10px 10px rgba(0, 0, 0, 0.3);
	-moz-transform: rotate(-10deg) skewX(-10deg);
	-o-transform: rotate(-10deg) skewX(-10deg);
	-webkit-transform: rotate(-10deg) skewX(-10deg);
	-ms-transform: rotate(-10deg) skewX(-10deg);
	transform: rotate(-10deg) skewX(-10deg);
	left: 15px;
}

section article:after{
	box-shadow: 5px 5px 10px 10px rgba(0, 0, 0, 0.3);
	-moz-transform: rotate(10deg) skewX(10deg);
	-o-transform: rotate(10deg) skewX(10deg);
	-webkit-transform: rotate(10deg) skewX(10deg);
	-ms-transform: rotate(10deg) skewX(10deg);
	transform: rotate(10deg) skewX(10deg);
	right: 15px;
}

/* illustration */
section > div{
	width: 228px;
	height: 228px;
	background: url('../images/contact/illustrationContact.svg') no-repeat;
	position: absolute;
	top: 240px;
	left: 750px;
}

/************************************************
*************************************************

				TEXTES

*************************************************
************************************************/

section p{
	margin-bottom: 10px;
}