
<!doctype html>
<html lang="fr-FR">
    <head>
       
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <style>
            @media screen and (max-width: 640px) {
                
                #jumbotron a {
                    cursor: pointer;
                    float: none;
                    background: #4ca7ef;
                    font-weight: 600;
                    font-size: 18px;
                    display: inline-block;
                    margin: 0;
                    width: 13rem;
                    padding: 1.2rem 1.6rem;
                }
                
                #jumbotron a, a.boutonBleu, form button {
                    text-align: center;
                    text-decoration: none;
                    border-radius: 3px;
                    color: #fff;
                    -webkit-transition: color .2s ease-in-out, background .3s ease-in-out;
                    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
                    transition: color .2s ease-in-out, background .2s ease-in-out;
                }
                
                #jumbotron p {
                    margin-top: 30px;
                }
                
                #jumbotron h2, #jumbotron p {
                    margin-right: 0;
                    margin-left: 0;
                }
                
                #jumbotron p {
                    font: 500 38px / 1.22222 Merriweather;
                    margin: 80px 60% 0 0;
                    color: #2a5e93;
                    line-height: 54px;
                    letter-spacing: -.0099em;
                }
                
            }
            
            @media screen and (max-width: 850px) {
                #header #slogan {
                    text-align: center;
                    display: inline;
                    position: relative;
                    top: -3px;
                    font-size: 20px;
                    word-spacing: 1px;
                    width: 320px;
                    line-height: 18px;
                    letter-spacing: 0;
                    margin: 0;
                    font-weight: bold;
                }
                   
                #header svg {
                    display: block;
                    float: left;
                    position: absolute;
                    top: 22px;
                    left: 5%;
                    cursor: pointer;
                }
                
            }
            
        </style>
        
        <link rel="preload" href="/img/acc.webp" as="image" />
        <link rel="preload" href="/css/style.min.css" as="style" />
        <!-- Préconnect pour établir des connexions anticipées -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous">

        <!-- Préchargement des polices utilisées -->
        <link rel="preload" href="https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyri6eQF8zEy3F9fR8bgJ0PA.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        <link rel="preload" href="https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyri6eQF8zEy3F9fR4bgJO6pHcmQOQ.woff2" as="font" type="font/woff2" crossorigin="anonymous">

        <!-- Chargement du fichier CSS Google Fonts -->
        <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap" rel="stylesheet">
        
        <meta name="p:domain_verify" content="1378d712cf27766dbc7c9299b2187b93"/>
        
        <meta name="twitter:card" content="summary">
        <meta name="twitter:site" content="@creatroyes">
        <meta name="twitter:creator" content="@creatroyes">
        <meta property="og:url" content="https://crea-troyes.fr/404.html">
        <meta property="og:title" content="Créa-troyes : Cette page web est introuvable">
        <meta property="og:description" content="Notre site web, disponible depuis plus de 17 ans, est en évolution constante. Certaines pages ont pu être modifiés, supprimés ou deplacés. Veuillez vous référez au plan du site ou retournez sur la page d'accueil de notre agence web.">
        <meta property="og:image" content="https://crea-troyes.fr/img/favicon.png">
        <script type="application/ld+json">
            {
              "@context": "https://schema.org",
              "@type": "Organization",
              "url": "https://crea-troyes.fr",
              "logo": "https://crea-troyes.fr/img/logo.png"
            }
        </script>
        
        <title>Créa-troyes : Cette page web est introuvable</title>
        <meta name="description" content="Notre site web, disponible depuis plus de 17 ans, est en évolution constante. Certaines pages ont pu être modifiés, supprimés ou deplacés. Veuillez vous référez au plan du site ou retournez sur la page d'accueil de notre agence web.">
        
        <script>function loadCSS(a,d,f,g){var b=window.document.createElement("link");var c=d||window.document.getElementsByTagName("script")[0];var e=window.document.styleSheets;b.rel="stylesheet";b.href=a;b.media="only x";if(g){b.onload=g}c.parentNode.insertBefore(b,c);b.onloadcssdefined=function(h){var k;for(var j=0;j<e.length;j++){if(e[j].href&&e[j].href.indexOf(a)>-1){k=true}}if(k){h()}else{setTimeout(function(){b.onloadcssdefined(h)})}};b.onloadcssdefined(function(){b.media=f||"all"});return b};</script>
        
        <link rel="canonical" href="https://crea-troyes.fr/404.html">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="img/favicon.png">  
        
        <meta name="robots" content="noindex">
        <!-- Google font -->
        
        <!-- Bing Clarity -->
        <script type="text/javascript">
            (function(c,l,a,r,i,t,y){
                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
            })(window, document, "clarity", "script", "pqr7ujfnua");
        </script>

    </head>
    <body id="body">
        
    <header id="header" class="bg_f57 creaHead">
    <div class="container">
        <div onclick="showMenu()" id="hamburger"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M492,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,236,492,236z"/></g></g><g><g><path d="M492,76H20C8.954,76,0,84.954,0,96s8.954,20,20,20h472c11.046,0,20-8.954,20-20S503.046,76,492,76z"/></g></g><g><g><path d="M492,396H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h472c11.046,0,20-8.954,20-20C512,404.954,503.046,396,492,396z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></div>
        <div id="headlogo">
           
            <picture>
                <source type="image/png" srcset="https://crea-troyes.fr/img/logo.png">
                <source type="image/webp" srcset="https://crea-troyes.fr/img/logo.webp">
                <img 
                    height="40"
                    width="40"
                    src="https://crea-troyes.fr/img/logo.png" 
                    alt="agence web">
            </picture>
            <p class="pointer bold" onclick="location.href = 'https://crea-troyes.fr';" id="slogan">Créa-Troyes <span>Agence web</span></p>        </div>
        <nav id="navhead">
            <ul role="tree">
                <li class="max850" id="accResponMenu">
                                <a rel="home" href="https://crea-troyes.fr"><svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="14px" height="14px"><path d="M39.5,43h-9c-1.381,0-2.5-1.119-2.5-2.5v-9c0-1.105-0.895-2-2-2h-4c-1.105,0-2,0.895-2,2v9c0,1.381-1.119,2.5-2.5,2.5h-9	C7.119,43,6,41.881,6,40.5V21.413c0-2.299,1.054-4.471,2.859-5.893L23.071,4.321c0.545-0.428,1.313-0.428,1.857,0L39.142,15.52	C40.947,16.942,42,19.113,42,21.411V40.5C42,41.881,40.881,43,39.5,43z"/></svg> Bienvenue dans notre agence</a>
                              </li><li role="treeitem" aria-expanded="false"><div><a class='default' href="#">Nos compétences</a> <ul id="1Der" class="none" role="group"><li data-a="https://crea-troyes.fr/creation-site-web.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/creation-site-web.html">Création site web</a></li><li data-a="https://crea-troyes.fr/referencement-web.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/referencement-web.html">Référencement</a></li><li data-a="https://crea-troyes.fr/creation-site-e-commerce.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/creation-site-e-commerce.html">E-commerce</a></li><li data-a="https://crea-troyes.fr/agence-developpement-application-mobile.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/agence-developpement-application-mobile.html">Application mobile</a></li><li data-a="https://crea-troyes.fr/freelance-informatique.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/freelance-informatique.html">Freelance</a></li></ul></div></li><li role="treeitem" aria-expanded="false"><div><a class='default' href="#">Nos services</a> <ul id="3Der" class="none" role="group"><li data-a="https://crea-troyes.fr/entreprise-web.html" role="treeitem" aria-expanded="false"><a class='pointer' href="https://crea-troyes.fr/entreprise-web.html">Notre entreprise</a></li><li data-a="https://easyframe.crea-troyes.fr" role="treeitem" aria-expanded="false"><a class='pointer' href="https://easyframe.crea-troyes.fr">Framework PHP</a></li><li data-a="https://wp.crea-troyes.fr" role="treeitem" aria-expanded="false"><a class='pointer' href="https://wp.crea-troyes.fr">Extension WP</a></li><li data-a="https://swift.crea-troyes.fr" role="treeitem" aria-expanded="false"><a class='pointer' href="https://swift.crea-troyes.fr">Tutoriel SWIFT</a></li><li data-a="https://blog.crea-troyes.fr" role="treeitem" aria-expanded="false"><a class='pointer' href="https://blog.crea-troyes.fr">Web Ressources</a></li></ul></div></li><li role="treeitem"><a class="bleu" href="https://formation.crea-troyes.fr"> Nos Formations</a></li><li role="treeitem"><a class="bleu" href="https://crea-troyes.fr/contact.html"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><g><path d="M472.354,128H207.302c-20.052,0-37.615,14.24-41.76,33.875l-36.688,174.292c-0.563,2.677-0.854,5.427-0.854,8.188C128,366.219,145.781,384,167.646,384h265.052c20.052,0,37.615-14.24,41.76-33.875l36.688-174.292c0.563-2.677,0.854-5.427,0.854-8.188C512,145.781,494.219,128,472.354,128z M207.302,149.333H472.03c-37.053,25.724-118.544,82.258-148.988,103.115c-4.125,2.823-12.625,5.583-17.438,1.031c-21.904-20.602-79.698-75.913-106.967-102.051C201.335,150.201,204.206,149.333,207.302,149.333z M490.271,171.417l-36.688,174.302c-2.073,9.823-10.854,16.948-20.885,16.948H167.646c-10.094,0-18.313-8.219-18.313-18.313c0-1.271,0.135-2.531,0.396-3.771l36.165-171.822c28.121,26.936,83.732,80.158,105.074,100.249c5.906,5.563,13.375,8.51,21.594,8.51c7.604,0,15.396-2.583,22.542-7.469c32.09-21.99,120.888-83.612,154.625-107.039c0.408,1.516,0.938,2.991,0.938,4.633C490.667,168.917,490.531,170.177,490.271,171.417z"/><path d="M96,341.333H10.667C4.771,341.333,0,346.104,0,352c0,5.896,4.771,10.667,10.667,10.667H96c5.896,0,10.667-4.771,10.667-10.667C106.667,346.104,101.896,341.333,96,341.333z"/><path d="M106.667,277.333h-96C4.771,277.333,0,282.104,0,288s4.771,10.667,10.667,10.667h96c5.896,0,10.667-4.771,10.667-10.667S112.563,277.333,106.667,277.333z"/><path d="M117.333,213.333H10.667C4.771,213.333,0,218.104,0,224s4.771,10.667,10.667,10.667h106.667c5.896,0,10.667-4.771,10.667-10.667S123.229,213.333,117.333,213.333z"/><path d="M10.667,170.667H128c5.896,0,10.667-4.771,10.667-10.667s-4.771-10.667-10.667-10.667H10.667C4.771,149.333,0,154.104,0,160S4.771,170.667,10.667,170.667z"/></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> Contact</a></li>            </ul>
        </nav>
    </div>
