{% extends 'base.html.twig' %}

{% block title %} {{ 'accéder.metatitle'|trans }} {% endblock %}
{% block description %} {{ 'accéder.metadescription'|trans }} {% endblock %}

{% block body %}

    {% include "front/inc/breadcrumb.html.twig" with 
        {
            'content_title':'menu.acceder'|trans ,
            'current_page': 'menu.acceder'|trans ,
            'image' : null 
        }
     %}

<div class="page-Comment-acc">
    <div class="intro">
        <span class="title-intro">{{ 'accéder.intro.title.1'|trans|raw }} </span>
        {{ 'accéder.intro.text.1'|trans|raw }}
    </div>
    <div class="content-page">
        <section class="block-lieu">
            <div class="text-block">
                <div class="title">
                    <p>{{ 'accéder.intro.title.2'|trans|raw }}</p>
                </div>
                <div class="info-text no-transform">
                    {{ 'accéder.intro.text.2'|trans|raw }}
                </div>
            </div>
            <div class="map-block">
                <div id="map2"></div>
            </div>
        </section>
        <section class="block-reservation">
            <div class="intro-block-reservation">
                <p class="title-intro">{{ 'accéder.intro.title.3'|trans|raw }}</p>
                {{ 'accéder.intro.text.3'|trans|raw }}
            </div>
            <div class="block-contact">
                <div class="box tel-info">
                    <div class="svg-box">
                        <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" fill="none" viewBox="0 0 120 120">
                            <path fill="#EE7D00" fill-rule="evenodd" d="M93 11H77V7h16v4Z" clip-rule="evenodd" />
                            <path fill="#EE7D00" fill-rule="evenodd" d="M116.479 10.576h-14.914V7H120v23H50V9.124C50 7.95 50.936 7 52.09 7h16.345v3.577H53.52v15.847h62.959V10.576Z" clip-rule="evenodd" />
                            <path
                                fill="#EE7D00"
                                fill-rule="evenodd"
                                d="M50 26h70v23.84h-3.521V29.55H53.52v36.9h62.959V53.51H120V70H50V26ZM67 0h12v18H67V0Zm3.549 3.511V14.49h4.902V3.51H70.55ZM91 0h12v18H91V0Zm3.549 3.511V14.49h4.902V3.51H94.55Z"
                                clip-rule="evenodd"
                            />
                            <path
                                fill="#EE7D00"
                                fill-rule="evenodd"
                                d="M99 40.44 78.695 60 71 51.688l2.645-2.297 5.198 5.613L96.494 38 99 40.44ZM103.724 63H103v-4h.724v4ZM106 63h-.724v-4H106v4Zm4.724 0H110v-4h.724v4ZM113 63h-.724v-4H113v4ZM53.14 91 64 113.443 60.86 115 50 92.557 53.14 91Z"
                                clip-rule="evenodd"
                            />
                            <path
                                fill="#EE7D00"
                                fill-rule="evenodd"
                                d="m27.458 10 12.368 25.427-9.527 4.7c-5.017 2.476-7.092 8.579-4.634 13.632L40.569 84.4c2.458 5.053 8.518 7.143 13.536 4.667l9.527-4.7L76 109.795l-17.884 8.823c-5.698 2.811-11.995 1.087-17.934-2.952-5.961-4.054-11.934-10.664-17.337-18.478-10.801-15.62-19.67-36.554-21.674-52.974l3.46-.428c1.92 15.72 10.515 36.122 21.076 51.395 5.279 7.633 10.963 13.859 16.427 17.575 5.487 3.731 10.386 4.712 14.448 2.708l14.752-7.278-9.3-19.119-6.395 3.155c-6.747 3.33-14.896.519-18.201-6.276L22.533 55.304c-3.305-6.795-.515-15.002 6.232-18.33l6.395-3.156-9.3-19.119-14.751 7.278c-3.764 1.857-5.96 5.784-6.646 11.542L1 33.099c.762-6.386 3.333-11.69 8.574-14.276L27.458 10Z"
                                clip-rule="evenodd"
                            />
                            <path
                                fill="#EE7D00"
                                fill-rule="evenodd"
                                d="M.009 38.381A30.387 30.387 0 0 1 .007 37l3.919.052c-.01.417-.009.84.002 1.272M.087 40a34.359 34.359 0 0 1-.078-1.619M.087 40 4 39.829.087 40ZM4 39.829c-.036-.51-.06-1.012-.072-1.505L4 39.829Zm-2.033-1.477ZM23.86 41 13 18.557 16.14 17 27 39.443 23.86 41Z"
                                clip-rule="evenodd"
                            />
                        </svg>
                    </div>
                    <div class="text--box">
                        <p>{{ 'accéder.intro.title.4'|trans|raw }}</p>
                        <a href="tel:{{ 'contact.tel1'|trans }}">{{ 'contact.tel1'|trans }}/{{ 'contact.tel2'|trans }}</a>
                    </div>
                </div>
                <div class="box email-info">
                    <div class="svg-box">
                        <svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" fill="none" viewBox="0 0 102 102">
                            <g clip-path="">
                                <path
                                    fill="#EE7D00"
                                    d="M51 0C22.878 0 0 22.878 0 51c0 28.121 22.878 51 51 51 28.121 0 51-22.879 51-51 0-28.122-22.879-51-51-51Zm0 97.219C25.515 97.219 4.781 76.485 4.781 51S25.515 4.781 51 4.781 97.219 25.515 97.219 51 76.485 97.219 51 97.219Zm23.968-67.237H27.031a5.822 5.822 0 0 0-5.814 5.815v30.406a5.821 5.821 0 0 0 5.814 5.815h47.937a5.822 5.822 0 0 0 5.815-5.815V35.797a5.822 5.822 0 0 0-5.815-5.815Zm-3.603 4.782L51 50.936 30.635 34.764h40.73Zm3.603 32.472H27.031c-.57 0-1.033-.463-1.033-1.033V37.187L49.513 55.86a2.387 2.387 0 0 0 2.973 0l23.516-18.673v29.016c0 .57-.464 1.033-1.034 1.033Z"
                                />
                            </g>
                            <defs>
                                <clipPath id="a">
                                    <path fill="#fff" d="M0 0h102v102H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                    </div>
                    <div class="text--box">
                        <p>{{ 'accéder.intro.title.5'|trans|raw }}</p>
                        <a href="mailto:{{ 'contact.email'|trans }}">{{ 'contact.email'|trans }}</a>
                    </div>
                </div>
                <div class="box whatsap-info">
                    <div class="svg-box">
                        <svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" fill="none" viewBox="0 0 96 96">
                            <g clip-path="">
                                <path
                                    fill="#EE7D00"
                                    d="M48 0C21.532 0 0 21.532 0 48c0 9.03 2.509 17.795 7.268 25.407-1.896 6.642-5.32 19.207-5.357 19.338a1.84 1.84 0 0 0 .498 1.811 1.855 1.855 0 0 0 1.826.438l19.027-5.853A47.882 47.882 0 0 0 48 96c26.468 0 48-21.532 48-48S74.468 0 48 0Zm0 92.308a44.197 44.197 0 0 1-23.503-6.74 1.846 1.846 0 0 0-1.523-.2L6.36 90.482c1.22-4.455 3.414-12.423 4.686-16.856a1.852 1.852 0 0 0-.226-1.515A44.137 44.137 0 0 1 3.692 48C3.692 23.57 23.57 3.692 48 3.692S92.308 23.57 92.308 48 72.43 92.308 48 92.308Z"
                                />
                                <path
                                    fill="#EE7D00"
                                    d="M79.357 59.31c-3.408-1.893-6.31-3.79-8.427-5.175-1.618-1.056-2.786-1.819-3.643-2.249-2.395-1.194-4.21-.35-4.9.347a1.84 1.84 0 0 0-.23.28c-2.487 3.732-5.735 7.3-6.685 7.492-1.099-.171-6.24-3.094-11.35-7.349-5.218-4.348-8.5-8.51-8.982-11.346 3.347-3.445 4.553-5.613 4.553-8.08 0-2.541-5.93-13.155-7.003-14.228-1.076-1.074-3.5-1.242-7.205-.504a1.864 1.864 0 0 0-.944.504c-.448.45-10.946 11.151-5.957 24.122 5.475 14.236 19.53 30.783 37.449 33.471 2.036.305 3.945.456 5.732.456 10.542 0 16.763-5.304 18.515-15.825a1.839 1.839 0 0 0-.923-1.916ZM56.581 72.942C37.632 70.103 25.697 51.33 22.031 41.8c-3.637-9.453 3.07-17.88 4.753-19.785 1.37-.233 2.812-.33 3.414-.237 1.257 1.748 5.61 9.973 5.802 11.454 0 .969-.316 2.319-4.074 6.08a1.834 1.834 0 0 0-.541 1.304c0 9.667 20.389 23.077 24 23.077 3.14 0 7.235-5.278 9.567-8.717.134.005.362.051.684.214.665.334 1.817 1.085 3.274 2.038 1.924 1.257 4.478 2.926 7.495 4.656-1.37 6.59-5.199 13.257-19.824 11.06Z"
                                />
                            </g>
                            <defs>
                                <clipPath id="a">
                                    <path fill="#fff" d="M0 0h96v96H0z" />
                                </clipPath>
                            </defs>
                        </svg>
                    </div>
                    <div class="text--box">
                        <p>{{ 'accéder.intro.title.6'|trans|raw }}</p>
                        <a href="tel:{{ 'contact.whatapp'|trans }}">{{ 'contact.whatapp'|trans }}</a>
                    </div>
                </div>
            </div>
        </section>
    </div>
</div>
{% endblock %}
{% block javascripts %}
{# <script async defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBSZfP4qCr7sIBRNxrWeyTYli-QLAN_Z9Y&callback=initMap&v=weekly"></script> #}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{% endblock %}