/************************************************************
 * 	PAGE « RESTRUCTURATION FINANCIÈRE »
 *  Modèle template-restructuration-financiere.php
 ************************************************************/
/***** ===== SOMMAIRE ===== *****/
#main article .rf-sections{
	clear:both;
	margin-top:30px;
}
#main article .rf-summary{
	margin-bottom:40px;
	background-color:#E9F1F6;
}
#main article .rf-summary ul{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:0;
}
#main article .rf-summary ul > li{
	padding:0;
	text-indent:0;
}
#main article .rf-summary ul > li:before{
	content:none;
}
#main article .rf-summary ul > li > a{
	display:block;
	padding:15px 20px;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color:#435C61;
	text-decoration:none;
}
#main article .rf-summary ul > li > a:hover,
#main article .rf-summary ul > li > a:focus{
	background-color:#435C61;
	color:#E9F1F6;
}
/***** ===== SECTIONS ===== *****/
#main article .rf-section{
	margin-bottom:50px;
}
#main article .rf-section:last-child{
	margin-bottom:0;
}
#main article .rf-section .rf-section__title{
	font-size:26px;
	font-weight:300;
	color:#435C61;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:2px solid #E9F1F6;
}
#main article .rf-section .rf-section__text{
	margin-bottom:20px;
}
#main article .rf-section .rf-section__text p:last-child{
	margin-bottom:0;
}
/***** ===== DOCUMENTS ===== *****/
#main article .rf-section .rf-docs{
	margin:0;
}
#main article .rf-section .rf-docs > li{
	padding:0;
	margin:0 0 10px;
	text-indent:0;
}
#main article .rf-section .rf-docs > li:last-child{
	margin-bottom:0;
}
#main article .rf-section .rf-docs > li:before{
	content:none;
}
#main article .rf-section .rf-doc__link{
	display:table;
	width:100%;
	border:2px solid #E9F1F6;
	padding:15px 20px;
	color:#424242;
	text-decoration:none;
	-webkit-transition:border-color .2s ease;
	transition:border-color .2s ease;
}
#main article .rf-section .rf-doc__link:hover,
#main article .rf-section .rf-doc__link:focus{
	border-color:#435C61;
}
#main article .rf-section .rf-doc__link > span{
	display:table-cell;
	vertical-align:middle;
}
#main article .rf-section .rf-doc__ico{
	width:50px;
	padding-right:15px;
}
#main article .rf-section .rf-doc__ico:before{
	display:block;
	font:36px/1 "bigben-corporate";
	content:"\e011";
	color:#435C61;
}
#main article .rf-section .rf-doc--link .rf-doc__ico:before{
	font:28px/1 "FontAwesome";
	content:"\f08e";
}
#main article .rf-section .rf-doc__label{
	font-size:16px;
	color:#435C61;
}
#main article .rf-section .rf-doc__date{
	width:130px;
	padding:0 20px;
	font-size:13px;
	color:#7A7A7A;
	white-space:nowrap;
}
#main article .rf-section .rf-doc__action{
	width:1%;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	color:#435C61;
	white-space:nowrap;
}
#main article .rf-section .rf-doc__link:hover .rf-doc__action{
	color:#2696C0;
}
/***** ===== RESPONSIVE ===== *****/
@media (max-width: 767px){
	#main article .rf-summary ul{
		display:block;
	}
	#main article .rf-summary ul > li > a{
		padding:10px 15px;
	}
	#main article .rf-section .rf-section__title{
		font-size:22px;
	}
	#main article .rf-section .rf-doc__link{
		display:block;
		position:relative;
		padding:15px 15px 15px 60px;
	}
	#main article .rf-section .rf-doc__link > span{
		display:block;
	}
	#main article .rf-section .rf-doc__ico{
		position:absolute;
		top:15px;
		left:15px;
		width:auto;
		padding:0;
	}
	#main article .rf-section .rf-doc__date{
		width:auto;
		padding:5px 0 0;
	}
	#main article .rf-section .rf-doc__action{
		width:auto;
		padding-top:10px;
	}
}