</header>

<div id="scrollCount" data-content="0"></div>

<script>
function showMenu() {
    
    var h = (window.innerHeight) - 70;
    
    document.getElementById("navhead").style.height = h+"px";
    
    var x = document.getElementById("navhead");
    var body = document.getElementById("body");
    var header = document.getElementById("header");
    
    if (x.style.display === "block") {
        x.style.display = "none";
        document.getElementById("wrapBody").style.display = "block";if(window.innerWidth < 641) {var getHS = document.getElementById("scrollCount").getAttribute("data-content");window.scrollTo(0,getHS);body.style.paddingTop = "75px";header.style.setProperty("position", "fixed", "important");}    } else {
        x.style.display = "block";
        if(window.innerWidth < 641) {body.style.paddingTop = "0px";header.style.setProperty("position", "initial", "important");var hs = window.pageYOffset;document.getElementById("scrollCount").setAttribute("data-content", hs);window.scrollTo(0,0);}document.getElementById("wrapBody").style.display = "none";    }
}
</script>




    <div id="wrapBody"><!-- Breadcrump -->
                        
        <div class="breadcrumb">
            <div class="container_page">
                <a class="btobl" href="tel:+33633925437" id="telBread"><span class="right10"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.009 512.009" style="enable-background:new 0 0 512.009 512.009;" xml:space="preserve"><g><g><g><path d="M394.792,220.234c-9.292-17.417-27.333-28.229-47.063-28.229H164.271c-19.729,0-37.771,10.813-47.063,28.229l-68.271,128.01c-4.104,7.708-6.271,16.385-6.271,25.094v74.667c0,23.531,19.146,42.667,42.667,42.667h341.333c23.521,0,42.667-19.135,42.667-42.667v-74.667c0-8.708-2.167-17.385-6.271-25.104L394.792,220.234z M448,448.004c0,11.76-9.563,21.333-21.333,21.333H85.333c-11.771,0-21.333-9.573-21.333-21.333v-74.667c0-5.219,1.313-10.438,3.771-15.063l68.271-128c5.563-10.448,16.396-16.938,28.229-16.938h183.458c11.833,0,22.667,6.49,28.229,16.938l68.271,127.99c2.458,4.635,3.771,9.854,3.771,15.073V448.004z"/><circle cx="191.983" cy="277.338" r="21.333"/><circle cx="191.983" cy="341.338" r="21.333"/><circle cx="191.983" cy="405.338" r="21.333"/><circle cx="256.004" cy="405.338" r="21.333"/><circle cx="319.983" cy="405.338" r="21.333"/><circle cx="256.004" cy="341.338" r="21.333"/><circle cx="319.983" cy="341.338" r="21.333"/><circle cx="256.004" cy="277.338" r="21.333"/><circle cx="319.983" cy="277.338" r="21.333"/><path d="M503.25,129.025C437.229,59.588,349.417,21.338,255.99,21.338c-93.417,0-181.229,38.25-247.24,107.688C2.938,135.14,0,143.168,0,151.196c0,8.027,2.937,16.053,8.75,22.163l49.167,51.74c11.563,12.146,32.083,12.146,43.646,0c16.448-17.302,35.146-31.563,55.479-42.333c10.188-5.25,16.771-16.302,16.677-26.75l7.438-56.063c53.583-17.146,96.615-17.135,149.698-0.01l7.333,54.667c0,11.823,6.271,22.615,16.521,28.25c20.438,10.823,39.135,25.083,55.594,42.375c5.781,6.094,13.531,9.438,21.823,9.438c8.281,0,16.031-3.344,21.813-9.427l49.313-51.875c5.625-5.917,8.569-13.628,8.75-21.396C512.193,143.688,509.25,135.337,503.25,129.025z M487.792,158.661l-49.313,51.885c-3.448,3.615-9.292,3.604-12.719-0.01c-18.052-18.969-38.594-34.625-60.927-46.448c-3.323-1.833-5.313-5.375-5.406-10.885l-8.313-62.688c-0.531-4.01-3.292-7.375-7.115-8.688c-31.115-10.656-59.406-15.979-87.781-15.979c-28.365,0-56.802,5.323-88.187,15.969c-3.844,1.302-6.615,4.677-7.146,8.698l-8.406,64.094c0,3.896-2.094,7.594-5.313,9.25c-22.479,11.906-43.021,27.563-61.063,46.531c-3.438,3.604-9.292,3.594-12.729,0.01l-49.167-51.74c-3.854-4.042-3.854-10.885,0-14.927C86.156,78.557,168.469,42.671,255.99,42.671s169.844,35.885,231.802,101.063C491.646,147.775,491.646,154.619,487.792,158.661z"/></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></span> 06.33.92.54.37</a>
            </div>
            <nav class="container_page" aria-label="Breadcrumb"> 
                <ol itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                        <a id="accLinkBreadcrumb" itemprop="item" rel="home" href="https://crea-troyes.fr" class="btobl">
                            <svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="14px" height="14px"><path d="M39.5,43h-9c-1.381,0-2.5-1.119-2.5-2.5v-9c0-1.105-0.895-2-2-2h-4c-1.105,0-2,0.895-2,2v9c0,1.381-1.119,2.5-2.5,2.5h-9	C7.119,43,6,41.881,6,40.5V21.413c0-2.299,1.054-4.471,2.859-5.893L23.071,4.321c0.545-0.428,1.313-0.428,1.857,0L39.142,15.52	C40.947,16.942,42,19.113,42,21.411V40.5C42,41.881,40.881,43,39.5,43z"/></svg> <span itemprop="name">Agence web</span>
                        </a>
                        <meta itemprop="position" content="1">
                    </li>
                    <li role="separator"> > </li>
    
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
                        <span itemprop="name">Erreur 404</span>
                        <meta itemprop="position" content="2">
                    </li>
        
                </ol>  
            </nav>
        </div>
    
