<!DOCTYPE html>
<HTML>
    <head>
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        <link rel="stylesheet" href="/build/app.444376a5.css">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" type="image/x-icon" href="/assets/img/icone.png"/>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
              integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
        <script src="https://kit.fontawesome.com/0878a33904.js" crossorigin="anonymous"></script>
                                <meta name="description" content="Mendi batiment est expert dans le domaine du b&#226;timent, maçonnerie et gros-oeuvre depuis 1956">
            <title>Construction et r&eacute;habilitation de b&#226;timents sur Lyon - Mendi batiment</title>
                            
    <link rel="stylesheet" href="/build/post.2bb3bad7.css">
    <link rel="stylesheet" href="/build/landing.05218b13.css">
        <!-- Global site tag (gtag.js) - Google Analytics -->
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-QH5BZ7HZPD"></script>
        <script>
            window.dataLayer = window.dataLayer || [];

            function gtag() {
                dataLayer.push(arguments);
            }

            gtag('js', new Date());

            gtag('config', 'G-QH5BZ7HZPD');
        </script>
    </head>

    <body >
        <div class="wrapper pab-115">
                            <div class="position-fixed bgc-white w-100 t-0  zi-9999 fixed-nav">
    <nav class="bgc-white navbar navbar-expand-lg r-0 l-0 w-100 pab-10 pat-5 d-none d-lg-flex position-relative">
        <div class="he-30 position-absolute nav-bloc-border "></div>
        <hr class=" position-fixed t-40 hr-top noBorderMobile">
        <hr class="position-absolute t-19 hr-nav l-0 wi-105 bw-10  bc-grey noBorderMobile" />
        <hr class="position-absolute b-0 r-0 line-grey bw-10  bc-grey noBorderMobile" />
        <div class="container-fluid max-30 container-nav">
            <a class="navbar-brand fs-30  c-white zi-999"
               href="/">
                <img src="/assets/img/logo.png" alt="logo" class="wi-190 mal-65"/>
            </a>
            <button class="navbar-toggler zi-999" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon">
                </span>
            </button>
            <div class="collapse navbar-collapse montserrat position-relative b-7" id="navbarNav">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item max-15 link-translate2">
                        <a  class="" href="/qui-sommes-nous">QUI SOMMES-NOUS</a>
                    </li>
                    <li class="nav-item max-15 link-translate2">
                        <a class="" href="/nos-realisations">REALISATIONS</a>
                    </li>
                    <li class="nav-item max-15 link-translate2">
                        <a  class="" href="/nos-clients">NOS CLIENTS</a>
                    </li>
                    <li class="nav-item max-15 link-translate2">
                        <a  class="" href="/nos-actualites">ACTUALIT&eacute;S</a>
                    </li>
                    <li class="nav-item max-15 link-translate2">
                        <a  class="" href="/contact">CONTACT</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="bgc-red he-39 d-none d-lg-flex nav-red ">
        <div class="container my-auto">
            <div class="d-sm-flex justify-content-between align-items-center max--15">
                <div class="col-sm-auto d-flex fs-13 align-items-center max--15">
                    <h1 class="text-center c-white fw-700 fs-13 my-0 mr-4">
                        Le sens du service, la passion du b&#226;timent
                    </h1>
                    <a class="c-white img-zoom pax-5" href="https://www.facebook.com/RichardConstructionParcieux" target="_blank">
                        <i class="fab fa-facebook-f" aria-hidden="true"></i>
                    </a>
                    <a class="c-white img-zoom pax-5 max-20" href="https://www.linkedin.com/company/richard-construction-parcieux/ " target="_blank">
                        <i class="fab fa-linkedin-in" aria-hidden="true"></i>
                    </a>
                    <a class="c-white img-zoom pax-5" href="https://www.instagram.com/richard_construction_parcieux/?igshid=16dxu845qg5h3&fbclid=IwAR3fXAjNK8gax8S6opls3FdASlgQBJIgXjYfEjygB73pu2pYu-QpnlhPXjQ " target="_blank">
                        <i class="fab fa-instagram" aria-hidden="true"></i>
                    </a>
                </div>
                <div class="col-sm-auto d-flex fs-13 align-items-center fw-700">
                    <div class="d-flex align-items-center max-15 link-translate">
                        <img src="/assets/img/phone.svg" alt="icon phone" class="mr-2 wi-16"/>
                        <a class="c-white tdl-none-h" href="tel:0478980061">04 78 98 00 61</a>
                    </div>
                    <div class="d-flex align-items-center max-15 link-translate">
                        <img src="/assets/img/plane.svg" alt="icon phone" class="mr-2 wi-16"/>
                        <a class="c-white  tdl-none-h" href="mailto:mendibatiment@hotmail.com ">mendibatiment@hotmail.com </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="position-relative d-block d-lg-none">
        <a class="navbar-brand fs-30 t-15 position-relative c-white zi-999"
           href="/">
            <img src="/assets/img/logo.png" alt="logo" class="wi-150 mal-65"/>
        </a>
        <div id="menuToggle" class="position-relative my-auto he-24 max-10 d-block d-lg-block">
            <input type="checkbox" />
            <span class="navTrigger">
                <i></i><i></i><i></i>
            </span>
            <div class=" bgc-0D0D0D" id="menu">
                <nav class="navbar  "  >
                    <ul class="navbar-nav w-100 justify-content-between montserrat d-sm-flex align-items-center">
                        <li class="nav-item max-10">
                            <a href="/qui-sommes-nous">QUI SOMMES-NOUS</a>
                        </li>
                        <li class="nav-item max-10">
                            <a href="/nos-realisations">REALISATIONS</a>
                        </li>
                        <li class="nav-item max-10"> 
                            <a href="/nos-clients">NOS CLIENTS</a>
                        </li>
                        <li class="nav-item max-10">
                            <a href="/nos-actualites">ACTUALIT&eacute;S</a>
                        </li>
                        <li class="nav-item max-10">
                            <a href="/contact">CONTACT</a>
                        </li>
                        <hr />
                        <div class="d-flex">
                            <a class="c-white img-zoom" href="https://www.facebook.com/RichardConstructionParcieux" target="_blank">
                                <i class="fab fa-facebook-f" aria-hidden="true"></i>
                            </a>
                            <a class="c-white img-zoom" href="https://www.linkedin.com/company/richard-construction-parcieux/ " target="_blank">
                                <i class="fab fa-linkedin-in max-25" aria-hidden="true"></i>
                            </a>
                            <a class="c-white img-zoom" href="https://www.instagram.com/richard_construction_parcieux/?igshid=16dxu845qg5h3&fbclid=IwAR3fXAjNK8gax8S6opls3FdASlgQBJIgXjYfEjygB73pu2pYu-QpnlhPXjQ " target="_blank">
                                <i class="fab fa-instagram" aria-hidden="true"></i>
                            </a>
                        </div>
                        <div class=" mat-20 social">
                            <div class="d-flex align-items-center max-5">
                                <a class="c-white btn" href="tel:0478980061">04 78 98 00 61</a>
                            </div>
                            <div class="d-flex align-items-center max-5">
                                <a class="c-white btn" href="mailto:mendibatiment@hotmail.com ">mendibatiment@hotmail.com </a>
                            </div>
                        </div>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>                                                    
                <div class="blw-10 bc-grey mat--50 bls-solid first-block">
        <div class="d-none d-lg-block">
            <div class="pay-24">
            </div>
        </div>
                <div class="container-fluid position-relative">
                        <div class="position-absolute zi-999  r-0 b-0 overflow-hidden pat-50 pal-50">
                <div class="d-none d-lg-block">
                    <div id="triangle-bottomright" class=""></div>
                </div>
                <div class="d-none d-lg-block">
                    <hr class="position-absolute rot--35 l--30 r-30 wi-590 my-0 zi-999 bc-grey bw-15 b-165 r-200 "/>
                </div>
            </div>
            <div class="position-absolute brw-10 bc-grey vertical-line brs-solid r-0 t--80 zi-99 noBorderMobile"></div>
            <hr class="position-absolute line-grey2  my-0 zi-999 bc-grey bw-10 b-0 l-0 noBorderMobile "/>
            <div class="row align-items-start">

                <div class="col-lg-auto col-text-header papl-8 col-5 position-relative">
                    <img data-aos="fade-in"  data-aos-duration="800" src="/assets/img/icone_transparent.png" alt="icone transparent Mendi batiment" width="100%" class="position-absolute t-0 l-0 icon-transparent"/>
                    <h3 data-aos="fade-in"  data-aos-duration="1200" class='c-red mab-18 mat-150 ls-5 fs-16 montserrat text-left fw-600'>Mendi batiment</h3>
                    <h2 data-aos="zoom-in"  data-aos-duration="1000" data-aos-delay="400" class="montserrat fs-60 lh-80 fw-500 c-black mawi-564">
                        Le sens du service, la passion du b&#226;timent
                    </h2>
                    <p data-aos="fade-in"  data-aos-duration="1000" data-aos-delay="800" class="d-none d-md-block fs-16 lh-32 ls2--50 c-greyLight mab-45 text-left mawi-475 montserrat">
                        Notre vocation : Sp&eacute;cialis&eacute;e dans la pose de carrelage et de parquet, offrant des solutions esth&eacute;tiques et durables. Nous nous engageons &agrave; fournir des r&eacute;sultats impeccables gr&#226;ce &agrave; notre expertise et notre souci du d&eacute;tail.
                    </p>
                    <div data-aos="fade-in"  data-aos-duration="800" class="d-flex align-items-center justify-content-between mab-45 mat-30 mawi-475">
                        <div class="bgc-red he-80 wi-80 text-center pat-25 br-50 link-arrow arrow-down">
                            <a href="#discover" type="button" class="d-block">
                                <i class="fal fa-arrow-down fs-30 c-white" aria-hidden="true"></i>
                            </a>
                        </div>
                        <img  src="/assets/img/icone.svg" alt="icon Mendi batiment" class="wi-50 icone-rc"/>
                    </div>
                                    </div>
                <div class="col-lg col-img-header col-7 par-0">
                    <div class="position-absolute t-15 r-25 fs-10 c-white fw-300 font-italic">
                        © Jean Michel RONJON
                    </div>
                    <div class="position-absolute link-social zi-999 b-50 r-150 d-flex text-center fs-25">
                        <a data-aos="fade-left"  data-aos-duration="800" data-aos-delay="300" target="_blank" href="https://www.facebook.com/RichardConstructionParcieux"
                           class="c-red mar-10 wi-48 d-inline-block br-50 he-48 pat-7 bgc-white img-zoom">
                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                        </a>
                        <a data-aos="fade-left"  data-aos-duration="800" data-aos-delay="600" target="_blank" href="https://www.linkedin.com/company/richard-construction-parcieux/"
                           class="c-red mar-10 wi-48 d-inline-block br-50 he-48 pat-7 bgc-white img-zoom">
                            <i class="fab fa-linkedin-in" aria-hidden="true"></i>
                        </a>
                        <a data-aos="fade-left"  data-aos-duration="800" data-aos-delay="900" target="_blank"
                           href="https://www.instagram.com/richard_construction_parcieux/?igshid=16dxu845qg5h3&fbclid=IwAR3fXAjNK8gax8S6opls3FdASlgQBJIgXjYfEjygB73pu2pYu-QpnlhPXjQ"
                           class="c-red mar-10 wi-48 d-inline-block br-50 he-48 pat-7 bgc-white img-zoom">
                            <i class="fab fa-instagram" aria-hidden="true"></i>
                        </a>
                    </div>
                    <img data-aos="fade-in"  data-aos-duration="800" src="/assets/img/background.png" class="header-img" alt="background Mendi batiment"/>
                </div>
            </div>
        </div>
    </div>
    <p data-aos="fade-in"  data-aos-duration="1000" data-aos-delay="800" class="d-block d-md-none text-center pax-15 fs-16 lh-32 ls2--50 c-greyLight mat-60 montserrat">
        Notre vocation : Accompagner les maîtres d’ouvrages et architectes dans des projets de construction et r&eacute;habilitation de b&#226;timents d’entreprises pour les secteurs industriel, logistique, tertiaire, agricole, scolaire, sant&eacute;, publics…
    </p>

    <div class="position-relative">
        <div class="posts-landing">
            <div class="square-div" >
    <div >
        <div class="wi-270 he-270 square-red" style="background-image:url(/assets/img/circle.png)">
        </div>
    </div>
