/*  ____ Bloc CEA_Info_Card A ____ */

.CEA_Info_Card_A {
	background-color: #fff;
	/*
	max-width: 346px;
	*/
	box-shadow: var(--cea-ombre_commune);
	padding-bottom: 30px!important;
	position: relative;
	cursor: pointer;
}

.wp-block.CEA_Info_Card_A h2,
.CEA_Info_Card_A h2 {
	font-size: var(--wp--preset--font-size--large);
	min-height: 56px;
	margin: 20px;
	margin-block-start: 1.5rem!important;
}
.wp-block.CEA_Info_Card_A .wp-block-heading a,
.CEA_Info_Card_A  .wp-block-heading a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.CEA_Info_Card_A h2+.wp-block-group {
	margin: 0;
}

.wp-block.CEA_Info_Card_A p,
.CEA_Info_Card_A p {
	line-height: 1.2;
	margin: 20px!important;
}


.CEA_Info_Card_A img {
    aspect-ratio: 5/3;
    object-fit: cover;
    width: 100%!important;
	transition: opacity 0.5s;
}

.CEA_Info_Card_A:hover img {
	opacity: var(--cea-opacite-image-hover);
}


/*  ____ Bloc Colonnes pour Info Card A ____ */

.CEA_Colonnes_Info_Card_A {
	justify-content: center;
}

/* Large appareils (ordinateurs de bureau, moins de 1120px) */
@media (max-width: 1120px) {
	.CEA_Colonnes_Info_Card_A {
		gap: 1.5rem!important;
	}
}

/* Tablettes, Smartphone ( moins de 782px) */
@media (min-width: 480px) and (max-width: 782px) {
	.CEA_Colonnes_Info_Card_A .wp-block-column.CEA_Info_Card_A  {flex-basis: 33% !important;}
}


/*  ________________ Bloc CEA_Info_Card B ________ */

.CEA_Info_Card_B {
	background-color: #fff;
	max-width: 320px;
	box-shadow: var(--cea-ombre_commune);
	padding-bottom: 30px!important;
	position: relative;
	border-radius: 10px;
	cursor: pointer;
}

.wp-block.CEA_Info_Card_B h2,
.CEA_Info_Card_B h2 {
	font-size: 1.2rem;
	min-height: 47px;
	font-weight: 400;
	margin: 15px 20px!important;
}

.wp-block.CEA_Info_Card_B h2.is-style-Titre-A::before,
.CEA_Info_Card_B h2.is-style-Titre-A::before {
    margin: 5px 10px auto 0;
}

.CEA_Info_Card_B figure {
	margin: 0;
}
.CEA_Info_Card_B img {
    aspect-ratio: 2/1;
    object-fit: cover;
    width: 100%;
	transition: opacity 0.5s;
}

.CEA_Info_Card_B:hover img {
	opacity: var(--cea-opacite-image-hover);
}

.wp-block-group.CEA_Info_Card_B img,
.block-core-columns.CEA_Info_Card_B img {
	width: 100%!important;
}

.wp-block.CEA_Info_Card_B p,
.CEA_Info_Card_B p {
	line-height: 1.2;
	margin: 20px!important;
}



/*  ____ Bloc Colonnes pour Info Card B ____ */


.CEA_Colonnes_Info_Card_B  {
	background-image: url("https://www.lsce.ipsl.fr/wp-content/themes/cea_theme_principal/assets/images/elements/fond_C_v2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100vw 500px;
	min-height: 500px;
}

/* Appareils moyens (tablettes, moins de 960px) */
@media (max-width: 960px) {
	.CEA_Colonnes_Info_Card_B > div {
		justify-content: center!important;
	}
}


/*  ________________ Bloc CEA_Info_Card C ________ */

.CEA_Info_Card_C {
	background-color: #fff;
	max-width: 320px;
	box-shadow: var(--cea-ombre_commune);
	padding-bottom: 30px!important;
	position: relative;
	border-radius: 10px;
	cursor: pointer;
}

.wp-block.CEA_Info_Card_C h2,
.CEA_Info_Card_C h2 {
	font-size: 1.2rem;
	min-height: 47px;
	font-weight: 400;
	margin: 15px 20px!important;
}

.wp-block.CEA_Info_Card_C h2.is-style-Titre-A::before,
.CEA_Info_Card_C h2.is-style-Titre-A::before {
    margin: 5px 10px auto 0;
}

.CEA_Info_Card_C figure {
	margin: 0;
}
.CEA_Info_Card_C:hover img {
	opacity: var(--cea-opacite-image-hover);
}

.wp-block-group.CEA_Info_Card_C img,
.block-core-columns.CEA_Info_Card_C img {
	width: 100%!important;
}

.wp-block.CEA_Info_Card_C p,
.CEA_Info_Card_C p {
	line-height: 1.2;
	margin: 20px!important;
}



/*  ____ Bloc Colonnes pour Info Card C (la vague) ____ */

.wp-block-group.CEA_Colonnes_Info_Card_C,
.wp-block.CEA_Colonnes_Info_Card_C,
.CEA_Colonnes_Info_Card_C  {
	background-image: url("https://www.lsce.ipsl.fr/wp-content/themes/cea_theme_principal/assets/images/elements/fond_C_v2.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 500px;
}

/* Appareils moyens (tablettes, moins de 960px) */
@media (max-width: 960px) {
	.CEA_Colonnes_Info_Card_C > div {
		justify-content: center!important;
	}
}


/* Smartphone ( moins de 320px) */
@media (max-width: 320px) {
	.CEA_Info_Card_B {
		max-width: 288px;
	}
}