<!DOCTYPE html>
<html lang="fr">
    
<head>
<title>À propos de l'ordre</title>
    <?php include ('layouts/head.php');?>
    </head>
    <body>
    <?php $currentPage='apropos';?>
        <section class="topbar plr-100 bg-black">
            <!-- Header area start -->
            <?php include ('layouts/header.php');?>
            <!-- Header area end -->
        </section>


        <!-- Navigation area start -->
        <div class="navbar-area">
            <!-- Menu For Mobile Device -->
            <?php include ('layouts/navbar_mobile.php');?>
            <!-- Menu For Desktop Device -->
            <?php include ('layouts/navbar_desktop.php');?>
        </div>
        <!-- Navigation area end -->

        <!-- Uni Banner Area Start -->
        <section class="uni-banner" style="background-image: url('assets/images/banner/history.jpg');"> 
            <div class="container">
                <div class="uni-banner-text-area">
                    <!-- <h1>À propos de l'ordre</h1>
                    <ul>
                        <li><a href="index">Accueil</a></li>
                        <li>À propos</li>
                    </ul> -->
                </div>
            </div>
        </section>
        <!-- uni Banner Area End -->

        <!-- About Area Start -->
        <section class="about pt-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="about-img">
                            <img class="a-img-1" src="assets/images/about/marteau.jpg" alt="image">
                            <img class="a-img-2" src="assets/images/about/mamadou.jpg" alt="image">
                            <img class="a-img-3" src="assets/images/about/balance.jpg" alt="image">
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                        <div class="why-we-text-area about-text-area-2">
                            <div class="default-section-title">
                                <span>DEPUIS 1859</span>
                                <h3>Un engagement sans faille pour l'état de droit et le respect des libertés individuelles</h3>
                                <p>Au cœur de la justice sénégalaise, l'Ordre des Avocats du Sénégal joue un rôle crucial 
                                    dans la défense des droits et des libertés des citoyens. Investi d'une mission 
                                    d'intérêt public, il veille à la régulation 
                                    de la profession d'avocat et œuvre sans relâche pour l'accès à la justice pour tous.</p>
                            </div>
                            <div class="why-we-text-list">
                                <i class="flaticon-government-building"></i>
                                <h4>Nos missions principales:</h4>
                                <!-- <p>Nulla porttitor accumsan tincidunt lorem ipsum dolor sit amet consectetur adipiscing elit praesent sapien massa convallis.</p> -->
                                <ul>
                                <li>Représenter et défendre les intérêts des avocats.</li>
                                    <li>Veiller au respect de l'éthique et de la déontologie de la profession.</li>
                                    <li>Promouvoir l'état de droit et les droits de l'homme.</li>
                                    <li>Contribuer à l'administration de la justice et à l'indépendance du barreau.</li>
                                    <li>Former et perfectionner les avocats.</li>
                                    <li>Informer et sensibiliser le public sur le système juridique.</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- About Area end -->


          <!-- Services details Area Start -->
          <section class="service-details ptb-100"> 
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="details-text-area">
                            <img class="details-main-img" src="assets/images/inner-images/affiche.jpg" alt="image">
                            <h3 id="origine"><span style="color:#C4262E;">1859-1960: </span>Aux origines de la profession d’avocat au Sénégal</h3>
                            <p>L’histoire des avocats du Sénégal débute un siècle avant l’accession 
                                à la souveraineté nationale en 1960. Le 5 mars 1859, le gouverneur de Saint-Louis, 
                                le général Louis Faidherbe, promulgue l’arrêté n°26 relatif aux conseils commissionnés,
                                 appelés « avocats » après la création le 3 septembre 1960 du « Barreau près 
                                 la Cour d’appel du Sénégal ». Les premiers avocats natifs du Sénégal sont issus 
                                 de familles métisses originaires de Saint-Louis. <br><br>Leur nomination répond à des 
                                 critères stricts ; ils exercent leur métier dès la seconde moitié du 19ème siècle
                                  dans un environnement complexe. Fins connaisseurs du droit, les avocats occupent
                                   les prétoires et la scène politique. 
                                Plusieurs deviennent des figures incontournables de l’Histoire du Sénégal.</p>

                            <h3 id="liberte"><span style="color:#C4262E;">1960-1984: </span>Le barreau en quête de liberté</h3>
                            <p>Au Sénégal, la profession d’avocat est la première profession libérale organisée en 
                                forme statutaire au lendemain de l’Indépendance. Le Barreau près la Cour d’appel 
                                du Sénégal a été créé par l’ordonnance n°60-309 du 3 septembre 1960. Il compte 
                                alors une cinquantaine d’inscrits, majoritairement français. <br><br>La « sénégalisation » 
                                du Barreau intervient progressivement à partir des années 1970. 
                                Au début des années 1980, des réformes importantes sont en préparation. 
                                Les avocats veulent être constitués en ordre libéral et indépendant. 
                                La loi 84-09 du 4 janvier 1984 portant création de l’Ordre des avocats 
                                du Sénégal est 
                                finalement votée au terme de longues et difficiles négociations..</p>
                            <!-- <ul>
                                <li>Lorem ipsum dolor sit amet.</li>
                                <li>Lorem ipsum, dolor sit amet consectetur adipisicing elit.</li>
                                <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat, debitis!</li>
                            </ul>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, 
                                sed do eiusmod tempor incididunt labore et dolore magna 
                                aliqua. Ut enim ad minim veniam, quis nostrud exercitation 
                                ullamc laboris nisi ut aliquip commodo consequat.
                            </p> -->
                            <!-- <div class="details-img-area mt-15">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-30">
                                        <img src="assets/images/inner-images/sd2.jpg" alt="image">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-sm-12 col-12 mb-30">
                                        <img src="assets/images/inner-images/sd3.jpg" alt="image">
                                    </div>
                                </div>
                            </div> -->
                            <h3 id ="defits" class="mt-0" style="text-align:justify;"><span style="color:#C4262E;">1984-2016: </span>Le barreau face à de nouveaux défis</h3>
                            <p>La loi 84-09 du 4 janvier 1984 portant création de l’Ordre des avocats du Sénégal 
                                confirme le caractère libéral et indépendant de la profession d’avocat. Elle apporte 
                                des innovations dont l’une des plus marquantes est la 
                                CARPA (Caisse des règlements pécuniaires des avocats) visant à sécuriser 
                                les relations entre les clients et les avocats. La CARPA donne à l’Ordre
                                 une plus grande autonomie financière et permet la modernisation du Barreau. 
                                 <br><br>Au cours des trois dernières décennies, les règles régissant la profession 
                                 d’avocat ont évolué, le droit s’est complexifié et le nombre d’inscrits 
                                 au grand tableau de l’Ordre a quadruplé. Le développement en 
                                 Afrique des politiques de coopération juridique et judicaire 
                                ainsi que l’ouverture sur le reste du monde font apparaître de nouvelles réalités.</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="sidebar-area pl-20 pt-30">
                            <div class="sidebar-card search-box">
                                <form>
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Recherche.." required>
                                        <button class="btn" type="submit"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                            <!-- <div class="sidebar-card sidebar-category mt-30">
                                <h3>Categories</h3>
                                <ul>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Adveresting Permits</a></li>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Animal Health And Welfare</a></li>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Animal Health And Welfare</a></li>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Drainage Services</a></li>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Enviromental Services</a></li>
                                    <li><a href="blog-details.html"><i class="fas fa-angle-right"></i> Survey Services</a></li>
                                </ul>
                            </div> -->
                            <!-- <div class="sidebar-card recent-news mt-30">
                                <h3>Popular Posts</h3>
                                <div class="recent-news-card">
                                    <a href="blog-details.html"><img src="assets/images/inner-images/bds1.jpg" alt="image"></a>
                                    <h5><a href="blog-details.html">Responds To Citizenship Advices</a></h5>
                                    <p>1st Sep 2022</p>
                                </div>
                                <div class="recent-news-card">
                                    <a href="blog-details.html"><img src="assets/images/inner-images/bds2.jpg" alt="image"></a>
                                    <h5><a href="blog-details.html">Housing Advisers Program For Beginner</a></h5>
                                    <p>4th Sep 2022</p>
                                </div>
                                <div class="recent-news-card">
                                    <a href="blog-details.html"><img src="assets/images/inner-images/bds3.jpg" alt="image"></a>
                                    <h5><a href="blog-details.html">Responds To a National Reports</a></h5>
                                    <p>2nd Sep 2022</p>
                                </div>
                            </div> -->
                            <div class="sidebar-card sidebar-tag mt-30">
                                <h3>Les périodes phares</h3>
                                <ul>
                                    <li><a href="#origine">1859-1960</a></li>
                                    <li><a href="#liberte">1960-1984</a></li>
                                    <li><a href="#defits">1984-2016</a></li>
                                    <!-- <li><a href="category.html">Citizen</a></li>
                                    <li><a href="category.html">Program</a></li>
                                    <li><a href="category.html">Support</a></li> -->
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>





        <!-- Fun Facts Area Start -->
        <!-- <section class="fun-facts pt-70 pb-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card fun-facts-card-2">
                            <i class="flaticon-smart-city"></i>
                            <h2><span class="odometer" data-count="46712">00</span></h2>
                            <p>People In The City</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card fun-facts-card-2">
                            <i class="flaticon-location-1"></i>
                            <h2>
                                <span class="odometer" data-count="22">00</span>
                                <span class="icon">K</span>
                            </h2>
                            <p>Square Of City</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card fun-facts-card-2">
                            <i class="flaticon-park-1"></i>
                            <h2>
                                <span class="odometer" data-count="300">00</span>
                                <span class="icon">+</span>
                            </h2>
                            <p>Year Of Foundation</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6 col-6">
                        <div class="fun-facts-card last-card fun-facts-card-2">
                            <i class="flaticon-award"></i>
                            <h2>
                                <span class="odometer" data-count="1000">00</span>
                                <span class="icon">+</span>
                            </h2>
                            <p>Successful Programs</p>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- Fun Facts Area End -->

        <!-- Service area start -->
        <!-- <section class="service-4 ptb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Find Government Services</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row justify-content-center">
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s1.jpg" alt="image"></a>
                                    <i class="flaticon-balance"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Salty And The Law</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s2.jpg" alt="image"></a>
                                    <i class="flaticon-delivery"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Travel & Immigration</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s3.jpg" alt="image"></a>
                                    <i class="flaticon-portfolio"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Business Services</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s5.jpg" alt="image"></a>
                                    <i class="flaticon-process"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Water Supply</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s6.jpg" alt="image"></a>
                                    <i class="flaticon-refuse"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Refuse Removal</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12 col-12">
                            <div class="service-card">
                                <div class="service-card-img">
                                    <a href="service-detaisl.html"><img src="assets/images/service/s7.jpg" alt="image"></a>
                                    <i class="flaticon-lightning"></i>
                                </div>
                                <div class="service-card-text">
                                    <h4><a href="service-details.html">Electricity Supply</a></h4>
                                    <p>Lorem ipsum dolor amet magna set dolor sit amet consectetur adipiscing do elite labore.</p>
                                    <a class="read-more-btn" href="service-details.html">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- Service area end -->

        <!-- About Area Start -->
        <!-- <section class="explore explore-2 ptb-100">
            <div class="container">
                <div class="default-section-title default-section-title-middle mt-10">
                    <h3>Explore City Events</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row">
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="about-img">
                                <img class="a-img-1" src="assets/images/about/a4.jpg" alt="image">
                                <img class="a-img-2" src="assets/images/about/a5.jpg" alt="image">
                                <img class="a-img-3" src="assets/images/about/a6.jpg" alt="image">
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="why-we-text-area about-text-area-2">
                                <div class="default-section-title">
                                    <h3>Plan A Great City That Provides The Essence Of Success</h3>
                                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                                </div>
                                <div class="why-we-text-list">
                                    <i class="flaticon-government"></i>
                                    <h4>Sustainable Innovation Is Our Pathway:</h4>
                                    <p>Nulla porttitor accumsan tincidunt lorem ipsum dolor sit amet consectetur adipiscing elit praesent sapien massa convallis.</p>
                                    <ul>
                                        <li>Praesent sapien massa, convallis a pellentesque nec.</li>
                                        <li>Nulla porttitor accumsan tincidunt.</li>
                                        <li>Ivamus suscipit tortor eget felis porttitor volutpat.</li>
                                        <li>Donec rutrum congue leo eget malesuada.</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- About Area end -->

        <!-- Team Area Start -->
        <!-- <section class="team ptb-100 bg-f9fbfe">
            <div class="container">
                <div class="default-section-title default-section-title-middle">
                    <h3>Our City Counselor</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua quis ipsum suspendisse</p>
                </div>
                <div class="section-content">
                    <div class="row justify-content-center">
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t1.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Mila Wilson</h4>
                                    <p>City Secratery</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t2.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Bren Stork</h4>
                                    <p>Counsil President</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t3.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>Mukesh Sarkar</h4>
                                    <p>City Mayor</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col-12">
                            <div class="team-card">
                                <div class="team-card-img">
                                    <img src="assets/images/team/t4.jpg" alt="image">
                                    <div class="team-social-icons">
                                        <ul>
                                            <li><a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li><a href="https://twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                        </ul> 
                                    </div>
                                </div>
                                <div class="team-card-text">
                                    <h4>David Jon</h4>
                                    <p>Assistant Mayor</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section> -->
        <!-- Team Area End -->

        <!-- Footer area start -->
         <?php include ('layouts/footer.php'); ?>
        <!-- Footer Area end -->

        <!-- popup area start -->
        <div class="popup">
            <div class="popup-content">
                <button class="close-btn" id="popup-close"><i class="fas fa-times"></i></button>
                <form>
                    <div class="input-group search-box">
                        <input type="text" class="form-control" placeholder="Search">
                        <button class="btn" type="submit"><i class="fas fa-search"></i></button>
                    </div>
                </form>
            </div>
        </div>
        <!-- popup area end -->
        
        <div class="go-top"><i class="fas fa-chevron-up"></i></div>
    
        <!-- Link of JS files -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/jquery-ui.min.js"></script>
        <script src="assets/js/bootstrap.bundle.min.js"></script>
        <script src="assets/js/meanmenu.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/TweenMax.js"></script>
        <script src="assets/js/nice-select.min.js"></script>
        <script src="assets/js/form-validator.min.js"></script>
        <script src="assets/js/contact-form-script.js"></script>
        <script src="assets/js/ajaxchimp.min.js"></script>
        <script src="assets/js/owl.carousel2.thumbs.min.js"></script>
        <script src="assets/js/appear.min.js"></script>
        <script src="assets/js/odometer.min.js"></script>
        <script src="assets/js/custom.js"></script>
    </body>
</html>