</div>        </div>
        <div class="container zi-99">
            <div class="posts-landing position-relative">
                <img src="/assets/img/icone.svg" alt="icone Mendi batiment" class="position-absolute t-0 r-0 wi-51 d-none d-md-block"/>
                <h3 data-aos="fade-in"  data-aos-duration="1000" class='c-red mab-18 mat-150 ls-5 fs-16 montserrat text-center fw-600'>Mendi batiment</h3>                    <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-center'>
        Nos actualit&eacute;s
    </h2>

                <div class="posts d-sm-flex max--15 flex-wrap mat-35">
                        <div class="post col-lg-4 col-md-6 mab-50" data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="0">
        <a href="/actualite/college-et-gymnase-saint-didier-de-formans" class="tdl-none-h link-translate2 d-block">
            <div class="content-post pa-15">
                <div class="position-relative">
                    <p class="bgc-red pay-8 pax-25 position-absolute l-25 t-25 c-white montserrat" data-aos="zoom-out"  data-aos-duration="1000"  data-aos-delay="400">NEUF</p>
                    <img src="/upload/post/college-visuel-01-61a7a739b10cf750227508.jpg" alt="Coll&egrave;ge et gymnase Saint Didier de Formans" height="220px" class="w-100"/>
                </div>
                <h3 class="c-333333 fw-500 fs-24 may-24 montserrat title-post">
                    Coll&egrave;ge et gymnase Saint Didier de Formans
                </h3>
                <div class="col-post fs-16">
                                            <p>Type de chantier : Scolaire neuf</p>
                                                                <p>Livraison : Chantier &agrave; venir</p>
                                                                <p>Lieu : Saint-Didier-de-Formans, 01600</p>
                                                                <p class="fw-700">Caract&eacute;ristiques : En groupement avec l’entreprise Floriot</p>
                                                        </div>
            </div>
        </a>
    </div>
    <div class="post col-lg-4 col-md-6 mab-50" data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="100">
        <a href="/actualite/recrutement" class="tdl-none-h link-translate2 d-block">
            <div class="content-post pa-15">
                <div class="position-relative">
                    <p class="bgc-red pay-8 pax-25 position-absolute l-25 t-25 c-white montserrat" data-aos="zoom-out"  data-aos-duration="1000"  data-aos-delay="400"></p>
                    <img src="/upload/post/image1-6493fd477ae03481670143.jpg" alt="RECRUTEMENT" height="220px" class="w-100"/>
                </div>
                <h3 class="c-333333 fw-500 fs-24 may-24 montserrat title-post">
                    RECRUTEMENT
                </h3>
                <div class="col-post fs-16">
                                                                                    <p>Lieu : 01600 PARCIEUX</p>
                                                                <p class="fw-700">Caract&eacute;ristiques : RECRUTEMENT</p>
                                                        </div>
            </div>
        </a>
    </div>
    <div class="post col-lg-4 col-md-6 mab-50" data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="200">
        <a href="/actualite/grand-lyon-habitat-ilot-bechevelin" class="tdl-none-h link-translate2 d-block">
            <div class="content-post pa-15">
                <div class="position-relative">
                    <p class="bgc-red pay-8 pax-25 position-absolute l-25 t-25 c-white montserrat" data-aos="zoom-out"  data-aos-duration="1000"  data-aos-delay="400">NEUF</p>
                    <img src="/upload/post/visuel-ilot-bechevelin-61a7a7fbb4e2e848634807.jpg" alt="Grand Lyon Habitat - Ilot Bechevelin" height="220px" class="w-100"/>
                </div>
                <h3 class="c-333333 fw-500 fs-24 may-24 montserrat title-post">
                    Grand Lyon Habitat - Ilot Bechevelin
                </h3>
                <div class="col-post fs-16">
                                            <p>Type de chantier : Logement neuf</p>
                                                                <p>Livraison : D&eacute;marrage octobre 2022</p>
                                                                <p>Lieu : Lyon, 69007</p>
                                                                            </div>
            </div>
        </a>
    </div>
                </div>
                <div class="text-center mat-5">
                    <a href="/nos-actualites" class=" btn btn-red bgc-white-h c-red-h pax-25">Toutes les actualit&eacute;s</a>
                </div>
            </div>
        </div>
    </div>
    <div class="d-lg-flex container-teams mat-100" >
        <div class="col-lg-7 pr-3 pl-3 pl-sm-0 ">
            <div class="position-relative col-img-team">
                <div class="d-none d-lg-block">
                    <div class="square-div" >
    <div >
        <div class="wi-270 he-270 square-red" style="background-image:url(/assets/img/circle.png)">
        </div>
    </div>
