Outiref

Code source de l'URL : http://www.emaa-nancy.fr/

<!DOCTYPE html>
<html lang="fr-FR" data-website-id="1" data-main-object="website.page(4,)">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="generator" content="Odoo"/>
        <meta name="description" content="EMAA Nancy, Junior-Entreprise ENSAIA basée dans le Grand Est, propose des services en agronomie et industrie alimentaire. Nos étudiants ingénieurs vous accompagnent dans vos projets."/>
        <meta name="keywords" content="agronomie,agroalimentaire,ENSAIA,CNJE,EMAA,junior entreprise,étude,Nancy,ensaia,prestation"/>
            
        <meta property="og:type" content="website"/>
        <meta property="og:title" content="EMAA Nancy Junior-Entreprise ENSAIA Agronomie, Industrie Alimentaire"/>
        <meta property="og:site_name" content="EMAA Nancy"/>
        <meta property="og:url" content="https://www.emaa-nancy.fr/"/>
        <meta property="og:image" content="https://emaa-nancy.odoo.com/web/image/website/1/logo?unique=bd08638"/>
        <meta property="og:description" content="EMAA Nancy, Junior-Entreprise ENSAIA basée dans le Grand Est, propose des services en agronomie et industrie alimentaire. Nos étudiants ingénieurs vous accompagnent dans vos projets."/>
            
        <meta name="twitter:card" content="summary_large_image"/>
        <meta name="twitter:title" content="EMAA Nancy Junior-Entreprise ENSAIA Agronomie, Industrie Alimentaire"/>
        <meta name="twitter:image" content="https://emaa-nancy.odoo.com/web/image/website/1/logo?unique=bd08638"/>
        <meta name="twitter:description" content="EMAA Nancy, Junior-Entreprise ENSAIA basée dans le Grand Est, propose des services en agronomie et industrie alimentaire. Nos étudiants ingénieurs vous accompagnent dans vos projets."/>
        
        <link rel="canonical" href="https://www.emaa-nancy.fr/"/>
        
        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin=""/>
        <title>EMAA Nancy Junior-Entreprise ENSAIA Agronomie, Industrie Alimentaire</title>
        <link type="image/x-icon" rel="shortcut icon" href="/web/image/website/1/favicon?unique=489d445"/>
        <link rel="preload" href="/web/static/src/libs/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" crossorigin=""/>
        <link type="text/css" rel="stylesheet" href="/web/assets/1/80b54ee/web.assets_frontend.min.css"/>
        <script id="web.layout.odooscript" type="text/javascript">
            var odoo = {
                csrf_token: "5d26fa987d1a8c92cfa235b2e49bc3a6b1cb71a8o1802047320",
                debug: "",
            };
        </script>
        <script type="text/javascript">
            odoo.__session_info__ = {"is_admin": false, "is_system": false, "is_public": true, "is_internal_user": false, "is_website_user": true, "uid": null, "is_frontend": true, "profile_session": null, "profile_collectors": null, "profile_params": null, "show_effect": true, "currencies": {"126": {"symbol": "\u20ac", "position": "after", "digits": [69, 2]}}, "quick_login": true, "bundle_params": {"lang": "fr_FR", "website_id": 1}, "test_mode": false, "websocket_worker_version": "18.0-7", "translationURL": "/website/translations", "cache_hashes": {"translations": "55470b9cdb56b06856939e252017749e7ea3b46c"}, "geoip_country_code": "FR", "geoip_phone_code": 33, "lang_url_code": "fr"};
            if (!/(^|;\s)tz=/.test(document.cookie)) {
                const userTZ = Intl.DateTimeFormat().resolvedOptions().timeZone;
                document.cookie = `tz=${userTZ}; path=/`;
            }
        </script>
        <script type="text/javascript" defer="defer" src="/web/assets/1/6eab720/web.assets_frontend_minimal.min.js" onerror="__odooAssetError=1"></script>
        <script type="text/javascript" defer="defer" data-src="/web/assets/1/d4c3f62/web.assets_frontend_lazy.min.js" onerror="__odooAssetError=1"></script>
        
        <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TSCZVDHM');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="TZzZkAvXzB6ptA6gpRKTMb864JWQhYUaDU7OfflHfnE" />
<script>
  (function() {
    var link = document.createElement('link');
    link.type = 'image/png';
    link.rel = 'icon';
    link.href = 'https://emaa-nancy.odoo.com/web/image/2092-0b283492/favicon-96x96.png';
    document.getElementsByTagName('head')[0].appendChild(link);
  })();
