/*

 _________________ CEA_Liste_Blocs > Liste de blocs  __________________________

 > Liste de blocs en colonnes/grille séparé par des carrés aux intersections

 exemple : Listes des Thèmes de recherche avec pictos sur la page d'accueil

*/

.CEA_Liste_Blocs {
	gap: 0 !important;
}

.CEA_Liste_Blocs>div {
	position: relative;
	border: 1px solid #ddd;
	border-bottom: none;
	border-right: none;
	height: 100%;
}


/*___ Carre rouge _ */
.CEA_Liste_Blocs>div::after {
	content: ' ';
	position: absolute;
	left: -8px;
	top: -8px;
	width: 15px;
	height: 15px;
	background-color: var(--wp--preset--color--primary);
}



/* ______________ Gestion 4,3,2 colonnes ______________ */

/* Tablettes, Smartphone ( plus de 782px) */
@media (min-width: 782px) {

	/*___ Supprime bordure left et carré rouge  _ */
	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(4n+1),
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(3n+1),
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(2n+1) {
		border-left: none;
	}

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(4n+1)::after,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(3n+1)::after,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(2n+1)::after {
		display: none;
	}


	/*___ Supprime bordure top  _ */
	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(-n+4),
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(-n+3),
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(-n+2) {
		border-top: none;
	}

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(-n+4)::after,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(-n+3)::after,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(-n+2)::after {
		display: none;
	}
}


/* ______________ Responsive ______________ */


/* Tablettes, Smartphone ( moins de 782px) et (plus de 480px) */
@media (max-width: 782px) and (min-width: 480px) {

	/*___ Supprime bordure left et carré rouge  _ */
	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(2n+1),
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(2n+1),
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(2n+1) {
		border-left: none;

	}

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(2n+1)::after,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(2n+1)::after,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(2n+1)::after {
		display: none;
	}


	/*___ Supprime bordure top  _ */

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(-n+2),
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(-n+2),
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(-n+2) {
		border-top: none;
	}

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:nth-child(-n+2)::after,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:nth-child(-n+2)::after,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:nth-child(-n+2)::after {
		display: none;
	}
}


/* Smartphone ( moins de 480px) */
@media (max-width: 480px) {

	.is-style-grille-4-cols.CEA_Liste_Blocs>div,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div {
		border-left: none;
		border-right: none;
	}
	.CEA_Liste_Blocs>div::after {
		left: calc(50% - 8px);
	}

	.is-style-grille-4-cols.CEA_Liste_Blocs>div:first-child,
	.is-style-grille-3-cols.CEA_Liste_Blocs>div:first-child,
	.is-style-grille-2-cols.CEA_Liste_Blocs>div:first-child  {
		border: none;
	}
	.CEA_Liste_Blocs>div:first-child::after {
		display: none;
	}

}

/* Smartphone ( moins de 400px) */
@media (max-width: 400px) {}