.shares-files-wrapper {
	width: 100%;
}
	.help {
		width: 100%;
		border: 1px solid #8f8f8f;
		border-radius: 7px;
		padding: 0.9rem;
		position: relative;
	}
		.help .title {
			padding: 0 0 0.8rem 0.8rem;
			font-size: 18px;
			line-height: 1.0;
			color: #8f8f8f;
			text-transform: uppercase;
			font-family: 'ClanOT-Medium';
		}
		.help .close {
			position: absolute;
			top: 10px;
			right: 10px;
		}
		.help .help-inside {
			width: 100%;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: space-around; -webkit-justify-content: space-around;
		}
			.help .help-inside .help-box {
				width: 49%;
				height: 80px;
				display: flex; display: -webkit-flex; 
				flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
				justify-content: space-around; -webkit-justify-content: space-around;
				color: #FFF;
				font-size: 16px;
				line-height: 1.0;
				color: #FFF;
				text-transform: none;
				font-family: 'ClanOT-Medium';
				padding: 0.9rem;
				border-radius: 7px;
			}
				.help .help-inside .help-box.top {
					background: #820204;
				}
				.help .help-inside .help-box.sub {
					background: #00000c;
				}
				.help .help-inside .help-box .icon {
					margin: auto 10px;
				}
				.help .help-inside .help-box .text {
					margin: auto 10px;
					display: block;
				}

.categories-wrapper {
	padding: 0;
	width: 100%;
	display: flex; display: -webkit-flex; 
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
}
	.categories-wrapper .categorie {
		width: 100%;
		margin: 7px 0 10px;
		background: #FFF;
		padding: 0;
		border-radius: 10px;
		border: 1px solid #a3abb7;
		padding: 10px 15px;
		padding-left: 7px;
	}
		.item-top {
			width: 100%;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
			cursor: pointer;
		}
			.item-top .label {
				margin: auto 0;
				padding: 0;
				color: #002561;
				font-family: 'ClanOT-Medium';
				font-size: 20px;
				line-height: 1.0;
				text-transform: none;
				text-align: left;
				display: block;
			}
			.item-top .icon-view {
				margin: 0;
				margin-left: auto;
			}
			.item-top .icon-list {
				margin: auto 0;
				margin-left: auto;
				transform: rotate(0deg);
				transition: transform 500ms ease-in-out;
			}
			.item-top .icon-list.is-active {
				transform: rotate(180deg);
				transition: transform 500ms ease-in-out;
			}

		.items-sub {
			display: none;
		}
		.items-sub.active {
			display: block;
			padding: 10px 0;
		}
			.shares-files-wrapper .articles-title {
				border-top: 1px solid #dfdfdf;
				border-bottom: 1px solid #dfdfdf;
				color: #002561;
				font-family: 'ClanOT-Medium';
				font-size: 14px;
				line-height: 1.0;
				text-transform: none;
				text-align: left;
				padding: 0.8rem 1.4rem;
				margin: 1rem 0 0.5rem;
			}

		.items-mid {
			display: none;
		}
		.items-mid.active {
			display: block;
			overflow: hidden;
			padding-bottom: 10px;
		}

			.item-sub {
				width: 100%;
				display: flex; display: -webkit-flex; 
				flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
				justify-content: flex-start; -webkit-justify-content: flex-start;
				padding: 3px 0;
				cursor: pointer;
			}
				.item-sub.articles {
					padding: 3px 0;
				}
				.item-sub .label {
					margin: auto 0;
					color: #002561;
					font-family: 'ClanOT-Medium';
					font-size: 16px;
					line-height: 1.0;
					text-align: left;
					display: block;
				}
					.item-sub.articles .label {
						color: #333;
						font-family: 'ClanOT-Medium';
						font-size: 14px;
						line-height: 1.0;
						text-align: left;
						display: block;
					}
				.item-sub .icon-view {
					margin: auto 0;
					margin-left: auto;
				}
				.item-sub .icon-list {
					margin: auto 0;
					margin-left: auto;
				}
				.item-sub.active .icon-list {
					transform: rotate(180deg);
					transition: transform 500ms ease-in-out;
				}


			.items-mid .item-sub {
				padding: 4px 0;
			}
				.items-mid .item-sub .label {
					color: #333;
					font-family: 'ClanOT-Medium';
					font-size: 14px;
					line-height: 1.0;
					text-align: left;
					display: block;
				}

/* lasts shares files */
.shares-last {
	width: 100%;
	display: flex; display: -webkit-flex; 
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
	margin: 3px 0 7px;
	cursor: pointer;
}
	.shares-last .last-categ {
		width: 20%;
		margin: auto 0;
	}
		.shares-last .last-categ span {
			display: inline-block;
	        padding: 5px 15px;
	        border: 1px solid #a3abb7;
	        border-radius: 20px;
	        font-size: 13px;
	        font-family: 'ClanOT-Bold';
	        color: #002561;
		}
	.shares-last .last-date {
		width: 15%;
		margin: auto 0;
		text-align: center;
        font-size: 13px;
        font-family: 'ClanOT-Book';
	}
	.shares-last .last-title {
		width: 65%;
		margin: auto 0;
        font-size: 13px;
        font-family: 'ClanOT-Medium';
	}