<main class="container" id="e404">
    <article>
        <header>
            <h1>La page demandé n'existe pas</h1>
        </header>
        <p>Notre site web, disponible depuis plus de 21 ans, est en évolution constante. Certaines pages ont pu être modifiés, supprimés ou deplacés.</p>
        <p>Veuillez vous référez au <a href="plan.html">plan du site</a> ou retournez sur la page d'accueil de notre <a href="https://crea-troyes.fr">agence web</a>.</p>
        <p class="top30">Nous vous présentons toutes nos excuses pour ce désagrément.</p>
    </article>
</main>


             
        <aside id="certif">
    <div class="container">
        <svg enable-background="new 0 0 497.874 497.874" viewBox="0 0 497.874 497.874" xmlns="http://www.w3.org/2000/svg"><path d="m293.703 34.244c-43.695-25.228-99.479-10.286-124.711 33.417l-156.598 271.234c-40.412 69.995 24.347 154.827 102.692 133.831 23.555-6.312 43.242-21.418 55.435-42.537l156.597-271.235c25.171-43.594 10.18-99.54-33.415-124.71z" fill="#fed06a"/><path d="m179.642 360.913c-13.058-48.734-63.067-77.617-111.813-64.555-78.373 21-91.981 126.853-22.018 167.248 69.801 40.3 154.944-23.895 133.831-102.693z" fill="#a0ed83"/><path d="m485.661 338.895-156.598-271.234c-12.192-21.119-31.88-36.225-55.435-42.537-78.369-21.003-143.086 63.867-102.692 133.831l156.598 271.235c25.221 43.685 81 58.654 124.711 33.417 43.595-25.171 58.586-81.116 33.416-124.712z" fill="#4ca7ef"/><path d="m179.642 360.913c-13.058-48.734-63.067-77.617-111.813-64.555-78.373 21-91.981 126.853-22.018 167.248 69.801 40.3 154.944-23.895 133.831-102.693z" fill="#60ce5a"/></svg>        <div id="text_certif">
            <p>Créa-troyes est certifiée Google Ads et Google Analytics</p>
            <span>Etre accrédité par Google démontre une expertise en tant que spécialiste dans le domaine de la publicité en ligne et de l’analyse de données. <a class="font14 notunder" href="https://skillshop.credential.net/profile/albanguillier/wallet">Consultez le profil</a>.</span>
        </div>
        <div class="clearBoth"></div>
    </div>