</div>                </div>
                <img src="/assets/img/team_richard_construction_landing.jpg" alt="team Mendi batiment" data-aos="fade-right"  data-aos-duration="800"/>
            </div>
        </div>
        <div class="col-lg-5 pr-3 pl-3 pl-sm-5 pr-sm-5 mt-4 mt-lg-0 position-relative">
            <div class=" position-relative">
                <img src="/assets/img/icone.svg" alt="icone Mendi batiment" class="position-absolute t-10 r-20 wi-51 d-none d-lg-block"/>
                <div class="d-none d-lg-block">
                        <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-left'>
        Une histoire <br> qui se perp&eacute;tue depuis 1956 ! 
    </h2>

                </div>
                <div class="d-block d-lg-none">
                        <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-left'>
        Une histoire qui se perp&eacute;tue depuis 1956 ! 
    </h2>

                </div>
            </div>
            <p data-aos="fade-in"  data-aos-duration="1000" data-aos-delay="600" class="text-center text-lg-left fs-16 lh-32 ls2--50 c-greyLight mab-45 montserrat par-40 fw-500">
                La soci&eacute;t&eacute; Mendi batiment  prolonge l’histoire et le travail d’une soci&eacute;t&eacute; reconnue sur le territoire caladois, bressan et lyonnais, RICHARD Fr&egrave;res. En 2013 lors de son rachat, Mendi batiment  conservera 99% du personnel de Richard Fr&egrave;res. Peut importe la taille du projet ou le type d’intervention, notre entreprise est porteuse d’une valeur essentielle : <b>le sens du service</b>. Nous mettons un point d’honneur &agrave; accompagner nos clients, &agrave; maintenir un <b>niveau d’exigence</b> quotidien, &agrave; garantir la meilleure <b>r&eacute;activit&eacute;</b> et la <b>qualit&eacute;</b> de conception dans la r&eacute;alisation ou la r&eacute;habilitation des ouvrages...
            </p>
            <div class="text-center text-lg-block">
                <a href="/qui-sommes-nous" class=" btn btn-red bgc-white-h c-red-h wi-200 bc-red bw-1 bs-solid">En savoir plus</a>
            </div>
        </div>
    </div>
    <div class="position-relative container-discover">
        <div class="position-absolute b-0 w-100 linear-white d-none d-md-block"></div>
        <div class="triangle-div position-absolute r-0 position-triangle t-0 overflow-hidden pat-50 pal-50 o-10 d-none d-lg-block">
            <div class="d-block">
                <div id="triangle-bottomright-landing" class=""></div>
            </div>
            <div class="d-block">
                <hr class="position-absolute line-grey rot--35  my-0 bc-grey bw-15 "/>
            </div>
        </div>
        <div class="square-div" >
    <div >
        <div class="wi-270 he-270 square-red" style="background-image:url(/assets/img/circle.png)">
        </div>
    </div>
