<section data-bs-version="5.1"
class="image2 cid-sYtiOZS3A3 text-img-type-{{ bloc.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
id="image2-2t">
<div class="row {% if bloc.bloc_alignement == 'droite' %}row-reverse{% endif %} m-0 blocTextimage">
{% if medias[0].media_fichier is defined %}
{% set mediaTmp = medias[0].media_fichier %}
{% set mediaDefault = "default.jpg" %}
{% set mediaTmp = webp(webpSupported, mediaTmp) %}
{% set mediaDefault = webp(webpSupported, mediaDefault) %}
<div class="col-12 col-lg-6 p-0">
<a {% if medias[0].media_lien %} href="{{ medias[0].media_lien }}" {% if medias[0].media_is_blank == 1 %} target="_blank" rel="noreferrer" {% endif %} {% else %} href="{{ asset('/medias_front/' ~ module ~ '/'~mediaTmp) | imagine_filter('front_fancy') }}" target="_blank" {% endif %}
title="{{ medias[0].media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
style="background-image:url({{ asset('/medias_front/' ~ module ~ '/'~mediaTmp) | imagine_filter('front_blocTexteImage') }});{% if bloc.bloc_image_position_verticale is defined %} background-position : {{ bloc.bloc_image_position_verticale }} !important {% endif %}"
class="aImage" data-fancybox>
</a>
</div>
{% endif %}
<div class="col-12 col-lg-6 p-lg-5 d-flex justify-content-center img">
<div class="text-wrapper p-lg-5 col-lg-10">
{% if bloc.bloc_titre %}
<h3 class="pt-2 mbr-section-title mbr-fonts-style display-2 text-center">
<strong>{{ bloc.bloc_titre }}</strong>
</h3>
{% endif %}
{% if bloc.bloc_sstitre %}
<h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center">
{{ bloc.bloc_sstitre }}
</h4>
{% endif %}
<div class="mbr-text mbr-fonts-style display-7 bloc-text text-justify">
{{ bloc.bloc_texte|raw }}
</div>
</div>
</div>
</div>
</section>