</aside><article id="moduledevis">
    <div class="container800">
        <header>
            <h4 id="titre-devis-cadre">Demandez un devis gratuit et détaillé</h4>
        </header>
        <p>Créa-troyes est une agence web basée à Saint-Julien-les-villas dans l'Aube mais nous travaillons sur toute la France <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path style="fill:#41479B;" d="M38.345,88.273C17.167,88.273,0,105.44,0,126.618v258.759c0,21.177,17.167,38.345,38.345,38.345
	h132.322V88.273H38.345z"/><rect x="170.67" y="88.277" style="fill:#F5F5F5;" width="170.67" height="335.45"/>
<path style="fill:#FF4B55;" d="M473.655,88.273H341.333v335.448h132.322c21.177,0,38.345-17.167,38.345-38.345V126.618
	C512,105.44,494.833,88.273,473.655,88.273z"/><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>. 
        Volontairement sans local commercial, nous nous déplaçons dans votre entreprise ou en télé-travail pour un prix juste sans frais supplémentaire.</p>
        <ul>
            <li><svg viewBox="0 -46 417.81333 417" xmlns="http://www.w3.org/2000/svg"><path d="m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0" fill="#4ca7ef"/></svg> Un service de <span>Qualité</span> <em class="non375">au prix le plus juste</em></li>
            <li><svg viewBox="0 -46 417.81333 417" xmlns="http://www.w3.org/2000/svg"><path d="m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0" fill="#4ca7ef"/></svg> À vos côtés depuis <span>plus de 18 ans</span></li>
            <li><svg viewBox="0 -46 417.81333 417" xmlns="http://www.w3.org/2000/svg"><path d="m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0" fill="#4ca7ef"/></svg> Haute <span>adaptabilité</span> et disponibilité  <em class="non375">7/ 7j</em></li>
        </ul>
        <a id="devislink" href="contact.html" class="boutonBleu"><svg viewBox="0 -1 381.53417 381" xmlns="http://www.w3.org/2000/svg"><path d="m370.589844 230.964844c-5.523438 0-10 4.476562-10 10v88.792968c-.019532 16.558594-13.4375 29.980469-30 30h-280.589844c-16.5625-.019531-29.980469-13.441406-30-30v-260.589843c.019531-16.5625 13.4375-29.980469 30-30h88.789062c5.523438 0 10-4.476563 10-10 0-5.523438-4.476562-10-10-10h-88.789062c-27.601562.03125-49.96875 22.398437-50 50v260.589843c.03125 27.601563 22.398438 49.96875 50 50h280.589844c27.601562-.03125 49.96875-22.398437 50-50v-88.789062c0-5.523438-4.476563-10.003906-10-10.003906zm0 0"/><path d="m156.367188 178.34375 146.011718-146.015625 47.089844 47.089844-146.011719 146.015625zm0 0"/><path d="m132.542969 249.257812 52.039062-14.414062-37.625-37.625zm0 0"/><path d="m362.488281 7.578125c-9.769531-9.746094-25.585937-9.746094-35.355469 0l-10.605468 10.605469 47.089844 47.089844 10.605468-10.605469c9.75-9.769531 9.75-25.585938 0-35.355469zm0 0"/></svg> Contactez-nous</a>
        <address>
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512.009 512.009" style="enable-background:new 0 0 512.009 512.009;" xml:space="preserve"><g><g><g><path d="M394.792,220.234c-9.292-17.417-27.333-28.229-47.063-28.229H164.271c-19.729,0-37.771,10.813-47.063,28.229l-68.271,128.01c-4.104,7.708-6.271,16.385-6.271,25.094v74.667c0,23.531,19.146,42.667,42.667,42.667h341.333c23.521,0,42.667-19.135,42.667-42.667v-74.667c0-8.708-2.167-17.385-6.271-25.104L394.792,220.234z M448,448.004c0,11.76-9.563,21.333-21.333,21.333H85.333c-11.771,0-21.333-9.573-21.333-21.333v-74.667c0-5.219,1.313-10.438,3.771-15.063l68.271-128c5.563-10.448,16.396-16.938,28.229-16.938h183.458c11.833,0,22.667,6.49,28.229,16.938l68.271,127.99c2.458,4.635,3.771,9.854,3.771,15.073V448.004z"/><circle cx="191.983" cy="277.338" r="21.333"/><circle cx="191.983" cy="341.338" r="21.333"/><circle cx="191.983" cy="405.338" r="21.333"/><circle cx="256.004" cy="405.338" r="21.333"/><circle cx="319.983" cy="405.338" r="21.333"/><circle cx="256.004" cy="341.338" r="21.333"/><circle cx="319.983" cy="341.338" r="21.333"/><circle cx="256.004" cy="277.338" r="21.333"/><circle cx="319.983" cy="277.338" r="21.333"/><path d="M503.25,129.025C437.229,59.588,349.417,21.338,255.99,21.338c-93.417,0-181.229,38.25-247.24,107.688C2.938,135.14,0,143.168,0,151.196c0,8.027,2.937,16.053,8.75,22.163l49.167,51.74c11.563,12.146,32.083,12.146,43.646,0c16.448-17.302,35.146-31.563,55.479-42.333c10.188-5.25,16.771-16.302,16.677-26.75l7.438-56.063c53.583-17.146,96.615-17.135,149.698-0.01l7.333,54.667c0,11.823,6.271,22.615,16.521,28.25c20.438,10.823,39.135,25.083,55.594,42.375c5.781,6.094,13.531,9.438,21.823,9.438c8.281,0,16.031-3.344,21.813-9.427l49.313-51.875c5.625-5.917,8.569-13.628,8.75-21.396C512.193,143.688,509.25,135.337,503.25,129.025z M487.792,158.661l-49.313,51.885c-3.448,3.615-9.292,3.604-12.719-0.01c-18.052-18.969-38.594-34.625-60.927-46.448c-3.323-1.833-5.313-5.375-5.406-10.885l-8.313-62.688c-0.531-4.01-3.292-7.375-7.115-8.688c-31.115-10.656-59.406-15.979-87.781-15.979c-28.365,0-56.802,5.323-88.187,15.969c-3.844,1.302-6.615,4.677-7.146,8.698l-8.406,64.094c0,3.896-2.094,7.594-5.313,9.25c-22.479,11.906-43.021,27.563-61.063,46.531c-3.438,3.604-9.292,3.594-12.729,0.01l-49.167-51.74c-3.854-4.042-3.854-10.885,0-14.927C86.156,78.557,168.469,42.671,255.99,42.671s169.844,35.885,231.802,101.063C491.646,147.775,491.646,154.619,487.792,158.661z"/></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>            <a href="tel:+33633925437">06.33.92.54.37</a>
        </address> 
    </div>