</div>        <div class="position-relative b-200" id="discover"></div>
        <div class="container zi-99 position-relative" id="">
            <h3 class='c-red mab-18 mat-150 ls-5 fs-16 montserrat text-center fw-600'  data-aos="fade-in"  data-aos-duration="1000" >Mendi batiment EN ACTION</h3>
                <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-center'>
        D&eacute;couvrir nos m&eacute;tiers
    </h2>

            <p class="fs-16 lh-32 ls2--50 c-greyLight mab-75 text-center montserrat" data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="800">
                Notre expertise se porte sur <b>les constructions neuves ou r&eacute;habilit&eacute;es.</b>
                <br />Nos clients sont majoritairement des professionnels, tous types de secteurs : industriel, logistique, tertiaire, scolaire, public, sant&eacute;, social…
                <br />Nous accompagnons &eacute;galement <b>les projets « complexes » pour des particuliers</b> en travaillant notamment les diff&eacute;rents types de b&eacute;tons
                (bruts, color&eacute;s, matric&eacute;s…).
                <br />La complexit&eacute; est notre passion : Nous apportons notre savoir-faire en r&eacute;habilitation lourde en tout genre :M&#226;chefer, pis&eacute;, pierre, b&eacute;ton.
            </p>
            <div class="d-sm-flex">
                <div class="col-sm-6"  data-aos="fade-right"  data-aos-duration="1000" data-aos-delay="400">
                    <div class="pax-25 pat-25 pab-84 position-relative boxShadow bgc-red-h bgc-white c-white-h  c-333333 box-metiers">
                        <img src="/assets/img/triangleLight.png" class=" triangle position-absolute b-0 r-0 he-90" alt="d&eacute;coration triangle rouge Mendi batiment"/>
                        <div class="position-relative">
                            <div class="position-absolute r-0 l-0 t-0 b-0 d-flex">
                                <p  data-aos="flip-left"  data-aos-duration="1000" data-aos-delay="1000" class="bgc-red pay-8  fs-19 pax-35 m-auto fw-600 c-white montserrat">NEUF</p>
                            </div>
                            <img src="/assets/img/neuf.png" alt="Mendi batiment - neuf"/>
                        </div>
                        <div class="mat-25 mx-auto mawi-240 montserrat fs-20">
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="100" >
        <i class="fal fa-briefcase mr-3"></i>Secteur Industriel
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="200">
        <i class="fal fa-briefcase mr-3"></i>Secteur tertiaire
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="250">
        <i class="fal fa-briefcase mr-3"></i>Secteur scolaire
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="300">
        <i class="fal fa-briefcase mr-3"></i>Secteur sant&eacute;
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="350">
        <i class="fal fa-briefcase mr-3"></i> Autre
    </p>
