{% extends 'FrontofficeFr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}Assemblée générale{% endblock %}
{% block body %}
<style>

        .yellowLine{
            height: 5px;
            background: gold;
            width: 60%;
            margin: 0% 20% 0% 20%;
            border-radius: 30px;
                    
        }

        .text{
            font-size:20px
        }

        .nomprenom{
            margin:2%;
            font-size:18px;
        }

        @media screen and (max-width: 600px) {

            .text{
                font-size:17px
            }
            .nomprenom{
                margin:2%;
                font-size:15px;
            }
        }

</style>

    <div class="actualites_title">
        <br/>
        <div class="text-center">
            <img src="{{ asset("/assets/Backoffice/images/logo-fcpm.png") }}" />
            <h4 class="title-page" style="color:white;">Assemblée générale</h4>
        </div>
    </div>

    <div style='display:flex;justify-content: center;width:100%;margin:0%' class="row block_ac">
        <div style='margin-top:2%'>
            <div  id='sectionBureau'>

                <div class="row justify-content-center">
                    <div class="col-md-7 text-center">
                        <h3 class="heading-92913 text-black text-center">FÉDÉRATION DES CHAMBRES DES PÊCHES MARITIMES - ASSEMBLEE GENERALE</h3>
                    </div>
                </div>

                <div style='text-align:center;margin-top:0%'>
                    <div class="panel-body text-sm" >
                        <img style='width:160px;height:160px' src="{{ asset("/assets/Backoffice/images/logoFCPM.png") }}" />
                    </div>

                    <h5 class='text-center text' style='width:100;color:black;font-family: system-ui;'>
                            L’assemblée générale est composée pour chaque chambre de six membres
                            désignés par le président de ladite chambre parmi ses membres élus.
                    </h5>

                    <div class="col-lg-12" style='display:flex;flex-wrap: wrap;justify-content: space-around;font-family: system-ui;text-align:left'>
                        <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                            <div class="post-item text-center" style='width:100%;background:#106eea;'>
                                <div style='color:white;font-size:14px'><strong>CHAMBRE DES PÊCHES MARITIMES DE LA MÉDITÉRRANÉE (CPMM)</strong></div>
                            </div>
                            <ul style='display: flex;flex-direction: column;margin:2%'>
                            {% for m in membreMed %}
                                <li class="col-md-6 nomprenom" >{{m.civilite}} {{m.nom}}  {{m.prenom}}</li>
                            {% endfor %}    
                            </ul>

                        </div>

                        <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                            <div class="post-item text-center" style='width:100%;background:#106eea;'>
                                <div style='color:white;font-size:14px'><strong>CHAMBRE DES PÊCHES MARITIMES DE L'ATLANTIQUE-NORD (CPMAN)</strong></div>

                            </div>
                            <ul style='display: flex;flex-direction: column;margin:2%'>
                            {% for m in membreNord %}
                                <li class="col-md-6 nomprenom" >{{m.civilite}} {{m.nom}}  {{m.prenom}}</li>
                            {% endfor %}    
                            </ul>

                        </div>
                    </div>

                    <div class="col-lg-12" style='display:flex;flex-wrap: wrap;justify-content: space-around;font-family: system-ui;text-align:left'>
                        <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                            <div class="post-item text-center" style='width:100%;background:#106eea;'>
                                <div style='color:white;font-size:14px'><strong>CHAMBRE DES PÊCHES MARITIMES DE L'ATLANTIQUE-CENTRE(CPMAC)</strong></div>

                            </div>
                            <ul style='display: flex;flex-direction: column;margin:2%'>
                            {% for m in membreCentre %}
                                <li class="col-md-6 nomprenom" >{{m.civilite}} {{m.nom}}  {{m.prenom}}</li>
                            {% endfor %}    
                            </ul>
                        </div>

                        <div class="col-md-5 panel panel-primary" style="padding-right: 0px;padding-left: 0px;margin: 1% 4%;min-width: 330px;">
                            <div class="post-item text-center" style='width:100%;background:#106eea;'>
                                <div style='color:white;font-size:14px'><strong>CHAMBRE DES PÊCHES MARITIMES DE L'ATLANTIQUE-SUD(CPMAS)</strong></div>

                            </div>
                            <ul style='display: flex;flex-direction: column;margin:2%'>
                            {% for m in membreSud %}
                                <li class="col-md-6 nomprenom" >{{m.civilite}} {{m.nom}}  {{m.prenom}}</li>
                            {% endfor %}    
                            </ul>

                        </div>
                    </div>
                </div>

            </div>
        <div>
    <div>    

{% endblock %}