﻿		/* Carrousel catégories */
		
		.header-container-bg .hp-auto-01{		
			padding: 0 8px;
		}
			
		.header-container-bg .swiper-grid{		
			display: grid;
			grid-gap: 8px;
		}	
		
		.header-container-bg .swiper-grid .swiper-slide {
			background-color: #fff;
			height: auto;
		}

		.header-container-bg .swiper-grid .swiper-slide div{
			display: flex;
			align-items: center;
			padding: 12px;
			position: relative;
			overflow: hidden;
		}
		
		.header-container-bg .swiper-grid .swiper-slide div img{
			transition: all 0.3s;
			width: 80px;
		}
			
		.header-container-bg .swiper-grid .swiper-slide div:hover img{
			transform: scale(1.1);
		}
		
		.header-container-bg .swiper-grid .swiper-slide a{
			cursor: pointer;
		}	
		
		.header-container-bg h3{
			font-size: 22px;
			font-weight: 400;
			line-height: 32px;
			margin: 0 0 20px 0;
		}
			
		.header-container-bg .hp-width h3:nth-child(4), .header-container-bg .hp-width h3:nth-child(7){
			margin: 20px 0;
		}
			
			
		.header-container-bg .swiper-grid .swiper-slide h4{		
			font-size: 16px;
			font-weight: 400;
			line-height: 20px;
			text-align: left;
			margin: 0 0 0 20px;
		}
		
		.header-container-bg .swiper-container-scrollbar-02, .header-container-bg .swiper-container-scrollbar-04, .header-container-bg .swiper-container-scrollbar-05{
			display: none;
		}
			
		/* Multi catégories*/
			
		.header-container-bg .swiper-categories:last-child{
			margin-top: 32px;
		}
		
		@media (max-width: 992px){
			
			
			.header-container-bg .swiper-categories h3 {
				font-size: 20px;
			}
			
			.header-container-bg .swiper-grid .swiper-slide h4{		
				text-align: center;
			}
			
			.header-container-bg .swiper-grid .swiper-slide div {
				flex-direction: column;
				justify-content: center;
			}
			
			.header-container-bg .swiper-grid .swiper-slide div:hover img{
				transform: unset;
			}
			
			.header-container-bg .swiper-grid .swiper-slide h4 {
				margin: 12px 0 8px 0;
			}
			
		}

		@media (max-width: 768px){
			
			.header-container-bg .hp-width h1{
				font-size: 30px;
				margin: 40px 0 20px;
			}
			
			.header-container-bg .hp-width p {
				margin: 0 0 40px;
			}
			
		}