﻿		/* Catégories */
		
		.header-container-bg .swiper-grid{		
			display: grid;
			grid-template-columns: repeat(4, auto);
			grid-gap: 8px;
			width: fit-content;
			margin: auto;
		}
			
		.header-container-bg .swiper-grid .nature-bg img{
			height: 100%;
			object-fit: cover;
			border-radius: 4px;
			max-height: 460px;
		}

		.header-container-bg .swiper-grid .swiper-slide .img-mobile-cat{
			display: none;
		}

		.header-container-bg .swiper-grid .swiper-slide{
			border-radius: 4px;
		}	
		
		.header-container-bg .swiper-grid .swiper-slide div{
			position: relative;
			overflow: hidden;
			border-radius: 4px;
		}
			
		.header-container-bg .swiper-grid .swiper-slide div img{
			transition: all 0.3s;
		}
		
		.header-container-bg .swiper-grid .swiper-slide:nth-child(2) div img, 
		.header-container-bg .swiper-grid .swiper-slide:nth-child(3) div img{
			max-height: 460px;
		}

		.header-container-bg .swiper-grid .swiper-slide div:hover img{
			transform: scale(1.1);
		}
		
		.header-container-bg .swiper-grid .swiper-slide a{
			cursor: pointer;
			line-break: anywhere;
		}	
		
		.header-container-bg .swiper-grid .swiper-slide h2{		
			font-size: 16px;
			font-weight: 400;
			line-height: 20px;
			text-align: center;
			margin: 16px 0 24px;
		}
		
		@media (max-width: 768px){
			
			.header-container-bg .swiper-grid {
				grid-template-columns: repeat(2, auto);
			}
			
			.header-container-bg .swiper-grid .nature-bg{
				display: none;
			}
			
			.header-container-bg .hp-auto-01{		
				padding: 0 8px;
			}
			
			.header-container-bg .swiper-grid .swiper-slide .img-desktop-cat{
				display: none;
			}
			
			.header-container-bg .swiper-grid .swiper-slide .img-mobile-cat{
				display: block;
			}
		}