<div class="blocktextBannier" style="z-index: 1;">
<h2 class="blocktextBannierH2" style="{% if element.textShadowTitre %}text-shadow: {{ element.textShadowTitre }};{% endif %}{% if element.colorTitre %}color: {{ element.colorTitre }};{% endif %}{% if element.tailleTitre %}font-size: {{ element.tailleTitre }};{% endif %}">{{ element.titre }} </h2>
<p class="blocktextBannierP" style="{% if element.textShadow %}text-shadow: {{ element.textShadow }};{% endif %}{% if element.colorDescription %}color: {{ element.colorDescription }};{% endif %}{% if element.tailleDescription %}font-size: {{ element.tailleDescription }};{% endif %}">{{ element.description|raw }}</p>
{% if element.accueilElementBoutton|length > 0 %}
{% for item in element.accueilElementBoutton %}
<div class="blocktextBannierBtn">
<a href="{{ item.url }}" id="blocktextBannierBtnA{{ item.id }}" style="{% if item.background %}background: {{ item.background }};{% endif %} {% if item.color %}color: {{ item.color }};{% endif %} font-size: {% if item.taille %}{{ item.taille }}px;{% endif %} {% if item.police %}font-family: {{ item.police }}{% endif %}" target="_blank">{{ item.name }}</a>
</div>
{% endfor %}
{% endif %}
</div>
<style>
{% if element.accueilElementBoutton|length > 0 %}
{% for item in element.accueilElementBoutton %}
#blocktextBannierBtnA{{ item.id }}:hover {
{% if item.colorHover %}color: {{ item.colorHover }}!important;{% endif %}
{% if item.backgroundHover %}background: {{ item.backgroundHover }}!important;{% endif %}
}
{% endfor %}
{% endif %}
</style>