/***********
 * FRAME 1 *
 * *********/
.frame-header {
	background-image: url('/img/pages/decisions/bg-frame-1.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}














/***********
 * FRAME 2 *
 * *********/
.frame-2 {
	position: relative;
	padding: 40px 0;
}

.frame-2 .left,
.frame-2 .right {
	display: inline-block;
	vertical-align: top;
	
	width: 50%;
	box-sizing: border-box;
}

.frame-2 .left {
	padding: 0 80px 0 0;
}

.frame-2 .left .bloc {
	padding: 80px 40px;
	box-sizing: border-box;
}

.frame-2 .left .bloc:nth-child(1) {
	text-align: center;
	font-size: 26px;
	font-weight: 600;
	margin: 0 0 180px 0;
}

.frame-2 .right {
	padding: 0 0 0 60px;
}

.frame-2 .right .bloc {
	position: relative;
	margin: 0 0 80px 0;
	padding: 50px 20px 20px 50px;
	box-sizing: border-box;
}

.frame-2 .right .bloc .icon-pdf {
	position: absolute;
	top: 10px;
	left: 10px;
	
	width: 30px;
}

.frame-2 .right .bloc .titre {
	font-size: 20px;
	font-weight: 900;
	margin: 0 0 20px 0;
}

.frame-2 .right .bloc p {
	margin: 0;
}

.frame-2 .right .bloc a {
	display: block;
	width: 320px;
	max-width: 100%;
	
	margin: 40px auto 0 auto;
	padding: 10px 5px;
	box-sizing: border-box;
	
	text-align: center;
	text-decoration: none;
}

.frame-2 .right .bloc a img {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	margin: 0 16px 0 0;
}















/* Responsive
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Plus petit que 1200
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 1200px) {
	.frame-2 .right {
		padding: 0 0 0 40px;
	}
}



/* Plus petit que 780
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-width: 780px) {
	.frame-2 .left,
	.frame-2 .right {
		display: block;
		width: 100%;
		padding: 0;
	}
	
	.frame-2 .left .bloc {
		margin: 0;
		padding: 0 20px;
	}
	
	.frame-2 .left .bloc:nth-child(1) {
		margin: 0;
		padding: 40px 20px 20px 20px;
	}
	
	.frame-2 .left .bloc:nth-child(2) {
		margin: 0 0 40px 0;
		padding: 0 20px 40px 20px;
	}
	
	.frame-2 .right .bloc {
		padding: 60px 20px 20px 20px;
	}
}







/*-- HAUTEUR --*/

/* Plus petit que 600
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (max-height: 600px) {
	.frame-header {
		display: block;
		height: auto;
		padding: 40px 0;
	}
}