{"id":5025,"date":"2022-11-09T08:35:56","date_gmt":"2022-11-09T07:35:56","guid":{"rendered":"https:\/\/www.ingerop.fr\/demo-blocs\/"},"modified":"2023-10-11T15:30:19","modified_gmt":"2023-10-11T13:30:19","slug":"demo-blocs","status":"publish","type":"page","link":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/","title":{"rendered":"Demo Blocs"},"content":{"rendered":"<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Page header image + titre<\/div><section class=\"h-screen flex flex-col items-center justify-around relative mb-46 group\" id=\"\">\n    <img decoding=\"async\" width=\"2560\" height=\"1706\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-scaled.jpg\" class=\"w-full h-full object-cover absolute\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-scaled.jpg 2560w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/RESPONSABILITE_technical-wilfried-feder-5fbf553e2a0e9324061519-2048x1365.jpg 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>    <div class=\"absolute inset-0 bg-bluedark\/30\"><\/div>\n    <div class=\"max-w-[1240px] mx-auto relative text-center px-20  text-white\">\n        <h1 class=\"mb-40 xl:leading-[100px] \">10 bonnes raison de nous choisir<\/h1>\n        <div class=\"text-lg font-bold max-w-[640px] mx-auto\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus, vulputate condimentum tortor odio sit amet nunc<\/div>\n    <\/div>\n    <div class=\"absolute bottom-32 left-1\/2 -translate-x-1\/2 xl:mb-84\">\n        <a class=\"w-16 text-white block cursor-pointer\" x-data x-on:click=\"document.getElementById('next-section').scrollIntoView();\">\n            <svg height=\"69.107\" viewBox=\"0 0 23 69.107\" width=\"23\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m10.3 0v63.931l-8.3-8.304-2 2 11.519 11.48 11.481-11.48-2-2-8.3 8.3v-63.927z\" fill=\"currentColor\"\/><\/svg>\n        <\/a>\n    <\/div>\n<\/section>\n<a id=\"next-section\"><\/a>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Page texte simple avec colonne<\/div><div class=\"px-22\">\n    <div class=\"max-w-[1240px] text-[18px] leading-[24px] mx-auto md:py-16 md:py-46 gap-32 lg:flex\" id=\"\">\n        <div class=\"flex-1 prose\">\n            <p>Ing\u00e9rop accompagne le d\u00e9veloppement de<strong>s projets de b\u00e2timents<\/strong> de l\u2019\u00e9tude de faisabilit\u00e9 \u00e0 la mise en exploitation. Notre savoir-faire se structure autour de trois grandes missions : le conseil, l\u2019expertise technique et le management de projet. Nous intervenons sur tous les types de b\u00e2timents, aupr\u00e8s de clients publics ou priv\u00e9s. Notre capacit\u00e9 \u00e0 adresser en interne l&#8217;ensemble des enjeux techniques, m\u00e9thodologiques et environnementaux nous permet d\u2019appr\u00e9hender chaque projet dans toute sa complexit\u00e9.<\/p>\n        <\/div>\n                    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Page texte simple avec colonne<\/div><div class=\"px-22\">\n    <div class=\"max-w-[1240px] text-[18px] leading-[24px] mx-auto md:py-16 md:py-46 gap-32 lg:flex\" id=\"\">\n        <div class=\"flex-1 prose\">\n            <p>Ing\u00e9rop accompagne le d\u00e9veloppement de<strong>s projets de b\u00e2timents<\/strong> de l\u2019\u00e9tude de faisabilit\u00e9 \u00e0 la mise en exploitation. Notre savoir-faire se structure autour de trois grandes missions : le conseil, l\u2019expertise technique et le management de projet. Nous intervenons sur tous les types de b\u00e2timents, aupr\u00e8s de clients publics ou priv\u00e9s. Notre capacit\u00e9 \u00e0 adresser en interne l&#8217;ensemble des enjeux techniques, m\u00e9thodologiques et environnementaux nous permet d\u2019appr\u00e9hender chaque projet dans toute sa complexit\u00e9.<\/p>\n        <\/div>\n                    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Page texte simple avec colonne<\/div><div class=\"px-22\">\n    <div class=\"max-w-[1240px] text-[18px] leading-[24px] mx-auto md:py-16 md:py-46 gap-32 lg:flex\" id=\"\">\n        <div class=\"flex-1 prose\">\n            <p>Ing\u00e9rop accompagne le d\u00e9veloppement de<strong>s projets de b\u00e2timents<\/strong> de l\u2019\u00e9tude de faisabilit\u00e9 \u00e0 la mise en exploitation. Notre savoir-faire se structure autour de trois grandes missions : le conseil, l\u2019expertise technique et le management de projet. Nous intervenons sur tous les types de b\u00e2timents, aupr\u00e8s de clients publics ou priv\u00e9s. Notre capacit\u00e9 \u00e0 adresser en interne l&#8217;ensemble des enjeux techniques, m\u00e9thodologiques et environnementaux nous permet d\u2019appr\u00e9hender chaque projet dans toute sa complexit\u00e9.<\/p>\n        <\/div>\n                    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Page texte simple avec colonne<\/div><div class=\"px-22\">\n    <div class=\"max-w-[1240px] text-[18px] leading-[24px] mx-auto md:py-16 md:py-46 gap-32 lg:flex\" id=\"\">\n        <div class=\"flex-1 prose\">\n            <p>Ing\u00e9rop accompagne le d\u00e9veloppement de<strong>s projets de b\u00e2timents<\/strong> de l\u2019\u00e9tude de faisabilit\u00e9 \u00e0 la mise en exploitation. Notre savoir-faire se structure autour de trois grandes missions : le conseil, l\u2019expertise technique et le management de projet. Nous intervenons sur tous les types de b\u00e2timents, aupr\u00e8s de clients publics ou priv\u00e9s. Notre capacit\u00e9 \u00e0 adresser en interne l&#8217;ensemble des enjeux techniques, m\u00e9thodologiques et environnementaux nous permet d\u2019appr\u00e9hender chaque projet dans toute sa complexit\u00e9.<\/p>\n        <\/div>\n                    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Chiffres clefs<\/div><section class=\"py-32 lg:py-40 \" id=\"\">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20\">\n                <div class=\"flex flex-wrap justify-center\">\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            155                         <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Millions d&#8217;\u20acuros                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            26                         <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Operateurs                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            255                        <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Projets en cours                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            50                        <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                ann\u00e9e d&#8217;existance                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Chiffres clefs<\/div><section class=\"py-32 lg:py-40 \" id=\"\">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20\">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold text-blue\">Ing\u00e9rop en chiffre<\/h2>\n                <div class=\"flex flex-wrap justify-center\">\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ba\u0302timent.svg\" class=\"max-w-[116px]  max-h-[116px] w-full h-full mx-auto mb-22\" alt=\"\" \/>                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            155                         <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Millions d&#8217;\u20acuros                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-eau.svg\" class=\"max-w-[116px]  max-h-[116px] w-full h-full mx-auto mb-22\" alt=\"\" \/>                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            26                         <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Operateurs                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-e\u0301nergie.svg\" class=\"max-w-[116px]  max-h-[116px] w-full h-full mx-auto mb-22\" alt=\"\" \/>                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            255                        <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                Projets en cours                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-industrie.svg\" class=\"max-w-[116px]  max-h-[116px] w-full h-full mx-auto mb-22\" alt=\"\" \/>                                                <div class=\"text-blue font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            50                        <\/div>\n                                                    <div class=\"text-md mt-12  text-gray\">\n                                ann\u00e9e d&#8217;existance                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Chiffres clefs<\/div><section class=\"py-32 lg:py-40 bg-blue\" id=\"\">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20\">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold text-white\">Ing\u00e9rop en chiffre<\/h2>\n                <div class=\"flex flex-wrap justify-center\">\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-white font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            155                         <\/div>\n                                                    <div class=\"text-md mt-12  text-white\">\n                                Millions d&#8217;\u20acuros                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-white font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            26                         <\/div>\n                                                    <div class=\"text-md mt-12  text-white\">\n                                Operateurs                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-white font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            255                        <\/div>\n                                                    <div class=\"text-md mt-12  text-white\">\n                                Projets en cours                            <\/div>\n                                            <\/div>\n                <\/div>\n                            <div class=\"w-1\/2 md:w-1\/4\">\n                    <div class=\"text-center p-12 md:p-22\">\n                                                <div class=\"text-white font-bold text-lg md:text-xl lg:text-[60px] flex justify-center items-baseline\">\n                            50                        <\/div>\n                                                    <div class=\"text-md mt-12  text-white\">\n                                ann\u00e9e d&#8217;existance                            <\/div>\n                                            <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Texte \/ image<\/div><div class=\"mx-auto my-32 lg:my-40\" id=\"\">\n    <div class=\"grid md:grid-cols-12 gap-22\">\n        <div class=\"md:col-span-6 lg:col-span-8 relative h-full \">\n            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg\" class=\"w-full h-full object-cover md:absolute left-0\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>        <\/div>\n        <div class=\"md:col-span-6 lg:col-span-4 py-32 md:py-60 lg:py-120 xl:py-160 px-32 xl:px-46 flex items-center lg:min-h-[500px] xl:min-h-[650px]\">\n            <div>\n                <div class=\"text-lg lg:text-xl text-blue font-bold\">Focus th\u00e8me, le r\u00e9emploi dans le groupe Ing\u00e9rop : lorem ipsum dolor sit amet, consectetur<\/div>\n                                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Texte \/ image<\/div><div class=\"mx-auto my-32 lg:my-40\" id=\"\">\n    <div class=\"grid md:grid-cols-12 gap-22\">\n        <div class=\"md:col-span-6 lg:col-span-8 relative h-full md:order-2\">\n            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg\" class=\"w-full h-full object-cover md:absolute right-0\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>        <\/div>\n        <div class=\"md:col-span-6 lg:col-span-4 py-32 md:py-60 lg:py-120 xl:py-160 px-32 xl:px-46 flex items-center lg:min-h-[500px] xl:min-h-[650px]\">\n            <div>\n                <div class=\"text-lg lg:text-xl text-blue font-bold\">Focus th\u00e8me, le r\u00e9emploi dans le groupe Ing\u00e9rop : lorem ipsum dolor sit amet, consectetur<\/div>\n                                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Mission \/ Texte 2 colonnes list<\/div><section class=\"py-32 lg:py-40 \" id=\"\">\n    <div class=\"container w-full max-w-[1240px] mx-auto\">\n        <h2 class=\"mb-32\">Missions<\/h2>\n                    <div class=\"mb-32\">\n                <h3 class=\"text-blue font-bold mb-28 text-md\">Assistance et conseil<\/h3>\n                <div class=\"max-w-none md:columns-2 prose prose-li:break-inside-avoid\"><ul>\n<li>Audits techniques, diagnostics, due<\/li>\n<li>diligences Assistance \u00e0 la Personne<\/li>\n<li>Publique Assistance \u00e0 Ma\u00eetrise d\u2019Ouvrage<\/li>\n<li>Conseils \u00e0 investisseurs et pr\u00eateurs<\/li>\n<li>Assistance \u00e0 l\u2019exploitation et \u00e0 la maintenance.<\/li>\n<\/ul>\n<\/div>\n            <\/div>\n                    <div class=\"mb-32\">\n                <h3 class=\"text-blue font-bold mb-28 text-md\">Ing\u00e9nierie<\/h3>\n                <div class=\"max-w-none md:columns-2 prose prose-li:break-inside-avoid\"><ul>\n<li>Audits techniques, diagnostics, due<\/li>\n<li>diligences Assistance \u00e0 la Personne<\/li>\n<li>Publique Assistance \u00e0 Ma\u00eetrise d\u2019Ouvrage<\/li>\n<li>Conseils \u00e0 investisseurs et pr\u00eateurs<\/li>\n<li>Assistance \u00e0 l\u2019exploitation et \u00e0 la maintenance.<\/li>\n<\/ul>\n<\/div>\n            <\/div>\n            <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Texte \/ image<\/div><div class=\"mx-auto my-32 lg:my-40\" id=\"\">\n    <div class=\"grid md:grid-cols-12 gap-22\">\n        <div class=\"md:col-span-6 lg:col-span-8 relative h-full md:order-2\">\n            <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg\" class=\"w-full h-full object-cover md:absolute right-0\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>        <\/div>\n        <div class=\"md:col-span-6 lg:col-span-4 py-32 md:py-60 lg:py-120 xl:py-160 px-32 xl:px-46 flex items-center lg:min-h-[500px] xl:min-h-[650px]\">\n            <div>\n                <div class=\"text-lg lg:text-xl text-blue font-bold\">Focus th\u00e8me, le r\u00e9emploi dans le groupe Ing\u00e9rop : lorem ipsum dolor sit amet, consectetur<\/div>\n                                    <div class=\"mt-10 prose max-w-none\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                                    <div class=\"mt-32 self-center\">\n                        <a class=\"btn inline-block\" href=\"http:\/\/ingerop-site.test\/projets\/\">Projets<\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Domaine list \/ wall<\/div><section class=\"py-32 lg:py-40\" id=\"\">\n    <div class=\"container\">\n        <div class=\"max-w-[1240px] mx-auto\">\n            <h2 class=\"mb-32\">Domaines d&#8217;intervention<\/h2>\n        <\/div>\n        <div class=\"grid md:grid-cols-3 gap-20\">\n                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana-1024x683.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ENS-SaclayMIK_9548cMichaelTubiana.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Sant\u00e9                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareSete2.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareSete2.jpg 820w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareSete2-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareSete2-768x432.jpg 768w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Enseignement et recherche                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"583\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PontdeClaix-2.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PontdeClaix-2.jpg 703w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PontdeClaix-2-300x273.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Cultur, sports &#038; loisirs                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215-1024x683.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/DSC_1215.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Sant\u00e9                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"362\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-1024x579.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-768x434.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi.png 1267w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Enseignement et recherche                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"362\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-768x434.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic.png 1267w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Cultur, sports &#038; loisirs                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"424\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PEMPau1-1024x678.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PEMPau1-1024x678.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PEMPau1-300x199.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PEMPau1-768x509.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/PEMPau1.jpg 1034w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Sant\u00e9                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"304\" height=\"228\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Morlaix.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Morlaix.png 304w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Morlaix-300x225.png 300w\" sizes=\"(max-width: 304px) 100vw, 304px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Enseignement et recherche                <\/span>\n\n                \n                <\/div>                            <div class=\"flex items-center justify-center relative\">                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"362\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-768x434.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic.png 1267w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n\n                <div class=\"inset-0 transition-all ease-out absolute bg-blue bg-opacity-0 group-hover:bg-opacity-100\"><\/div>\n                <span class=\"group-hover:-translate-y-25 transition-all ease-out relative inline-block font-bold text-white py-60 md:py-90 uppercase text-center\">\n                    Cultur, sports &#038; loisirs                <\/span>\n\n                \n                <\/div>                    <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Citation<\/div><div class=\"py-32 lg:py-40\" id=\"\">\n    <div class=\"container \">\n        <div class=\"max-w-[1240px] mx-auto border-y border-y-gray-600 py-32 lg:py-60\">\n            <div class=\"grid md:grid-cols-12 gap-20\">\n                <div class=\"md:col-span-8\">\n                    &#8221; Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. &#8220;\u000b                <\/div>\n                <div class=\"md:col-span-4 w-full flex space-x-22\">\n                    <img decoding=\"async\" width=\"128\" height=\"128\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/97.jpg\" class=\"rounded-full w-60 h-60 md:w-113 md:h-113 self-start\" alt=\"\" \/>                    <div>\n                        <strong class=\"block font-bold mb-2 text-[18px]\">Coralie BALERE<\/strong>\n                        Responsable d\u00e9veloppement durable chez Ing\u00e9rop                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Citation<\/div><div class=\"py-32 lg:py-40\" id=\"\">\n    <div class=\"container \">\n        <div class=\"max-w-[1240px] mx-auto border-y border-y-gray-600 py-32 lg:py-60\">\n            <div class=\"grid md:grid-cols-12 gap-20\">\n                <div class=\"md:col-span-8\">\n                    &#8221; Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. &#8220;\u000b                <\/div>\n                <div class=\"md:col-span-4 w-full flex space-x-22\">\n                    <img decoding=\"async\" width=\"128\" height=\"128\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/97.jpg\" class=\"rounded-full w-60 h-60 md:w-113 md:h-113 self-start\" alt=\"\" \/>                    <div>\n                        <strong class=\"block font-bold mb-2 text-[18px]\">Coralie BALERE<\/strong>\n                        Responsable d\u00e9veloppement durable chez Ing\u00e9rop                                                    <div class=\"mt-12\">\n                                <a class=\"btn-outline\"  href=\"mailto:contact@ingerop.com\">contact<\/a>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">CTA<\/div><section class=\"py-32 lg:py-40 relative\" id=\"\">\n    <div class=\"container\">\n        <div class=\"grid grid-cols-12 gap-20\">\n            <div class=\"col-span-10 col-start-2 py-32 lg:py-40 bg-blue\">\n                <div class=\"text-white max-w-[675px] mx-auto text-center\">\n                    <h2 class=\"text-white mb-22\">10 raisons de nous choisir<\/h2>\n                    <div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n<\/div>\n                                            <a class=\"btn-outline-white mt-22\" target=\"_blank\" href=\"#\">En savoir plus<\/a>\n                                    <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Banni\u00e8re<\/div><section class=\"py-32 lg:py-40 relative group\" id=\"\">\n    <div class=\"absolute inset-0 \">\n        <img decoding=\"async\" width=\"1600\" height=\"757\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1.jpg 1600w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-300x142.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-1024x484.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-768x363.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-1536x727.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>    <\/div>\n    <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n    <div class=\"container relative px-20 my-96 lg:mt-180 lg:mb-114\">\n        <div class=\"text-lg md:text-xl font-bold mb-32 text-white max-w-[460px]\">Le d\u00e9veloppement durable dans le groupe Ing\u00e9rop : lorem ipsum dolor sit amet, consectetur<\/div>\n            <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Banni\u00e8re<\/div><section class=\"py-32 lg:py-40 relative group\" id=\"\">\n    <div class=\"absolute inset-0 \">\n        <img decoding=\"async\" width=\"1600\" height=\"757\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1.jpg 1600w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-300x142.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-1024x484.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-768x363.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/human-sabine-englisch-5fc4c94873d1e281897502-1-1536x727.jpg 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>    <\/div>\n    <div class=\"inset-0 absolute bg-bluedark\/30\"><\/div>\n    <div class=\"container relative px-20 my-96 lg:mt-180 lg:mb-114\">\n        <div class=\"text-lg md:text-xl font-bold mb-32 text-white max-w-[460px]\">Le d\u00e9veloppement durable dans le groupe Ing\u00e9rop : lorem ipsum dolor sit amet, consectetur<\/div>\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/zac-de-la-duchere\/\" target=\"_blank\" class=\"btn-outline-white\">Banner avec un bouton<\/a>\n            <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Timeline<\/div><section class=\"py-32 lg:py-40 \" id=\"\">\n    <div class=\"container\">\n        <div class=\"max-w-[1240px] mx-auto overflow-hidden\">\n            <h2 class=\"mb-32\">Notre histoire<\/h2>\n\n            <div class=\"cd-h-timeline js-cd-h-timeline margin-bottom-md\">\n                <div class=\"cd-h-timeline__container container\">\n                    <div class=\"cd-h-timeline__dates\">\n                        <div class=\"cd-h-timeline__line\">\n                            <ol>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date cd-h-timeline__date--selected\">1980<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">1988<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">1992<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">1997<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">2001<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">2006<\/a><\/li>\n                                                                    <li><a href=\"#0\" data-date=\"16\/01\/2014\" class=\"cd-h-timeline__date \">2008<\/a><\/li>\n                                                            <\/ol>\n\n                            <span class=\"cd-h-timeline__filling-line\" aria-hidden=\"true\"><\/span>\n                        <\/div> <!-- .cd-h-timeline__line -->\n                    <\/div> <!-- .cd-h-timeline__dates -->\n\n                    <ul>\n                        <li><a href=\"#0\" class=\"text-replace cd-h-timeline__navigation cd-h-timeline__navigation--prev cd-h-timeline__navigation--inactive\">Prev<\/a><\/li>\n                        <li><a href=\"#0\" class=\"text-replace cd-h-timeline__navigation cd-h-timeline__navigation--next\">Next<\/a><\/li>\n                    <\/ul>\n                <\/div> <!-- .cd-h-timeline__container -->\n\n                <div class=\"cd-h-timeline__events\">\n                    <ol>\n                                                    <li class=\"cd-h-timeline__event cd-h-timeline__event--selected text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Cr\u00e9ation d&#8217; ing\u00e9rope<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Acquisition<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Rachat<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Premier chantier international<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Prix lorem ipsum<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">Croissance<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"cd-h-timeline__event  text-component\">\n                                <div class=\"cd-h-timeline__event-content container bg-[#f9f9f9] w-full px-32 py-32 lg:px-150 lg:py-70\">\n                                    <h2 class=\"cd-h-timeline__event-title\">lorem<\/h2>\n                                    <p class=\"cd-h-timeline__event-description\">\n                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>\n                                    <\/p>\n                                <\/div>\n                            <\/li>\n                                            <\/ol>\n                <\/div> <!-- .cd-h-timeline__events -->\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Rebonds<\/div>\n    <div class=\"container my-32 lg:my-64\">\n        <div class=\"text-center max-w-[927px] mx-auto mb-22\">\n            <h2 class=\"mb-22\">Rebonds<\/h2>\n                            <div class=\"text-[24px] pb-26\"><p>Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. <strong>Ut ornare magna vitae nunc consectetur<\/strong>, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci.<\/p>\n<\/div>\n                        <\/div>\n        <div class=\"grid md:grid-cols-3 gap-12 md:gap-22 justify-center\">\n\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/amenagement-de-la-brazzaligne\/\" target=\"\" class=\"relative group overflow-hidden min-h-[300px]  lg:min-h-[450px] xl:min-h-[505px]\">\n                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"494\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1.jpg 956w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1-300x232.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1-768x593.jpg 768w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"absolute inset-0 bg-bluedark\/30 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n                <div class=\"relative h-full w-full p-32 text-center flex flex-row items-end justify-center px-22 pb-66 font-bold\">\n                    <div class=\"text-[28px] text-white\">D\u00e9couvrir lorem ipsum<\/div>\n                <\/div>\n            <\/a>\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/renouvellement-urbain-terres-neuves-place-des-musiques\/\" target=\"\" class=\"relative group overflow-hidden min-h-[300px]  lg:min-h-[450px] xl:min-h-[505px]\">\n                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-768x432.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1536x864.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"absolute inset-0 bg-bluedark\/30 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n                <div class=\"relative h-full w-full p-32 text-center flex flex-row items-end justify-center px-22 pb-66 font-bold\">\n                    <div class=\"text-[28px] text-white\">En savoir plus<\/div>\n                <\/div>\n            <\/a>\n                <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Rebonds<\/div>\n    <div class=\"container my-32 lg:my-64\">\n        <div class=\"text-center max-w-[927px] mx-auto mb-22\">\n            <h2 class=\"mb-22\">Rebonds<\/h2>\n                            <div class=\"text-[24px] pb-26\"><p>Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. <strong>Ut ornare magna vitae nunc consectetur<\/strong>, non eleifend massa cursus.<\/p>\n<\/div>\n                        <\/div>\n        <div class=\"grid md:grid-cols-3 gap-12 md:gap-22 justify-center\">\n\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/zac-de-la-duchere\/\" target=\"\" class=\"relative group overflow-hidden min-h-[300px]  lg:min-h-[450px] xl:min-h-[505px]\">\n                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"494\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1.jpg 956w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1-300x232.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Agen1-768x593.jpg 768w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"absolute inset-0 bg-bluedark\/30 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n                <div class=\"relative h-full w-full p-32 text-center flex flex-row items-end justify-center px-22 pb-66 font-bold\">\n                    <div class=\"text-[28px] text-white\">D\u00e9couvrir lorem ipsum<\/div>\n                <\/div>\n            <\/a>\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/zac-de-la-duchere\/\" target=\"\" class=\"relative group overflow-hidden min-h-[300px]  lg:min-h-[450px] xl:min-h-[505px]\">\n                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-768x432.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1536x864.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"absolute inset-0 bg-bluedark\/30 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n                <div class=\"relative h-full w-full p-32 text-center flex flex-row items-end justify-center px-22 pb-66 font-bold\">\n                    <div class=\"text-[28px] text-white\">En savoir plus<\/div>\n                <\/div>\n            <\/a>\n                    <a href=\"https:\/\/www.ingerop.fr\/projet\/zac-de-la-duchere\/\" target=\"\" class=\"relative group overflow-hidden min-h-[300px]  lg:min-h-[450px] xl:min-h-[505px]\">\n                <div class=\"absolute inset-0\">\n                    <img decoding=\"async\" width=\"640\" height=\"376\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Vergeze3.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Vergeze3.jpg 691w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/Vergeze3-300x176.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                <\/div>\n                <div class=\"absolute inset-0 bg-bluedark\/30 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n                <div class=\"relative h-full w-full p-32 text-center flex flex-row items-end justify-center px-22 pb-66 font-bold\">\n                    <div class=\"text-[28px] text-white\">3\u00e8me rebond<\/div>\n                <\/div>\n            <\/a>\n                <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Ressources \/ documents<\/div><div class=\"container\">\n    <div class=\"max-w-[1240px] mx-auto\">\n        <h2 class=\"text-[22px] mb-22\">Ressources \u00e0 t\u00e9l\u00e9charger<\/h2>\n                                    <div class=\"text-[18px] border-gray-600 border-b mb-22 py-22 flex items-start  border-t \">\n                    <div>\n\n                        <div class=\"font-bold\">Mon document 1<\/div>\n                        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                    <\/div>\n                    <a class=\"btn-outline ml-auto\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\" target=\"_blank\">T\u00e9l\u00e9charger<\/a>\n                <\/div>\n                                            <div class=\"text-[18px] border-gray-600 border-b mb-22 py-22 flex items-start \">\n                    <div>\n\n                        <div class=\"font-bold\">Mon document 2<\/div>\n                        <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                    <\/div>\n                    <a class=\"btn-outline ml-auto\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\" target=\"_blank\">T\u00e9l\u00e9charger<\/a>\n                <\/div>\n                                        <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Accord\u00e9on<\/div>    <div class=\"py-32 lg:py-40 \" id=\"\">\n        <div class=\"container\">\n            <div class=\"max-w-[1240px] mx-auto\">\n                <div x-data=\"{ active: 0 }\" class=\"mx-auto w-full space-y-32\">\n                                            <div x-data=\"{\n                                id: 1,\n                                get expanded() {\n                                    return this.active === this.id\n                                },\n                                set expanded(value) {\n                                    this.active = value ? this.id : null\n                                },\n                            }\" role=\"region\" class=\"rounded-lg bg-white\">\n                            <h2 class=\"text-[22px]\">\n                                <button x-on:click=\"expanded = !expanded\" :aria-expanded=\"expanded\" class=\"flex w-full items-center justify-between font-bold border-b border-b-gray-400 hover:border-b-blue\" :class=\"{'!border-b-white': expanded}\">\n                                    <span>Question #2<\/span>\n                                    <span aria-hidden=\"true\" class=\"rounded-full flex items-center justify-center transition-all ease\" :class=\"{'-rotate-90': expanded, 'rotate-90': !expanded}\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13.48\" height=\"23\" viewBox=\"0 0 13.48 23\">\n  <path d=\"M2,0,0,2l9.5,9.5L0,21l2,2L13.48,11.481Z\" fill=\"currentColor\"\/>\n<\/svg>\n<\/span>\n                                    <!-- <span x-show=\"!expanded\" aria-hidden=\"true\" class=\"rounded-full flex items-center justify-center rotate-45\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13.48\" height=\"23\" viewBox=\"0 0 13.48 23\">\n  <path d=\"M2,0,0,2l9.5,9.5L0,21l2,2L13.48,11.481Z\" fill=\"currentColor\"\/>\n<\/svg>\n<\/span> -->\n                                <\/button>\n                            <\/h2>\n\n                            <div class=\"\" x-show=\"expanded\" x-collapse>\n                                <div class=\"prose max-w-none mt-24\"><h2>Verbatim Lorem ipsum dolor sit amet.<\/h2>\n<p>consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur,<\/p>\n<h3>Non eleifend massa cursus. Etiam tempor sagittis diam eu varius.<\/h3>\n<p>Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                                                    <div x-data=\"{\n                                id: 2,\n                                get expanded() {\n                                    return this.active === this.id\n                                },\n                                set expanded(value) {\n                                    this.active = value ? this.id : null\n                                },\n                            }\" role=\"region\" class=\"rounded-lg bg-white\">\n                            <h2 class=\"text-[22px]\">\n                                <button x-on:click=\"expanded = !expanded\" :aria-expanded=\"expanded\" class=\"flex w-full items-center justify-between font-bold border-b border-b-gray-400 hover:border-b-blue\" :class=\"{'!border-b-white': expanded}\">\n                                    <span>Question #1<\/span>\n                                    <span aria-hidden=\"true\" class=\"rounded-full flex items-center justify-center transition-all ease\" :class=\"{'-rotate-90': expanded, 'rotate-90': !expanded}\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13.48\" height=\"23\" viewBox=\"0 0 13.48 23\">\n  <path d=\"M2,0,0,2l9.5,9.5L0,21l2,2L13.48,11.481Z\" fill=\"currentColor\"\/>\n<\/svg>\n<\/span>\n                                    <!-- <span x-show=\"!expanded\" aria-hidden=\"true\" class=\"rounded-full flex items-center justify-center rotate-45\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"13.48\" height=\"23\" viewBox=\"0 0 13.48 23\">\n  <path d=\"M2,0,0,2l9.5,9.5L0,21l2,2L13.48,11.481Z\" fill=\"currentColor\"\/>\n<\/svg>\n<\/span> -->\n                                <\/button>\n                            <\/h2>\n\n                            <div class=\"\" x-show=\"expanded\" x-collapse>\n                                <div class=\"prose max-w-none mt-24\"><h3>Verbatim Lorem ipsum dolor sit amet,<\/h3>\n<p>consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus.<\/p>\n<\/div>\n                            <\/div>\n                        <\/div>\n                                                            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Onglet<\/div>    <div class=\"py-32 lg:py-40 \" id=\"\">\n        <div class=\"container\">\n            <div class=\"max-w-[1240px] mx-auto\">\n                <div class=\"overflow-hidden\">\n                    <div x-data=\"tabs\" x-id=\"['tab']\" class=\"mx-auto max-w-[1240px] mb-32 md:mb-72\">\n                        <!-- Tab List -->\n                        <ul x-ref=\"tablist\" @keydown.right.prevent.stop=\"$focus.wrap().next()\" @keydown.home.prevent.stop=\"$focus.first()\" @keydown.page-up.prevent.stop=\"$focus.first()\" @keydown.left.prevent.stop=\"$focus.wrap().prev()\" @keydown.end.prevent.stop=\"$focus.last()\" @keydown.page-down.prevent.stop=\"$focus.last()\" role=\"tablist\" class=\"flex flex-row justify-start overflow-x-scroll border-b-gray-600 border-b border-solid\">\n                            <!-- Tab -->\n                                                            <li class=\"\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap\" role=\"tab\">\n                                        ceci est un onglet 2                                    <\/button>\n                                <\/li>\n                                                            <li class=\"\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap\" role=\"tab\">\n                                        ceci est un onglet 1                                    <\/button>\n                                <\/li>\n                                                    <\/ul>\n\n                        <!-- Panels -->\n                        <div x-cloak role=\"tabpanels\" class=\"\">\n                            <!-- Panel -->\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"my-22 text-gray-500 prose max-w-none\"> <p>Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus.<\/p>\n<\/div>\n                                <\/section>\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"my-22 text-gray-500 prose max-w-none\"> <h3>Lorem ipsum<\/h3>\n<p>Verbatim Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus. Etiam tempor sagittis diam eu varius. Proin et nulla sodales, cursus velit non, vestibulum est. Nunc nec risus sed ipsum egestas vehicula non et orci. Mauris porttitor tincidunt congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mauris dui, pretium vel blandit eget, ornare volutpat dolor. Sed fringilla non neque non congue. Ut ornare magna vitae nunc consectetur, non eleifend massa cursus.<\/p>\n<\/div>\n                                <\/section>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Video<\/div><div class=\"py-32 lg:py-40\" id=\"\">\n    <div class=\"container\">\n        <div class=\"max-w-[1240px] mx-auto\">\n\n            <div class=\"embed-container\">\n                <iframe title=\"Restauration du Grand Palais - BIM d&amp;apos;or 2022\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/y0C6jWHPELw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>            <\/div>\n                            <div class=\"mt-22 text-center\">ceci est une l\u00e9gende<\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Galerie Photos \/ Slider<\/div><div class=\"container\">\n    <div class=\"max-w-[1240px] mx-auto\">\n                    <h3 class=\"text-[22px] font-bold text-blue mb-12\">Gallerie photos<\/h3>\n                            <div class=\"splide galerie-slider\" aria-label=\"Splide project\">\n                <div class=\"splide__track\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide aspect-[1240\/700]\">\n                                <img decoding=\"async\" width=\"1267\" height=\"716\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic.png 1267w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-768x434.png 768w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/>                            <\/li>\n                                                    <li class=\"splide__slide aspect-[1240\/700]\">\n                                <img decoding=\"async\" width=\"1267\" height=\"716\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi.png\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi.png 1267w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-768x434.png 768w\" sizes=\"(max-width: 1267px) 100vw, 1267px\" \/>                            <\/li>\n                                                    <li class=\"splide__slide aspect-[1240\/700]\">\n                                <img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege.jpg 1920w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-768x432.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1536x864.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                            <\/li>\n                                                    <li class=\"splide__slide aspect-[1240\/700]\">\n                                <img decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                            <\/li>\n                                                    <li class=\"splide__slide aspect-[1240\/700]\">\n                                <img decoding=\"async\" width=\"2008\" height=\"1135\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie.jpg 2008w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-300x170.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-1024x579.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-768x434.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-1536x868.jpg 1536w\" sizes=\"(max-width: 2008px) 100vw, 2008px\" \/>                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n            <\/div>\n<\/div>\n\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Liste images ou logos avec l\u00e9gende<\/div><section class=\"py-32 lg:py-40\" id=\" \">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20 text-center \">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold \">Bloc avec liste de logos \/ images (titre facultatif)<\/h2>\n                            <div class=\"text-[24px] my-32 leading-[24px] mx-auto pb-46\">Configur\u00e9 sur style IMAGES<\/div>\n        \n                    <div class=\"flex flex-wrap items-center justify-center\">\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 1<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"170\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-300x170.png\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic-768x434.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-27-L_usine_invisible_by_Nic.png 1267w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 2<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"170\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-300x170.png\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-300x170.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-1024x579.png 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi-768x434.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/n_-14-WINDOW_2_by_Ioan_Levi.png 1267w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 3<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/DiguesBarrageHazelmere2-300x200.jpg\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/DiguesBarrageHazelmere2-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/DiguesBarrageHazelmere2-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/DiguesBarrageHazelmere2-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/DiguesBarrageHazelmere2.jpg 1200w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 4<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"169\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-300x169.jpg\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1024x576.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-768x432.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege-1536x864.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Projet-Tramway-de-Liege.jpg 1920w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 5<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"w-full h-[155px]\">\n                                <img decoding=\"async\" width=\"300\" height=\"170\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-300x170.jpg\" class=\"w-full max-w-full max-h-full object-cover h-full w-full\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-300x170.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-1024x579.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-768x434.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie-1536x868.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/18C-2018_DJI_0565_PLE-copie.jpg 2008w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 6<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Liste images ou logos avec l\u00e9gende<\/div><section class=\"py-32 lg:py-40\" id=\" \">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20 text-center \">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold \">Bloc avec liste de logos \/ images (titre facultatif)<\/h2>\n                            <div class=\"text-[24px] my-32 leading-[24px] mx-auto pb-46\">Configur\u00e9 sur style LOGOS<\/div>\n        \n                    <div class=\"flex flex-wrap items-center justify-center\">\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ville.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 1<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-transport.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 2<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-infrastructure-et-mobilite\u0301.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 3<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-industrie.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 4<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-e\u0301nergie.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 5<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-eau.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 6<\/div>\n                            <div>ceci est une description<\/div>\n                                                            <a href=\"http:\/\/ingerop-site.test\/gouvernance-2\/\" class=\"rounded-full w-52 h-52 flex items-center transition-colors ease justify-center mx-auto border mt-16 group hover:bg-blue hover:border-blue\">\n                                    <div class=\"max-w-[22px] max-h-[22px] w-full h-full text-blue group-hover:text-white transition-colors ease  \">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\" \/>\n<\/svg>\n                                    <\/div>\n                                <\/a>\n                                                    <\/div>\n\n                    <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Liste images ou logos avec l\u00e9gende<\/div><section class=\"py-32 lg:py-40\" id=\" \">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20 text-center \">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold \">Bloc avec liste de logos \/ images (titre facultatif)<\/h2>\n                            <div class=\"text-[24px] my-32 leading-[24px] mx-auto pb-46\">Configur\u00e9 sur style LOGOS sans liens<\/div>\n        \n                    <div class=\"flex flex-wrap items-center justify-center\">\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ville.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 1<\/div>\n                            <div>ceci est une description<\/div>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-transport.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 2<\/div>\n                            <div>ceci est une description<\/div>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-infrastructure-et-mobilite\u0301.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 3<\/div>\n                            <div>ceci est une description<\/div>\n                                                    <\/div>\n\n                    <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Liste images ou logos avec l\u00e9gende<\/div><section class=\"py-32 lg:py-40\" id=\" \">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20 text-center \">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold \">Bloc avec liste de logos \/ images (titre facultatif)<\/h2>\n                            <div class=\"text-[24px] my-32 leading-[24px] mx-auto pb-46\">Configur\u00e9 sur style LOGOS sans liens<\/div>\n        \n                    <div class=\"flex flex-wrap items-center justify-center\">\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-eau.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 4<\/div>\n                            <div><\/div>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ville.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 1<\/div>\n                            <div><\/div>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-infrastructure-et-mobilite\u0301.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 3<\/div>\n                            <div><\/div>\n                                                    <\/div>\n\n                    <\/div>\n                                    <div class=\"md:w-1\/4 p-16\">\n                        <div>\n                            <div class=\"\">\n                                <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-transport.svg\" class=\"w-full max-w-full max-h-114\" alt=\"\" \/>                            <\/div>\n                            <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                            <div class=\"font-bold text-gray \">Mon titre 2<\/div>\n                            <div><\/div>\n                                                    <\/div>\n\n                    <\/div>\n                            <\/div>\n        \n    <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Certifications &#8211; Recompenses<\/div>\n    <div class=\"pb-32 lg:pb-72\" id=\"\">\n        <div class=\"container\">\n            <div class=\"max-w-[1240px] mx-auto\">\n                                    <h2 class=\"text-[22px] mb-36 font-bold \">Nos certifications &#038; recompenses<\/h2>\n                                <div class=\"\">\n                    <div x-data=\"tabs\" x-id=\"['tab']\" class=\"mx-auto max-w-[1240px]\">\n                        <!-- Tab List -->\n                        <ul x-ref=\"tablist\" @keydown.right.prevent.stop=\"$focus.wrap().next()\" @keydown.home.prevent.stop=\"$focus.first()\" @keydown.page-up.prevent.stop=\"$focus.first()\" @keydown.left.prevent.stop=\"$focus.wrap().prev()\" @keydown.end.prevent.stop=\"$focus.last()\" @keydown.page-down.prevent.stop=\"$focus.last()\" role=\"tablist\" class=\"flex flex-row justify-start overflow-x-scroll md:overflow-hidden border-b-gray-600 border-b border-solid\">\n                            <!-- Tab -->\n                                                            <li class=\"w-full\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap w-full justify-center\" role=\"tab\">\n                                        Certifications                                    <\/button>\n                                <\/li>\n                                                            <li class=\"w-full\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap w-full justify-center\" role=\"tab\">\n                                        R\u00e9compenses                                    <\/button>\n                                <\/li>\n                                                    <\/ul>\n\n                        <!-- Panels -->\n                        <div x-cloak role=\"tabpanels\" class=\"\">\n                            <!-- Panel -->\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"flex flex-wrap items-center justify-center md:justify-start\">\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ville.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifications 1<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-transport.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifications 2<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-infrastructure-et-mobilite\u0301.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifications 3<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-e\u0301nergie.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifications 4<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-industrie.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certification 5<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-eau.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifcations 6<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ba\u0302timent.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Certifcations 7<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                            <\/div>\n                                <\/section>\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"flex flex-wrap items-center justify-center md:justify-start\">\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-ville.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">R\u00e9compense 1<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-transport.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">R\u00e9compense 2<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-infrastructure-et-mobilite\u0301.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">R\u00e9compense 3<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                                    <div class=\"w-1\/2 md:w-1\/4 py-32 pr-16 text-center\">\n                                                <div class=\"\">\n                                                    <img decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/activite\u0301-e\u0301nergie.svg\" class=\"max-h-114 w-auto mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"my-30 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">R\u00e9compense 4<\/div>\n                                                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/div>\n                                            <\/div>\n\n                                                                            <\/div>\n                                <\/section>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Liste de projets s\u00e9lectionn\u00e9s<\/div>\n<section class=\"py-32 lg:py-40\" id=\" \">\n    <div class=\"w-full max-w-[1240px] mx-auto px-20 text-center \">\n                    <h2 class=\"text-lg md:text-xl mb-64 font-bold \">Quelques une de nos r\u00e9alisations<\/h2>\n                            <div class=\"grid grid-cols-2 md:grid-cols-3 gap-12 md:gap-20\">\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/amenagement-du-front-de-mer-a-marigot\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <img decoding=\"async\" width=\"640\" height=\"344\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2-1024x551.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2-1024x551.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2-300x161.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2-768x413.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2-1536x827.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/VUE-AERIENNE-Saint-Martin-_mdf_full-v2.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Am\u00e9nagement du front de  mer \u00e0 Marigot<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Marigot &#8211; Saint-Martin<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/amenagement-de-la-nartuby\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie-1024x683.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Nartuby-copie.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Am\u00e9nagement de la Nartuby<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Draguignan Trans-en-Provence<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/amenagement-du-quartier-de-la-tour-eiffel\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"275\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0-1024x440.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0-1024x440.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0-300x129.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0-768x330.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0-1536x659.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Tour-eiffel-\u00a9Dschwen-CC-BY-3.0.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9Dschwen<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Am\u00e9nagement du quartier de la Tour Eiffel<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Paris<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/anse-du-portier\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier-1024x576.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier-1024x576.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier-300x169.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier-768x432.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier-1536x864.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Anse-du-Portier-Monaco_\u00a9SAM-LAnse-du-Portier.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9SAM <\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Anse du Portier<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Monaco<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/appontement-milhaud\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"324\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-1024x518.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-1024x518.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-300x152.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-768x389.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-1536x777.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Quai-Milhaud-Pers-vue-mer-4-2048x1036.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9Ing\u00e9rop<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Appontement Milhaud<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Toulon<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/college-jean-racine\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"406\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-1024x649.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-1024x649.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-300x190.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-768x487.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-1536x973.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/20210324151235-2b-racine-rue-marot-pb_\u00a9Pierre-BEOUT_Nunc-Architectes-2048x1298.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9Pierre BEOUT_Nunc Architecte<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Coll\u00e8ge Jean Racine<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Saint-Brieuc<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/extension-du-site-de-production-de-microphyt\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"453\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_-1024x725.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_-1024x725.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_-300x213.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_-768x544.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_-1536x1088.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/PBR-c-Microphyt.jpgv_.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9Microphyt<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Extension du site de production de Microphyt<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Baillargues<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/front-de-mer-de-calais\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"480\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais-1024x768.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais-1024x768.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais-300x225.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais-768x576.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais-1536x1152.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/\u00a9NSC.-Enterprise-NSC-_-FrontMerCalais.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9NSC<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">Front de Mer de Calais<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Calais<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                                    <a href=\"https:\/\/www.ingerop.fr\/en\/project\/hopital-pasteur-2-2eme-phase-de-construction\/\" class=\"bg-gray inline-block relative group overflow-hidden w-full h-full\">\n    <div class=\"flex justify-items-end items-end min-h-[350px] lg:min-h-[450px] xl:min-h-[550px]\">\n        <div class=\"absolute inset-0\">\n            <div class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image group\"><img decoding=\"async\" width=\"640\" height=\"427\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg\" class=\"w-full object-cover h-full group-hover:scale-110 transition-all ease duration-300 wp-post-image\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1024x683.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-300x200.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-768x512.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775-1536x1024.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Pasteur2-Photo-S-Demailly2775.jpg 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><div class=\"absolute bottom-5 right-5 md:bottom-32 z-20 md:right-32 bg-[#000]\/50 text-white opacity-0 transition-opacity group-hover:opacity-100 text-xs px-6 py-2\">\u00a9Arch. Carta &#8211; Reichen et Robert Associ\u00e9s<\/div><\/div>        <\/div>\n        <div class=\"absolute inset-0 bg-bluedark\/10 group-hover:bg-bluedark\/40 transition-colors ease duration-300\"><\/div>\n        <div class=\"relative h-full w-full p-16 pb-32 md:p-32 text-center\">\n                            <div class=\"flex justify-center mb-12\">\n                                    <\/div>\n                        <div class=\"text-white text-[20px] md:text-[28px] font-bold md:leading-[37px]\">H\u00f4pital Pasteur 2<\/div>\n                                            <div class=\"text-white flex flex-col items-center mt-16\">\n                    <div class=\"w-16\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" class=\"\" viewBox=\"0 0 29.788 36.7\">\n  <g>\n    <g>\n      <path d=\"M14.591,36.579a.44.44,0,0,0,.605,0c.6-.563,14.591-13.9,14.591-21.873A14.816,14.816,0,0,0,14.894,0,14.816,14.816,0,0,0,0,14.706c0,7.978,14,21.31,14.591,21.873M6.048,14.453a8.846,8.846,0,1,1,8.846,8.734,8.8,8.8,0,0,1-8.846-8.734\" fill=\"#fff\"\/>\n    <\/g>\n  <\/g>\n<\/svg>\n                    <\/div>\n                    <span class=\"text-[14px] uppercase font-bold mt-6 mb-15\">Nice<\/span>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/a>\n                            <\/div>\n            <\/div>\n<\/section>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">Podcast \/ Rejoignez nous<\/div>    <div class=\"container py-32 md:py-70 \">\n        <div class=\"grid lg:grid-cols-12 gap-32\">\n            <div class=\"lg:col-span-10 border-t border-gray-600 lg:col-start-2\"><\/div>\n            <div class=\"lg:col-span-5 lg:col-start-2 p-16 md:p-32 lg:p-64 xl:p-90\">\n                <h3 class=\"uppercase font-bold mb-16\">RENCONTREZ NOTRE \u00c9QUIPE<\/h3>\n                <div class=\"text-md leading-[28px] italic mb-22 pb-22 md:mb-32 md:pb-32\">&#8221; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus. Aliquam dictum, nisi non tristique dapibus, diam turpis ultrices purus &#8220;\u000b<\/div>\n                <div class=\"flex space-x-20 md:space-x-32\">\n                    <img decoding=\"async\" width=\"128\" height=\"128\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/97.jpg\" class=\"aspect-square rounded-full w-60 md:w-113 h-60 md:h-113\" alt=\"\" \/>                    <div class=\"mb-32\">\n                        <div class=\"text-[18px] font-bold mb-2\">Ludovic VAZ<\/div>\n                        <div class=\"text-[18px]\">Dirigeant<\/div>\n                                                <div class=\"mt-12\">\n                            <a href=\"Array\" class=\"inline-flex border border-gray-400 px-24 py-9 rounded-full text-blue uppercase font-bold hover:border-blue transition-colors\">\n                                <span class=\"mr-10\">\n                                    <svg id=\"ic\u00f4ne_podcast\" data-name=\"ic\u00f4ne podcast\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"16.5\" height=\"21.181\" viewBox=\"0 0 16.5 21.181\">\n  <defs>\n    <clipPath id=\"clip-path\">\n      <rect id=\"Rectangle_6336\" data-name=\"Rectangle 6336\" width=\"16.5\" height=\"21.181\" fill=\"none\" stroke=\"#1647ac\" stroke-width=\"1\"\/>\n    <\/clipPath>\n  <\/defs>\n  <g id=\"Groupe_5794\" data-name=\"Groupe 5794\" clip-path=\"url(#clip-path)\">\n    <line id=\"Ligne_116\" data-name=\"Ligne 116\" y2=\"2.946\" transform=\"translate(8.251 17.591)\" fill=\"none\" stroke=\"#1647ac\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n    <path id=\"Trac\u00e9_1085\" data-name=\"Trac\u00e9 1085\" d=\"M4.387,9.1V5.23a4.481,4.481,0,0,1,8.961,0V9.1\" transform=\"translate(-0.617 -0.106)\" fill=\"none\" stroke=\"#1647ac\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n    <path id=\"Trac\u00e9_1086\" data-name=\"Trac\u00e9 1086\" d=\"M13.347,10.466v.378a4.481,4.481,0,0,1-8.961,0v-.378\" transform=\"translate(-0.617 -1.473)\" fill=\"none\" stroke=\"#1647ac\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n    <path id=\"Trac\u00e9_1087\" data-name=\"Trac\u00e9 1087\" d=\"M15.961,10.466v.378a7.606,7.606,0,0,1-15.211,0v-.378\" transform=\"translate(-0.106 -1.473)\" fill=\"none\" stroke=\"#1647ac\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n    <line id=\"Ligne_117\" data-name=\"Ligne 117\" x2=\"6.714\" transform=\"translate(4.893 20.537)\" fill=\"none\" stroke=\"#1647ac\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"\/>\n  <\/g>\n<\/svg>\n                                <\/span>\n                                \u00c9couter le podcast                            <\/a>\n                        <\/div>\n                                            <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"lg:col-span-5 relative\">\n                                    <div class=\"absolute inset-0\">\n                        <img decoding=\"async\" width=\"640\" height=\"640\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-1024x1024.jpg\" class=\"w-full h-full object-cover\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-1024x1024.jpg 1024w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-300x300.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-150x150.jpg 150w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-768x768.jpg 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-1536x1536.jpg 1536w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/ingerop-recrutement-2048x2048.jpg 2048w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>                    <\/div>\n                    <div class=\"absolute inset-0 bg-bluedark\/30\"><\/div>\n                    <div class=\"text-white relative p-32 lg:p-85 h-full\">\n                        <div class=\"lg:flex lg:flex-col h-full\">\n                            <div class=\"lg:w-2\/3 xl:w-1\/2\">\n                                <h3 class=\"text-white uppercase font-bold mb-24\">Vous souhaitez participer \u00e0 de grands projets ?<\/h3>\n                                <div class=\"text-md font-light\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur viverra molestie ligula eget luctus.<\/div>\n                            <\/div>\n\n                                                            <div class=\"md:text-right mt-32 lg:mt-auto\">\n                                    <a class=\"inline-block border text-white border-white rounded-full uppercase font-bold px-20 py-10 relative transition-colors hover:bg-blue hover:text-white hover:border-blue\" href=\"https:\/\/carrieres.ingerop.com\/\" target=\"_blank\">Nous rejoindre<\/a>\n                                <\/div>\n                                                    <\/div>\n\n\n                    <\/div>\n                            <\/div>\n            <div class=\"lg:col-span-10 border-b border-gray-600 lg:col-start-2\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"relative\">\n                <div class=\"z-10 bg-[blue] py-10 px-20 absolute top-1\/3 left-0 text-white rounded-sm\">acf\/publications<\/div>    <div class=\"pb-32 pt-32 lg:pb-72 lg:pt-60 \" id=\"\">\n        <div class=\"container\">\n            <div class=\"max-w-[1240px] mx-auto\">\n                                    <div class=\"text-[24px] text-center mb-36 \">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur accumsan purus eget quam lobortis, id rhoncus erat blandit. Donec in sodales diam. Aliquam faucibus tincidunt eros id varius.<\/div>\n                                <div class=\"\">\n                    <div x-data=\"tabs\" x-id=\"['tab']\" class=\"mx-auto max-w-[1240px]\">\n                        <!-- Tab List -->\n                        <ul x-ref=\"tablist\" @keydown.right.prevent.stop=\"$focus.wrap().next()\" @keydown.home.prevent.stop=\"$focus.first()\" @keydown.page-up.prevent.stop=\"$focus.first()\" @keydown.left.prevent.stop=\"$focus.wrap().prev()\" @keydown.end.prevent.stop=\"$focus.last()\" @keydown.page-down.prevent.stop=\"$focus.last()\" role=\"tablist\" class=\"flex flex-row justify-start overflow-x-scroll md:overflow-hidden border-b-gray-600 border-b border-solid\">\n                            <!-- Tab -->\n                                                            <li class=\"w-full\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-[3px] border-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap w-full justify-center\" role=\"tab\">\n                                        Rapports annuels                                    <\/button>\n                                <\/li>\n                                                            <li class=\"w-full\">\n                                    <button :id=\"$id('tab', whichChild($el.parentElement, $refs.tablist))\" @click=\"select($el.id)\" @mousedown.prevent @focus=\"select($el.id)\" type=\"button\" :tabindex=\"isSelected($el.id) ? 0 : -1\" :aria-selected=\"isSelected($el.id)\" :class=\"isSelected($el.id) ? 'border-b-[3px] border-blue bg-white' : 'border-b-transparent'\" class=\"border-b-[3px] inline-flex text-blue font-bold px-20 py-12 uppercase whitespace-nowrap w-full justify-center\" role=\"tab\">\n                                        Documentations                                    <\/button>\n                                <\/li>\n                                                    <\/ul>\n\n                        <!-- Panels -->\n                        <div x-cloak role=\"tabpanels\" class=\"\">\n                            <!-- Panel -->\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"flex flex-wrap items-start justify-start\">\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 1<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 2<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 3<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"155\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/diagrammes-300x155.png\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/diagrammes-300x155.png 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/diagrammes-768x397.png 768w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/diagrammes.png 822w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 4<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/section>\n                                                                                            <section x-transition:enter=\"block transition ease-out duration-500\" x-transition:enter-start=\"opacity-0\" x-transition:enter-end=\"opacity-100\" x-transition:leave=\"duration-0 hidden\" x-transition:leave-start=\"opacity-100\" x-transition:leave-end=\"opacity-0\" x-show=\"isSelected($id('tab', whichChild($el, $el.parentElement)))\" :aria-labelledby=\"$id('tab', whichChild($el, $el.parentElement))\" role=\"tabpanel\" class=\"\">\n                                    <div class=\"flex flex-wrap items-start justify-start\">\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document A<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document B<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document C<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"105\" height=\"142\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/agrement-digue-et-barrage.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 1<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 1<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                                                                                                                <\/div>\n                                                                                    <div class=\"md:w-1\/4 py-32 pr-16 text-center \">\n                                                <div class=\"h-114 w-full\">\n                                                    <img decoding=\"async\" width=\"300\" height=\"173\" src=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg\" class=\"object-contain h-full mx-auto\" alt=\"\" srcset=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2-300x173.jpg 300w, https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/GareLyon2.jpg 396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>                                                <\/div>\n                                                <div class=\"mb-24 border-t border-gray-600 mb-30 max-w-[200px] mx-auto\"><\/div>\n                                                <div class=\"font-bold text-gray \">Mon document 1<\/div>\n                                                <div class=\"text-[14px]\">Publi\u00e9 en 2020<\/div>\n                                                                                                    <span class=\"text-[14px] text-gray-400\">1.03 MB<\/span>\n                                                    <div class=\"flex justify-center space-x-10 mt-11\">\n                                                        <a class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" download href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"19.527\" viewBox=\"0 0 15 19.527\">\n  <defs>\n    <clipPath id=\"a\">\n      <path fill=\"currentColor\" d=\"M0 0h15v19.527H0z\" \/>\n    <\/clipPath>\n  <\/defs>\n  <g fill=\"currentColor\" clip-path=\"url(#a)\">\n    <path d=\"M13.519 18.068a.729.729 0 0 1 0 1.457H1.481a.729.729 0 0 1 0-1.457ZM7.5 0l.147.015a.761.761 0 0 1 .582.714v11.039l5.527-5.531a.684.684 0 0 1 .55-.2h.1c.307.125.189.047.376.2a.728.728 0 0 1 0 1.03l-6.766 6.776a.729.729 0 0 1-1.031 0L.214 7.267a.729.729 0 1 1 1.031-1.03l5.527 5.531V.729A.729.729 0 0 1 7.5 0\"\/>\n  <\/g>\n<\/svg>\n                                                        <\/a>\n                                                                                                                    <a target=\"_blank\" class=\"w-52 h-52 border border-gray-600 rounded-full flex items-center justify-center text-blue hover:text-white hover:bg-blue transition-colors ease hover:border-blue\" href=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/10\/Smart4F-Graphique-implantation-\u00a9IRE.pdf\">\n                                                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"22.161\" height=\"14.401\" viewBox=\"0 0 22.161 14.401\">\n  <g>\n    <path d=\"M11.142,14.4C3.331,14.4.078,6.973.046,6.9a.577.577,0,0,1,.023-.5A12.963,12.963,0,0,1,11.142,0,12.653,12.653,0,0,1,22.1,6.406a.577.577,0,0,1,.02.489c-.032.075-3.233,7.507-10.974,7.507M1.23,6.707c.62,1.265,3.585,6.54,9.911,6.54,6.275,0,9.193-5.3,9.794-6.546a11.475,11.475,0,0,0-9.794-5.545A11.967,11.967,0,0,0,1.23,6.707\" transform=\"translate(0 0)\" fill=\"currentColor\"\/>\n    <path d=\"M24.849,13.4a6.114,6.114,0,1,1,6.114-6.114A6.121,6.121,0,0,1,24.849,13.4m0-11.072a4.959,4.959,0,1,0,4.959,4.958,4.964,4.964,0,0,0-4.959-4.958\" transform=\"translate(-13.707 -0.855)\" fill=\"currentColor\"\/>\n    <path d=\"M34.2,13.949a2.677,2.677,0,0,0-.481.045,1.676,1.676,0,0,1-2.2,2.505c0,.044-.007.088-.007.133A2.684,2.684,0,1,0,34.2,13.949\" transform=\"translate(-23.057 -10.205)\" fill=\"currentColor\"\/>\n  <\/g>\n<\/svg>\n                                                            <\/a>\n                                                                                                            <\/div>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/section>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":5012,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-demo.php","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-5025","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.9 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Demo Blocs - Ing\u00e9rop<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ingerop.fr\/en\/demo-blocs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Demo Blocs\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ingerop.fr\/en\/demo-blocs\/\" \/>\n<meta property=\"og:site_name\" content=\"Ing\u00e9rop\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-11T13:30:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/\",\"url\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/\",\"name\":\"Demo Blocs - Ing\u00e9rop\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.ingerop.fr\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg\",\"datePublished\":\"2022-11-09T07:35:56+00:00\",\"dateModified\":\"2023-10-11T13:30:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.ingerop.fr\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg\",\"contentUrl\":\"https:\\\/\\\/www.ingerop.fr\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg\",\"width\":1200,\"height\":563},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/demo-blocs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Demo Blocs\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/\",\"name\":\"Ing\u00e9rop\",\"description\":\"Inventons demain\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#organization\",\"name\":\"Ing\u00e9rop\",\"url\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.ingerop.fr\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.ingerop.fr\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/logo.jpg\",\"width\":522,\"height\":151,\"caption\":\"Ing\u00e9rop\"},\"image\":{\"@id\":\"https:\\\/\\\/www.ingerop.fr\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/ingerop\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Demo Blocs - Ing\u00e9rop","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/","og_locale":"en_US","og_type":"article","og_title":"Demo Blocs","og_url":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/","og_site_name":"Ing\u00e9rop","article_modified_time":"2023-10-11T13:30:19+00:00","og_image":[{"width":1200,"height":563,"url":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/","url":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/","name":"Demo Blocs - Ing\u00e9rop","isPartOf":{"@id":"https:\/\/www.ingerop.fr\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/#primaryimage"},"image":{"@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg","datePublished":"2022-11-09T07:35:56+00:00","dateModified":"2023-10-11T13:30:19+00:00","breadcrumb":{"@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ingerop.fr\/en\/demo-blocs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/#primaryimage","url":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg","contentUrl":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2022\/11\/CanauxEcluse-Noyon-2-sans-copyright-AEI-ONE.jpg","width":1200,"height":563},{"@type":"BreadcrumbList","@id":"https:\/\/www.ingerop.fr\/en\/demo-blocs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.ingerop.fr\/en\/"},{"@type":"ListItem","position":2,"name":"Demo Blocs"}]},{"@type":"WebSite","@id":"https:\/\/www.ingerop.fr\/en\/#website","url":"https:\/\/www.ingerop.fr\/en\/","name":"Ing\u00e9rop","description":"Inventons demain","publisher":{"@id":"https:\/\/www.ingerop.fr\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ingerop.fr\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ingerop.fr\/en\/#organization","name":"Ing\u00e9rop","url":"https:\/\/www.ingerop.fr\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ingerop.fr\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2023\/07\/logo.jpg","contentUrl":"https:\/\/www.ingerop.fr\/wp-content\/uploads\/2023\/07\/logo.jpg","width":522,"height":151,"caption":"Ing\u00e9rop"},"image":{"@id":"https:\/\/www.ingerop.fr\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/ingerop\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/pages\/5025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/comments?post=5025"}],"version-history":[{"count":0,"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/pages\/5025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/media\/5012"}],"wp:attachment":[{"href":"https:\/\/www.ingerop.fr\/en\/wp-json\/wp\/v2\/media?parent=5025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}