</div>                    </div>
                </div>
                <div class="col-sm-6"  data-aos="fade-right"  data-aos-duration="1000" data-aos-delay="200">
                    <div class="pax-25 pat-25 pab-84 position-relative boxShadow bgc-red-h bgc-white c-white-h  c-333333 box-metiers">
                        <img src="/assets/img/triangleLight.png" class="triangle position-absolute b-0 r-0 he-90" alt="d&eacute;coration triangle rouge Mendi batiment"/>
                        <div class="position-relative">
                            <div class="position-absolute r-0 l-0 t-0 b-0 d-flex">
                                <p data-aos="flip-left"  data-aos-duration="1000" data-aos-delay="1000" class="bgc-red pay-8 fs-19 pax-35 m-auto fw-600 c-white montserrat">R&eacute;HABILITATION</p>
                            </div>
                            <img src="/assets/img/rehabilitation.png" alt="Mendi batiment - rehabilitation"/>
                        </div>
                        <div class="mat-25 mx-auto mawi-240 montserrat fs-20">
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="100" >
        <i class="fal fa-briefcase mr-3"></i>Secteur Industriel
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="200">
        <i class="fal fa-briefcase mr-3"></i>Secteur tertiaire
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="250">
        <i class="fal fa-briefcase mr-3"></i>Secteur scolaire
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="300">
        <i class="fal fa-briefcase mr-3"></i>Secteur sant&eacute;
    </p>
    <p class="mab-5"  data-aos="fade-up"  data-aos-duration="1000" data-aos-delay="350">
        <i class="fal fa-briefcase mr-3"></i> Autre
    </p>
</div>                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mat-100 ">
        <div class="position-relative title-achievements container mab-20">
            <img src="/assets/img/icone.svg" alt="icone Mendi batiment" class="position-absolute t-0 r-0 wi-51 d-none d-md-block"/>
            <h3 data-aos="fade-in"  data-aos-duration="1000" class='c-red mab-18 mat-150 ls-5 fs-16 montserrat text-center fw-600'>Mendi batiment</h3>                <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-center'>
        Les derni&egrave;res r&eacute;alisations
    </h2>

            <div class="square-div" >
    <div >
        <div class="wi-270 he-270 square-red" style="background-image:url(/assets/img/circle.png)">
        </div>
    </div>
