{if $carousel_id}
{*
{ifloop rel="carouselfront"}
<section class="carousel-container">
    <div id="carousel" class="carousel slide" data-bs-ride="carousel"  data-bs-ride="true">
        <div class="carousel-wrapper">
            <div class="carousel-inner">
                {loop type="carouselv2" name="carouselfront" width="1920" height="1080" resize_mode="crop" carousel=$carousel_id}
                <figure class="item {if $LOOP_COUNT == 1}active{/if}">
                    {if $URL}<a href="{$URL|default:'#'}">{/if}
					{if isset($IMAGE_URL)}
                    <img src="{$IMAGE_URL}" alt="{$ALT}">
					{/if}
                    {if $URL}</a>{/if}

                    <div class="carousel-caption postext{$POSITIONTEXT}">
                        {if $TITLE}<h3>{$TITLE}</h3>{/if}
                        {if $CHAPO}<p>{$CHAPO}</p>{/if}
                        {if $DESCRIPTION}{$DESCRIPTION nofilter}{/if}
                    </div>
                </figure>
                {/loop}
            </div>
        </div>
        <a class="left carousel-control" href="#carousel" data-bs-slide="prev"><span class="icon-prev"></span></a>
        <a class="right carousel-control" href="#carousel" data-bs-slide="next"><span class="icon-next"></span></a>
    </div>
</section><!-- #carousel -->
{/ifloop}*}
{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}
				
                <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}<h3>{$TITLE nofilter}</h3>{/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="sr-only">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="sr-only">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}
    </div>
</section><!-- #carousel -->
{/ifloop}
{/loop}
{/if}