#EXE {
	--hauteurCarousel: 200px;
	--hauteurCarouselIMG: 250px;
	--longCarousel: 400px;
	--longCarouselBloc: calc(var(--longCarousel) - 30px);
	--padding: 16px;

	.carousel3 { 
		width: calc(1*var(--longCarousel)); 
		li img {
			height: var(--hauteurCarouselIMG);
		}

	}
	.carousel4 { width: calc(2.7*var(--longCarousel)); }
	.carousel3,
	.carousel4 {
	    padding: 10px;
	    overflow: hidden;
	    display: block;
	    margin: auto;
	    border: 3px solid var(--couleurBase);
	   	height: calc(var(--hauteurCarousel)*1.5);
	    text-align: left;
		li {
		    list-style: none;
		    display: inline-block;
		    width: var(--longCarouselBloc);
		    min-width: var(--longCarouselBloc);
		    margin-left: 0;
		    margin-right: 50px;
		    min-height: calc(1.3*var(--hauteurCarousel));
		}
		ul {
		        margin: 0;
		        width: var(--longCarousel);
		        display: flex;
		        padding-left: 12px;
		}
		li img {
		        width: var(--longCarouselBloc);
		}
		nav {
			display: flex;
			justify-content: center;
			margin: 44px 0 0;
			border: 0px;
			width: unset;
			padding: unset;
			background-color: transparent;
	        cursor: pointer;
		}
		span.nav {
		    padding: 6px 10px 6px 10px;
		    border: 1px solid grey;
		    margin-right: 12px;
		    border-radius: 16px;
		    cursor: pointer;
		}
		span.nav {
		    margin-top: calc(-2*var(--padding));
		}
	}
}