<div class="" id="div-evenement">
<div class="title-evenement">
<h2>Evènements à venir</h2>
{% if app.user is not null%}
<a href="{{ path('odiseo_sylius_blog_plugin_shop_article_index') }}" id="button-add-evenement">Proposer un évènement</a>
{% else %}
<a href="{{ path('sylius_no_connected_evenement') }}" id="button-add-evenement">Proposer un évènement</a>
{% endif %}
</div>
{{ render(url('odiseo_sylius_blog_plugin_shop_partial_evenement_index_latest', {'count': 3, 'template': '@SyliusShop/Homepage/lastEvent.html.twig'})) }}
</div>
<style>
/*#div-evenement h2{*/
/* font-size: var(--md-fz);*/
/* font-weight: bold;*/
/* text-transform: uppercase;*/
/* color: black;*/
/* position: relative;*/
/* width: fit-content;*/
/* padding: 1.5rem 0 !important;*/
/* margin-bottom: 4rem !important;*/
/* margin-top: 2.5rem;*/
/*}*/
/*!*I want a before after to make a border in the left 50% bottom of #div-collection h2*!*/
/*#div-evenement h2::before,*/
/*#div-evenement h2::after*/
/*{*/
/* content: "";*/
/* position: absolute;*/
/* width: 50%;*/
/* height: 5px;*/
/* background-color: #E35E31;*/
/* bottom: 0;*/
/* left: 0;*/
/*}*/
/*.title-evenement{*/
/* display: flex;*/
/* justify-content: space-between;*/
/* align-items: flex-start;*/
/*}*/
/*.title-evenement a {*/
/* font-size: var(--sm-fz);*/
/* font-weight: bold;*/
/* text-transform: uppercase;*/
/* width: fit-content;*/
/* padding: 1.5rem;*/
/* margin-top: 2.5rem;*/
/* background-color: #E35E31;*/
/* color: white;*/
/*}*/
/*.title-evenement a:hover, .title-evenement a:active{*/
/* background-color: #E35E31*/
/*}*/
</style>