{% if page %}
{% set title = page.title %}
{% set description = page.description %}
{% endif %}
{% set menu = menu ? menu : 'about' %}
{% extends 'Default/base.html.twig' %}
{% block content %}
<style>
.title-header.title-h2{
border-bottom: var(--3px) solid var(--white-color);
padding-left: 0px;
padding-bottom: var(--10px)
}
</style>
<div class='relative gpadding {{desktop("vt-80-in")}} {{mobile("vt-30-in")}} '>
{% if page and page.content and page.content|length > 20 %}
{% set content = page.content|summary %}
<div class='{{desktop("flex row top")}} {{mobile("")}}'>
{% set hasSidebar = page.picture or page.pictureTitle or page.pictureSubtitle or content.summary|length > 20 %}
{% if page.picture or page.pictureTitle or page.pictureSubtitle %}
<figure class='{{desktop("third-20 right-60 ")}} {{mobile("w100 bottom-20")}}'>
{% if page.picture %}
<img src='{{asset(page.picture.thumbnail)}}' class='block w100 {{desktop("")}} {{mobile("")}}' alt="{{page.pictureTitle ? page.pictureTitle : title}}">
{% endif %}
<h2 class='h3 success top-20'>{{page.pictureTitle ? page.pictureTitle}}</h2>
<h3 class='h4 semibold'>{{page.pictureSubtitle ? page.pictureSubtitle}}</h3>
</figure>
{% elseif content.summary|length > 20 %}
<div class='bg-gray {{desktop("third-20 right-60 vt-20-in hz-20-in")}} {{mobile("w100 bottom-20")}}' style="max-height: calc(100vh - var(--header-height) - var(--60px)); overflow-y: auto">
<ul class='list p padding-20'>
{{ content.summary|raw }}
</ul>
</div>
{% endif %}
<div class='w100 {{desktop(hasSidebar ? "" : "gpadding")}} {{mobile("")}} '>
<div class='article h6 text-justify'>
{{ content.content|raw }}
</div>
</div>
</div>
{% endif %}
{% if page and page.slug =="a-propos" %}
<div class='w100 {{desktop("top-40")}} {{mobile("")}} '>
<h2 class="h3 {{desktop('bottom-10')}}">Partenaires</h2>
<div class="">
{{render(controller('App\\Controller\\DefaultController::partners',{}))}}
</div>
</div>
{% endif %}
</div>
{% endblock %}