</article>                     
        
        <!-- Google tag (gtag.js) -->
<!-- Google tag (gtag.js) avec defer pour que le script soit exécuté après le chargement du DOM -->
<script defer src="https://www.googletagmanager.com/gtag/js?id=G-6FZYF72D6B"></script>
<script>
  window.addEventListener('load', function() {
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-6FZYF72D6B', {
      'anonymize_ip': true
    });
  });
</script>

                                       
        <footer id="footer" class="bg_f57">
            <div class="container">
                <div id="confiance">
                    <p id="titreFooter">Rejoignez plus de 250 clients satisfaits</p>
                    <ul>
                        <li><span>AFFNOX</span><br>E-Commerce</li>
                        <li><span>KEEPCALM</span><br>English lesson</li>
                        <li><span>STEPHAN</span><br>Beauty institute</li>
                        <li><span>PB ANuisible</span><br>Site auto-hébergé</li>
                        <li><span>HLT <em class="none640">MUSIC</em></span><br>Musical perform</li>
                        <li><span>STATAPP</span><br>Application iOS</li>
                        <li><span>G.ZIEBA</span><br>Personal trainer</li>
                        <li><span>3MEDIA</span><br>Contact center</li>
                        <li><span>41MAG</span><br>Web magazine</li>
                        <li><span>CRÉA-CODE</span><br>Application web</li>
                        <li><span>APP'AAC</span><br>Application conduite</li>
                        <li><span>OGConsulting</span><br>Google formation</li>
                    </ul>
                </div>
                <div id="copyright">
                    <span>Copyright © 2026 <a href="https://crea-troyes.fr" class="notunder">Créa-troyes</a>. Tous droits réservé<a href="https://hoodspot.fr/programmeur-informatique/crea-troyes-51141046600011/">s</a>.</span>
                    <nav id="linkfooter">
                        <ul>
                            <li><a class="notunder" href="entreprise-web.html">Entreprise web</a> | </li>
                            <li><a class="notunder" href="plan.html">Plan</a> |</li>

                            <li><span class="notunder pointer" id="sombre" onclick="spanSombre()">Mode sombre</span> 

                                <div class="wrapper">
                                    <div class="switch">
                                        <input aria-label="Mode sombre" id="cmn-toggle-1" class="cmn-toggle cmn-toggle-round" onclick="modeSombre()" type="checkbox">
                                        <label for="cmn-toggle-1"></label>
                                    </div>
                                </div>

                            | </li>

                            <li><a class="notunder grisModeSombre" rel="nofollow" href="cgu.html">Mentions <em>légales</em></a></li>
                        </ul>
                    </nav>
                       
