{if $carousel_id}
{loop type="carouselv2" name="carouselv2" id=$carousel_id}
{ifloop rel="carousel.front"}
<section class="carousel-container">
    <div id="carouselv2" class="carousel slide" data-bs-ride="carouselv2" data-bs-ride="true">
        <div class="carousel-wrapper">
            <div class="carousel-inner">
                {loop type="carouselv2items" name="carousel.front" width="{$WIDTH|default:1200}" height="{$HEIGHT|default:390}" resize_mode="crop" allow_zoom=1 carousel=$ID}
				{$nbrslide=$LOOP_TOTAL}
				{$findCarousel=true}
                <figure class="item carousel-item {if $LOOP_COUNT == 1}active{/if}">
					<div class="h-100 {if $POSITIONMOBILE == 3 || $MOBILE == 0}jarallax view{/if}{if $POSITIONMOBILE == 2 && $MOBILE == 1} row{/if}">
					<div class="h-100 d-flex mask rgba-gradient{if $POSITIONMOBILE == 2 && $MOBILE == 1} order-2{/if} {if $POSITIONVISUEL == 1}justify-content-center{else}{if $POSITIONVISUEL == 2}justify-content-start{else}justify-content-end{/if}{/if} align-items-center">	
						{if $POSITIONVISUEL != 1 }<div class="col-md-6 p-0"> {/if}
					{if $VIDEO_URL}
						<video src="{$VIDEO_URL}" poster="{$IMAGE_URL}"{if $VIDEO_CONTROLS} controls{/if}{if $VIDEO_AUTOPLAY} autoplay{/if}{if $VIDEO_MUTED} muted{/if}{if $VIDEO_LOOP} loop{/if} class="img-responsive img-fluid w-100" >
							{if $URL}<a href="{$URL|default:'#'}">{/if}
							<img src="{$IMAGE_URL}" alt="{$ALT}" class="img-responsive img-fluid w-100">
							{if $URL}</a>{/if}
						</video>
					{else}
						{if $URL}<a href="{$URL|default:'#'}" class="w-100">{/if}
							<img src="{$IMAGE_URL}" alt="{$ALT}" class="img-responsive img-fluid w-100">
						{if $URL}</a>{/if}
					{/if}
						{if $POSITIONVISUEL != 1 }</div>{/if}
						</div>
					{if 1}
                    <div class="carousel-caption postext{$POSITIONTEXT} {$CLASSFONT} {$CLASSBACKGROUND} {$CLASSTEXT}">
                        {if $TITLE}<p class="titre">{$TITLE nofilter}</p>{/if}
                        {if $CHAPO}<p>{$CHAPO nofilter}</p>{/if}
                        {if $DESCRIPTION}{$DESCRIPTION nofilter}{/if}
						{if $URL}<a href="{$URL}" class="btn btn-gmp">{$TITLE_BTN}</a>{/if}
                    </div>
					{else}
					<div class="mask {if $POSITIONMOBILE == 2 && $MOBILE == 1} order-1{/if} d-flex {if $POSITIONTEXT == 1}justify-content-center{else}{if $POSITIONTEXT == 2}justify-content-start{else}justify-content-end{/if}{/if} align-items-center shadow-text">
					<!-- Content -->
						
						<div class="{if $POSITIONTEXT == 1}container{else}col-md-6{/if} px-md-3 px-sm-0 {if $CLASSBACKGROUND}{$CLASSBACKGROUND}{else}rgba-gradient{/if}">
						  <!--Grid row-->
						  <div class="row wow fadeIn">
							<!--Grid column-->
							<div class="col-md-12 mb-4 {$CLASSFONT} text-center wow fadeIn">
							  {if $TITLE}<p class="display-4 font-weight-bold {$CLASSFONT} text-uppercase mb-0 pt-md-5 pt-5">{$TITLE nofilter}</p>
							  <hr class="hr-light my-4 w-75">{/if}
							  <strong class="mt-2 mb-4 {$CLASSFONT}">{$CHAPO nofilter}</strong><br>
							  {$DESCRIPTION nofilter}
							  {if $URL}<a href="{$URL}" class="btn blue-gradient btn-rounded">{$TITLE_BTN}</a>{/if}
							</div>
							<!--Grid column-->
						  </div>
						  <!--Grid row-->
						</div>
					<!-- Content -->
					</div>
					{/if}
				
					</div>
                </figure>
                {/loop}
            </div>
        </div>
		{if $nbrslide > 1}

			<a class="left carousel-control carousel-control-prev" href="#carouselv2" data-bs-slide="prev"><span class="icon-prev"></span>{*<span class="fal fa-angle-left fa-3x bg-degrade opacity btn-slider" aria-hidden="true"></span>*}<span class="d-none">Previous</span></a>
			<a class="right carousel-control carousel-control-next" href="#carouselv2" data-bs-slide="next"><span class="icon-next"></span>{*<span class="fal fa-angle-right fa-3x bg-degrade opacity btn-slider" aria-hidden="true"></span>*}<span class="d-none">Next</span></a>

			<div class="carousel-indicators">
				{loop type="carouselv2items" name="carousel.front.indicator" carousel=$carousel_id}
				 
					<button type="button" data-bs-target="#carouselv2" data-bs-slide-to="{$LOOP_COUNT-1}" {if $LOOP_COUNT == 1}class="active" aria-current="true"{/if} aria-label="Slide {$LOOP_COUNT}"></button>
				{/loop}
			</div>
		{/if} 
		{if $CONTENT_ID}
			{$brand_id=0}
			{loop type="moretextarea" content="{$CONTENT_ID}" name="brand_id" id=6 }
			  {if $VALUE}
				{$brand_id=$VALUE}
			  {/if}
			{/loop}
			{if $brand_id}
			{loop type="brand" name="brand" id="{$brand_id}"}
			<div class="encartSlider">
				{loop type="image" brand=$ID name="imgbrand"}
					<img src="{$IMAGE_URL}" alt="{$TITLE}" class="encartLogo" height="38px" >
				{/loop}
				<h1>{$TITLE}</h1>
				<div class="mb-5">
					{$DESCRIPTION nofilter}
				</div>
				<div class="text-end">
					{$nomsite=''}
					{$urlsite=''}
					{loop type="moretextarea" brand="{$ID}" name="nomsite" id=1 }
					  {if $VALUE}
						{$nomsite=$VALUE}
					  {/if}
					{/loop}
					{loop type="moretextarea" brand="{$ID}" name="urlsite" id=2 }
					  {if $VALUE}
						{$urlsite=$VALUE}
					  {/if}
					{/loop}
					{if $nomsite && $urlsite}
						<a href="{$urlsite}" title="{$nomsite}" target="_blank">{$nomsite}</a>
					{/if}
					{loop type="moretextarea" brand="{$ID}" name="urlfacebook" id=3 }
					  {if $VALUE}
						<a href="{$VALUE}" title="facebook" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a>
					  {/if}
					{/loop}
					{loop type="moretextarea" brand="{$ID}" name="urlinsta" id=4 }
					  {if $VALUE}
						<a href="{$VALUE}" title="instagram" target="_blank"><svg width="30px" height="30px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a>
					  {/if}
					{/loop}
				</div>
			</div>
			{/loop}
		{/if}
		{/if}
		{if $PRODUCT_ID}
			{loop type="brand" name="brand" product="{$PRODUCT_ID}"}
			<div class="encartSlider">
				{loop type="image" brand=$ID name="imgbrand"}
					<img src="{$IMAGE_URL}" alt="{$TITLE}" class="encartLogo" height="38px" >
				{/loop}
				<h1>{$TITLE}</h1>
				<div class="mb-5">
					{$DESCRIPTION nofilter}
				</div>
				<div class="text-end">
					{$nomsite=''}
					{$urlsite=''}
					{loop type="moretextarea" brand="{$ID}" name="nomsite" id=1 }
					  {if $VALUE}
						{$nomsite=$VALUE}
					  {/if}
					{/loop}
					{loop type="moretextarea" brand="{$ID}" name="urlsite" id=2 }
					  {if $VALUE}
						{$urlsite=$VALUE}
					  {/if}
					{/loop}
					{if $nomsite && $urlsite}
						<a href="{$urlsite}" title="{$nomsite}" target="_blank">{$nomsite}</a>
					{/if}
					{loop type="moretextarea" brand="{$ID}" name="urlfacebook" id=3 }
					  {if $VALUE}
						<a href="{$VALUE}" title="facebook" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" viewBox="0 0 24 24"><path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"/></svg></a>
					  {/if}
					{/loop}
					{loop type="moretextarea" brand="{$ID}" name="urlinsta" id=4 }
					  {if $VALUE}
						<a href="{$VALUE}" title="instagram" target="_blank"><svg width="30px" height="30px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>Instagram icon</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg></a>
					  {/if}
					{/loop}
				</div>
			</div>
			{/loop}
		{/if}
		
    </div>
</section><!-- #carousel -->

{/ifloop}
{/loop}
{/if}