</div>        </div>
        <div class="slick-realisation "  data-aos="fade-up"  data-aos-duration="1000">
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/slycma-02-61a882857ed5c642699541.jpg" alt="SLYCMA"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                SLYCMA
                            </h3>
                            <h4 class="fs-24  my-0">Tertiaire neuf</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div></div><div><br></div><div><br></div>
                                </div>
                                <p class="my-0 fw-800">Client: CMC, contractant g&eacute;n&eacute;ral</p>
                                <p class="my-10 fw-800">Situation: BRIGNAIS, 69530</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/slycma">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/img-0817-min-2-61a883bab6dc2748049831.jpg" alt="LA GOUTE D&#039;EBENE"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                LA GOUTE D&#039;EBENE
                            </h3>
                            <h4 class="fs-24  my-0">Tertiaire neuf</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div>Construction d’un b&#226;timent en pierres massives</div>
                                </div>
                                <p class="my-0 fw-800">Client: SCI LA GOUTE D’EBENE, Artisan &eacute;b&eacute;niste</p>
                                <p class="my-10 fw-800">Situation: CALUIRE ET CUIRE, 69</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/la-goute-debene">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/ecole-massieux-apres-01-61a8860196c76820936051.jpg" alt="ECOLE MASSIEUX"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                ECOLE MASSIEUX
                            </h3>
                            <h4 class="fs-24  my-0">Scolaire R&eacute;habilitation</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div>Agrandissement du groupe scolaire et du restaurant scolaire de l’&eacute;cole de Massieux.<br><br></div><div><br></div>
                                </div>
                                <p class="my-0 fw-800">Client: Mairie de Massieux</p>
                                <p class="my-10 fw-800">Situation: MASSIEUX, 01</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/ecole-massieux">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/img-6088151cd3b73733005643.png" alt="GRAND HOTEL DIEU"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                GRAND HOTEL DIEU
                            </h3>
                            <h4 class="fs-24  my-0">Rehabilitation Tertiaire</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div>R&eacute;habilitation lourde.</div>
                                </div>
                                <p class="my-0 fw-800">Client: EIFFAGE CONSTRUCTION</p>
                                <p class="my-10 fw-800">Situation: Lyon (69)</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/grand-hotel-dieu">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/api-jonage-1-min-608c0e5310f21876411778.jpg" alt="API JONAGE"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                API JONAGE
                            </h3>
                            <h4 class="fs-24  my-0">Industriel Neuf</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div>Construction d’un b&#226;timent industriel destin&eacute; &agrave; usage unique de cuisine centrale pour API CONSTRUCT.</div>
                                </div>
                                <p class="my-0 fw-800">Client: ACONSTRUCT, contractant g&eacute;n&eacute;ral</p>
                                <p class="my-10 fw-800">Situation: Jonage 69330</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/api-jonage">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                            <div class="d-sm-flex text-center text-sm-left align-items-start bgc-grey">
                    <div class="col-sm-6 pax-0 col-img-achievement">
                        <img src="/upload/achievement/atlantic-boz-3-min-608c0e44b46b4052992929.jpg" alt="ATLANTIC BOZ"
                             width="100%" class="h-100 objectif-fit"/>
                    </div>
                    <div class="col-sm-6  pax-0 montserrat col-text-achievement">
                        <div class="bgc-grey c-white text-center text-sm-left par-50 pal-80 pay-70 fw-500">
                            <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-auto ml-xl-0" />
                            <h3 class="fs-27 my-0">
                                ATLANTIC BOZ
                            </h3>
                            <h4 class="fs-24  my-0">Industriel Neuf</h4>
                            <div class="fs-16 lh-32">

                                <div class="may-24"><div>Construction d’un b&#226;timent &agrave; usage industriel pour GUILLOT INDUSTRIE.</div>
                                </div>
                                <p class="my-0 fw-800">Client: SALINI, contractant g&eacute;n&eacute;ral</p>
                                <p class="my-10 fw-800">Situation: BOZ, 01190</p>
                            </div>
                            <div>
                                <a class="btn btn-red bgc-white bgc-red-h c-red c-white-h wi-259 mat-20" href="/realisation/atlantic-boz">En savoir plus</a>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
        <div class="position-relative pat-100">
            <div class="background background-posts position-absolute he-923 r-0 l-0 t-0" style="background-image:linear-gradient(359.13deg, #FFFFFF 10.01%, rgba(255, 255, 255, 0.67) 99.1%), url(/assets/img/background.jpg)">
            </div>
            <div class="container position-relative zi-99 ">
                <div class="partners-landing position-relative">
                    <h3 data-aos="fade-in"  data-aos-duration="1000" class='c-red mab-18 mat-150 ls-5 fs-16 montserrat text-center fw-600'>Mendi batiment</h3>                        <h2 data-aos="zoom-in"  data-aos-duration="1300" data-aos-delay="400" class='mab-50 montserrat c-black fs-56 fw-500 text-center text-lg-center'>
        Ils nous font confiance
    </h2>

                    <div class="may-50">
                        <div class="d-flex align-items-center partnersList justify-content-center flex-wrap ">
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="0">
            <a href="http://www.cle-en-main-construction.com/" target="_blank">
                <img src="/upload/partner/unnamed-1-608c169bdd3a2059278925.png" class="position-relative b-15" alt="cmc-construction"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="100">
            <a href="https://www.lcr.fr/" target="_blank">
                <img src="/upload/partner/lcr-logo-1-608c16948f8ff517996105.png" class="" alt="lcr les constructeurs r&eacute;unis"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="200">
            <a href="https://www.gsegroup.com/" target="_blank">
                <img src="/upload/partner/logo-3-1-608c15ef20d83492358388.png" class="" alt="gse constructeur d&#039;immobilier"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="300">
            <a href="https://ccdsv.fr/" target="_blank">
                <img src="/upload/partner/1280px-logo-cc-dombes-saone-vallee-1-608c162b706c6127036552.png" class="" alt="dombes saone vall&eacute;e"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="400">
            <a href="http://www.groupem.fr/" target="_blank">
                <img src="/upload/partner/image-par-defaut-1-608c16ecb0332547431867.jpeg" class="" alt="groupe m"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="500">
            <a href="https://www.villedegenay.com/" target="_blank">
                <img src="/upload/partner/genay-logo-blason-1-608c16541e78c070498769.png" class="" alt="ville de genay"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="600">
            <a href="http://www.sirius-immo.com/index.html" target="_blank">
                <img src="/upload/partner/logo-sirius-1-608c160f22653811026918.png" class="" alt="sirius immobilier"
                     />
            </a>
        </div>
            <div class='col-lg-3 mab-15 text-center col-6 mx-auto pax-45'  data-aos="fade-in"  data-aos-duration="1000"  data-aos-delay="700">
            <a href="https://www.millon-immobilier.fr/" target="_blank">
                <img src="/upload/partner/logo-608fe28edd264246525222.jpg" class="" alt="Millon Immobilier"
                     />
            </a>
        </div>
    </div>                    </div>
                    <div class="square-div" >
    <div >
        <div class="wi-270 he-270 square-red" style="background-image:url(/assets/img/circle.png)">
        </div>
    </div>