<nav id="social">
    <ul>
        <li><a title="Twitter @creatroyes" href="https://x.com/creatroyes"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-102.1875 199.601562c.113281 2.519532.167969 5.050782.167969 7.59375 0 77.644532-59.101563 167.179688-167.183594 167.183594h.003906-.003906c-33.183594 0-64.0625-9.726562-90.066406-26.394531 4.597656.542969 9.277343.8125 14.015624.8125 27.53125 0 52.867188-9.390625 72.980469-25.152344-25.722656-.476562-47.410156-17.464843-54.894531-40.8125 3.582031.6875 7.265625 1.0625 11.042969 1.0625 5.363281 0 10.558593-.722656 15.496093-2.070312-26.886718-5.382813-47.140624-29.144531-47.140624-57.597657 0-.265624 0-.503906.007812-.75 7.917969 4.402344 16.972656 7.050782 26.613281 7.347657-15.777343-10.527344-26.148437-28.523438-26.148437-48.910157 0-10.765624 2.910156-20.851562 7.957031-29.535156 28.976563 35.554688 72.28125 58.9375 121.117187 61.394532-1.007812-4.304688-1.527343-8.789063-1.527343-13.398438 0-32.4375 26.316406-58.753906 58.765625-58.753906 16.902344 0 32.167968 7.144531 42.890625 18.566406 13.386719-2.640625 25.957031-7.53125 37.3125-14.261719-4.394531 13.714844-13.707031 25.222657-25.839844 32.5 11.886719-1.421875 23.214844-4.574219 33.742187-9.253906-7.863281 11.785156-17.835937 22.136719-29.308593 30.429687zm0 0" fill="#333" /></svg></a></li>
        <li><a title="Instagram" href="https://www.instagram.com/creatroyes/"><svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="-143 145 512 512" xml:space="preserve">
