/* Colors */
:root {
--bleu: #08345B;
--bleutresclair: #DFF0FF;
--bleuclair: #5088FF;
--bleumoyen: #005FA5;
--bleufonce: #111827;
--orange: #FAB928;
--vert: #00CEB9;
--vertclair: #D7F2F2;
--blanc: #fff;
--noir: #000;
--gris: #ccc;
--gris-clair: #9CA3AF;
--gris-moyen: #666;
--gris-fonce: #333;
--gris-fond: #F3F4F6;
--gris-texte: #5b6675;
}



.actualites-support {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 0;
	height: 718px;
    overflow-y: auto;
}
	.actualite-support {
		width: 100%;
		padding: 40px;
		border-radius: 16px;
		background-color: var(--blanc);
		box-shadow: 0 6px 24px -2px rgba(8, 52, 91, 0.10);
		display: flex;
		flex-wrap: nowrap;
		gap: 0 5%;
	}
	.actualite-support__date {
		flex: 0 0 10%;
		text-align: center;
	}
		.actualite-support__date span {
			display: block;
		}
			.date_jour{
			    font-size:14px;
			    text-transform:uppercase;
			    letter-spacing:1px;
			    color: var(--gris-moyen);
			    margin-bottom:8px;
			}
			.date_nombre{
			    font-size:46px;
			    line-height: 50px;
			    font-weight:700;
			    color: var(--bleumoyen);
			}
			.date_mois{
			    font-size:16px;
			    font-weight:600;
			    color: var(--gris-moyen);
			}
			.date_annee{
			    font-size:15px;
			    color: var(--gris-moyen);
			    margin-top:4px;
			}
	.actualite-support__content {
		flex: 0 0 75%;	
	}

/* Tableau des garanties */
.tableau-garanties th {
	color: var(--blanc);
}
	.tableau-garanties .garanties {
		background-color: var(--bleuclair);
		color: var(--blanc);
	}
	.tableau-garanties .support-x3i {
		background-color: #030F40;
		color: var(--blanc);
	}
	.tableau-garanties .support-v12 {
		background-color: #424b70;
		color: var(--blanc);
	}
	.tableau-garanties .support-old {
		background-color: #ABABAB;
		color: var(--blanc);
	}
		.support-x3i-clair,
		.support-v12-clair,
		.support-old-clair {
			text-align: center;
		}

		.icones_garanties {
			position:relative;
			cursor:help;
			background-size:30px;
			background-position:center;
			background-repeat:no-repeat;
			display:inline-block;
			text-align:center;
			width:30px;
			height:30px;
			line-height:30px;
			font-size:0;
		}
			.icones_garanties:after{
			    content:attr(data-tooltip);
			    position:absolute;
			    left:100%;
			    top:50%;
			    transform:translate(10px,-50%);
			    background:#1e293b;
			    color:#fff !important;
			    padding:10px 14px;
			    border-radius:8px;
			    font-size:13px;
			    line-height:1.4;
			    width:220px;
			    opacity:0;
			    visibility:hidden;
			    transition:all .2s ease;
			    pointer-events:none;
			    z-index:9999;
			    box-shadow:0 5px 20px rgba(0,0,0,.2);
			}
			.icones_garanties:before{
			    content:'';
			    position:absolute;
			    left:100%;
			    top:50%;
			    transform:translate(4px,-50%);
			    border:6px solid transparent;
			    border-right-color:#1e293b;
			    opacity:0;
			    visibility:hidden;
			    transition:all .2s ease;
			    z-index:10000;
			}
			.icones_garanties:hover:before,
			.icones_garanties:hover:after{
			    opacity:1;
			    visibility:visible;
			}
			.icone_check {
				    background-image: url(../img/garanties_check.png);
			}
			.icone_no {
				background-image: url(../img/garanties_no.png);
			}
			.icone_coin-02 {
				background-image: url(../img/garanties_euro.png);
			}
			.icone_attention {
				background-image: url(../img/garanties_info.png);
			}
			.infobulle {
				display: none;
				position: absolute;
				right: 37px;
				width: 241px;
				border: 1px solid #030f40;
				border-radius: 10px;
				background: #fff;
				padding: 14px;
				font-size: 14px;
				line-height: 19px;
			}