﻿			/* Marque Contenu*/
			
			.contentu-marque{
				background-color: white;
			}
			
			.contentu-marque .contentu-marque-intro{
				display: flex;
				justify-content: space-between;
				padding: 120px 0;
				max-width: 1440px;
				margin: auto;
			}
			
			.contentu-marque .contentu-marque-intro h2{
				font-size: 34px;
				font-weight: 400;
				line-height: 42px;
				margin: 0 8% 0 0;
				max-width: 586px;
			}
			
			.contentu-marque .contentu-marque-intro h3{
				font-size: 24px;
				font-weight: 400;
				line-height: 32px;
				margin: 0;
				max-width: 586px;
			}
			
			/* Marque main catégories*/
			
			.marque-categories-01 h3, .marque-categories-02 h3{
				font-size: 24px;
				font-weight: 400;
				line-height: 32px;
				margin: 0 0 12px 0;
			}
			
			.marque-categories-01 p, .marque-categories-02 p{
				font-size: 16px;
				font-weight: 400;
				line-height: 24px;
				margin: 0 0 24px 0;
			}
			
			.marque-categories-01 .main-categorie a{
				cursor: pointer;
			}
			
			.marque-categories-01 .swiper-categories-01, .marque-categories-02 .swiper-categories-02{
				display: flex;
				grid-gap: 16px;
			}
			
			.marque-categories-01 .main-categorie div{
				position: relative;
				overflow: hidden;
				border-radius: 4px;
			}
			
			.marque-categories-01 .swiper-slide{
				width: calc(25% - 12px);
			}
			
			/* Marque main catégories 3x1 */
			
			@media (min-width: 993px){
				
				/* 3 catégorie */
				
				.marque-categories-3x1 .swiper-slide {
					width: calc(33% - 7px);
				}
			
				.marque-categories-3x1 .main-categorie div img {
					max-height: 500px;
				}
			
			}

			/* Marque main catégories 2x1 */
			
			@media (min-width: 577px){
				
				/* 2 catégorie */
				
				.marque-categories-2x1 .swiper-wrapper .swiper-slide {
					width: calc(50% - 8px);
				}
			
				.marque-categories-2x1 .main-categorie div img {
					max-height: 500px;
				}
			
			}

			.marque-categories-01 .main-categorie div img{
				width: 100%;
				object-fit: cover;
				height: inherit;
				border-radius: 4px;
				filter: brightness(0.6);
				transition: all 0.3s;
			}
			
			.marque-categories-01 .main-categorie div:hover img{
				transform: scale(1.1);
				filter: brightness(0.8);
			}
			
			.marque-categories-01 .main-categorie div h2{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;	
				text-align: center;
				color: white;
				font-size: 34px;
				font-weight: 400;
				line-height: 42px;
				margin: 0;
				padding: 0 16px;
			}
			
			.marque-categories-01 .main-categorie p:nth-child(2){
				font-size: 16px;
				font-weight: 900;
				line-height: 24px;
				margin: 16px 0 12px;
			}
			
			.marque-categories-01 .main-categorie p:nth-child(3){
				font-size: 14px;
				font-weight: 400;
				line-height: 20px;
				margin: 0 0 24px;
				color: #707073;
			}
			
			.marque-categories-01 .main-categorie a:last-child{
				text-decoration: underline;
				text-transform: uppercase;
				font-size: 14px;
				line-height: 20px;
			}
			
			.marque-categories-01 .main-categorie a:last-child:hover{
				color: #1840DD;
			}

			.marque-categories-01 .main-categorie .img-mobile-cat{
				display: none;
			}

			/* Custom arrows swiper */
			
			.marque-categories-01 .custom-next-container{
				position: absolute;
				top: 0;
				right: 11px;
				height: var(--Div-categorie-height);
				display: none;
			}
			
			.marque-categories-01 .custom-prev-container{
				position: absolute;
				top: 0;
				left: 11px;
				height: var(--Div-categorie-height);
				display: none;
			}
			
			.marque-categories-01 .swiper-button-prev,
			.marque-categories-01 .swiper-button-next{
				filter: unset !important;
				background: white;
				margin: 0;
				padding: 30px 26.9px;
				width: fit-content;
				border-radius: 50px;
				top: calc(50% - 30px);
				box-shadow: 0px 4px 16px #22242629;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.marque-categories-01 .swiper-button-prev:hover,
			.marque-categories-01 .swiper-button-next:hover{
				background: #1840DD;
			}
			
			.marque-categories-01 .swiper-button-prev:hover svg path,
			.marque-categories-01 .swiper-button-next:hover svg path{
				fill: #FFFFFF;
			}
			
			.marque-categories-01 .swiper-button-prev:after, 
			.marque-categories-01 .swiper-button-next:after{
				content: '';
				font-size: unset;
			}	
			
			.marque-categories-01 .swiper-button-prev svg{
				transform: rotate(180deg);
			}
			
			.marque-categories-01 .swiper-button-next.swiper-button-disabled, 
			.marque-categories-01 .swiper-button-prev.swiper-button-disabled{
				opacity: 0;
			}
			
			/* Swiper scollbar */
			
			.marque-categories-01 .swiper-container-scrollbar{
				margin: 24px 0 0;
				padding: 12px 0;
				overflow: hidden;
				position: relative;
				z-index: 2;
				bottom: 12px;
			}
			
			.marque-categories-01 .swiper-container-scrollbar:hover{
				cursor: grab;
			}
			
			.marque-categories-01 .swiper-container-scrollbar:hover .swiper-scrollbar{
				height: 5px;
				margin: 0;
			}
			
			.marque-categories-01 .swiper-container-scrollbar:hover:active .swiper-scrollbar{
				height: 2px;
				margin: 1.5px 0;
			}
			
			.marque-categories-01 .swiper-container-scrollbar:active{
				cursor: grabbing;
			}	
		    
			.marque-categories-01 .swiper-container-scrollbar:active .swiper-scrollbar-drag{
				height: 200%;
				top: -1.5px;
			}	
			
			.marque-categories-01 .swiper-scrollbar{
				    height: 2px;
				margin: 1.5px 0;
				left: 0;
				width: 100%;
			}

			@media (max-width: 1377px) {
				.contentu-marque .contentu-marque-intro{
					margin-left: 32px;
					margin-right:32px;
				}
				
			}

			@media (max-width: 992px) {
				
				.contentu-marque .contentu-marque-intro {
					padding: 0;
					margin-top: 80px;
				}

				.contentu-marque .contentu-marque-intro h2{
					font-size: 28px;
					line-height: 36px;
					margin: 0 10% 0 0;
					max-width: 379px;
				}
				
				.contentu-marque .contentu-marque-intro h3{
					font-size: 22px;
					line-height: 32px;
					max-width: 458px;
				}
				
				.marque-categories-01{
					margin-top: 80px;
				}
				
				.marque-categories-01 h3{
					font-size: 22px;
				}
				
				.marque-categories-01 .main-categorie div{
					height: 395px;
				}
				
				.marque-categories-01 .custom-next-container,
				.marque-categories-01 .custom-prev-container{
					height: 395px;
				}
				
				.marque-categories-01 .main-categorie{
					width: 35%;
				}
				
				.marque-categories-01 .main-categorie div:hover img{
					transform: unset;
					filter: brightness(0.6);
				}
				
				.marque-categories-01 .swiper-container-scrollbar{
					margin: 20px 0 0;
				}
				
				.marque-categories-01 .main-categorie div h2, .marque-categories-02 .main-categorie div h2 { 
					font-size: 28px;
					line-height: 36px;
				}
				
				/* Destruction hover scrollbar*/
				
				.marque-categories-01 .swiper-container-scrollbar:hover{
					cursor: initial;
				}
			
				.marque-categories-01 .swiper-container-scrollbar:hover .swiper-scrollbar{
					height: 2px;
				}
			
				.marque-categories-01 .swiper-container-scrollbar:active{
					cursor: initial;
				}	
				
				.marque-categories-01 .swiper-scrollbar{
					margin: 0;
				}
			}

			@media (max-width: 850px){
				.marque-categories-01 .main-categorie div{
					height: 335px;
				}
				
				.marque-categories-01 .custom-next-container,
				.marque-categories-01 .custom-prev-container{
					height: 335px;
				}
			}

			@media (max-width: 768px){
				
				.contentu-marque .contentu-marque-intro {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: flex-start;
					margin: 80px 16px 0;
				}
				
				.contentu-marque .contentu-marque-intro h2{
					font-size: 26px;
					line-height: 32px;
					margin: 0 0 20px 0;
					max-width: unset;
				}
				
				.contentu-marque .contentu-marque-intro h3{
					font-size: 20px;
					line-height: 30px;
					max-width: unset;
				}
				
				.marque-categories-01 .custom-prev-categories-01,  
				.marque-categories-01 .custom-next-categories-01{
					display: none !important;
				}
				
				.marque-categories-01 h3{
					font-size: 20px;
					line-height: 30px;
				}
				
				.marque-categories-01 p{
					font-size: 14px;
					line-height: 20px;
				}
				
				.marque-categories-01 .main-categorie div h2{ 
					font-size: 26px;
					line-height: 32px;
					padding: 16px;
				}
				
				.marque-categories-01 .main-categorie {
					margin: 10px 0;
				}
				
				.marque-categories-01 .main-categorie div{
					height: unset;
				}
				
				.marque-categories-01 .main-categorie{
					width: 41%;
				}
				
				.marque-categories-01 .main-categorie .img-desktop-cat{
					display: none;
				}
				
				.marque-categories-01 .main-categorie .img-mobile-cat{
					display: block;
				}
			}

			@media (max-width: 576px){
				
				.contentu-marque .contentu-marque-intro {
					margin-top: 60px;
				}
				
				.marque-categories-01 {
					margin-top: 60px;
				}
				
				.marque-categories-01 .main-categorie{
					width: 75%;
				}
			}