/*
------------------------------------------------------------------------
								CODE STAGIAIRE
------------------------------------------------------------------------
*/


@media (max-width: 767px) {
	.section-category__image {
		padding-bottom: 90% !important;
	}

	.section-category__title {
		padding-left: calc(20px + (0 - 250) * ((100vw - 320px) / (1920 - 320)));
		padding-top: 60px;

	}

	.section-category__description-text {
		padding-top: 0;

	}

	.section-category__description {
		padding-top: 0 !important;
	}

	.section-category__image .section-category__image-shape-top-corner {
		position: absolute;
		left: calc(-10px + (-50 - 200) * ((75vw - 320px) / (1920 - 320)));
		top: calc(0px + (-50 - 500) * ((100vw - 320px) / (1920 - 320)));
		width: 50px;
		height: 50px;
	}

	.section-category-inner .section-category__image .section-category__image-shape-top-corner {
		position: absolute;
		left: calc(-10px + (-50 - 200) * ((115vw - 320px) / (1920 - 320)));
		top: calc(0px + (-50 - 500) * ((100vw - 320px) / (1920 - 320)));
		width: 50px;
		height: 50px;
	}


}

/*
------------------------------------------------------------------------
								FIN CODE STAGIAIRE
------------------------------------------------------------------------
*/

@media (max-width: 768px) {
	.section-category-element .section-category__title .section-category__title-text {
		margin-top: 20px;
	}
}


@media (max-width: 1023px) {

	.section-category-element {
		padding: 3em 2em;
	}

	.section-w-inner {
		.section-category-inner {
			flex-direction: column;
		}
	}

}

@media (min-width: 1024px) {

	.section-category-element {
		display: grid;
		grid-template-columns: 0.37fr 0.035fr 0.04fr 0.14fr 0.30fr auto;

		.section-category__image {
			grid-column: 1 / 4;
			grid-row: 1 / 5;
		}

		.section-category__title {
			grid-column: 2 / 7;
			grid-row: 2 / 3;
			padding-bottom: 20px;
		}

		.section-category__description {
			grid-column: 4 / 7;
			grid-row: 3 / 4;
			transform: translateX(6%);

		}
	}

	.section-category--row-template {
		grid-template-rows: 0.05fr 0.38fr 0.10fr 1fr;
	}

	/*
	--------------------------------------
	section : text only
	--------------------------------------
	*/
	.section-category.section-category-text-only {

		.section-category__description {
			max-width: 60%;
		}

	}

}