.documents-container {
		max-width: 1024px;
		margin: 0 auto;
	}
	
	/* CONTENU */
	.doc-content {display: none;}

	.doc-content.active {display: block;}

	.doc-tabs {
		display: flex;
		gap: 10px;
		margin-bottom: 50px;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.doc-tabs button {
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: rgba(255, 255, 255, 0.1);
		color: #cfd6e1;
		margin: 0 ;
		padding: 2px;
		border-radius: 12px;
		font-size: 13px;
		font-weight: 400;
		width: 160px;
		transition: 0.3s;
	}

	.doc-tabs button span {
		background: rgb(0 0 0 / 50%);
		color: #e5e7eb;
	    border: 1px solid rgba(255, 255, 255, 0.2);
		padding: 1px 8px;
		border-radius: 10px;
		font-size: 10px;
		font-weight: 400;
		float: right;
		margin: 0 6px;
	}

	.doc-tabs button:hover {
		background: rgba(76,201,240,0.15);
		color: #4cc9f0;
	}

	.doc-tabs .active {
		background: #818181;
		color: #000;
		font-weight: 600;
	}

	.doc-list {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.doc-item {
		position: relative; /* IMPORTANT */
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: rgba(255,255,255,0.04);
		padding: 4px 15px;
		margin-bottom: 5px;
		border-radius: 10px;
		text-decoration: none;
		color: #cfd6e1;
		transition: all 0.25s ease;
	}

	.doc-item:hover {
		background: rgba(76,201,240,0.1);
		transform: translateX(2px);
	}

	.doc-item .badge {margin: 0 10px;}

	img.icon-pdf {
		margin-right: 10px;
	}
	
	.documents-container small{    
		font-size: 0.75rem;
		opacity: 0.6;
		font-weight: 400;
		margin: 0;
	}
	
	.documents-container .icon-pdf {
		width: 32px;
		height: 32px;
		filter: drop-shadow(0 0 3px rgba(255,0,0,0.4));
	}

	.documents-container .doc-table {
		width: 100%;
		border-collapse: collapse;	
	}

	.documents-container .doc-table td {
		padding: 12px 10px;
		vertical-align: middle;
	}

	.doc-new {
		display: inline-block;
		font-size: 11px;
		padding: 3px 8px;

		background: rgba(0, 200, 150, 0.15);
		color: #00d4a3;

		border-radius: 999px;
		opacity: 0.8;
	}

	.doc-new-vide {background:transparent;}

	td.badgeNew {padding:0!important;min-width:70px;}

	.doc-badge {
		font-size: 11px;
		padding: 4px 8px;
		background: rgba(0, 200, 150, 0.15);
		color: #00d4a3;
		border-radius: 999px;
	}
	
	.pdf h2 {margin-bottom: 10px;}
	
	.pdf a {
		color: #355da1;
		background: #1c1a1a;
		padding: 5px 50px;
		border-radius: 5px;
		font-size: 16px;
		text-decoration: none;
	}
			
	.pdf a:hover {opacity: 0.8;}