<g><path d="M113,446c24.8,0,45.1-20.2,45.1-45.1c0-9.8-3.2-18.9-8.5-26.3c-8.2-11.3-21.5-18.8-36.5-18.8s-28.3,7.4-36.5,18.8
		c-5.3,7.4-8.5,16.5-8.5,26.3C68,425.8,88.2,446,113,446z"/>
	<polygon points="211.4,345.9 211.4,308.1 211.4,302.5 205.8,302.5 168,302.6 168.2,346 	"/>
	<path d="M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z
		 M241,374.7v104.8c0,27.3-22.2,49.5-49.5,49.5h-157C7.2,529-15,506.8-15,479.5V374.7v-52.3c0-27.3,22.2-49.5,49.5-49.5h157
		c27.3,0,49.5,22.2,49.5,49.5V374.7z"/>
	<path d="M183,401c0,38.6-31.4,70-70,70c-38.6,0-70-31.4-70-70c0-9.3,1.9-18.2,5.2-26.3H10v104.8C10,493,21,504,34.5,504h157
		c13.5,0,24.5-11,24.5-24.5V374.7h-38.2C181.2,382.8,183,391.7,183,401z"/></g></svg></a></li>
		<li><a title="Youtube" href="https://www.youtube.com/@creatroyes"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m224.113281 303.960938 83.273438-47.960938-83.273438-47.960938zm0 0"/><path d="m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-59.113281 256.261719s0 51.917969-6.585938 76.953125c-3.691406 13.703125-14.496094 24.507812-28.199219 28.195312-25.035156 6.589844-125.175781 6.589844-125.175781 6.589844s-99.878906 0-125.175781-6.851562c-13.703125-3.6875-24.507813-14.496094-28.199219-28.199219-6.589844-24.769531-6.589844-76.949219-6.589844-76.949219s0-51.914062 6.589844-76.949219c3.6875-13.703125 14.757812-24.773437 28.199219-28.460937 25.035156-6.589844 125.175781-6.589844 125.175781-6.589844s100.140625 0 125.175781 6.851562c13.703125 3.6875 24.507813 14.496094 28.199219 28.199219 6.851562 25.035157 6.585938 77.210938 6.585938 77.210938zm0 0" fill="#333" /></svg></a></li>
        <li><a title="Pinterest" href="https://fr.pinterest.com/Creatroyes/"><svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="-143 145 512 512" xml:space="preserve">
<path d="M329,145h-432c-22.1,0-40,17.9-40,40v432c0,22.1,17.9,40,40,40h432c22.1,0,40-17.9,40-40V185C369,162.9,351.1,145,329,145z
	 M113,528.3c-12.6,0-24.8-1.9-36.3-5.3c4.9-7.7,10.2-17.6,12.9-27.4c1.6-5.7,9-35.2,9-35.2c4.4,8.5,17.4,15.9,31.3,15.9
	c41.2,0,69.1-37.5,69.1-87.7c0-38-32.2-73.3-81-73.3c-60.8,0-91.5,43.6-91.5,80c0,22,8.3,41.6,26.2,48.9c2.9,1.2,5.5,0,6.4-3.2
	c0.6-2.2,2-7.9,2.6-10.3c0.9-3.2,0.5-4.3-1.8-7.1c-5.1-6.1-8.4-13.9-8.4-25.1c0-32.3,24.2-61.3,63-61.3c34.4,0,53.3,21,53.3,49
	c0,36.9-16.3,68-40.6,68c-13.4,0-23.4-11.1-20.2-24.6c3.8-16.2,11.3-33.7,11.3-45.4c0-10.5-5.6-19.2-17.3-19.2
	c-13.7,0-24.7,14.2-24.7,33.1c0,12.1,4.1,20.2,4.1,20.2s-14,59.4-16.5,69.7c-2.3,9.7-2.6,20.5-2.2,29.4
	C16.5,497.8-15,452.7-15,400.3c0-70.7,57.3-128,128-128s128,57.3,128,128S183.7,528.3,113,528.3z"/>
</svg></a></li>  
        <li><a title="Twitch" href="https://www.linkedin.com/in/alban-guillier/"><svg fill="#000000" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 viewBox="-143 145 512 512" xml:space="preserve"><path d="M-143,145v512h512V145H-143z M41.4,508.1H-8.5V348.4h49.9V508.1z M15.1,328.4h-0.4c-18.1,0-29.8-12.2-29.8-27.7
	c0-15.8,12.1-27.7,30.5-27.7c18.4,0,29.7,11.9,30.1,27.7C45.6,316.1,33.9,328.4,15.1,328.4z M241,508.1h-56.6v-82.6
	c0-21.6-8.8-36.4-28.3-36.4c-14.9,0-23.2,10-27,19.6c-1.4,3.4-1.2,8.2-1.2,13.1v86.3H71.8c0,0,0.7-146.4,0-159.7h56.1v25.1
	c3.3-11,21.2-26.6,49.8-26.6c35.5,0,63.3,23,63.3,72.4V508.1z"/>
</svg></a></li>
        <li><a id="github-footer" title="GitHub" href="https://github.com/crea-troyes"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 568.034 568.034" style="enable-background:new 0 0 568.034 568.034;" xml:space="preserve"><g><g><path d="M550.99,0H17.051C8.948,0,2.381,6.567,2.381,14.67v538.694c0,8.104,6.567,14.67,14.67,14.67h177.498v-0.129