</script>

    </head>
    <body>



        <div id="wrapwrap" class="homepage">
            <a class="o_skip_to_content btn btn-primary rounded-0 visually-hidden-focusable position-absolute start-0" href="#wrap">Se rendre au contenu</a>
                <header id="top" data-anchor="true" data-name="Header" data-extra-items-toggle-aria-label="Bouton d&#39;éléments supplémentaires" class="o_header_fixed" style=" ">
                    
    <nav data-name="Navbar" aria-label="Main" class="navbar navbar-expand-lg navbar-light o_colored_level o_cc d-none d-lg-block pt-3 shadow-sm">
        

            <div id="o_main_nav" class="o_main_nav container flex-wrap">
                <div class="o_header_hide_on_scroll d-grid align-items-center w-100 o_grid_header_3_cols pb-3">
                    <ul class="navbar-nav align-items-center gap-1">
                        
                        
                        
                        
        <li class="">
                <div data-name="Text" class="s_text_block">
                    &nbsp;Théo Mandin&nbsp;<br/>
                        <i class="fa fa-1x fa-fw fa-phone me-1"></i><span class="o_force_ltr"><small>+33 7 81 86 05 34</small></span>
                </div>
        </li>
                    </ul>
                    
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo mx-auto mw-100">
            
            <span role="img" aria-label="Logo of EMAA Nancy" title="EMAA Nancy"><img src="/web/image/website/1/logo/EMAA%20Nancy?unique=489d445" class="img img-fluid" width="95" height="40" alt="EMAA Nancy" loading="lazy"/></span>
        </a>
    
                    <ul class="navbar-nav align-items-center gap-1 flex-wrap justify-content-end ms-auto">
                        
            <li class="o_no_autohide_item">
                <a href="/web/login" class="o_navlink_background btn border-0 text-reset">Se connecter</a>
            </li>
                        
        
        
                        
        <li data-name="Language Selector" class="o_header_language_selector">
        
        
        </li>
                        
        <li class="">
            <div class="oe_structure oe_structure_solo">
                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level pt0 pb56" data-snippet="s_text_block" data-name="Text">
                    <div class="h-100 container"><br/><br/><br/><br/><a href="/contactus" class="oe_unremovable btn btn-primary btn_cta o_anim_fade_in o_animate o_animate_on_scroll d-flex align-items-center h-100 rounded-0" data-bs-original-title="" title="" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -1.06101s;">Demander un devis</a><br/><br/></div>
                </section>
                
            <section class="oe_unremovable oe_unmovable s_text_block o_colored_level pt0 pb0 d-lg-none o_snippet_desktop_invisible" data-snippet="s_text_block" data-name="Text" data-invisible="1">
                    <div class="h-100 p-0 container"><a href="/contactus" class="oe_unremovable btn_cta o_anim_fade_in o_animate o_animate_on_scroll d-flex align-items-center h-100 rounded-0 w-100 btn btn-custom text-o-color-4" data-bs-original-title="" title="" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.701137s; border-width: 1px; border-style: solid;"><font class="text-o-color-5"><br/></font></a><br/></div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
                <div class="d-flex justify-content-center w-100">
                    
    <ul role="menu" id="top_menu" class="nav navbar-nav top_menu o_menu_loading pb-0">
        

                        
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/" class="nav-link active">
            <span>Accueil</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/notre-structure" class="nav-link">
            <span>Notre structure</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/nos-prestations" class="nav-link">
            <span>Nos prestations</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/articles" class="nav-link">
            <span>Articles</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/actualites" class="nav-link">
            <span>Actualités</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/retours-exp" class="nav-link">
            <span>Retours d&#39;expérience</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/postuler" class="nav-link">
            <span>Postuler</span>
        </a>
    </li>
                    
    </ul>
                </div>
            </div>
        
    </nav>
    <nav data-name="Navbar" aria-label="Mobile" class="navbar  navbar-light o_colored_level o_cc o_header_mobile d-block d-lg-none shadow-sm">
        

        <div class="o_main_nav container flex-wrap justify-content-between">
            
    <a data-name="Navbar Logo" href="/" class="navbar-brand logo">
            
            <span role="img" aria-label="Logo of EMAA Nancy" title="EMAA Nancy"><img src="/web/image/website/1/logo/EMAA%20Nancy?unique=489d445" class="img img-fluid" width="95" height="40" alt="EMAA Nancy" loading="lazy"/></span>
        </a>
    
            <ul class="o_header_mobile_buttons_wrap navbar-nav flex-row align-items-center gap-2 mb-0">
                <li class="o_not_editable">
                    <button class="nav-link btn me-auto p-2" type="button" data-bs-toggle="offcanvas" data-bs-target="#top_menu_collapse_mobile" aria-controls="top_menu_collapse_mobile" aria-expanded="false" aria-label="Basculer la navigation">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                </li>
            </ul>
            <div id="top_menu_collapse_mobile" class="offcanvas offcanvas-end o_navbar_mobile">
                <div class="offcanvas-header justify-content-end o_not_editable">
                    <button type="button" class="nav-link btn-close" data-bs-dismiss="offcanvas" aria-label="Fermer"></button>
                </div>
                <div class="offcanvas-body d-flex flex-column justify-content-between h-100 w-100">
                    <ul class="navbar-nav">
                        
                        
                        
    <ul role="menu" class="nav navbar-nav top_menu">
        

                            
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/" class="nav-link active">
            <span>Accueil</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/notre-structure" class="nav-link">
            <span>Notre structure</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/nos-prestations" class="nav-link">
            <span>Nos prestations</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/articles" class="nav-link">
            <span>Articles</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/actualites" class="nav-link">
            <span>Actualités</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/retours-exp" class="nav-link">
            <span>Retours d&#39;expérience</span>
        </a>
    </li>
    <li role="presentation" class="nav-item">
        <a role="menuitem" href="/postuler" class="nav-link">
            <span>Postuler</span>
        </a>
    </li>
                        
    </ul>
                        
        <li class="">
                <div data-name="Text" class="s_text_block mt-2 border-top pt-2 o_border_contrast">
                    &nbsp;Théo Mandin&nbsp;<br/>
                        <i class="fa fa-1x fa-fw fa-phone me-1"></i><span class="o_force_ltr"><small>+33 7 81 86 05 34</small></span>
                </div>
        </li>
                        
                    </ul>
                    <ul class="navbar-nav gap-2 mt-3 w-100">
                        
        <li data-name="Language Selector" class="o_header_language_selector">
        
        
        </li>
                        
            <li class="o_no_autohide_item">
                <a href="/web/login" class="nav-link o_nav_link_btn w-100 border text-center">Se connecter</a>
            </li>
                        
        
        
                        
        <li class="">
            <div class="oe_structure oe_structure_solo">
                <section class="oe_unremovable oe_unmovable s_text_block o_colored_level pt0 pb56" data-snippet="s_text_block" data-name="Text">
                    <div class="h-100 container"><br/><br/><br/><br/><a href="/contactus" class="oe_unremovable btn btn-primary btn_cta o_anim_fade_in o_animate o_animate_on_scroll d-flex align-items-center h-100 rounded-0 w-100" data-bs-original-title="" title="" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -1.06101s;">Demander un devis</a><br/><br/></div>
                </section>
                
            <section class="oe_unremovable oe_unmovable s_text_block o_colored_level pt0 pb0 d-lg-none o_snippet_desktop_invisible" data-snippet="s_text_block" data-name="Text" data-invisible="1">
                    <div class="h-100 p-0 container"><a href="/contactus" class="oe_unremovable btn_cta o_anim_fade_in o_animate o_animate_on_scroll d-flex align-items-center h-100 rounded-0 w-100 btn btn-custom text-o-color-4" data-bs-original-title="" title="" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.701137s; border-width: 1px; border-style: solid;"><font class="text-o-color-5"><br/></font></a><br/></div>
                </section>
            </div>
        </li>
                    </ul>
                </div>
            </div>
        </div>
    
    </nav>
    
        </header>
                <main>
                    
        <div id="wrap" class="oe_structure oe_empty">
            <section class="s_cover parallax bg-black-50 s_parallax_no_overflow_hidden o_colored_level pb80 pt184" data-scroll-background-ratio="1" data-snippet="s_cover" data-name="Couverture" style="position: relative;">
                <span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-position: 50% 0px; background-image: url(&#34;/web/image/1089-ad10c821/R.webp&#34;);" data-mimetype="image/webp" data-original-id="1084" data-original-src="/web/image/1084-521fd27e/R.jpeg" data-mimetype-before-conversion="image/jpeg" data-resize-width="1300"></span>
                <div class="o_we_bg_filter bg-black-50"></div>
                <div class="s_allow_columns container">
                    <div class="row o_grid_mode" data-row-count="9">
                        <div class="col o_colored_level o_grid_item g-col-lg-12 g-height-5 col-lg-12 col-12" style="z-index: 1; grid-area: 1 / 1 / 6 / 13;">
                            <h1 style="text-align: center;">
                                <b><font class="text-200"><span class="display-3-fs">Nos compétences au service de vos ambitions</span></font></b></h1><p style="text-align: center;"><br/></p>
                            <h4 style="text-align: center;">
                    <strong><em><font class="text-o-color-3">​Réalisez vos projets avec EMAA Nancy&nbsp;&nbsp;</font></em></strong></h4><p style="text-align: center;"><font class="text-o-color-3">​</font></p><p style="text-align: center;"><font class="text-o-color-3"><span class="h6-fs">EMAA Nancy est la Junior-Entreprise de l'ENSAIA,&nbsp;</span></font></p><p style="text-align: center;"><span class="h6-fs"><font class="text-o-color-3">Ecole Nationale Supérieure en Agronomie et en&nbsp;Industries Alimentaires de Nancy, qui forme des ingénieurs qualifiés&nbsp;</font></span></p><p><span class="oe-tabs" style="width: 6.66666px; tab-size: 6.66666px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​<span class="oe-tabs" style="width: 40px; tab-size: 40px;">	</span>​</p><p style="text-align: center;"><br/></p>
                            <p style="text-align: center;">
                            </p>
                        </div>
                    <div class="o_colored_level o_grid_item g-col-lg-2 g-height-1 col-lg-2" style="z-index: 2; grid-area: 9 / 6 / 10 / 8;">
                    
    <p><a href="https://ensaia.univ-lorraine.fr/" class="btn btn-secondary btn-lg" aria-describedby="popover480554">En savoir plus</a></p>
                </div></div>
                </div>
            </section>
            <section class="s_title o_colored_level pb4 o_cc o_cc3 pt24" data-vcss="001" data-snippet="s_title" data-name="Titre" style="position: relative;">
                <div class="s_allow_columns container">
                    <h2 style="text-align: left;"><span style="font-weight: normal;" class="h1-fs">Quelques chiffres&nbsp;&nbsp;</span></h2>
                </div>
            </section>
            <section class="s_numbers s_parallax_no_overflow_hidden o_colored_level o_cc o_cc3 pb4 pt88" data-snippet="s_numbers" data-name="Nombres" data-scroll-background-ratio="0" style="position: relative;" data-oe-shape-data="{&#34;shape&#34;:&#34;web_editor/Zigs/02_001&#34;,&#34;colors&#34;:{&#34;c2&#34;:&#34;rgba(0, 0, 0, 0.25)&#34;},&#34;flip&#34;:[],&#34;showOnMobile&#34;:false,&#34;shapeAnimationSpeed&#34;:&#34;0&#34;,&#34;animated&#34;:&#34;true&#34;}"><div class="o_we_shape o_web_editor_Zigs_02_001 o_we_animated" style="background-image: url(&#34;/web_editor/shape/web_editor%2FZigs%2F02_001.svg?c2=rgba(0%2C%200%2C%200%2C%200.25)&#34;);"></div>
                <div class="container">
                    <div class="row align-items-stretch">
                        <div class="col-lg-3 text-center pt24 pb24 o_colored_level o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="50" style="animation-delay: -1.25523s;">
                            <span class="s_number display-4 text-white">5</span>
                            <h6>Laboratoires à disposition</h6>
                        </div>
                        <div class="col-lg-3 text-center pt24 pb24 o_colored_level o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="50" style="animation-delay: -1.25523s;">
                            <span class="s_number display-4 text-white">+450</span>
                            <h6>Élèves mobilisables</h6>
                        </div>
                        <div class="col-lg-3 text-center pt24 o_colored_level pb64 o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="50" style="animation-delay: -1.25523s;">
                            <span class="s_number display-4 text-white">21</span>
                            <h6>Junior-Entrepreneurs à votre service</h6>
                        </div>
                        <div class="col-lg-3 text-center pt24 pb24 o_colored_level o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="50" style="animation-delay: -1.25523s;">
                            <span class="s_number display-4 text-white">50</span>
                            <h6>ENSAIA,&nbsp;une école cinquantenaire</h6>
                        </div>
                    </div>
                </div>
            </section>
            
            <section class="s_key_images o_colored_level pb16 o_cc o_cc2 pt16" data-snippet="s_key_images" data-name="Images clés">
        
        <div class="container">
            <div class="row s_nb_column_fixed">
                <div class="col-lg-12 o_colored_level pb48 pt0">
                    <h1 style="text-align: right;"><span class="h1-fs" style="font-weight: normal;">&nbsp;Nos prestation phares&nbsp;</span><span style="font-weight: normal;"></span>&nbsp;<br/></h1></div>
                <div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs o_default_snippet_text"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">01</span></p>
                    <p><a href="https://emaa-nancy.odoo.com//nos-prestations#Nos-offres-de-prestation"><img src="/web/image/1879-96dd5b7d/etude-bibliographie-okay-doc.svg" alt="" class="img img-fluid o_we_custom_image o_we_image_cropped rounded o_animate_on_hover" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1831" data-original-src="/web/image/1831-d976572a/etude-bibliographie-okay-doc.webp" data-mimetype-before-conversion="image/webp" data-x="239.45605803458918" data-width="601" data-height="601" data-scale-x="1" data-scale-y="1" data-aspect-ratio="1/1" data-shape="web_editor/geometric/geo_square" data-file-name="etude-bibliographie-okay-doc.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/webp" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>Etude bibliographique</strong></p>
                </div>
                
                <div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs" style="text-align: left;"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">02</span></p>
                    <p><a href="https://emaa-nancy.odoo.com/prestations#accordion-button711685_3"><img src="/web/image/1881-a1d2f064/content_07.svg" class="img img-fluid o_animate_on_hover" alt="" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1607" data-original-src="/theme_graphene/static/src/img/pictures/content_07.jpg" data-mimetype-before-conversion="image/jpeg" data-shape="web_editor/geometric/geo_square" data-file-name="content_07.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/jpeg" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>Animation/conception d'évènements pédagogiques</strong></p></div><div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">03</span></p>
                    <p><a href="https://emaa-nancy.odoo.com//nos-prestations#Nos-offres-de-prestation"><img src="/web/image/1880-6fd1de88/people-walking-crowded-street-300x300.svg" alt="" class="img img-fluid rounded o_we_custom_image o_animate_on_hover" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1833" data-original-src="/web/image/1833-9d56e7b0/people-walking-crowded-street-300x300.jpg" data-mimetype-before-conversion="image/jpeg" data-resize-width="300" data-shape="web_editor/geometric/geo_square" data-file-name="people-walking-crowded-street-300x300.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/webp" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>Enquêtes et études statistiques</strong></p>
                </div>
                <div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs" style="text-align: left;"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">04</span></p>
                    <p><a href="https://emaa-nancy.odoo.com//nos-prestations#Nos-offres-de-prestation"><img src="/web/image/1882-87be0ce3/prelevement-analyse-sol-terre-jardin-fleur-1.svg" alt="" class="img img-fluid o_we_custom_image o_we_image_cropped rounded o_animate_on_hover" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1834" data-original-src="/web/image/1834-a4cac888/prelevement-analyse-sol-terre-jardin-fleur-1.webp" data-mimetype-before-conversion="image/webp" data-x="121.10628080368043" data-width="323" data-height="323" data-scale-x="1" data-scale-y="1" data-aspect-ratio="1/1" data-shape="web_editor/geometric/geo_square" data-file-name="prelevement-analyse-sol-terre-jardin-fleur-1.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/webp" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>Analyse de sol&nbsp;</strong></p>
                </div><div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs" style="text-align: left;"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">05</span></p>
                    <p><a href="https://emaa-nancy.odoo.com//nos-prestations#Nos-offres-de-prestation"><img src="/web/image/1883-4e6261d5/univers-industriels.svg" alt="" class="img img-fluid rounded o_we_custom_image o_we_image_cropped o_animate_on_hover" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1836" data-original-src="/web/image/1836-e0ddf7ae/univers-industriels.jpg" data-mimetype-before-conversion="image/jpeg" data-x="64.99999999999996" data-width="349.99999999999994" data-height="349.99999999999994" data-scale-x="1" data-scale-y="1" data-aspect-ratio="1/1" data-shape="web_editor/geometric/geo_square" data-file-name="univers-industriels.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/webp" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>&nbsp;Conception d'une chaîne de production<br/></strong></p>
                </div><div class="col-6 o_colored_level col-lg-2">
                    <p class="h1-fs" style="text-align: left;"><span class="o_animated_text o_anim_fade_in o_animate o_animate_on_scroll" data-scroll-zone-start="0" data-scroll-zone-end="100" style="animation-delay: -0.0284612s;">06</span></p>
                    <p><a href="https://emaa-nancy.odoo.com//nos-prestations#Nos-offres-de-prestation"><img src="/web/image/1884-78947399/conseiller-agricole.svg" alt="" class="img img-fluid o_we_custom_image o_we_image_cropped rounded o_animate_on_hover" style="width: 100% !important;" data-mimetype="image/svg+xml" data-original-id="1841" data-original-src="/web/image/1841-28531bc2/conseiller-agricole.jpeg" data-mimetype-before-conversion="image/jpeg" data-x="207.41208718039772" data-width="813" data-height="813" data-scale-x="1" data-scale-y="1" data-aspect-ratio="1/1" data-shape="web_editor/geometric/geo_square" data-file-name="conseiller-agricole.svg" data-hover-effect="overlay" data-shape-colors=";;;;" data-original-mimetype="image/webp" data-hover-effect-color="rgba(0, 0, 0, 0.25)" loading="lazy"/></a></p>
                    <p style="text-align: center;"><strong>Conseil et diagnostic des systèmes agricoles</strong></p>
                </div>
            </div>
        </div>
    </section>
            
            
            
            
            <section class="s_picture pb0 o_colored_level o_cc o_cc3 pt168" data-snippet="s_picture" data-name="Titre - Image" style="position: relative;" data-oe-shape-data="{&#34;shape&#34;:&#34;web_editor/Origins/07_002&#34;,&#34;colors&#34;:{&#34;c3&#34;:&#34;#F3F2F2&#34;,&#34;c4&#34;:&#34;#F3F2F2&#34;,&#34;c5&#34;:&#34;#FFFFFF&#34;},&#34;flip&#34;:[],&#34;showOnMobile&#34;:false,&#34;shapeAnimationSpeed&#34;:&#34;0&#34;}"><div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url(&#34;/web_editor/shape/web_editor%2FOrigins%2F07_002.svg?c3=%23F3F2F2&amp;c4=%23F3F2F2&amp;c5=%23FFFFFF&#34;);"></div>
                <div class="container">
                    <h2 class="display-3-fs" style="text-align: center;"><span style="font-weight: normal;">Vous accompagner dans vos projets</span></h2><h6 style="text-align: center;"><em>Notre équipe de 21 administrateurs est à votre service pour réaliser vos projets</em></h6><p style="text-align: center;"><br/></p>
                    <div class="row">
                        <div class="col-lg-12 o_colored_level pt0 pb104" style="text-align: center;">
                            <figure class="figure">
                                <a href="https://emaa-nancy.odoo.com/notre-structure"><img src="/web/image/2339-e595d1cb/20250531_130356%2520%25281%2529.svg" alt="" class="figure-img img-fluid img-thumbnail p-0 border-0 img o_we_custom_image o_animate_on_hover" data-shape="web_editor/geometric/geo_square" data-shape-colors=";;;;" data-hover-effect="overlay" data-hover-effect-color="rgba(0, 0, 0, 0.25)" data-mimetype="image/svg+xml" data-original-id="2338" data-original-src="/web/image/2338-8abc5de0/20250531_130356%20%281%29.jpg" data-mimetype-before-conversion="image/jpeg" data-original-mimetype="image/webp" data-resize-width="1110" data-file-name="20250531_130356%20%281%29.svg" loading="lazy"/></a><br/><br/></figure>
                        </div>
                    </div>
                </div>
            </section>
            <section class="s_text_image o_colored_level pt80 pb8" data-snippet="s_image_text" data-name="Image - Texte" style="position: relative;">
                <div class="container">
                    <div class="row o_grid_mode" data-row-count="9">
                        <div class="o_colored_level o_grid_item g-col-lg-7 g-height-9 col-lg-7" style="z-index: 1; grid-area: 1 / 1 / 10 / 8;">
                            <div data-oe-expression="//www.youtube.com/embed/v4Y0zJhUZOk?rel=0&amp;autoplay=0" class="mx-auto media_iframe_video"></div>
                        </div>
                        
                    <div class="o_colored_level o_grid_item g-col-lg-5 g-height-7 col-lg-5" style="z-index: 2; grid-area: 2 / 8 / 9 / 13;">
                            <h2 class="o_default_snippet_text">Notre interview&nbsp;BFM Business</h2><div class="s_hr text-start p0 pt16 pb16" data-snippet="s_hr" data-name="Separator">
                                <hr class="w-100 mx-auto" style="border-top-width: 1px; border-top-style: solid; border-top-color: var(--o-color-3) !important;"/><br/><br/><br/><br/><br/><br/></div>
                            <p>EMAA Nancy a été invité par BFM Business afin de partager son expérience de l'entreprenariat.</p>
                            
                            
                        </div></div>
                </div>
            </section>
            <section class="s_title o_colored_level o_cc o_cc3 pb0 pt80" data-vcss="001" data-snippet="s_title" data-name="Titre" style="position: relative;" data-oe-shape-data="{&#34;shape&#34;:&#34;web_editor/Origins/07_002&#34;,&#34;colors&#34;:{&#34;c3&#34;:&#34;#FFFFFF&#34;,&#34;c4&#34;:&#34;#285959&#34;,&#34;c5&#34;:&#34;rgba(0, 0, 0, 0)&#34;},&#34;flip&#34;:[],&#34;showOnMobile&#34;:false,&#34;shapeAnimationSpeed&#34;:&#34;0&#34;}">
                <div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url(&#34;/web_editor/shape/web_editor%2FOrigins%2F07_002.svg?c3=%23FFFFFF&amp;c4=%23285959&amp;c5=rgba(0%2C%200%2C%200%2C%200)&#34;);"></div>
                <div class="s_allow_columns container">
                    <h2 class="display-3-fs" style="text-align: center;">
                        <font class="text-200"><span style="font-weight: normal;">Notre démarche</span></font>
                    </h2>
                </div>
            </section>
            <section class="s_process_steps pt72 o_colored_level o_cc o_cc3 s_process_steps_connector_curved_arrow pb4" data-vcss="002" data-vxml="002" data-snippet="s_process_steps" data-name="Étapes">
        <svg class="s_process_step_svg_defs position-absolute">
            <defs>
                <marker class="s_process_steps_arrow_head" markerwidth="15" markerheight="10" refx="6" refy="6" orient="auto" id="s_process_steps_arrow_head1741818449306">
                    <path d="M 2,2 L10,6 L2,10 L6,6 L2,2" vector-effect="non-scaling-size" style="fill: rgb(172, 205, 157);"></path>
                </marker>
            </defs>
        </svg>
        <div class="container">
            <div class="row g-0">
                <div class="col-lg-3 s_process_step position-relative pt24 pb24 o_colored_level">
                    <svg class="s_process_step_connector position-absolute z-index-1" viewbox="0 0 120.5 80" preserveaspectratio="none" style="left: calc(50% + 56px); height: 80px; width: calc(100% - 112px);">
                        <path d="M 6.025 48 Q 60.25 72, 108.475 48" vector-effect="non-scaling-stroke" style="stroke: rgb(172, 205, 157);" marker-end="url(#s_process_steps_arrow_head1741818449306)"></path>
                    </svg>
                    <div class="s_process_step_number d-flex align-items-center justify-content-center mx-auto rounded-circle bg-primary-light" data-name="Step Number">
                        <h3 class="mb-0 text-primary text-center">1<font style="color: rgb(244, 198, 242);">​</font></h3>
                    </div>
                    <div class="s_process_step_content mt-3 px-3 text-center">
                        <h3 class="h4-fs">Prise de contact</h3>
                        <p><br/></p>
                    </div>
                </div>
                <div class="col-lg-3 s_process_step position-relative pt24 pb24 o_colored_level">
                    <svg class="s_process_step_connector position-absolute z-index-1" viewbox="0 0 120.5 80" preserveaspectratio="none" style="left: calc(50% + 56px); height: 80px; width: calc(100% - 112px);">
                        <path d="M 6.025 48 Q 60.25 72, 108.475 48" vector-effect="non-scaling-stroke" style="stroke: rgb(172, 205, 157);" marker-end="url(#s_process_steps_arrow_head1741818449306)"></path>
                    </svg>
                    <div class="s_process_step_number d-flex align-items-center justify-content-center mx-auto rounded-circle bg-primary-light" data-name="Step Number">
                        <h3 class="mb-0 text-primary text-center o_default_snippet_text">2</h3>
                    </div>
                    <div class="s_process_step_content mt-3 px-3 text-center">
                        <h3 class="h4-fs">Rédaction du devis</h3>
                        <p><br/></p>
                    </div>
                </div>
                <div class="col-lg-3 s_process_step position-relative pt24 pb24 o_colored_level">
                    <svg class="s_process_step_connector position-absolute z-index-1" viewbox="0 0 120.5 80" preserveaspectratio="none" style="left: calc(50% + 56px); height: 80px; width: calc(100% - 112px);">
                        <path d="M 6.025 48 Q 60.25 72, 108.475 48" vector-effect="non-scaling-stroke" style="stroke: rgb(172, 205, 157);" marker-end="url(#s_process_steps_arrow_head1741818449306)"></path>
                    </svg>
                    <div class="s_process_step_number d-flex align-items-center justify-content-center mx-auto rounded-circle bg-primary-light" data-name="Step Number">
                        <h3 class="mb-0 text-primary text-center o_default_snippet_text">3</h3>
                    </div>
                    <div class="s_process_step_content mt-3 px-3 text-center">
                        <h3 class="h4-fs">Signature de la convention d'étude</h3>
                        <p><br/></p>
                    </div>
                </div>
                <div class="col-lg-3 s_process_step position-relative pt24 pb24 o_colored_level">
                    <svg class="s_process_step_connector position-absolute z-index-1" viewbox="0 0 100 20" preserveaspectratio="none">
                        <path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke" style="stroke: rgb(172, 205, 157);" marker-end="url(#s_process_steps_arrow_head1741818449306)"></path>
                    </svg>
                    <div class="s_process_step_number d-flex align-items-center justify-content-center mx-auto rounded-circle bg-primary-light" data-name="Step Number">
                        <h3 class="mb-0 text-primary text-center"><font style="color: rgb(0, 0, 255);">​</font>4</h3>
                    </div>
                    <div class="s_process_step_content mt-3 px-3 text-center">
                        <h3 class="h4-fs">Restitution du livrable</h3>
                        <p><br/></p>
                    </div>
                </div>
            </div>
        </div>
    </section><section class="s_embed_code text-center pt64 pb64 o_colored_level" data-snippet="s_embed_code" data-name="Code intégré">
        <template class="s_embed_code_saved"><style>
/* ===== CAROUSEL DE LOGOS CLIENTS ===== */

.clients-carousel-section {
    width: 100%;
    padding: 60px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    overflow: hidden;
}

.carousel-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 50px;
    position: relative;
}

.carousel-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f7931e);
    margin: 20px auto 0;
    border-radius: 2px;
}

/* Wrapper du carousel */
.carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

/* Track qui contient tous les logos */
.carousel-track {
    display: flex;
    gap: 40px;
    animation: scroll 40s linear infinite;
    width: fit-content;
}

/* Pause au hover */
.carousel-track:hover {
    animation-play-state: paused;
}

/* Lien du logo (NOUVEAU) */
.carousel-logo-link {
    flex-shrink: 0;
    text-decoration: none;
    display: block;
    transition: transform 0.3s ease;
}

.carousel-logo-link:hover {
    transform: scale(1.05);
}

/* Carte de logo pour le carousel */
.carousel-logo-item {
    width: 200px;
    height: 120px;
    background: white;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #e8e8e8;
    cursor: pointer;
}

.carousel-logo-link:hover .carousel-logo-item {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: #ff6b35;
}

.carousel-logo-item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Animation de défilement */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Gradient fade sur les côtés */
.carousel-wrapper::before,
.carousel-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 2;
    pointer-events: none;
}

.carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #f8f9fa, transparent);
}

.carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #ffffff, transparent);
}

/* Responsive */
@media (max-width: 768px) {
    .clients-carousel-section {
        padding: 40px 0;
    }
    
    .carousel-title {
        font-size: 2rem;
        margin-bottom: 35px;
    }
    
    .carousel-logo-item {
        width: 160px;
        height: 100px;
        padding: 15px;
    }
    
    .carousel-track {
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .carousel-title {
        font-size: 1.6rem;
    }
    
    .carousel-logo-item {
        width: 140px;
        height: 90px;
        padding: 12px;
    }
    
    .carousel-track {
        gap: 20px;
        animation: scroll 30s linear infinite;
    }
}
</style>


<section class="clients-carousel-section">
    <div class="carousel-container">
        <h2 class="carousel-title">Ils nous ont fait confiance</h2>
        
        <div class="carousel-wrapper">
            <div class="carousel-track">
                
                
                
                <a href="https://www.gaiago.eu/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1074-043bf822/Gaiago-Logo-Orange.webp" alt="Gaiago" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://ensaia.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2802-2465ce46/SAIA.webp" alt="SAIA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.edf.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2805-bf4a12a6/EDF.webp" alt="EDF" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://peel.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2808-a2a34285/peel.webp" alt="Peel" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.vivescia.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1071-86accc46/logo%20vivescia.webp" alt="Vivescia" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://inaturalscience.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1072-1264a206/logo%20inaturals.webp" alt="Inaturals" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://cerefige.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1073-6c6e39e8/logo%20cerefige.webp" alt="Cerefige" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://nextprotein.co/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2800-dc9e22ff/nxtPROT.webp" alt="nxtPROT" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.linkedin.com/company/compagnie-des-fromages-et-richesmonts/?originalSubdomain=fr" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1070-2931175c/logo%20cfr.webp" alt="CFR" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="http://www.eurogenetique.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2804-e7c44704/EUROg.webp" alt="EUROg" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://aedesenergies.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2807-90c8be0f/AEDES.webp" alt="AEDES" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://tt-tiramisu.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2806-da559647/Tiramisu.webp" alt="Tiramisu" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.pca-stream.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2803-eaa8399d/PCA.webp" alt="PCA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.tse.energy/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2790-d0093348/TSE%20Noir.png" alt="TSE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://junior-entreprises.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2801-63f2df80/CNJE.webp" alt="CNJE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://fr.ecotrophelia.org/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2810-f9a526da/Ecotroph.webp" alt="Ecotroph" loading="lazy"/>
                    </div>
                </a>
                
                
                
                
                
                
                
                <a href="https://www.gaiago.eu/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1074-043bf822/Gaiago-Logo-Orange.webp" alt="Gaiago" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://ensaia.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2802-2465ce46/SAIA.webp" alt="SAIA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.edf.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2805-bf4a12a6/EDF.webp" alt="EDF" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://peel.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2808-a2a34285/peel.webp" alt="Peel" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.vivescia.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1071-86accc46/logo%20vivescia.webp" alt="Vivescia" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://inaturalscience.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1072-1264a206/logo%20inaturals.webp" alt="Inaturals" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://cerefige.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1073-6c6e39e8/logo%20cerefige.webp" alt="Cerefige" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://nextprotein.co/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2800-dc9e22ff/nxtPROT.webp" alt="nxtPROT" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.linkedin.com/company/compagnie-des-fromages-et-richesmonts/?originalSubdomain=fr" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1070-2931175c/logo%20cfr.webp" alt="CFR" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="http://www.eurogenetique.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2804-e7c44704/EUROg.webp" alt="EUROg" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://aedesenergies.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2807-90c8be0f/AEDES.webp" alt="AEDES" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://tt-tiramisu.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2806-da559647/Tiramisu.webp" alt="Tiramisu" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.pca-stream.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2803-eaa8399d/PCA.webp" alt="PCA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.tse.energy/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2790-d0093348/TSE%20Noir.png" alt="TSE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://junior-entreprises.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2801-63f2df80/CNJE.webp" alt="CNJE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://fr.ecotrophelia.org/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2810-f9a526da/Ecotroph.webp" alt="Ecotroph" loading="lazy"/>
                    </div>
                </a>
                
            </div>
        </div>
    </div>
</section></template>
        <div class="s_embed_code_embedded container o_not_editable"><style>
/* ===== CAROUSEL DE LOGOS CLIENTS ===== */

.clients-carousel-section {
    width: 100%;
    padding: 60px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
    overflow: hidden;
}

.carousel-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.carousel-title {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 50px;
    position: relative;
}

.carousel-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #ff6b35, #f7931e);
    margin: 20px auto 0;
    border-radius: 2px;
}