</div>                </div>
            </div>
        </div>
    </div>
        </div>
                    <div class="footer position-relative">
    <div class="triangle-div position-absolute r-0 position-triangle overflow-hidden pat-50 pal-50 o-10 d-none d-lg-block">
        <div class="d-block">
            <div id="triangle-bottomright" class=""></div>
        </div>
        <div class="d-block">
            <hr class="position-absolute line-grey rot--35  my-0 bc-grey bw-15 "/>
        </div>
    </div>
    <div class="d-block d-lg-none position-absolute t--100 zi--1 r-0 ">
        <img width="150px" src="/assets/img/triangleLight.png" alt="icone Mendi batiment"/>
    </div>
            <div class="bgc-red">
            <div class="container">
                <div class="d-xl-flex pat-150 pab-70">
                    <div class="col-xl-5 pl-3 pr-3 pr-sm-5 c-white" data-aos="fade-right"  data-aos-duration="1000" >
                        <hr class="wi-30 bc-white mat-0 mab-30 mr-auto ml-xl-0 ml-auto" />
                        <h4 class="text-center text-xl-left my-0 c-white montserrat fs-30">
                            Contactez-nous
                        </h4>
                        <p class='may-30 fw-300 text-center text-xl-left'>
                            Mendi batiment est une entreprise fond&eacute;e en 1956, sp&eacute;cialis&eacute;e dans la maçonnerie technique et le gros-&#339;ruvre : neuf, r&eacute;novation et r&eacute;habilitation lourde. Nous sommes experts en construction de b&#226;timents professionnels sur des secteurs vari&eacute;s (industriel, logistique, tertiaire agricole, scolaire, b&#226;timents publics..).
                            <br />Situ&eacute;e dans l’Ain, nous intervenons sur un secteur allant de Tournus au Nord &agrave; Vienne au Sud et de Tarare &agrave; l’Ouest &agrave; Bourgoin &agrave; L’Est.
                        </p>
                        <div class="position-relative fw-700 roboto c-white mb-3 mb-xl-0 text-center text-xl-left d-block d-md-flex d-xl-block">
                            <div class="col px-3 px-md-0 px-xl-0">
                                T&eacute;l&eacute;phone : <a href="tel:0478980061" class="c-white d-block d-lg-inline ">04 78 98 00 61</a>
                            </div>
                            <div class="col px-3 px-md-0 px-xl-0">
                                Adresse mail : <a href="mailto:mendibatiment@hotmail.com"
                                                  class="c-white d-block d-xl-inline">mendibatiment@hotmail.com</a>
                            </div>
                            <div class="col px-3 px-md-0 px-xl-0">
                                <span class='d-block d-xl-inline'>Adresse : </span>600 Chemin des Eguets,
                                <br/>01600 PARCIEUX.</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-7 pl-sm-3"  data-aos="fade-left"  data-aos-duration="1000">
                        <form name="contact" method="post" action="https://www.richard-construction.fr/contact-form">
<div class="row">
    <div class="col-sm">
        <div class="form-group"><input type="text" id="contact_name" name="contact[name]" required="required" maxlength="255" placeholder="Nom" class="form-control" /></div>
    </div>
    <div class="col-sm">
        <div class="form-group"><input type="email" id="contact_email" name="contact[email]" required="required" maxlength="255" placeholder="Email" class="form-control" /></div>
    </div>
    <div class="col-sm">
        <div class="form-group"><input type="text" id="contact_company" name="contact[company]" required="required" maxlength="255" placeholder="Soci&eacute;t&eacute;" class="form-control" /></div>
    </div>
</div>
<div class="row">
    <div class="col-sm">
        <div class="form-group"><input type="text" id="contact_phoneNumber" name="contact[phoneNumber]" required="required" maxlength="255" placeholder="T&eacute;l&eacute;phone" class="form-control" /></div>
    </div>
    <div class="col-sm">
        <div class="form-group"><input type="text" id="contact_subject" name="contact[subject]" required="required" maxlength="255" placeholder="Sujet" class="form-control" /></div>
    </div>
</div>
<div class="form-group"><textarea id="contact_message" name="contact[message]" required="required" placeholder="Message" rows="5" class="form-control"></textarea></div><input type="hidden" id="contact__token" name="contact[_token]" value="UNs17beXbzFZpZCTJhnbe-oJfA5E_jsKYuVlle4Myyk" />
<div class="d-md-flex align-items-center">
    <div class="text-lg-right text-center position-relative text-center t-2">
        <div class="g-recaptcha " data-sitekey="6LcySFoaAAAAAC_uti2scNjhf8g9Eb04DGUbxAFO"></div>
    </div>
    <div class="mal-30 position-relative b-1 noMarginMobile text-center text-lg-left">
        <button class="btn bgc-white c-red br-0 fw-600 he-57 wi-250">ENVOYER</button>
    </div>
</div>
</form>

                    </div>
                </div>
            </div>
        </div>
        <div class="position-relative" style="height:335px; display:inline-block; overflow:hidden; width:100%;">
        <div class="bgc-white fw-700 pay-16 fs-15 boxShadow2  pax-15 position-absolute t-20 rp-5 zi-99">
            <div class="d-flex align-items-center">
                <div class="par-10">
                    <div class="he-2 wi-35 bgc-red">
                    </div>
                </div>
                <div>
                    Zone d'intervention
                </div>
            </div>
        </div>
        <iframe style="border:0; position:relative; top:-55px; border:none;"
                src="https://www.google.com/maps/d/embed?mid=1XeDjEmaAmL2k9By030L_79VdyiWbCoRZ&ehbc=2E312F&z=8" width="100%"
                height="282" allowfullscreen=""></iframe>
    </div>
    <div class=" pat-100 pab-50">
        <div class="container montserrat">
            <div class="d-md-flex">
                <div class="col-xl-auto col-sm-4 position-relative">
                    <h3 class="c-red ls-5 text-uppercase fs-16 mab-30 text-center text-md-left">
                        CONTACT
                    </h3>
                    <div class="position-relative fw-300 roboto c-white mb-3 mb-md-0 text-center text-md-left">
                        T&eacute;l&eacute;phone : <a href="tel:0478980061" class="c-white d-block d-lg-inline ">04 78 98 00 61</a>
                        <br/> Adresse mail : <a href="mailto:mendibatiment@hotmail.com"
                                                class="c-white d-block d-lg-inline">mendibatiment@hotmail.com</a>
                        <br/><span class='d-block d-lg-inline'>Adresse : </span>600 Chemin des Eguets,
                        <br/>01600 PARCIEUX.</span>
                    </div>
                </div>
                <div class="col-auto offset-lg-1">
                    <h3 class="c-red ls-5 text-uppercase fs-16 mab-30 text-center text-md-left">
                        MENU
                    </h3>
                    <div class="d-xl-flex max--15 text-center text-sm-left">
                        <div class="col-sm-auto  pr-3 pl-3">
                                                            <a  class="fs-12 fw-700 c-white  c-red-h d-block tdl-none-h mab-20 d-inline-block  "   href="/qui-sommes-nous">
                                    QUI SOMMES-NOUS

                                </a>
                                                            <a  class="fs-12 fw-700 c-white  c-red-h d-block tdl-none-h mab-20 d-inline-block  "   href="/nos-realisations">
                                    REALISATIONS

                                </a>
                                                    </div>
                        <div class="col-sm pr-3 pl-3 pr-xl-5">
                                                            <a  class="fs-12 fw-700 c-white  c-red-h d-block tdl-none-h mab-20 d-inline-block  "   href="/nos-clients">
                                    NOS CLIENTS

                                </a>
                                                            <a  class="fs-12 fw-700 c-white  c-red-h d-block tdl-none-h mab-20 d-inline-block  "   href="/nos-actualites">
                                    ACTUALIT&eacute;S

                                </a>
                                                            <a  class="fs-12 fw-700 c-white  c-red-h d-block tdl-none-h mab-20 d-inline-block  "   href="/contact">
                                    CONTACT

                                </a>
                                                    </div>
                    </div>
                </div>
                <div class="col-auto offset-sm-1 col-newsletter">
                    <h3 class="c-red ls-5 text-uppercase fs-16 mab-30 text-center text-md-left">
                        NEWSLETTER
                    </h3>
                    <form name="newsletter" method="post" action="https://www.richard-construction.fr/formulaire-newsletter">