/* icones */
.icon-list .material-icons {
	color: #002561;
	font-size: 24px;
}
.categories-wrapper .icono {
	margin: auto 0;
	width: 45px;
	text-align: center;
	display: flex;
}
	.categories-wrapper .icono .material-icons {
		margin:  auto;
		color: #002561;
		font-size: 26px;
	}
	.categories-wrapper .item-sub .icono .material-icons {
		margin:  auto;
		color: #002561;
		font-size: 20px;
	}
	.categories-wrapper .item-sub.articles .icono .material-icons {
		margin:  auto;
		color: #333;
		font-size: 20px;
	}
	.categories-wrapper .item-sub.articles.etudes .icono .material-icons {
		margin:  auto;
		color: #ee3124;
		font-size: 20px;
	}



/*	LIGHTBOX */
.shares-lightbox {
	width: 100%;
	background: #FFF;
	position: relative;
}
	.shares-lightbox .shares-print {
		position: absolute;
		top: 4px;
		right: 45px;
		z-index: 100;
		background: #1a1e51;
		padding: 6px;
		border-radius: 20px;
	}
		.shares-lightbox .shares-print .material-icons {
			font-size: 24px;
			line-height: 24px;
			color: #FFF;
		}
	.shares-lightbox .shares-copy {
		position: absolute;
		top: 4px;
		right: 85px;
		z-index: 100;
		background: #1a1e51;
		padding: 6px;
		border-radius: 20px;
	}
		.shares-lightbox .shares-copy .material-icons {
			font-size: 22px;
			line-height: 24px;
			color: #FFF;
		}

	.lightbox-title {
		width: 100%;
		display: flex; display: -webkit-flex; 
		flex-flow: row wrap; -webkit-flex-flow: row wrap;
		justify-content: center; -webkit-justify-content: center;
		background: #eaeaea;
		padding: 1rem 1.5rem;
		color: #1a1e51;
		border-bottom: none;
		font-family: 'ClanOT-Medium';
		font-size: 19px;
		margin: auto 0;
		min-height: 42px;
		text-transform: uppercase;
	}
		.lightbox-title a {
			color: #1a1e51;
			font-family: 'ClanOT-Medium';
			font-size: 19px;
			margin: auto 5px;
			display: inline-block;
			text-transform: uppercase;
		}
	.lightbox-inside {
		padding: 2rem;
	}
		a.listing {
			width: 100%;
			display: flex; display: -webkit-flex; 
			flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
			margin-bottom: 0.7rem;
		}
			a.listing .label {
				margin: auto 0;
				padding: 0.7rem 1.5rem;				
				border-bottom: 1px solid #939292;
				font-size: 14px;
				display: block;
				font-family: 'ClanOT-Medium';
				width: calc(100% - 150px);
			}
			a.listing .more {
				width: 150px;
				color: #820204;
				margin: auto 0;
				padding: 0.7rem 1rem;				
				font-size: 14px;
				display: block;
				font-family: 'ClanOT-Medium';
				text-decoration: underline;
			}

.shares-more {
	padding: 3rem 0 2rem;
	width: 100%;
}
	.shares-more .title {
		font-size: 20px;
		font-family: 'ClanOT-Medium';
		text-align: center;
		padding-bottom: 1rem;
	}


/* home > categories */
.home-categories {
	width: 100%;
	display: flex; display: -webkit-flex; 
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
	margin: 15px 0 25px;
}
	.home-categories .home-categorie {
		display: inline-block;
        margin: 5px 10px;
        margin-left: 0;
        padding: 5px 15px;
        border: 1px solid #ee3124;
        border-radius: 20px;
        font-size: 14px;
        font-family: 'ClanOT-Book';
        color: #FFF;
        background: #ee3124;
	}
		.home-categories .home-categorie.is-current {
			background: #FFF;
			color: #ee3124;
		}
.home-adherents-news {
	background: #eaeced;
	width: 100%;
	padding: 5px 0 30px;
}
	.home-adherents-news a.news-more {
	    color: #002561;
	    font-weight: 500;
	    text-transform: none;
	    text-decoration: underline;
	    display: block;
		padding: 5px 0;
		margin-top: 30px;
		text-align: center;
		font-size: 120%;
	}

/* home > search */
.shares-search {
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
    padding: 5px 15px;
    border: 1px solid #a3abb7;
    border-radius: 20px;
}
	.shares-search img {
        margin: auto 1rem auto 0;
	}
	.shares-search input {
        border: none;
        width: 80%;
        background: #fff;
        padding: 0px;
        margin: 0;
	    font-size: 13px;
	    font-family: 'ClanOT-Medium';
	    color: #002561;
	}
#search-results {
	padding-top: 15px;
	min-height: 250px;
}
	#search-results .result-highlight {
		color: #ee3124;
	}