/* Wrapper du carousel */
.carousel-wrapper {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
}

/* Track qui contient tous les logos */
.carousel-track {
    display: flex;
    gap: 40px;
    animation: scroll 40s linear infinite;
    width: fit-content;
}

/* Pause au hover */
.carousel-track:hover {
    animation-play-state: paused;
}

/* Lien du logo (NOUVEAU) */
.carousel-logo-link {
    flex-shrink: 0;
    text-decoration: none;
    display: block;
    transition: transform 0.3s ease;
}

.carousel-logo-link:hover {
    transform: scale(1.05);
}

/* Carte de logo pour le carousel */
.carousel-logo-item {
    width: 200px;
    height: 120px;
    background: white;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 1px solid #e8e8e8;
    cursor: pointer;
}

.carousel-logo-link:hover .carousel-logo-item {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    border-color: #ff6b35;
}

.carousel-logo-item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Animation de défilement */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Gradient fade sur les côtés */
.carousel-wrapper::before,
.carousel-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100px;
    z-index: 2;
    pointer-events: none;
}

.carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #f8f9fa, transparent);
}

.carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #ffffff, transparent);
}

/* Responsive */
@media (max-width: 768px) {
    .clients-carousel-section {
        padding: 40px 0;
    }
    
    .carousel-title {
        font-size: 2rem;
        margin-bottom: 35px;
    }
    
    .carousel-logo-item {
        width: 160px;
        height: 100px;
        padding: 15px;
    }
    
    .carousel-track {
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .carousel-title {
        font-size: 1.6rem;
    }
    
    .carousel-logo-item {
        width: 140px;
        height: 90px;
        padding: 12px;
    }
    
    .carousel-track {
        gap: 20px;
        animation: scroll 30s linear infinite;
    }
}
</style><section class="clients-carousel-section">
    <div class="carousel-container">
        <h2 class="carousel-title">Ils nous ont fait confiance</h2>
        
        <div class="carousel-wrapper">
            <div class="carousel-track">
                
                
                
                <a href="https://www.gaiago.eu/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1074-043bf822/Gaiago-Logo-Orange.webp" alt="Gaiago" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://ensaia.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2802-2465ce46/SAIA.webp" alt="SAIA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.edf.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2805-bf4a12a6/EDF.webp" alt="EDF" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://peel.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2808-a2a34285/peel.webp" alt="Peel" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.vivescia.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1071-86accc46/logo%20vivescia.webp" alt="Vivescia" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://inaturalscience.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1072-1264a206/logo%20inaturals.webp" alt="Inaturals" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://cerefige.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1073-6c6e39e8/logo%20cerefige.webp" alt="Cerefige" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://nextprotein.co/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2800-dc9e22ff/nxtPROT.webp" alt="nxtPROT" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.linkedin.com/company/compagnie-des-fromages-et-richesmonts/?originalSubdomain=fr" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1070-2931175c/logo%20cfr.webp" alt="CFR" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="http://www.eurogenetique.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2804-e7c44704/EUROg.webp" alt="EUROg" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://aedesenergies.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2807-90c8be0f/AEDES.webp" alt="AEDES" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://tt-tiramisu.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2806-da559647/Tiramisu.webp" alt="Tiramisu" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.pca-stream.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2803-eaa8399d/PCA.webp" alt="PCA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.tse.energy/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2790-d0093348/TSE%20Noir.png" alt="TSE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://junior-entreprises.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2801-63f2df80/CNJE.webp" alt="CNJE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://fr.ecotrophelia.org/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2810-f9a526da/Ecotroph.webp" alt="Ecotroph" loading="lazy"/>
                    </div>
                </a>
                
                
                
                
                
                
                
                <a href="https://www.gaiago.eu/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1074-043bf822/Gaiago-Logo-Orange.webp" alt="Gaiago" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://ensaia.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2802-2465ce46/SAIA.webp" alt="SAIA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.edf.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2805-bf4a12a6/EDF.webp" alt="EDF" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://peel.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2808-a2a34285/peel.webp" alt="Peel" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.vivescia.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1071-86accc46/logo%20vivescia.webp" alt="Vivescia" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://inaturalscience.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1072-1264a206/logo%20inaturals.webp" alt="Inaturals" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://cerefige.univ-lorraine.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1073-6c6e39e8/logo%20cerefige.webp" alt="Cerefige" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://nextprotein.co/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2800-dc9e22ff/nxtPROT.webp" alt="nxtPROT" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.linkedin.com/company/compagnie-des-fromages-et-richesmonts/?originalSubdomain=fr" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/1070-2931175c/logo%20cfr.webp" alt="CFR" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="http://www.eurogenetique.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2804-e7c44704/EUROg.webp" alt="EUROg" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://aedesenergies.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2807-90c8be0f/AEDES.webp" alt="AEDES" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://tt-tiramisu.fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2806-da559647/Tiramisu.webp" alt="Tiramisu" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.pca-stream.com/fr/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2803-eaa8399d/PCA.webp" alt="PCA" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://www.tse.energy/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2790-d0093348/TSE%20Noir.png" alt="TSE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://junior-entreprises.com/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2801-63f2df80/CNJE.webp" alt="CNJE" loading="lazy"/>
                    </div>
                </a>
                
                
                <a href="https://fr.ecotrophelia.org/" class="carousel-logo-link" target="_blank" rel="noopener noreferrer">
                    <div class="carousel-logo-item">
                        <img src="/web/image/2810-f9a526da/Ecotroph.webp" alt="Ecotroph" loading="lazy"/>
                    </div>
                </a>
                
            </div>
        </div>
    </div>
</section></div>
    </section>
            
        </div>
    
        <div id="o_shared_blocks" class="oe_unremovable"></div>
                </main>
                <footer id="bottom" data-anchor="true" data-name="Footer" class="o_footer o_colored_level o_cc">
                    <div id="footer" class="oe_structure oe_structure_solo">
            <section class="s_text_block pt48 pb16" data-snippet="s_text_block" data-name="Text">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-2 pb16 o_colored_level">
                            <h5>Explorer</h5>
                            <p><a href="/" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);">Accueil</font></a></p><p><a href="/notre-structure" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);">Notre Structure​</font></a></p><p><a href="/nos-prestations#Nos-offres-de-prestation" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178); display: inline-block;">Nos prestations</font></a><br/></p>
                        </div>
                        <div class="col-lg-2 o_colored_level pb0">
                            <h5><br/></h5>
                            <p><a href="/articles" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178); display: inline-block;">Articles</font></a>&nbsp;</p><p><font class="text-400"><a class="o_translate_inline" href="/actualites#Actualit%C3%A9s">Actualités</a>​</font></p><p><a href="/postuler" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178); display: inline-block;">Postuler</font></a></p><p><a href="/contactus" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178); display: inline-block;">Nous contacter</font></a></p><p><br/></p></div>
                        <div class="col-lg-2 pb16 o_colored_level">
                            <h5>Suivez-nous</h5>
                            <ul class="list-unstyled">
                                <li class="py-1"><i class="fa fa-1x fa-fw fa-facebook-square me-2"></i><a href="https://www.facebook.com/EMAANancy/" target="_blank" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);">Facebook</font></a></li>
                                <li class="py-1"><i class="fa fa-1x fa-fw fa-linkedin-square me-2"></i><a href="https://www.linkedin.com/company/emaa-ensaia-nancy/mycompany/" target="_blank" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);">LinkedIn</font></a></li>
                                <li class="py-1"><i class="fa fa-1x fa-fw fa-instagram me-2"></i><a href="https://www.instagram.com/emaanancyensaia/" target="_blank" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);">Instagram</font></a></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 pb16 o_colored_level">
                            <h5>Contact</h5>
                            <ul class="list-unstyled">
                                <li class="py-1"><i class="fa fa-fw fa-envelope me-2 fa-1x"></i><a href="mailto:emaanancyensaia@gmail.com" data-bs-original-title="" title=""><font style="color: rgb(178, 178, 178);"><span class="o_small-fs">emaanancyensaia@gmail.com</span></font></a></li>
                                <li class="py-1"></li>
                            </ul>
                        </div>
                        <div class="col-lg-3 pb16 o_colored_level">
                            <h5>EMAA Nancy</h5>
                            <section class="s_map pt40 pb88" data-map-type="m" data-map-zoom="10" data-snippet="s_map" data-map-address="2 Avenue de la forêt de Haye Vandœuvre-lès-Nancy France" data-name="Carte">
        <div class="map_container o_not_editable">
            <div class="css_non_editable_mode_hidden">
                <div class="missing_option_warning alert alert-info rounded-0 fade show d-none d-print-none o_default_snippet_text">
                    Une adresse doit être spécifiée pour qu'une carte soit intégrée
                </div>
            </div>
            <iframe class="s_map_embedded o_not_editable" src="https://maps.google.com/maps?q=2%20Avenue%20de%20la%20for%C3%AAt%20de%20Haye%20Vand%C5%93uvre-l%C3%A8s-Nancy%20France&amp;t=m&amp;z=10&amp;ie=UTF8&amp;iwloc=&amp;output=embed" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" aria-label="Carte"></iframe>
            <div class="s_map_color_filter"></div>
        </div>
    </section><p class="text-muted">2 avenue de la Forêt de Haye</p><p class="text-muted">54500 Vandoeuvre-lès-Nancy</p>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    <div class="o_footer_copyright o_colored_level o_cc" data-name="Copyright">
                        <div class="container py-3">
                            <div class="row">
                                <div class="col-sm text-center text-sm-start text-muted">
                                    <span class="o_footer_copyright_name me-2">Copyright © EMAA Nancy</span>
        
        
    </div>
                                <div class="col-sm text-center text-sm-end o_not_editable">
        <div class="o_brand_promotion">
        Généré par 
            <a target="_blank" class="badge text-bg-light" href="http://www.odoo.com?utm_source=db&amp;utm_medium=website">
                <img alt="Odoo" src="/web/static/img/odoo_logo_tiny.png" width="62" height="20" style="width: auto; height: 1em; vertical-align: baseline;" loading="lazy"/>
            </a>
        - 
                Créer un <a target="_blank" href="http://www.odoo.com/app/website?utm_source=db&amp;utm_medium=website">site web gratuit</a>
            
    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>
            </div>
            <script id="plausible_script" name="plausible" defer="defer" data-domain="emaa-nancy.odoo.com" src="https://download.odoo.com/js/plausi_saas.js"></script>
        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSCZVDHM"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<style> 
  #cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.85);
    color: white;
    padding: 15px;
    text-align: center;
    font-size: 14px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
  }
  #cookie-banner button {
    background: #ACCD9D; /* Vert */
    color: black;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 5px; /* Coins arrondis pour un aspect plus doux */
    transition: background 0.3s;
  }
  #cookie-banner button:hover {
    background: #97B48A; /* Légèrement plus foncé au survol */
  }
  #cookie-banner button.decline {
    background: #F4C6F2; /* Rose  */
  }
  #cookie-banner button.decline:hover {
    background: #DFB4DD; /* Légèrement plus foncé au survol */
  }
</style>

<div id="cookie-banner">
  Ce site utilise des cookies pour améliorer votre expérience. Acceptez-vous ?
  <button id="accept-cookies">Accepter</button>
  <button id="decline-cookies" class="decline">Refuser</button>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const cookieBanner = document.getElementById("cookie-banner");

    // Vérifier si le choix a déjà été fait
    if (localStorage.getItem("cookiesAccepted") !== null) {
      cookieBanner.style.display = "none";
    }

    // Accepter les cookies
    document.getElementById("accept-cookies").addEventListener("click", function () {
      localStorage.setItem("cookiesAccepted", "true");
      cookieBanner.style.display = "none";
    });

    // Refuser les cookies
    document.getElementById("decline-cookies").addEventListener("click", function () {
      localStorage.setItem("cookiesAccepted", "false");
      cookieBanner.style.display = "none";
    });
  });
</script>

        </body>
</html>