<div id="newsletter"><div class="form-group"><input type="email" id="newsletter_email" name="newsletter[email]" required="required" placeholder="Votre adresse mail" class="form-control" /></div><input type="hidden" id="newsletter__token" name="newsletter[_token]" value="Bzhxbhqtk_PtjDT35ZER2WqxJDkta3HqI2sh6NEyK_8" /></div>
<div class="">
    <button class="btn btn-red w-100">S’inscrire</button>
</div>

</form>

                </div>

            </div>
            <div class="d-md-flex align-items-end justify-content-between mat-35">
                <div class="col-auto">
                    <div class="d-flex zi-999 mab-20 text-center fs-16 footer-social">
                        <a target="_blank" href="https://www.facebook.com/RichardConstructionParcieux"
                           class="bgc-red mar-10 wi-48 d-inline-block br-50 he-48 pat-12 c-white img-zoom">
                            <i class="fab fa-facebook-f" aria-hidden="true"></i>
                        </a>
                        <a target="_blank" href="https://www.linkedin.com/company/richard-construction-parcieux/"
                           class="bgc-red mar-10 wi-48 d-inline-block br-50 he-48 pat-12 c-white img-zoom">
                            <i class="fab fa-linkedin-in" aria-hidden="true"></i>
                        </a>
                        <a target="_blank"
                           href="https://www.instagram.com/richard_construction_parcieux/?igshid=16dxu845qg5h3&fbclid=IwAR3fXAjNK8gax8S6opls3FdASlgQBJIgXjYfEjygB73pu2pYu-QpnlhPXjQ"
                           class="bgc-red mar-10 wi-48 d-inline-block br-50 he-48 pat-12 c-white img-zoom">
                            <i class="fab fa-instagram" aria-hidden="true"></i>
                        </a>
                    </div>
                    <div class="fs-16 text-center mat-20">
                        <div class="max-5 copyright">Copyright © 2024 - Cr&eacute;ation <a class='fw-600 c-inherit' href="https://www.asb-digital.fr/" target="_blank">ASB Digital</a></div>
                    </div>
                </div>
                <div class="fs-16 text-center ">
                    <a href="/mentions-legales" class="fs-16 c-white montserrat">Mentions l&eacute;gales</a>
                </div>
            </div>
        </div>
    </div>

</div>
        
                        <div class="modal fade" id="recruitment-modal" tabindex="-1" role="dialog" aria-labelledby="#recruitmentModalLabel">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="modal-body pa-0 position-relative">
                        <button type="button" class='btn position-absolute text-right t-15 r-15 c-333333 fs-40' data-dismiss="modal" aria-label="Close">
                            <i class="fal fa-times"></i>
                        </button>
                        <a href="/contact">
                            <img src="/assets/img/modal/image3.jpg" alt="Mendi batiment">
                        </a>
                    </div>
                </div>
            </div>
        </div>
                <script src="/build/runtime.96aa4ea2.js" defer></script><script src="/build/app.71ed9329.js" defer></script>
        <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
        <script>
            AOS.init({
                once: true,
            });
        </script>
                    
    <script src="/build/landing.d24a0a6d.js" defer></script>
        <!-- Cookie Consent by https://www.FreePrivacyPolicy.com -->
        <script type="text/javascript"
        src="//www.freeprivacypolicy.com/public/cookie-consent/3.1.0/cookie-consent.js"></script>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', function () {
                cookieconsent.run({
                    "notice_banner_type": "simple",
                    "consent_type": "implied",
                    "palette": "light",
                    "language": "fr",
                    "website_name": "http://richard-construction.fr"
                });
            });
        </script>

        <noscript>Cookie Consent by <a href="https://www.FreePrivacyPolicy.com/free-cookie-consent/"
                                       rel="nofollow noopener">FreePrivacyPolicy.com</a></noscript>
        <!-- End Cookie Consent -->
    </body>
</HTML>

