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

				RÉFÉRENCES

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

section article{
	width: 755px;
	height: 300px;
	background: rgb(255, 255, 255);
	box-shadow: 0px 8px 6px -2px rgba(0, 0, 0, 0.3);
	margin: 10px 0px 0px 25px;
	padding: 15px;
	position: relative;
}

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;
}

/* bloc avec colonnes */
section article div{
	width: 700px;
	height: 100%;
	-moz-columns: auto 4;
	-o-columns: auto 4;
	-webkit-columns: auto 4;
	-ms-columns: auto 4;
	columns: auto 4;
}

section article div h2:nth-of-type(3), section article div h2:nth-of-type(6), section article div h2:nth-of-type(9){
	-moz-column-break-before: always;
	-o-column-break-before: always;
	-webkit-column-break-before: always;
	-ms-column-break-before: always;
	column-break-before: always;
}

/* illustration */
section > div{
	width: 215px;
	height: 290px;
	background: url('../images/references/illustrationReferences.svg') no-repeat;
	position: absolute;
	top: 190px;
	left: 700px;
}

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

				TEXTES

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

section article ul{
	margin-bottom: 10px;
}

section article li{
	font-family: 'OpenSansSemibold';
}

/* discrétion vip */
section article ul:nth-of-type(3) li:last-of-type{
	font-size: 0.8em;
	margin-top: 3px;
}