{% set type = bloc.bloc_type_texte_image|default(0) %}
{# %///////////////////////////////////% #}
{% set classMargTop = "" %}
{% if bloc.bloc_margin_top == "little" %}
{% set classMargTop = "plusTopLittle" %}
{% elseif bloc.bloc_margin_top == "big" %}
{% set classMargTop = "plusTopBig" %}
{% endif %}
{# %///////////////////////////////////% #}
{% set classMargBot = "" %}
{% if bloc.bloc_margin_bottom == "little" %}
{% set classMargBot = "plusBotLittle" %}
{% elseif bloc.bloc_margin_bottom == "big" %}
{% set classMargBot = "plusBotBig" %}
{% endif %}
{# %///////////////////////////////////% #}
<div id="bloc_{{ bloc.bloc_id }}"
class="cid-sYVVjIYuli pageBloc col-lg-12 blocSousMenu type{{ type }} {{ classMargTop }} {{ classMargBot }} d-flex">
<div class="container intPageBloc apparition col-sm-12 col-12 vu">
{% if bloc.bloc_titre or bloc.bloc_sstitre %}
<div class="blocTitre">
{% if bloc.bloc_titre %}<h2 class="pb-1">{{ bloc.bloc_titre }}</h2>{% endif %}
{% if bloc.bloc_sstitre %}<h3>{{ bloc.bloc_sstitre }}</h3>{% endif %}
</div>
{% endif %}
<div class="blocContenu">
{% if type == 0 %}
{% if bloc.bloc_texte %}
<div class="flex-wrap intBlocTxtContenu ">{{ bloc.bloc_texte|raw }}</div>
{% endif %}
<div class="intBlocContenu flexCenter d-flex justify-content-center flex-wrap flexStretch p-2">
{% for N in pages %}
{% if N.pparent == page.pageId %}
<a class="boutonPlus inline p-2"
href="{% if N.ptype == "interne" %}{{ websiteroot }}/{{ N.purl_interne }}{% elseif N.ptype == "externe" %}{{ N.purl_externe }}{% else %}{{ url('front_page',{'name': N.permalien}) }}{% endif %}">
<span>{{ N.ptitremenu|default(N.ptitre) }}</span>
</a>
{% endif %}
{% endfor %}
</div>
{% else %}
{% if bloc.bloc_texte %}
<div class="flex-wrap intBlocTxtContenu">{{ bloc.bloc_texte|raw }}</div>
{% endif %}
<div class="flex-wrap intBlocContenu flexCenter flexStretch row mbr-gallery justify-content-center mt-4">
{% for N in pages %}
{% if N.pparent == page.pageId %}
{% set mediaTmp = N.pbandeau %}
{% set mediaDefault = "default.jpg" %}
{% set mediaTmp = webp(webpSupported, mediaTmp)|url_encode %}
{% set mediaDefault = webp(webpSupported, mediaDefault) %}
<div class="col-12 col-md-6 col-lg-4 item gallery-image ">
<a class="vignette inline flexColumn flexStretch flexNoWrap" {% if N.permalien == "contact-fr" or N.permalien == "contact-en" or N.permalien == "contact" %} rel="nofollow"{% endif %}
href="{% if N.ptype == "interne" %}{{ websiteroot }}/{{ N.purl_interne }}{% elseif N.ptype == "externe" %}{{ N.purl_externe }}{% else %}{{ url('front_page',{'name': N.permalien}) }}{% endif %}"
style=" background-image:url({{ asset('/medias_front/' ~ module ~ '/'~mediaTmp|default(mediaDefault)) | imagine_filter('front_sousMenu') }}); ">
<figure>
<a href="{{ asset('medias_front/' ~ module ~ '/'~mediaTmp|default(mediaDefault)) | imagine_filter('front_blocGalerie'~1) }}"
data-fancybox>
<img class="w-100 h-80"
src="{{ asset('medias_front/' ~ module ~ '/'~mediaTmp|default(mediaDefault)) | imagine_filter('front_blocGalerie'~1) }}"
alt="{{ media.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}">
</a>
<p class="text-center text-justify p-3 textDesc">
{{ N.ptitremenu|default(N.ptitre) }}
</p>
</figure>
</a>
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>