c8.011-0.092,14.149-4.577,14.431-12.166c0.728-19.725,0.214-39.492,0.214-58.562c-14.296,0.667-27.944,2.473-41.438,1.695 c-29.762-1.714-52.632-14.413-64.493-43.556c-7.026-17.265-17.613-32.032-34.101-41.886c-3.079-1.842-5.771-4.554-8.127-7.308 c-3.079-3.592-2.503-7.282,2.362-8.268c4.908-0.998,10.27-1.695,15.11-0.79c19.009,3.568,32.154,15.49,42.216,31.347 c19.896,31.371,50.521,40.974,84.976,26.487c1.921-0.808,4.363-2.766,4.725-4.553c2.778-13.887,7.968-26.549,18.427-37.65 c-11.628-2.154-22.399-3.739-32.962-6.188c-30.417-7.038-57.742-19.7-77.724-44.848c-16.303-20.514-23.758-44.528-27.185-70.086
c-5.367-40.031-0.563-77.503,26.928-109.493c1.389-1.616,2.142-4.927,1.524-6.94c-6.885-22.497-5.833-44.805,0.991-67.051 c3.581-11.683,4.578-12.265,16.5-10.637c0.729,0.098,1.438,0.281,2.161,0.404c23.898,3.954,44.468,15.526,64.731,27.95
c2.724,1.671,6.873,2.711,9.866,1.983c48.397-11.744,96.702-11.695,145.093,0.043c2.809,0.679,6.561-0.288,9.247-1.695
c11.016-5.759,21.561-12.454,32.718-17.914c12.98-6.346,26.652-11.12,41.371-10.857c2.576,0.049,6.561,2.509,7.423,4.786
c8.856,23.464,10.723,47.375,3.666,71.794c 0.753,2.607,0.367,6.322,1.769,8.892c6.965,12.779,16.689,24.572,21.096,38.127
c13.434,41.316,8.538,82.229-9.749,121.06c-16.757,35.594-47.834,53.63-84.621,62.933c-12.424,3.14-25.153,5.049-38.556,7.681 c17.564,18.348,20.318,40.74,20.006,64.192c-0.324,24.192-0.238,48.391-0.251,72.589c-0.006,11.72,5.11,18.195,14.039,18.574 c-0.006,0.037,188.723,0.037,188.723,0.037V14.67C565.653,6.567,559.087,0,550.99,0z" fill="#333" /></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></a></li>
    </ul>
</nav>                </div>
            </div>
        </footer>
        <!-- LOAD CSS -->
        <script>
            
            // Dark mode activé  sur OS ?
            if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
                var themeColor = "sombre";
            } else {
                var themeColor = "clair";
            }
               
            // Load CSS
            var d = new Date();
            let valueCookie = getCookie("mode");
            
            /*
            
            En sombre si :
                - Cookie sombre OU (themeOS == sombre ET cookie != clair) OU (> 20h ET cookie != clair) OU (< 8h ET cookie != clair) 
            */
            
            if(
                valueCookie == "sombre"
                ||
                themeColor == "sombre" && valueCookie != "clair"
                ||
                d.getHours() > 22 && valueCookie != "clair"
                ||
                d.getHours() < 6 && valueCookie != "clair"
            ) {
                loadCSS("css/style.min.css");
                loadCSS("css/sombre.min.css");
                document.getElementById("cmn-toggle-1").checked = true;
            } else {
                loadCSS("css/style.min.css");
            }
            
            
            // Création de cookie
            function  createCookie(mode) {
                let date = new Date(Date.now() + 3600000); // 1 heure
                date = date.toUTCString();
                document.cookie = 'mode='+mode+'; path=/; expires=' + date;
            }

            // Récupération du cookie
            function getCookie(name) {
                const value = `; ${document.cookie}`;
                const parts = value.split(`; ${name}=`);
                if (parts.length === 2) return parts.pop().split(';').shift();
            }

            // Span sombre
            function spanSombre() {

                var etat = document.getElementById("cmn-toggle-1").checked;
                if(etat == true) {
                    document.getElementById("cmn-toggle-1").checked = false;
                    modeSombre();
                } else {
                    document.getElementById("cmn-toggle-1").checked = true;
                    modeSombre();
                }

            }

            // Mode sombre
            function modeSombre() {
                
                var etat = document.getElementById("cmn-toggle-1").checked;
                
                if(etat == true) {
                    // Viens d'etre coché donc => passe en mode sombre
                    var cssSombre = document.createElement("link");
                    cssSombre.setAttribute("rel", "stylesheet");
                    cssSombre.setAttribute("href", "css/sombre.min.css");
                    cssSombre.setAttribute("media", "all");
                    document.head.appendChild(cssSombre);

                    // Création cookie mode sombre
                    createCookie("sombre");

                } else {
                    // Viens d'etre décoché, donc passe en mode clair
                    var linkNode = document.querySelector('link[href*="css/sombre.min.css"]');
                    linkNode.parentNode.removeChild(linkNode);

                    // Création cookie mode clair
                    createCookie("clair");

                }  

            }
  
            // Sous-menu
            setTimeout(function(){ 
                document.getElementById("1Der").classList.remove("none"); 
                document.getElementById("3Der").classList.remove("none"); 
            }, 1000);
        </script>
        </div>
        
    </body>
</html>


