<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cogri</title>
	<atom:link href="https://cogri.fr/feed/" rel="self" type="application/rss+xml" />
	<link>https://cogri.fr</link>
	<description>Votre créateur de site web qui correspondent à votre activité.</description>
	<lastBuildDate>Wed, 14 Oct 2026 06:55:40 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://cogri.fr/wp-content/uploads/2026/09/cogri-favicon-100x100.png</url>
	<title>Cogri</title>
	<link>https://cogri.fr</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Artisan : pourquoi un site internet change tout</title>
		<link>https://cogri.fr/pourquoi-site-internet-artisan/</link>
					<comments>https://cogri.fr/pourquoi-site-internet-artisan/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Mon, 12 Oct 2026 13:20:53 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/?p=1998</guid>

					<description><![CDATA[Plombier, électricien, menuisier à Marseille : ce qu’un site vous apporte vraiment, en plus du bouche-à-oreille et de votre fiche Google. Exemples concrets.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1998" class="elementor elementor-1998 elementor-bc-flex-widget">
				<div class="elementor-element elementor-element-ed50e1f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="ed50e1f" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d49e1b0 elementor-widget elementor-widget-html" data-id="d49e1b0" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-eaa6799 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="eaa6799" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9c1bce3 elementor-widget elementor-widget-html" data-id="9c1bce3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>
<style>
.cglg-s ol{list-style:none;margin:12px 0;padding:0;counter-reset:cgn}
.cglg-s ol li{counter-increment:cgn;position:relative;padding-left:44px;margin:0 0 14px}
.cglg-s ol li::before{content:counter(cgn);position:absolute;left:0;top:.05em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:transparent;border:1px solid rgba(124,196,255,.35);clip-path:none}
.cglg-s hr{border:0;border-top:1px solid var(--line);margin:24px 0}
</style>
<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · Artisans</span>
    <h1>Artisan : pourquoi un site internet <span>change tout</span></h1>
    <p class="cglg-lead">Plombier, électricien, menuisier à Marseille : ce qu’un site vous apporte vraiment, en plus du bouche-à-oreille et de votre fiche Google. Urgences, devis, confiance, choix des chantiers.</p>
    <div class="cglg-meta"><span>Publié le <b>12 octobre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#bref"><i>01</i>En bref</a></li><li><a href="#bouche-a-oreille"><i>02</i>Le bouche-à-oreille passe par Google</a></li><li><a href="#urgence"><i>03</i>Être trouvé au moment de l’urgence</a></li><li><a href="#confiance"><i>04</i>Rassurer avant le premier appel</a></li><li><a href="#chantiers"><i>05</i>Choisir vos chantiers</a></li><li><a href="#plateformes"><i>06</i>Ne plus dépendre des plateformes</a></li><li><a href="#avis"><i>07</i>Mettre en valeur vos avis</a></li><li><a href="#contenu"><i>08</i>Ce que doit contenir un bon site d’artisan</a></li><li><a href="#temps"><i>09</i>Combien de temps et quel budget ?</a></li><li><a href="#questions-frequentes"><i>10</i>Questions fréquentes</a></li></ol></nav>
      <div>
<section class="cglg-s" id="bref"><h2><i>01</i>En bref</h2>
<div class="cglg-short"><p>« J’ai assez de travail avec le bouche-à-oreille. » C’est la phrase que j’entends le plus souvent quand je parle de site internet avec un plombier, un électricien ou un menuisier à Marseille. Et c’est souvent vrai : un bon artisan est recommandé, et son carnet de commandes se remplit.</p>
<p>Mais le bouche-à-oreille a changé. Aujourd’hui, il passe presque toujours par Google. Je vous explique concrètement ce qu’un site apporte à un artisan, même bien installé, et ce qu’il doit contenir pour vraiment servir.</p></div>
</section>
<section class="cglg-s" id="bouche-a-oreille"><h2><i>02</i>Le bouche-à-oreille passe par Google</h2>
<p>Un client vous recommande à son voisin. Que fait le voisin ? Il tape votre nom sur Google, pour retrouver votre numéro, voir vos avis et vérifier que vous êtes sérieux. S’il ne trouve rien, ou seulement une fiche incomplète, le doute s’installe. S’il trouve un site clair, avec vos réalisations et vos coordonnées, il vous appelle.</p>
<p>Votre site ne remplace pas la recommandation : il la <strong>confirme</strong>.</p>
</section>
<section class="cglg-s" id="urgence"><h2><i>03</i>Être trouvé au moment de l’urgence</h2>
<p>Une fuite d’eau un dimanche soir, une panne de courant, une serrure bloquée : dans ces moments-là, personne n’attend une recommandation. On cherche « plombier urgence Marseille 13e » sur son téléphone et on appelle l’un des premiers résultats.</p>
<p>Pour apparaître dans ces recherches, votre fiche Google compte beaucoup. Mais un site qui précise vos interventions, vos quartiers et vos horaires d’urgence aide Google à comprendre où et pour quoi vous afficher. Sans lui, vous laissez ces appels à d’autres. J’explique comment travailler les deux dans mon <a href="/referencement-local-marseille/">guide du référencement local à Marseille</a>.</p>
</section>
<section class="cglg-s" id="confiance"><h2><i>04</i>Rassurer avant le premier appel</h2>
<p>Faire entrer un inconnu chez soi, c’est une question de confiance. Avant d’appeler, un client veut savoir :</p>
<ul><li>si vous intervenez dans son quartier ;</li><li>si vous faites le type de travaux dont il a besoin ;</li><li>si vous êtes assuré (votre assurance décennale, si votre métier l’exige) et si vous avez des certifications ;</li><li>à quoi ressemblent vos chantiers terminés.</li></ul>
<p>Un site répond à tout ça en 30 secondes, avec vos propres photos. Le client qui vous appelle est déjà rassuré : l’échange est plus simple, et le devis plus souvent accepté.</p>
</section>
<section class="cglg-s" id="chantiers"><h2><i>05</i>Choisir vos chantiers</h2>
<p>Quand on est déjà bien occupé, le vrai problème n’est pas le nombre d’appels, c’est leur qualité. Un site bien pensé filtre pour vous :</p>
<ul><li>votre <strong>zone d’intervention</strong> est claire : vous recevez moins d’appels hors secteur ;</li><li>vos <strong>types de travaux</strong> sont listés : on ne vous appelle plus pour ce que vous ne faites pas ;</li><li>un <strong>formulaire de demande de devis</strong>, avec la possibilité d’envoyer une photo, vous permet de préparer votre réponse sans décrocher en plein chantier.</li></ul>
<p>Résultat : moins de temps au téléphone, plus de chantiers qui vous intéressent.</p>
</section>
<section class="cglg-s" id="plateformes"><h2><i>06</i>Ne plus dépendre des plateformes</h2>
<p>Les plateformes de mise en relation et les annuaires payants peuvent dépanner. Mais vous y êtes aux côtés de vos concurrents, et vous payez souvent pour chaque contact, qu’il aboutisse ou non. Votre site, lui, vous appartient : chaque demande qui arrive par lui est un contact direct, sans intermédiaire ni commission.</p>
</section>
<section class="cglg-s" id="avis"><h2><i>07</i>Mettre en valeur vos avis</h2>
<p>Si vos clients vous laissent de bons avis sur Google, c’est un trésor. Un site permet de les mettre en avant, à côté de vos photos de chantiers, et d’inviter vos clients satisfaits à en laisser de nouveaux. Vos avis travaillent alors deux fois : sur votre fiche Google et sur votre site.</p>
</section>
<section class="cglg-s" id="contenu"><h2><i>08</i>Ce que doit contenir un bon site d’artisan</h2>
<p>Selon le baromètre France Num 2025, 65 % des TPE et PME françaises ont un site internet. Quand un client compare trois artisans sur son téléphone, celui qui n’a qu’une fiche Google part avec un temps de retard.</p>
<p>Pas besoin de vingt pages pour faire la différence. Un site d’artisan efficace tient souvent en cinq pages, et contient :</p>
<ol><li><strong>Votre métier et votre zone</strong> dès le haut de la page : « Plombier à Marseille 13e, 14e et 12e ».</li><li><strong>Un bouton « Appeler »</strong> visible sur téléphone, en permanence.</li><li><strong>Vos prestations</strong>, une par une, avec les mots que vos clients utilisent.</li><li><strong>Vos réalisations</strong> : photos avant/après de vrais chantiers.</li><li><strong>Vos garanties</strong> : assurances, certifications, années d’expérience.</li><li><strong>Vos avis clients</strong>, avec un lien vers votre fiche Google.</li><li><strong>Un formulaire de devis</strong> simple, qui arrive directement dans votre boîte mail.</li></ol>
<p>Pour vérifier votre présence actuelle point par point, utilisez ma <a href="/site-invisible-google-checklist/">checklist gratuite en 12 points</a>.</p>
</section>
<section class="cglg-s" id="temps"><h2><i>09</i>Combien de temps et quel budget ?</h2>
<p>C’est souvent le vrai frein : « je n’ai pas le temps de m’en occuper ». Chez Cogri, c’est moi qui m’occupe de la construction, de A à Z. De votre côté, il faut surtout un échange pour comprendre votre métier, vos photos de chantiers et vos validations. Un site vitrine est en général prêt en 1 à 3 semaines.</p>
<p>Côté budget, mes prix sont affichés : 1 190 € pour un site jusqu’à 5 pages, qui vous appartient à 100 %, sans abonnement imposé. Tous les détails sont sur ma <a href="/site-internet-artisan-marseille/">page dédiée aux artisans</a> et dans mon <a href="/prix-site-internet-marseille/">guide des prix d’un site internet à Marseille</a>.</p>
</section>
<section class="cglg-s" id="questions-frequentes"><h2><i>10</i>Questions fréquentes</h2>
<h3>Ma fiche Google ne suffit-elle pas ?</h3>
<p>Elle est indispensable, et c’est souvent par elle que les clients vous découvrent. Mais elle montre peu de choses. Le site complète la fiche : il détaille vos prestations, montre vos chantiers et rassure. Et il aide Google à mieux vous classer.</p>
<h3>Je suis déjà débordé, à quoi bon ?</h3>
<p>À choisir vos chantiers, justement. Un site vous amène des demandes plus claires, dans votre zone et pour vos spécialités, et vous fait perdre moins de temps au téléphone.</p>
<h3>Je n’ai pas de photos de mes chantiers.</h3>
<p>Commencez dès maintenant : une photo avant, une photo après, à chaque intervention, avec l’accord du client. En quelques semaines, vous aurez de quoi remplir votre page Réalisations.</p>
<p><em>Source : baromètre France Num 2025, part des TPE-PME disposant d’un site internet.</em></p>
</section>
        <div class="cglg-cta"><div><b>Que voient vos clients quand ils vous cherchent ?</b><span>Audit gratuit de 15 minutes : je regarde votre présence sur Google comme un client la verrait, et je vous donne les 3 améliorations prioritaires, avec ou sans site.</span></div><a href="/contact/?offre=audit">Demander mon audit</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Ma fiche Google ne suffit-elle pas ?","acceptedAnswer":{"@type":"Answer","text":"Elle est indispensable, et c’est souvent par elle que les clients vous découvrent. Mais elle montre peu de choses. Le site complète la fiche : il détaille vos prestations, montre vos chantiers et rassure. Et il aide Google à mieux vous classer."}},{"@type":"Question","name":"Je suis déjà débordé, à quoi bon ?","acceptedAnswer":{"@type":"Answer","text":"À choisir vos chantiers, justement. Un site vous amène des demandes plus claires, dans votre zone et pour vos spécialités, et vous fait perdre moins de temps au téléphone."}},{"@type":"Question","name":"Je n’ai pas de photos de mes chantiers.","acceptedAnswer":{"@type":"Answer","text":"Commencez dès maintenant : une photo avant, une photo après, à chaque intervention, avec l’accord du client. En quelques semaines, vous aurez de quoi remplir votre page Réalisations."}}]}</script>
<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-a23a5ed e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="a23a5ed" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-24a6a88 elementor-widget elementor-widget-html" data-id="24a6a88" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/pourquoi-site-internet-artisan/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Votre site est-il prêt pour Google ? La checklist en 12 points</title>
		<link>https://cogri.fr/site-invisible-google-checklist/</link>
					<comments>https://cogri.fr/site-invisible-google-checklist/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Fri, 09 Oct 2026 09:54:57 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/?p=1982</guid>

					<description><![CDATA[Votre site ne vous apporte aucun client ? Vérifiez ces 12 points en 15 minutes, du titre de page à la fiche Google. La checklist d’un studio web marseillais.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1982" class="elementor elementor-1982 elementor-bc-flex-widget">
				<div class="elementor-element elementor-element-20d837c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="20d837c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6da801e elementor-widget elementor-widget-html" data-id="6da801e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-819d25e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="819d25e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-221bc54 elementor-widget elementor-widget-html" data-id="221bc54" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>
<style>
.cglg-s ol{list-style:none;margin:12px 0;padding:0;counter-reset:cgn}
.cglg-s ol li{counter-increment:cgn;position:relative;padding-left:44px;margin:0 0 14px}
.cglg-s ol li::before{content:counter(cgn);position:absolute;left:0;top:.05em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:transparent;border:1px solid rgba(124,196,255,.35);clip-path:none}
.cglg-s hr{border:0;border-top:1px solid var(--line);margin:24px 0}
</style>
<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · Référencement</span>
    <h1>Votre site est-il prêt pour Google ? <span>La checklist en 12 points</span></h1>
    <p class="cglg-lead">Votre site ne vous apporte ni appels ni demandes de devis ? Vérifiez ces 12 points en 15 minutes, téléphone en main, du titre de page à la fiche Google.</p>
    <div class="cglg-meta"><span>Publié le <b>9 octobre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#bref"><i>01</i>En bref</a></li><li><a href="#etre-trouve"><i>02</i>Être trouvé sur Google (points 1 à 4)</a></li><li><a href="#mobile"><i>03</i>Être lu sur téléphone (points 5 à 8)</a></li><li><a href="#confiance"><i>04</i>Rassurer et faire agir (points 9 à 12)</a></li><li><a href="#score"><i>05</i>Combien de points avez-vous validés ?</a></li><li><a href="#questions-frequentes"><i>06</i>Questions fréquentes</a></li></ol></nav>
      <div>
<section class="cglg-s" id="bref"><h2><i>01</i>En bref</h2><div class="cglg-short"><p>Vous avez un site internet, mais il ne vous apporte ni appels ni demandes de devis ? Dans la plupart des cas, le problème ne vient pas du design. Il vient de quelques détails que Google, et vos clients, remarquent tout de suite.</p>
<p>Quand j’ouvre le site d’un commerce ou d’un artisan marseillais, je vérifie toujours les mêmes 12 points. Je vous les donne ici, dans l’ordre où je les regarde. Comptez 15 minutes, avec votre téléphone à la main : c’est sur mobile que la majorité de vos clients vous cherchent.</p></div></section>
<section class="cglg-s" id="etre-trouve"><h2><i>02</i>Être trouvé sur Google (points 1 à 4)</h2>
<h3>1. Votre ville apparaît dans le titre de la page d’accueil</h3>
<p>Le titre de page, c’est le texte bleu qui s’affiche dans les résultats Google. S’il dit seulement « Accueil » ou le nom de votre entreprise, Google ne sait pas pour quelle recherche vous montrer.</p>
<p><strong>À vérifier :</strong> tapez le nom de votre entreprise sur Google et regardez le titre affiché.</p>
<p><strong>Exemple :</strong> « Accueil » devient « Plombier à Marseille 5e, dépannage 7j/7 ».</p>
<h3>2. Chaque service a sa propre page</h3>
<p>Une seule page qui liste « plomberie, chauffage, salle de bains, dépannage » ne sera bien classée sur aucune de ces recherches. Une page par service, avec son propre titre et quelques paragraphes concrets, donne à Google une raison de vous proposer pour chacune.</p>
<h3>3. Votre fiche Google est complète et reliée au site</h3>
<p>Pour une recherche locale, la fiche Google Business Profile s’affiche souvent avant les sites. Horaires, catégorie, zone desservie, photos, description, et surtout le lien vers votre site : chaque champ vide est une occasion perdue. J’explique comment la remplir pas à pas dans mon <a href="/referencement-local-marseille/">guide du référencement local à Marseille</a>.</p>
<h3>4. Votre nom, votre adresse et votre téléphone sont identiques partout</h3>
<p>Site, fiche Google, Pages Jaunes, Facebook : si votre numéro ou votre adresse diffère d’un endroit à l’autre, Google fait moins confiance à vos informations. Vérifiez qu’ils sont écrits exactement de la même façon partout.</p>
</section>
<section class="cglg-s" id="mobile"><h2><i>03</i>Être lu sur téléphone (points 5 à 8)</h2>
<h3>5. Votre site s’affiche vite sur téléphone</h3>
<p>Un site qui met plusieurs secondes à s’afficher perd une partie de ses visiteurs avant même qu’ils aient vu votre offre. La cause la plus fréquente : des photos trop lourdes, envoyées telles quelles depuis un téléphone.</p>
<p><strong>À vérifier :</strong> allez sur <a href="https://pagespeed.web.dev/" target="_blank" rel="noopener">pagespeed.web.dev</a>, collez l’adresse de votre site et regardez le score « Mobile ». En dessous de 50, il y a du travail.</p>
<h3>6. Votre numéro de téléphone est cliquable</h3>
<p>Sur mobile, un client doit pouvoir vous appeler d’un seul geste. Si votre numéro est écrit dans une image ou en texte simple, il doit le recopier à la main, et beaucoup ne le feront pas.</p>
<p><strong>À vérifier :</strong> ouvrez votre site sur votre téléphone et touchez votre numéro. L’appel doit se lancer.</p>
<h3>7. Vos services, votre menu et vos tarifs sont écrits en texte</h3>
<p>Google lit le texte, pas les images, et lit mal les PDF. Un menu de restaurant en PDF ou une liste de prestations dans une image est invisible pour lui, et pénible à lire sur un téléphone.</p>
<h3>8. Votre site est en HTTPS</h3>
<p>L’adresse doit commencer par https:// et afficher un cadenas dans la barre du navigateur. Sans cela, les navigateurs affichent « Non sécurisé », ce qui fait fuir une partie des visiteurs, surtout sur une page avec formulaire.</p>
</section>
<section class="cglg-s" id="confiance"><h2><i>04</i>Rassurer et faire agir (points 9 à 12)</h2>
<h3>9. Les mentions légales sont présentes</h3>
<p>Un site professionnel doit afficher des mentions légales : nom de l’entreprise, numéro SIRET, adresse, hébergeur, responsable de la publication. C’est une obligation légale, et c’est aussi un signal de sérieux pour vos visiteurs.</p>
<h3>10. Votre formulaire de contact fonctionne vraiment</h3>
<p>C’est l’erreur la plus coûteuse, parce qu’elle est invisible : un formulaire qui semble marcher, mais dont les messages n’arrivent dans aucune boîte mail.</p>
<p><strong>À vérifier :</strong> envoyez-vous un message depuis votre propre site, puis regardez aussi dans vos courriers indésirables.</p>
<h3>11. Vos avis clients sont visibles</h3>
<p>Avant d’appeler, un client veut savoir si d’autres ont été satisfaits. Affichez quelques avis sur votre site ou un lien vers vos avis Google, et demandez un avis à chaque client content, sans rien offrir en échange : c’est interdit par les règles de Google.</p>
<h3>12. Chaque page dit clairement quoi faire ensuite</h3>
<p>« Appeler », « Demander un devis », « Réserver une table » : un visiteur convaincu doit trouver le bouton sans chercher. Placez-le en haut de la page d’accueil, puis à la fin de chaque page.</p>
</section>
<section class="cglg-s" id="score"><h2><i>05</i>Combien de points avez-vous validés ?</h2>
<table><thead><tr><th>Score</th><th>Ce que ça veut dire</th></tr></thead><tbody>
<tr><td><strong>10 à 12</strong></td><td>Votre site a de bonnes bases. Le travail se joue maintenant sur le contenu et les avis.</td></tr>
<tr><td><strong>6 à 9</strong></td><td>Quelques corrections simples peuvent changer vos résultats. La plupart se font en moins d’une heure.</td></tr>
<tr><td><strong>Moins de 6</strong></td><td>Votre site vous coûte probablement des clients. Une <a href="/refonte-site-internet-marseille/">refonte</a> peut être plus rentable que de corriger point par point.</td></tr>
</tbody></table></section>
<section class="cglg-s" id="questions-frequentes"><h2><i>06</i>Questions fréquentes</h2><h3>Combien de temps faut-il pour apparaître sur Google après ces corrections ?</h3>
<p>Google doit d’abord repasser sur votre site, ce qui prend de quelques jours à quelques semaines. Les effets sur votre classement se mesurent plutôt sur plusieurs mois. Méfiez-vous de quiconque vous promet la première page en quelques jours.</p>
<h3>Puis-je faire ces vérifications moi-même ?</h3>
<p>Oui. Tous les points de cette liste se vérifient sans compétence technique, avec un téléphone et un ordinateur. Certaines corrections, comme la vitesse ou le titre de page, demandent en revanche un accès à l’administration du site.</p>
<h3>Mon site est sur Wix ou WordPress, est-ce que ça change quelque chose ?</h3>
<p>Les 12 points sont les mêmes quel que soit l’outil. Seule la façon de les corriger change.</p>
<h3>Combien coûte un site qui coche toutes les cases ?</h3>
<p>Chez Cogri, un site vitrine de 5 pages construit sur ces 12 points coûte 1 190 €. Tous les tarifs sont détaillés dans mon <a href="/prix-site-internet-marseille/">guide des prix d’un site internet à Marseille</a>.</p></section>
        <div class="cglg-cta"><div><b>Vous préférez que je regarde votre site ?</b><span>Audit gratuit de 15 minutes : une courte vidéo de votre site tel que le voient vos clients, avec les 3 corrections les plus utiles.</span></div><a href="/contact/?offre=audit">Demander mon audit</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Combien de temps faut-il pour apparaître sur Google après ces corrections ?","acceptedAnswer":{"@type":"Answer","text":"Google doit d’abord repasser sur votre site, ce qui prend de quelques jours à quelques semaines. Les effets sur votre classement se mesurent plutôt sur plusieurs mois. Méfiez-vous de quiconque vous promet la première page en quelques jours."}},{"@type":"Question","name":"Puis-je faire ces vérifications moi-même ?","acceptedAnswer":{"@type":"Answer","text":"Oui. Tous les points de cette liste se vérifient sans compétence technique, avec un téléphone et un ordinateur. Certaines corrections, comme la vitesse ou le titre de page, demandent en revanche un accès à l’administration du site."}},{"@type":"Question","name":"Mon site est sur Wix ou WordPress, est-ce que ça change quelque chose ?","acceptedAnswer":{"@type":"Answer","text":"Les 12 points sont les mêmes quel que soit l’outil. Seule la façon de les corriger change."}},{"@type":"Question","name":"Combien coûte un site qui coche toutes les cases ?","acceptedAnswer":{"@type":"Answer","text":"Chez Cogri, un site vitrine de 5 pages construit sur ces 12 points coûte 1 190 €. Tous les tarifs sont détaillés dans mon guide des prix d’un site internet à Marseille."}}]}</script>
<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-70ff1d7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="70ff1d7" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c54b5aa elementor-widget elementor-widget-html" data-id="c54b5aa" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/site-invisible-google-checklist/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Site internet pour agence de voyage : les 7 pages indispensables</title>
		<link>https://cogri.fr/site-internet-agence-de-voyage-pages-indispensables/</link>
					<comments>https://cogri.fr/site-internet-agence-de-voyage-pages-indispensables/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 12:33:55 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/site-internet-agence-de-voyage-pages-indispensables/</guid>

					<description><![CDATA[Accueil, destinations, circuits, avis, demande de devis : les 7 pages qui transforment un visiteur en client pour une agence de voyage.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1962" class="elementor elementor-1962 elementor-bc-flex-widget">
				<div class="elementor-element elementor-element-a62cb95 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="a62cb95" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f7b10be elementor-widget elementor-widget-html" data-id="f7b10be" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-0658752 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="0658752" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-0fd3e83 elementor-widget elementor-widget-html" data-id="0fd3e83" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>
<style>
.cglg-s ol{list-style:none;margin:12px 0;padding:0;counter-reset:cgn}
.cglg-s ol li{counter-increment:cgn;position:relative;padding-left:44px;margin:0 0 14px}
.cglg-s ol li::before{content:counter(cgn);position:absolute;left:0;top:.05em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:transparent;border:1px solid rgba(124,196,255,.35);clip-path:none}
.cglg-s hr{border:0;border-top:1px solid var(--line);margin:24px 0}
</style>

<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · Agences de voyage</span>
    <h1>Site internet pour agence de voyage : <span>les 7 pages indispensables</span></h1>
    <p class="cglg-lead">Accueil, destinations, circuits, avis, demande de devis : les pages qui transforment un visiteur qui rêve de partir en client qui vous confie son voyage.</p>
    <div class="cglg-meta"><span>Mis à jour le <b>7 octobre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#bref"><i>01</i>En bref</a></li><li><a href="#accueil"><i>02</i>La page d’accueil</a></li><li><a href="#destinations"><i>03</i>Les pages destination</a></li><li><a href="#themes"><i>04</i>Les pages par type de voyage</a></li><li><a href="#circuits"><i>05</i>Les pages circuit</a></li><li><a href="#agence"><i>06</i>La page « L’agence »</a></li><li><a href="#avis"><i>07</i>Avis et garanties</a></li><li><a href="#devis"><i>08</i>Contact et demande de devis</a></li><li><a href="#questions-frequentes"><i>09</i>Questions fréquentes</a></li><li><a href="#en-resume"><i>10</i>En résumé</a></li></ol></nav>
      <div>
<section class="cglg-s" id="bref"><h2><i>01</i>En bref</h2><div class="cglg-short"><p>Un voyageur ne choisit pas une agence au hasard. Avant d’appeler ou de pousser la porte, il cherche une destination sur Google, compare, lit des avis. Si votre <strong>site internet d’agence de voyage</strong> tient en une seule page, il ne trouve rien qui réponde à son envie précise, et il part ailleurs.</p><p>Bonne nouvelle : pas besoin d’un site immense. Sept pages bien construites suffisent pour inspirer, rassurer et déclencher des demandes de devis. Je les ai construites pendant 9 mois pour une agence de voyage à Cassis : voici celles qui comptent vraiment.</p></div></section>

<section class="cglg-s" id="accueil"><h2><i>02</i>La page d’accueil : dire qui vous êtes en 5 secondes</h2><p>La page d’accueil doit répondre immédiatement à trois questions : <strong>quel type de voyages vous proposez, pour qui, et comment vous contacter</strong>. Le visiteur décide en quelques secondes s’il reste.</p><ul><li><strong>Une grande photo et une phrase claire</strong> : « Voyages sur mesure depuis Aix-en-Provence » parle plus que « Bienvenue sur notre site ».</li><li><strong>Vos univers en un coup d’œil</strong> : circuits, séjours, croisières, voyages de noces, avec un lien vers chaque page.</li><li><strong>Un bouton « Demander un devis » visible</strong> dès le haut de la page, et rappelé plus bas.</li><li><strong>Deux ou trois avis clients</strong> pour rassurer tout de suite.</li></ul></section>

<section class="cglg-s" id="destinations"><h2><i>03</i>Les pages destination : votre meilleur levier sur Google</h2><p>C’est la page que la plupart des agences n’ont pas, et c’est pourtant elle qui attire les visiteurs. Quand quelqu’un tape « voyage sur mesure Japon » ou « circuit Grèce en famille », Google cherche une page qui parle précisément de ça.</p><p>Une bonne page destination contient :</p><ol><li>Une introduction qui donne envie, avec votre regard d’expert.</li><li>Les infos pratiques : meilleure période, durée conseillée, budget indicatif, formalités.</li><li>Les incontournables, avec de belles photos.</li><li>Un exemple d’itinéraire jour par jour.</li><li>Un formulaire de demande de devis pré-rempli avec la destination.</li></ol><p>Commencez par vos 5 destinations les plus vendues, puis ajoutez-en une ou deux par mois.</p></section>

<section class="cglg-s" id="themes"><h2><i>04</i>Les pages par type de voyage</h2><p>Beaucoup de voyageurs ne savent pas encore où partir, mais savent <em>comment</em> : en amoureux, en famille, en mode aventure, en croisière. Une page par type de voyage capte ces recherches et vous permet de mettre en avant plusieurs destinations à la fois.</p><table><thead><tr><th>Page</th><th>Ce que cherche le voyageur</th></tr></thead><tbody><tr><td>Voyage de noces</td><td>Des adresses romantiques, une organisation sans stress, parfois une liste de mariage</td></tr><tr><td>Voyage en famille</td><td>Des activités pour les enfants, des trajets courts, de la sécurité</td></tr><tr><td>Aventure et nature</td><td>Randonnées, grands espaces, niveau physique</td></tr><tr><td>Croisières</td><td>Itinéraires, compagnies, cabines, excursions</td></tr></tbody></table></section>

<section class="cglg-s" id="circuits"><h2><i>05</i>Les pages circuit : montrer le voyage avant qu’il ait lieu</h2><p>Un circuit détaillé jour par jour fait déjà voyager. Il montre votre savoir-faire et répond aux questions avant même qu’elles soient posées.</p><ul><li><strong>Le programme jour par jour</strong>, avec les étapes et les temps forts.</li><li><strong>Ce qui est inclus et ce qui ne l’est pas</strong> : vols, hôtels, transferts, repas, assurances.</li><li><strong>Un tarif indicatif</strong> et les périodes de départ.</li><li><strong>Une galerie photo</strong> aux images de même format, pour un rendu soigné.</li></ul><p>Même si chaque voyage est ensuite construit sur mesure, un circuit exemple rassure et sert de point de départ à la discussion.</p></section>

<section class="cglg-s" id="agence"><h2><i>06</i>La page « L’agence » : vendre votre expertise humaine</h2><p>Face aux grandes plateformes, votre force, c’est vous : votre écoute, votre connaissance du terrain, votre disponibilité pendant le voyage. Cette page doit le montrer.</p><ul><li>Une vraie photo de vous et de votre équipe, pas une image de banque d’images.</li><li>Votre histoire, vos destinations de prédilection, vos voyages préférés.</li><li>Vos engagements : interlocuteur unique, assistance pendant le séjour, conseils personnalisés.</li></ul></section>

<section class="cglg-s" id="avis"><h2><i>07</i>Avis clients et garanties : rassurer avant le premier appel</h2><p>Confier ses vacances, et souvent plusieurs milliers d’euros, à une agence demande de la confiance. Deux éléments la créent :</p><ul><li><strong>Les avis clients</strong>, idéalement repris de votre fiche Google, avec le prénom et le type de voyage.</li><li><strong>Vos garanties professionnelles</strong> : immatriculation au registre des opérateurs de voyages, garantie financière et assurance responsabilité civile professionnelle, avec leurs logos et références.</li></ul><p>Ces informations sont souvent cachées dans les mentions légales. Mettez-les en avant : elles distinguent une agence sérieuse d’un site douteux.</p></section>

<section class="cglg-s" id="devis"><h2><i>08</i>Contact et demande de devis : le moment qui compte</h2><p>Toutes les pages précédentes servent à amener le visiteur ici. Le formulaire doit être simple et rapide :</p><ol><li>Nom, e-mail et téléphone.</li><li>Destination envisagée, période et nombre de voyageurs.</li><li>Un champ libre « Parlez-nous de votre projet ».</li></ol><p>Ajoutez vos horaires, votre adresse avec une carte, et un bouton d’appel cliquable sur mobile. Et surtout : <strong>répondez vite</strong>. Une demande traitée dans la journée a beaucoup plus de chances d’aboutir.</p><hr><p><strong>Bonus qui fait la différence :</strong> un site rapide et lisible sur téléphone, une fiche Google reliée au site, et de nouvelles pages ajoutées régulièrement. Google favorise les sites vivants.</p></section>

<section class="cglg-s" id="questions-frequentes"><h2><i>09</i>Questions fréquentes</h2><h3>Combien de pages faut-il pour un site d’agence de voyage ?</h3>
<p>Au minimum 5 à 7 : accueil, une page par grande destination, une page par type de voyage, une page agence, une page avis et une page contact. Vous pouvez ensuite ajouter une page par circuit et par destination au fil des saisons.</p>
<h3>Faut-il afficher ses prix sur le site ?</h3>
<p>Il n’est pas nécessaire de tout afficher, mais un budget indicatif (« à partir de… ») rassure et filtre les demandes. Un voyageur qui connaît l’ordre de grandeur envoie une demande de devis plus sérieuse.</p>
<h3>Mon agence fait partie d’un réseau, ai-je besoin de mon propre site ?</h3>
<p>Le site du réseau présente le réseau, pas votre agence. Votre propre site met en avant votre équipe, vos destinations de prédilection et vos avis clients, et vous permet d’être trouvé localement.</p>
<h3>Combien coûte un site pour une agence de voyage ?</h3>
<p>Chez Cogri, un site vitrine pour agence de voyage démarre à 1 190 € pour 5 pages, et 1 990 € pour une version plus complète. Un abonnement à 290 €/mois permet d’ajouter 2 nouvelles pages destination chaque mois.</p></section>
<section class="cglg-s" id="en-resume"><h2><i>10</i>En résumé</h2><p>Un bon site d’agence de voyage n’est pas une simple vitrine : c’est un conseiller ouvert 24 h/24, qui inspire avec des pages destination, rassure avec des avis et des garanties, et transforme l’envie en demande de devis.</p><p>Vous voulez ces pages pour votre agence, sans y passer vos soirées ? Découvrez <a href="/site-internet-agence-de-voyage/">notre offre de site internet pour agence de voyage</a> ou <a href="/contact/?offre=agence-voyage">écrivez-moi</a>.</p></section>

        <div class="cglg-cta"><div><b>Votre site d’agence vous amène-t-il des demandes de devis ?</b><span>Envoyez-moi l’adresse de votre site : je vous dis quelles pages ajouter en priorité.</span></div><a href="/contact/?offre=agence-voyage">Me contacter</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Combien de pages faut-il pour un site d’agence de voyage ?","acceptedAnswer":{"@type":"Answer","text":"Au minimum 5 à 7 : accueil, une page par grande destination, une page par type de voyage, une page agence, une page avis et une page contact. Vous pouvez ensuite ajouter une page par circuit et par destination au fil des saisons."}},{"@type":"Question","name":"Faut-il afficher ses prix sur le site ?","acceptedAnswer":{"@type":"Answer","text":"Il n’est pas nécessaire de tout afficher, mais un budget indicatif (« à partir de… ») rassure et filtre les demandes. Un voyageur qui connaît l’ordre de grandeur envoie une demande de devis plus sérieuse."}},{"@type":"Question","name":"Mon agence fait partie d’un réseau, ai-je besoin de mon propre site ?","acceptedAnswer":{"@type":"Answer","text":"Le site du réseau présente le réseau, pas votre agence. Votre propre site met en avant votre équipe, vos destinations de prédilection et vos avis clients, et vous permet d’être trouvé localement."}},{"@type":"Question","name":"Combien coûte un site pour une agence de voyage ?","acceptedAnswer":{"@type":"Answer","text":"Chez Cogri, un site vitrine pour agence de voyage démarre à 1 190 € pour 5 pages, et 1 990 € pour une version plus complète. Un abonnement à 290 €/mois permet d’ajouter 2 nouvelles pages destination chaque mois."}}]}</script>
<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-b56de42 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="b56de42" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7d478f9 elementor-widget elementor-widget-html" data-id="7d478f9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/site-internet-agence-de-voyage-pages-indispensables/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Pourquoi avoir un vrai site internet en 2026 ?</title>
		<link>https://cogri.fr/pourquoi-avoir-un-site-internet/</link>
					<comments>https://cogri.fr/pourquoi-avoir-un-site-internet/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 07:11:16 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/?p=1915</guid>

					<description><![CDATA[Agence de voyage, restaurant, artisan : ce qu'un vrai site vous rapporte face à Google, aux plateformes et aux réseaux sociaux. Chiffres et checklist.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1915" class="elementor elementor-1915 elementor-bc-flex-widget">
				<div class="elementor-element elementor-element-3174f9c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="3174f9c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-bf7ca3d elementor-widget elementor-widget-html" data-id="bf7ca3d" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-a63998e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="a63998e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f5e33b2 elementor-widget elementor-widget-html" data-id="f5e33b2" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>
<style>
.cglg-s ol{list-style:none;margin:12px 0;padding:0;counter-reset:cgn}
.cglg-s ol li{counter-increment:cgn;position:relative;padding-left:44px;margin:0 0 14px}
.cglg-s ol li::before{content:counter(cgn);position:absolute;left:0;top:.05em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:transparent;border:1px solid rgba(124,196,255,.35);clip-path:none}
.cglg-s hr{border:0;border-top:1px solid var(--line);margin:24px 0}
</style>

<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · Présence en ligne</span>
    <h1>Pourquoi avoir un vrai site internet <span>en 2026 ?</span></h1>
    <p class="cglg-lead">Agence de voyage, restaurant, artisan ou commerce : ce qu’un vrai site vous rapporte face à Google, aux plateformes et aux réseaux sociaux. Chiffres sourcés et checklist.</p>
    <div class="cglg-meta"><span>Mis à jour le <b>7 octobre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#bref"><i>01</i>En bref</a></li><li><a href="#cout"><i>02</i>Ce que vous coûte l’absence de site internet</a></li><li><a href="#outils"><i>03</i>Fiche Google, réseaux sociaux, plateformes : utiles, mais pas suffisants</a></li><li><a href="#agences"><i>04</i>Agences de voyage : votre expertise doit se voir en ligne</a></li><li><a href="#restaurants"><i>05</i>Restaurants : chaque réservation directe est une commission économisée</a></li><li><a href="#artisans"><i>06</i>Artisans et commerces : être trouvé dans sa ville</a></li><li><a href="#criteres"><i>07</i>Les 8 critères d’un vrai site en 2026</a></li><li><a href="#questions-frequentes"><i>08</i>Questions fréquentes</a></li><li><a href="#en-resume"><i>09</i>En résumé</a></li></ol></nav>
      <div>
<section class="cglg-s" id="bref"><h2><i>01</i>En bref</h2><div class="cglg-short"><p>Avant de réserver un voyage, une table ou un artisan, votre futur client tape votre nom sur Google. Ce qu’il trouve décide s’il vous appelle ou s’il passe au suivant. C’est toute la réponse à la question <strong>pourquoi avoir un site internet</strong> : pour gagner ce moment-là.</p>
<p>Beaucoup de professionnels pensent qu’une fiche Google ou une page Facebook suffit. Elles aident, mais elles ne vous appartiennent pas, et elles vous mettent côte à côte avec vos concurrents. Un vrai site, c’est l’endroit où vous expliquez pourquoi vous, et où le client passe à l’action sans intermédiaire.</p>
<p>Dans ce guide : ce que coûte l’absence de site, puis ce qu’un bon site change concrètement pour trois métiers, les agences de voyage, les restaurants et les artisans ou commerces de proximité.</p></div></section>
<section class="cglg-s" id="cout"><h2><i>02</i>Ce que vous coûte l’absence de site internet</h2><p>Sans site, vous êtes absent du moment où la majorité des clients se décident. Les chiffres sont clairs :</p>
<table><thead><tr><th>Constat</th><th>Chiffre</th><th>Source</th></tr></thead><tbody>
<tr><td>Français partis en vacances qui ont préparé leur séjour en ligne</td><td><strong>78 %</strong></td><td><a href="https://www.lechotouristique.com/article/vacances-et-e-tourisme-les-chiffres-cles-2025-a-retenir" target="_blank" rel="noopener">Baromètre Raffour Interactif</a></td></tr>
<tr><td>Français partis qui ont réservé tout ou partie en ligne</td><td><strong>66 %</strong>, soit 26 millions de personnes</td><td><a href="https://www.lechotouristique.com/article/vacances-et-e-tourisme-les-chiffres-cles-2025-a-retenir" target="_blank" rel="noopener">Baromètre Raffour Interactif</a></td></tr>
<tr><td>Consommateurs qui passent par Google pour lire les avis sur un commerce local</td><td><strong>87 %</strong></td><td><a href="https://www.brightlocal.com/research/local-consumer-review-survey-2025/" target="_blank" rel="noopener">BrightLocal 2025</a> (États-Unis)</td></tr>
<tr><td>TPE et PME qui attirent au moins 5 % de leurs clients par internet</td><td><strong>56 %</strong></td><td><a href="https://www.lyon-metropole.cci.fr/actualite/barometre-france-num-2024-les-tpe-pme-voient-le-numerique-comme-un-atout" target="_blank" rel="noopener">Baromètre France Num 2024</a></td></tr>
<tr><td>Dirigeants de TPE et PME qui voient des bénéfices réels au numérique</td><td><strong>78 %</strong></td><td><a href="https://www.economie.gouv.fr/node/3237194" target="_blank" rel="noopener">Baromètre France Num 2025</a></td></tr>
</tbody></table>
<p>Concrètement, un professionnel sans site perd trois choses :</p>
<ul><li><strong>Des clients qu’il ne voit jamais.</strong> Ils vous ont cherché, n’ont rien trouvé de clair, et ont appelé le concurrent. Cette perte ne laisse aucune trace.</li>
<li><strong>De la confiance.</strong> Une entreprise sans site paraît plus petite, moins sérieuse, parfois fermée.</li>
<li><strong>De la marge.</strong> Faute de canal direct, vous payez des plateformes pour vous amener des clients qui auraient pu venir seuls.</li></ul></section>
<section class="cglg-s" id="outils"><h2><i>03</i>Fiche Google, réseaux sociaux, plateformes : utiles, mais pas suffisants</h2><p>Ces outils sont des vitrines dans la rue des autres ; votre site est votre propre boutique. Gardez-les, mais faites-les pointer vers votre site.</p>
<table><thead><tr><th>Outil</th><th>Ce qu’il fait bien</th><th>Sa limite</th></tr></thead><tbody>
<tr><td>Fiche Google (Google Business Profile)</td><td>Vous place sur la carte, affiche horaires et avis</td><td>Format imposé, vos concurrents s’affichent juste à côté</td></tr>
<tr><td>Facebook, Instagram</td><td>Montrer votre activité au quotidien</td><td>Peu visibles sur Google, portée décidée par l’algorithme</td></tr>
<tr><td>Plateformes (TheFork, Uber Eats, Booking…)</td><td>Apporter du volume</td><td>Commission sur chaque client, et le client reste le leur</td></tr>
<tr><td><strong>Votre site</strong></td><td>Expliquer votre différence, capter la demande directe</td><td>Demande un minimum de soin pour être bien référencé</td></tr>
</tbody></table>
<p>Le bon schéma : la fiche Google et les réseaux attirent l’attention, le site transforme cette attention en appel, en réservation ou en demande de devis. Pour aller plus loin sur la fiche Google, voyez notre <a href="/referencement-local-marseille/">guide du référencement local</a>.</p></section>
<section class="cglg-s" id="agences"><h2><i>04</i>Agences de voyage : votre expertise doit se voir en ligne</h2><p>Une agence indépendante ne gagne pas sur le prix face aux géants de la réservation en ligne. Elle gagne sur le conseil, et son site doit le montrer avant le premier échange.</p>
<p><strong>Ce qu’un vrai site d’agence de voyage apporte :</strong></p>
<ul><li><strong>Une page par destination.</strong> « Voyage sur-mesure Japon », « circuit Islande en famille » : chaque page vise une recherche précise. Un catalogue générique ne remonte sur aucune.</li>
<li><strong>Des itinéraires détaillés, jour par jour.</strong> Avec une carte interactive, le client se projette et comprend ce que votre conseil ajoute.</li>
<li><strong>Des autotours prêts à personnaliser.</strong> Ils servent de point de départ concret à la discussion.</li>
<li><strong>Un formulaire de devis bien pensé.</strong> Dates, budget, nombre de voyageurs, envies : vous recevez des demandes qualifiées au lieu de « c’est combien ? ».</li>
<li><strong>Vos atouts mis en avant.</strong> Garantie financière, immatriculation Atout France, avis clients, l’équipe en photo : ce qui rassure avant de confier plusieurs milliers d’euros.</li></ul>
<p>Avec 78 % des voyageurs qui préparent leur séjour en ligne, une agence sans pages destinations laisse ces recherches à d’autres.</p></section>
<section class="cglg-s" id="restaurants"><h2><i>05</i>Restaurants : chaque réservation directe est une commission économisée</h2><p>Pour un restaurant, le site sert d’abord à récupérer la marge laissée aux plateformes. Selon <a href="https://restaurant.eatapp.co/fr/blog/best-restaurant-reservation-software-apps-in-france-2026" target="_blank" rel="noopener">un comparatif publié en septembre 2026</a>, TheFork facture environ 139 € par mois, plus 2 à 4 € par couvert venu de la plateforme. Pour 400 couverts par mois, cela représente <strong>entre 940 et 1 740 €</strong>.</p>
<p>Côté livraison, <a href="https://www.fooderise.com/en/blog/commission-uber-eats-restaurant-france-pourcentage-2026" target="_blank" rel="noopener">Uber Eats annonce des commissions de 15 à 33 %</a> selon la formule choisie.</p>
<p><strong>Ce qu’un vrai site de restaurant doit proposer :</strong></p>
<ul><li><strong>La carte à jour, en texte.</strong> Pas un PDF illisible sur mobile : Google lit le texte, pas l’image.</li>
<li><strong>Un bouton de réservation directe</strong>, visible dès l’ouverture de la page.</li>
<li><strong>Horaires, accès, parking, plan</strong>, cohérents avec votre fiche Google.</li>
<li><strong>Des photos des plats et de la salle</strong>, prises chez vous.</li>
<li><strong>La commande à emporter en direct</strong>, si vous en faites.</li></ul>
<p>Gardez les plateformes pour la découverte. Le client qui revient doit pouvoir réserver chez vous, sans commission. Plus de détails sur notre page <a href="/site-internet-restaurant-marseille/">site internet pour restaurant</a>.</p></section>
<section class="cglg-s" id="artisans"><h2><i>06</i>Artisans et commerces : être trouvé dans sa ville</h2><p>Pour un artisan ou un commerce, tout se joue sur les recherches locales du type « plombier Marseille 5e » ou « fleuriste Aix-en-Provence ». Le site est ce qui vous fait apparaître sur ces requêtes, et ce qui convainc une fois qu’on vous a trouvé.</p>
<ul><li><strong>Une page par service et par zone.</strong> « Installation de climatisation à Aubagne » remonte mieux qu’une page « Nos services ».</li>
<li><strong>Des réalisations avec photos.</strong> Avant/après, chantiers terminés, vitrines : la preuve vaut mieux qu’un slogan.</li>
<li><strong>Vos garanties et certifications.</strong> Assurance décennale, labels RGE, Qualibat, Artisan d’Art : affichées en clair.</li>
<li><strong>Un numéro cliquable et un formulaire de devis court.</strong> Sur mobile, le client doit vous joindre en un geste.</li>
<li><strong>Les avis Google intégrés au site</strong>, pour rassurer sans que le client ait à chercher.</li></ul>
<p>Un client qui hésite entre deux artisans appelle presque toujours celui dont il comprend le mieux le travail. Voir aussi : <a href="/site-internet-artisan-marseille/">site internet pour artisan</a> et <a href="/site-internet-commerce-marseille/">site internet pour commerce</a>.</p></section>
<section class="cglg-s" id="criteres"><h2><i>07</i>Les 8 critères d’un vrai site en 2026</h2><p>Un site existe vraiment quand il coche ces huit points. Testez le vôtre :</p>
<ol><li><strong>Un nom de domaine à vous</strong> (votre-agence.fr), pas un sous-domaine gratuit.</li>
<li><strong>Parfait sur mobile</strong> : la majorité des visites se fait sur téléphone.</li>
<li><strong>Rapide</strong> : la page s’affiche en moins de 3 secondes.</li>
<li><strong>Une page par service, destination ou plat phare</strong>, chacune avec son propre titre.</li>
<li><strong>Un appel à l’action visible</strong> : réserver, demander un devis, appeler.</li>
<li><strong>Des preuves</strong> : avis, photos réelles, garanties, certifications.</li>
<li><strong>Les mentions légales et la politique de confidentialité</strong>, obligatoires pour tout site professionnel.</li>
<li><strong>Un contenu mis à jour</strong> : horaires, tarifs, offres de la saison.</li></ol>
<p>Si vous cochez moins de cinq points, votre site vous fait probablement perdre des clients. Pour situer votre budget, consultez notre guide sur <a href="/prix-site-internet-marseille/">le prix d’un site internet</a>.</p></section>
<section class="cglg-s" id="questions-frequentes"><h2><i>08</i>Questions fréquentes</h2><h3>Une fiche Google suffit-elle pour une petite entreprise ?</h3>
<p>Elle suffit pour être localisé, pas pour convaincre. La fiche montre où vous êtes ; le site explique pourquoi vous choisir et permet de réserver ou de demander un devis.</p>
<h3>Combien coûte un site internet professionnel ?</h3>
<p>Tout dépend du nombre de pages et des fonctions (réservation, devis, multilingue). Chez Cogri, un site vitrine démarre à 1 190 € (une page unique, type landing page, à 790 €). Comparez ce montant à ce que vous versez chaque mois aux plateformes.</p>
<h3>Combien de temps pour apparaître sur Google ?</h3>
<p>Un nouveau site est en général indexé en quelques jours. Remonter sur des recherches concurrentielles prend plutôt quelques mois, d’où l’intérêt de commencer tôt.</p>
<h3>Un site fait avec un outil gratuit, ça ne suffit pas ?</h3>
<p>Ce qui compte, c’est le résultat : votre propre nom de domaine, des pages pensées pour les recherches de vos clients, et un site rapide sur mobile. Un site gratuit sur un sous-domaine coche rarement ces cases.</p>
<h3>Faut-il mettre son site à jour souvent ?</h3>
<p>Au minimum à chaque changement d’horaires, de tarifs ou d’offres. Ajouter régulièrement du contenu utile (une destination, un chantier, un plat de saison) aide aussi votre référencement.</p></section>
<section class="cglg-s" id="en-resume"><h2><i>09</i>En résumé</h2><p>Un vrai site vous rend visible quand on vous cherche, rassure avant le premier contact et ramène en direct des clients que vous payez aujourd’hui aux plateformes. Pour une agence de voyage, un restaurant ou un artisan, c’est souvent l’investissement le plus rentable de l’année.</p>
<p>Vous voulez savoir ce que votre site actuel vous fait perdre, ou partir de zéro ? Cogri conçoit des sites pensés pour votre métier, avec un seul interlocuteur du début à la fin. Découvrez <a href="/#cg-tarifs">les tarifs</a> ou <a href="/contact/">écrivez-moi</a>.</p></section>
        <div class="cglg-cta"><div><b>Votre site vous fait-il perdre des clients ?</b><span>Décrivez-moi votre activité : je vous dis ce que je changerais en priorité.</span></div><a href="/contact/">Me contacter</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Une fiche Google suffit-elle pour une petite entreprise ?","acceptedAnswer":{"@type":"Answer","text":"Elle suffit pour être localisé, pas pour convaincre. La fiche montre où vous êtes ; le site explique pourquoi vous choisir et permet de réserver ou de demander un devis."}},{"@type":"Question","name":"Combien coûte un site internet professionnel ?","acceptedAnswer":{"@type":"Answer","text":"Tout dépend du nombre de pages et des fonctions (réservation, devis, multilingue). Chez Cogri, un site vitrine démarre à 1 190 € (une page unique, type landing page, à 790 €). Comparez ce montant à ce que vous versez chaque mois aux plateformes."}},{"@type":"Question","name":"Combien de temps pour apparaître sur Google ?","acceptedAnswer":{"@type":"Answer","text":"Un nouveau site est en général indexé en quelques jours. Remonter sur des recherches concurrentielles prend plutôt quelques mois, d’où l’intérêt de commencer tôt."}},{"@type":"Question","name":"Un site fait avec un outil gratuit, ça ne suffit pas ?","acceptedAnswer":{"@type":"Answer","text":"Ce qui compte, c’est le résultat : votre propre nom de domaine, des pages pensées pour les recherches de vos clients, et un site rapide sur mobile. Un site gratuit sur un sous-domaine coche rarement ces cases."}},{"@type":"Question","name":"Faut-il mettre son site à jour souvent ?","acceptedAnswer":{"@type":"Answer","text":"Au minimum à chaque changement d’horaires, de tarifs ou d’offres. Ajouter régulièrement du contenu utile (une destination, un chantier, un plat de saison) aide aussi votre référencement."}}]}</script>
<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-c683ef3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="c683ef3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-c64312e elementor-widget elementor-widget-html" data-id="c64312e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/pourquoi-avoir-un-site-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Référencement local à Marseille : le guide 2026</title>
		<link>https://cogri.fr/referencement-local-marseille/</link>
					<comments>https://cogri.fr/referencement-local-marseille/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Thu, 01 Oct 2026 08:52:54 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/referencement-local-marseille/</guid>

					<description><![CDATA[Fiche Google Business, avis, citations locales : le guide pas à pas pour apparaître sur Google Maps à Marseille quand on est commerçant ou artisan.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1829" class="elementor elementor-1829">
				<div class="elementor-element elementor-element-49d8e0c e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="49d8e0c" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7fb612c elementor-widget elementor-widget-html" data-id="7fb612c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d07932a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="d07932a" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4a47ed3 elementor-widget elementor-widget-html" data-id="4a47ed3" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>
<style>
.cglg-s ol{list-style:none;margin:12px 0;padding:0;counter-reset:cgn}
.cglg-s ol li{counter-increment:cgn;position:relative;padding-left:44px;margin:0 0 14px}
.cglg-s ol li::before{content:counter(cgn);position:absolute;left:0;top:.05em;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--accent);background:transparent;border:1px solid rgba(124,196,255,.35);clip-path:none}
.cglg-s hr{border:0;border-top:1px solid var(--line);margin:24px 0}
</style>
<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · SEO local</span>
    <h1>Référencement local <span>à Marseille : le guide 2026</span></h1>
    <p class="cglg-lead">Fiche Google Business, avis, site, informations cohérentes : les étapes concrètes pour apparaître sur Google et Google Maps quand on est commerçant ou artisan à Marseille.</p>
    <div class="cglg-meta"><span>Mis à jour le <b>1 octobre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#bref"><i>01</i>En bref</a></li><li><a href="#pourquoi-le-referencement-loca"><i>02</i>Pourquoi le référencement local est décisif à Marseille</a></li><li><a href="#etape-1-soigner-votre-fiche-go"><i>03</i>Étape 1 : soigner votre fiche Google Business Profile</a></li><li><a href="#etape-2-obtenir-et-gerer-les-a"><i>04</i>Étape 2 : obtenir et gérer les avis Google</a></li><li><a href="#etape-3-avoir-un-site-qui-sout"><i>05</i>Étape 3 : avoir un site qui soutient votre visibilité locale</a></li><li><a href="#etape-4-garder-des-information"><i>06</i>Étape 4 : garder des informations cohérentes sur tout le web</a></li><li><a href="#etape-5-produire-du-contenu-an"><i>07</i>Étape 5 : produire du contenu ancré dans votre territoire</a></li><li><a href="#les-erreurs-qui-coutent-le-plu"><i>08</i>Les erreurs qui coûtent le plus cher</a></li><li><a href="#combien-de-temps-avant-de-voir"><i>09</i>Combien de temps avant de voir des résultats ?</a></li><li><a href="#checklist-de-depart"><i>10</i>Checklist de départ</a></li><li><a href="#questions-frequentes"><i>11</i>Questions fréquentes</a></li><li><a href="#en-resume"><i>12</i>En résumé</a></li></ol></nav>
      <div>
<section class="cglg-s" id="bref"><h2><i>01</i>En bref</h2><div class="cglg-short"><p>Quand un habitant du Panier cherche « boulangerie ouverte maintenant » ou qu’un touriste tape « restaurant près du Vieux-Port », Google ne montre pas les sites les plus anciens. Il met en avant les établissements les plus pertinents, les plus proches et les mieux notés. C’est tout l’enjeu du <strong>référencement local à Marseille</strong> : faire en sorte que votre commerce, votre cabinet ou votre atelier apparaisse là où vos futurs clients regardent, c’est-à-dire dans les résultats locaux et sur Google Maps.</p>
<p>La bonne nouvelle, c’est que le référencement local est le levier le plus accessible pour une petite structure. Il ne demande pas un gros budget, mais de la rigueur et quelques bons réflexes. Ce guide détaille les étapes dans l’ordre où je les appliquerais pour un nouveau client.</p></div></section>
<section class="cglg-s" id="pourquoi-le-referencement-loca"><h2><i>02</i>Pourquoi le référencement local est décisif à Marseille</h2><p>Quand une recherche a une dimension géographique (« plombier Marseille 8e », « coiffeur Cours Julien », « avocat près de moi »), Google affiche en haut de page un bloc de trois établissements avec une carte. On l’appelle le <strong>local pack</strong>. Être dans ce bloc change beaucoup de choses : appels, demandes d’itinéraire, visites en boutique.</p>
<p>Google l’explique lui-même dans son aide : le classement local repose sur trois critères.</p>
<ul>
<li><strong>La pertinence</strong> : votre fiche correspond-elle à ce que la personne cherche ?</li>
<li><strong>La distance</strong> : à quelle distance de la personne se trouve votre établissement ?</li>
<li><strong>La notoriété</strong> : êtes-vous connu et reconnu, notamment grâce aux avis et aux liens depuis d’autres sites ?</li>
</ul>
<p>Vous ne pouvez pas changer la distance, mais vous pouvez agir sur les deux autres. Marseille ajoute ses propres particularités : une ville étendue avec seize arrondissements et des quartiers aux identités très marquées, une forte clientèle touristique qui cherche en français, en anglais ou en espagnol, et une concurrence locale dense dans la restauration, le bâtiment et les services. Travailler sa visibilité à l’échelle du quartier est souvent plus efficace que de viser « Marseille » en général.</p>
<p>Source utile : <a href="https://support.google.com/business/answer/7091?hl=fr" target="_blank" rel="noopener">l’aide Google sur l’amélioration du classement local</a>.</p></section>
<section class="cglg-s" id="etape-1-soigner-votre-fiche-go"><h2><i>03</i>Étape 1 : soigner votre fiche Google Business Profile</h2><p>La fiche Google Business Profile (anciennement Google My Business) est le fondement du référencement local. Elle est gratuite et c’est elle qui alimente Google Maps et le bloc local.</p>
<p><strong>À faire en priorité :</strong></p>
<ol>
<li><strong>Revendiquer et valider la fiche.</strong> Si elle existe déjà sans que vous l’ayez créée, demandez-en la propriété plutôt que d’en ouvrir une seconde. Les doublons nuisent à la visibilité.</li>
<li><strong>Choisir la bonne catégorie principale.</strong> C’est l’un des signaux de pertinence les plus importants. Un « restaurant de fruits de mer » et un « restaurant » ne répondent pas aux mêmes recherches. Ajoutez ensuite des catégories secondaires cohérentes.</li>
<li><strong>Renseigner l’adresse, la zone de service et les horaires exacts.</strong> Pensez aux horaires exceptionnels (jours fériés, vacances d’été) : une fiche fausse fait fuir les clients et dégrade les avis.</li>
<li><strong>Utiliser le vrai nom de l’établissement.</strong> Ajouter des mots-clés au nom de la fiche va à l’encontre des règles de Google et peut entraîner une suspension.</li>
<li><strong>Rédiger une description claire</strong> : ce que vous faites, pour qui, dans quel quartier, en quoi vous êtes différent.</li>
<li><strong>Ajouter des photos de qualité</strong> : façade, intérieur, équipe, réalisations, produits. Une fiche vivante rassure.</li>
<li><strong>Lister vos services ou produits</strong> avec une courte description et, si possible, un prix indicatif.</li>
<li><strong>Pointer vers la bonne page de votre site</strong> : la page d’accueil pour un commerce unique, la page de l’agence concernée si vous en avez plusieurs.</li>
</ol>
<p>Faites ensuite un point une fois par mois : nouvelles photos, horaires, offres du moment.</p></section>
<section class="cglg-s" id="etape-2-obtenir-et-gerer-les-a"><h2><i>04</i>Étape 2 : obtenir et gérer les avis Google</h2><p>Les avis pèsent à la fois sur votre classement (notoriété) et sur la décision du client. Entre deux établissements équivalents, c’est souvent la note et la qualité des réponses qui font pencher la balance.</p>
<p><strong>Les bons réflexes :</strong></p>
<ul>
<li><strong>Demandez un avis au bon moment</strong>, juste après une prestation réussie : en caisse, à la livraison du chantier, dans le message de remerciement.</li>
<li><strong>Facilitez la démarche</strong> avec le lien direct d’avis de votre fiche, sous forme de QR code en boutique ou de lien dans un SMS ou un e-mail.</li>
<li><strong>Répondez à tous les avis</strong>, positifs comme négatifs, de façon courte, polie et personnalisée. Face à un avis négatif, remerciez, proposez une solution et reconnaissez ce qui doit l’être. Les futurs clients lisent vos réponses autant que les avis.</li>
<li><strong>N’achetez jamais d’avis et n’en rédigez pas vous-même.</strong> C’est contraire aux règles de Google et cela se retourne contre vous.</li>
</ul>
<p>Un flux régulier d’avis récents vaut mieux qu’une rafale suivie de mois de silence.</p></section>
<section class="cglg-s" id="etape-3-avoir-un-site-qui-sout"><h2><i>05</i>Étape 3 : avoir un site qui soutient votre visibilité locale</h2><p>Votre fiche Google fait le premier travail, mais votre site confirme à Google que vous êtes bien l’acteur local légitime sur votre métier. Un site lent, difficile à lire sur mobile ou flou sur sa zone d’activité freine tout le reste.</p>
<p><strong>Les éléments qui comptent :</strong></p>
<ul>
<li><strong>Des coordonnées visibles et identiques partout</strong> : nom, adresse, téléphone. Les mêmes que sur votre fiche Google, au caractère près.</li>
<li><strong>Une page claire par service important</strong>, rédigée pour de vrai (ce que vous faites, comment, pour qui, à quel prix indicatif), plutôt que dix pages quasi identiques où seul le nom du quartier change. Google sait repérer ces pages creuses.</li>
<li><strong>Votre zone d’intervention expliquée</strong> avec des mots naturels : arrondissements, quartiers, communes voisines.</li>
<li><strong>Une carte Google Maps intégrée</strong> sur la page de contact, avec le plan d’accès et les moyens de transport.</li>
<li><strong>Un affichage impeccable sur mobile</strong> : beaucoup de recherches locales se font depuis un téléphone, souvent en situation de besoin immédiat.</li>
<li><strong>Un bon temps de chargement</strong> et un certificat de sécurité (HTTPS).</li>
<li><strong>Des données structurées de type LocalBusiness</strong>, qui aident Google à comprendre votre activité, vos horaires et votre adresse.</li>
</ul>
<p>Si vous hésitez entre refaire ou améliorer votre site, notre guide sur <a href="/prix-site-internet-marseille/">le prix d’un site internet à Marseille</a> vous aide à situer votre budget. Les restaurateurs trouveront des conseils spécifiques sur la page <a href="/site-internet-restaurant-marseille/">site internet pour restaurant à Marseille</a>.</p></section>
<section class="cglg-s" id="etape-4-garder-des-information"><h2><i>06</i>Étape 4 : garder des informations cohérentes sur tout le web</h2><p>Google recoupe les informations de votre établissement à partir de nombreuses sources. Si votre adresse s’écrit de trois façons différentes ou si un ancien numéro traîne encore, il hésite et peut vous classer moins haut.</p>
<p><strong>Pour y remédier :</strong></p>
<ul>
<li>Choisissez <strong>une seule écriture</strong> de votre nom, de votre adresse et de votre numéro, puis appliquez-la partout.</li>
<li>Inscrivez-vous sur les <strong>annuaires et plateformes utiles</strong> pour votre secteur : Pages Jaunes, Apple Plans, Bing Places, annuaires professionnels de votre métier, sites de réservation ou d’avis spécialisés.</li>
<li><strong>Corrigez les anciennes fiches</strong> (déménagement, changement de numéro, ancienne enseigne).</li>
<li>Quand c’est possible, obtenez <strong>des liens depuis des sites locaux</strong> : associations de commerçants, partenaires, fournisseurs, presse locale, événements de quartier.</li>
</ul>
<p>Ce travail est peu spectaculaire, mais il construit la confiance de Google dans vos informations.</p></section>
<section class="cglg-s" id="etape-5-produire-du-contenu-an"><h2><i>07</i>Étape 5 : produire du contenu ancré dans votre territoire</h2><p>Un blog ou des pages d’actualités permettent de répondre aux questions de vos clients et de capter des recherches que votre fiche seule ne couvre pas. Quelques idées applicables à presque tous les métiers :</p>
<ul>
<li>Répondre aux questions fréquentes de vos clients (« combien de temps dure… », « comment choisir… », « que faire si… »).</li>
<li>Raconter vos réalisations et chantiers dans un quartier précis, avec photos et contexte.</li>
<li>Présenter des conseils saisonniers adaptés au climat et au rythme marseillais (chaleur estivale, mistral, saison touristique).</li>
<li>Relayer les événements locaux auxquels vous participez.</li>
</ul>
<p>La règle est simple : un contenu utile pour un vrai client vaut mieux qu’un texte rédigé pour plaire à Google.</p></section>
<section class="cglg-s" id="les-erreurs-qui-coutent-le-plu"><h2><i>08</i>Les erreurs qui coûtent le plus cher</h2><ul>
<li><strong>Négliger sa fiche</strong> après sa création, avec des horaires faux et aucune photo récente.</li>
<li><strong>Créer plusieurs fiches</strong> pour le même établissement.</li>
<li><strong>Ajouter des mots-clés au nom</strong> de la fiche.</li>
<li><strong>Ignorer les avis</strong>, surtout les négatifs.</li>
<li><strong>Laisser des informations contradictoires</strong> entre le site, la fiche et les annuaires.</li>
<li><strong>Publier des dizaines de pages quasi identiques</strong> « plombier + nom de quartier ».</li>
<li><strong>Oublier le mobile</strong>, alors qu’une grande partie des recherches locales se font depuis un téléphone.</li>
</ul></section>
<section class="cglg-s" id="combien-de-temps-avant-de-voir"><h2><i>09</i>Combien de temps avant de voir des résultats ?</h2><p>Personne ne peut promettre un délai précis. Les corrections de fiche (catégorie, horaires, photos) peuvent produire un effet visible en quelques semaines. La construction de la notoriété (avis, mentions, contenus) se joue plutôt sur plusieurs mois, et elle dépend du niveau de concurrence dans votre métier et votre quartier. L’important est de mesurer : appels, demandes d’itinéraire et visites du site depuis votre fiche sont des indicateurs plus parlants que la seule position dans Google.</p></section>
<section class="cglg-s" id="checklist-de-depart"><h2><i>10</i>Checklist de départ</h2><ul>
<li>Fiche Google Business Profile revendiquée et vérifiée</li>
<li>Catégorie principale et catégories secondaires choisies</li>
<li>Horaires, adresse, téléphone et site à jour</li>
<li>Au moins quelques photos récentes et de bonne qualité</li>
<li>Lien direct d’avis diffusé auprès de vos clients</li>
<li>Réponse à tous les avis existants</li>
<li>Nom, adresse et téléphone identiques sur le site et les annuaires</li>
<li>Site lisible sur mobile, rapide et sécurisé</li>
<li>Page de contact avec carte intégrée</li>
<li>Une page claire par service principal</li>
</ul></section>
<section class="cglg-s" id="questions-frequentes"><h2><i>11</i>Questions fréquentes</h2><h3>Comment apparaître sur Google Maps à Marseille ?</h3>
<p>Il faut créer et valider une fiche Google Business Profile, choisir la bonne catégorie, renseigner des informations exactes et complètes, ajouter des photos et récolter des avis. Votre site et la cohérence de vos informations sur le web renforcent ensuite votre visibilité.</p>
<h3>Le référencement local est-il payant ?</h3>
<p>La fiche Google Business Profile est gratuite, tout comme la demande d’avis à vos clients. Les coûts viennent du temps passé, éventuellement d’un site à améliorer et, si vous le souhaitez, de l’accompagnement d’un professionnel.</p>
<h3>Faut-il un site internet pour être visible en local ?</h3>
<p>Une fiche Google peut déjà apporter des contacts, mais un site bien construit renforce votre crédibilité, répond aux questions des clients et envoie à Google des signaux de confiance supplémentaires. Il permet aussi d’être trouvé sur des recherches que la fiche ne couvre pas.</p>
<h3>Peut-on acheter des avis Google ?</h3>
<p>Non. Les avis achetés ou rédigés par l’établissement lui-même sont contraires aux règles de Google et peuvent entraîner leur suppression, voire une sanction sur la fiche. Mieux vaut organiser une demande d’avis régulière auprès de vrais clients.</p>
<h3>Faut-il créer une page par quartier de Marseille ?</h3>
<p>Seulement si vous avez un contenu réellement utile à proposer pour chaque quartier : réalisations locales, informations d’accès, spécificités de service. Des pages quasi identiques où seul le nom change n’apportent rien et peuvent nuire.</p></section>
<section class="cglg-s" id="en-resume"><h2><i>12</i>En résumé</h2><p>Le référencement local à Marseille repose sur quelques fondamentaux : une fiche Google Business Profile complète, des avis vivants, un site clair et rapide, des informations cohérentes partout et un contenu utile à vos clients. Appliquées avec régularité, ces actions suffisent souvent à vous faire gagner en visibilité face à des concurrents qui négligent leur présence en ligne.</p>
<p>Vous voulez un regard extérieur sur votre fiche Google et votre site ? Découvrez <a href="/services/">nos services de création de site et de référencement</a> ou <a href="/contact/">contactez-nous</a> pour faire le point sur votre situation.</p></section>
        <div class="cglg-cta"><div><b>Besoin d'un regard extérieur sur votre visibilité locale ?</b><span>Décrivez-nous votre activité et votre besoin : nous revenons vers vous.</span></div><a href="/contact/">Nous contacter</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Comment apparaître sur Google Maps à Marseille ?","acceptedAnswer":{"@type":"Answer","text":"Il faut créer et valider une fiche Google Business Profile, choisir la bonne catégorie, renseigner des informations exactes et complètes, ajouter des photos et récolter des avis. Votre site et la cohérence de vos informations sur le web renforcent ensuite votre visibilité."}},{"@type":"Question","name":"Le référencement local est-il payant ?","acceptedAnswer":{"@type":"Answer","text":"La fiche Google Business Profile est gratuite, tout comme la demande d’avis à vos clients. Les coûts viennent du temps passé, éventuellement d’un site à améliorer et, si vous le souhaitez, de l’accompagnement d’un professionnel."}},{"@type":"Question","name":"Faut-il un site internet pour être visible en local ?","acceptedAnswer":{"@type":"Answer","text":"Une fiche Google peut déjà apporter des contacts, mais un site bien construit renforce votre crédibilité, répond aux questions des clients et envoie à Google des signaux de confiance supplémentaires. Il permet aussi d’être trouvé sur des recherches que la fiche ne couvre pas."}},{"@type":"Question","name":"Peut-on acheter des avis Google ?","acceptedAnswer":{"@type":"Answer","text":"Non. Les avis achetés ou rédigés par l’établissement lui-même sont contraires aux règles de Google et peuvent entraîner leur suppression, voire une sanction sur la fiche. Mieux vaut organiser une demande d’avis régulière auprès de vrais clients."}},{"@type":"Question","name":"Faut-il créer une page par quartier de Marseille ?","acceptedAnswer":{"@type":"Answer","text":"Seulement si vous avez un contenu réellement utile à proposer pour chaque quartier : réalisations locales, informations d’accès, spécificités de service. Des pages quasi identiques où seul le nom change n’apportent rien et peuvent nuire."}}]}</script>
<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-9373aa6 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="9373aa6" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-b658071 elementor-widget elementor-widget-html" data-id="b658071" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/referencement-local-marseille/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Combien coûte un site internet à Marseille en 2026 ?</title>
		<link>https://cogri.fr/prix-site-internet-marseille/</link>
					<comments>https://cogri.fr/prix-site-internet-marseille/#respond</comments>
		
		<dc:creator><![CDATA[Corentin Fournier]]></dc:creator>
		<pubDate>Mon, 28 Sep 2026 09:09:03 +0000</pubDate>
				<category><![CDATA[Guides]]></category>
		<guid isPermaLink="false">https://cogri.fr/?p=1162</guid>

					<description><![CDATA[Prix d'un site vitrine à Marseille, ce qui fait varier le tarif, coûts après la mise en ligne et tarifs détaillés de Cogri.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1162" class="elementor elementor-1162">
				<div class="elementor-element elementor-element-7641ee1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="7641ee1" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-52eaf4e elementor-widget elementor-widget-html" data-id="52eaf4e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<style>
/* =====================================================================
   SUPPRIME LE CADRE BLANC
   ===================================================================== */
body:has(#cg-header){margin:0!important}
.e-con:has(#cg-header),.e-con:has(#cg-header) > .e-con-inner,
.elementor-section:has(#cg-header),.elementor-section:has(#cg-header) > .elementor-container,
.elementor-column:has(#cg-header) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-header),.elementor-widget-html:has(#cg-header) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

/* =====================================================================
   HEADER
   ===================================================================== */
.cg-header{
  --accent:#7cc4ff; --brand:#000080;
  position:fixed;left:0;right:0;top:var(--wp-admin--admin-bar--height,0px);z-index:9990;
  font-family:'Satoshi',system-ui,sans-serif;color:#fff;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),background-color .4s,box-shadow .4s;
}
.cg-header *,.cg-header *::before,.cg-header *::after{box-sizing:border-box}
.cg-header a{text-decoration:none}
.cg-header.is-scrolled{background:rgba(0,0,43,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 20px 40px -20px rgba(0,0,30,.6)}
.cg-header.is-hidden{transform:translateY(-110%)}
.cg-head{max-width:1600px;margin:0 auto;height:84px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:24px;
  transition:height .4s cubic-bezier(.2,.8,.2,1);animation:cgHeadIn 1s cubic-bezier(.19,1,.22,1) both .1s}
.cg-header.is-scrolled .cg-head{height:68px}
@keyframes cgHeadIn{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}

.cg-logo{position:relative;z-index:2;display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:26px;letter-spacing:.06em;line-height:1}
.cg-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cg-logo:hover b{transform:translateY(-3px) rotate(8deg)}

.cg-nav{position:relative;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.cg-nav a{position:relative;z-index:1;display:block;padding:10px 18px;border-radius:999px;font-size:15px;font-weight:500;color:#cfcaf5!important;transition:color .25s;white-space:nowrap}
.cg-nav a:hover,.cg-nav a.is-active{color:#fff!important}
.cg-nav a.is-active::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--accent)}
.cg-nav-pill{position:absolute;top:5px;bottom:5px;left:0;width:0;border-radius:999px;background:rgba(255,255,255,.1);opacity:0;
  transition:left .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),opacity .3s}

.cg-head-right{display:flex;align-items:center;gap:12px}
.cg-head-cta{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 8px 0 20px;border-radius:999px;background:var(--accent);
  color:var(--brand)!important;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cg-head-cta span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:var(--accent)}
.cg-head-cta svg{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cg-head-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px -10px var(--accent)}
.cg-head-cta:hover svg{transform:rotate(-45deg)}

.cg-burger{display:none;position:relative;z-index:2;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);
  color:#fff;cursor:pointer;padding:0;align-items:center;justify-content:center}
.cg-burger i{position:absolute;left:14px;right:14px;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.77,0,.18,1),top .45s cubic-bezier(.77,0,.18,1)}
.cg-burger i:nth-child(1){top:19px}.cg-burger i:nth-child(2){top:27px}
.cg-header.is-open .cg-burger i:nth-child(1){top:23px;transform:rotate(45deg)}
.cg-header.is-open .cg-burger i:nth-child(2){top:23px;transform:rotate(-45deg)}
.cg-header a:focus-visible,.cg-burger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.cg-menu{position:fixed;inset:0;top:var(--wp-admin--admin-bar--height,0px);z-index:1;background:#00002b;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;padding:120px clamp(20px,6vw,96px) 40px;
  clip-path:circle(0px at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:hidden;
  transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s linear .8s}
.cg-menu::before{content:"";position:absolute;left:-30%;top:-20%;width:90%;height:70%;border-radius:50%;background:var(--brand);filter:blur(80px);opacity:.9;pointer-events:none}
.cg-header.is-open .cg-menu{clip-path:circle(150% at calc(100% - clamp(20px,6vw,96px) - 24px) 42px);visibility:visible;transition:clip-path .8s cubic-bezier(.77,0,.18,1),visibility 0s}
.cg-header.is-open{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important}
.cg-header.is-open .cg-head{position:relative;z-index:2}
.cg-menu ul{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cg-menu li{overflow:hidden}
.cg-menu li a{display:flex;align-items:baseline;gap:16px;padding:6px 0;font-weight:700;font-size:clamp(38px,8vw,64px);
  letter-spacing:-.04em;line-height:1.05;color:#fff!important;transform:translateY(110%);transition:transform .7s cubic-bezier(.19,1,.22,1),color .25s}
.cg-menu li a small{font-size:13px;font-weight:500;letter-spacing:.1em;color:var(--accent)}
.cg-menu li a:hover,.cg-menu li a.is-active{color:var(--accent)!important}
.cg-header.is-open .cg-menu li a{transform:none}
.cg-header.is-open .cg-menu li:nth-child(1) a{transition-delay:.25s}
.cg-header.is-open .cg-menu li:nth-child(2) a{transition-delay:.31s}
.cg-header.is-open .cg-menu li:nth-child(3) a{transition-delay:.37s}
.cg-header.is-open .cg-menu li:nth-child(4) a{transition-delay:.43s}
.cg-header.is-open .cg-menu li:nth-child(5) a{transition-delay:.49s}
.cg-menu-foot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}
.cg-header.is-open .cg-menu-foot{opacity:1;transform:none;transition-delay:.55s}
.cg-menu-foot .cg-head-cta{align-self:flex-start;height:56px;font-size:16px}
.cg-menu-foot p{margin:0;font-size:14px;color:#a9a4d6}

.cg-header button.cg-burger,.cg-header button.cg-burger:hover,.cg-header button.cg-burger:focus,.cg-header button.cg-burger:active{
  background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:50%!important;
  padding:0!important;margin:0!important;box-shadow:none!important;min-height:0!important;width:48px!important;height:48px!important;text-transform:none!important}
.cg-header button.cg-burger:hover{background:rgba(255,255,255,.14)!important}
.cg-header button:focus:not(:focus-visible){outline:none!important}

/* 7 liens : on resserre le menu entre 1025 et 1180 px */
@media (min-width:1025px) and (max-width:1180px){
  .cg-head{gap:16px}
  .cg-nav a{padding:10px 12px;font-size:14px}
}
@media (max-width:1024px){
  .cg-nav,.cg-head-right>.cg-head-cta{display:none}
  .cg-burger{display:flex}
  .cg-head{height:76px}
}
@media (max-width:640px){
  .cg-head{height:68px}
  .cg-logo{font-size:22px}
  .cg-menu{padding-top:104px}
}
@media (prefers-reduced-motion:reduce){
  .cg-header,.cg-header *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}

/* accessible mais visuellement masqué (SEO : mot-clé en tout premier) */
.cg-sr-first{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* =====================================================================
   HERO SERVICES
   ===================================================================== */
.cgsh{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;position:relative;background:var(--brand);color:#fff;
  font-family:'Satoshi',system-ui,sans-serif;overflow:hidden;padding:calc(84px + clamp(40px,6vw,72px)) clamp(24px,6vw,96px) 0}
.cgsh-blob{position:absolute;right:-10%;top:-18%;width:56vw;height:56vw;max-width:820px;max-height:820px;pointer-events:none;
  background:radial-gradient(circle,rgba(124,196,255,.22) 0%,rgba(61,107,255,.08) 45%,transparent 72%);filter:blur(2px)}
.cgsh-grain{position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.cgsh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,64px);
  max-width:1320px;margin:0 auto;padding-top:clamp(56px,8vw,96px)}

/* ---------- texte ---------- */
.cgsh-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;font-weight:600;letter-spacing:.06em;color:#bcd6ff;
  opacity:0;transform:translate3d(0,16px,0);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}
.cgsh-eyebrow::before{content:"";width:26px;height:1px;background:var(--accent)}
.cgsh h1{margin:0 0 22px;font-size:clamp(38px,5.4vw,74px);font-weight:900;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;
  opacity:0;transform:translate3d(0,26px,0);filter:blur(6px);transition:opacity .8s cubic-bezier(.19,1,.22,1) .06s,transform .9s cubic-bezier(.19,1,.22,1) .06s,filter .8s .06s}
.cgsh h1 em{font-style:normal;color:var(--accent)}
.cgsh-lede{margin:0 0 34px;max-width:480px;font-size:clamp(16px,1.3vw,19px);line-height:1.65;color:#d6ddff;
  opacity:0;transform:translate3d(0,20px,0);transition:opacity .8s cubic-bezier(.19,1,.22,1) .14s,transform .9s cubic-bezier(.19,1,.22,1) .14s}
.cgsh-lede strong{color:#fff;font-weight:700}

.cgsh-cta{position:relative;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;border-radius:999px;
  background:var(--accent)!important;color:var(--brand)!important;font-weight:700;font-size:15px;text-decoration:none!important;
  box-shadow:0 0 0 0 rgba(124,196,255,.5);transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s,background .35s!important;
  opacity:0;transform:translate3d(0,20px,0)}
.cgsh-cta,.cgsh-cta:link,.cgsh-cta:visited{color:var(--brand)!important;background:var(--accent)!important}
.cgsh-cta:hover,.cgsh-cta:focus{background:#fff!important;color:var(--brand)!important;transform:translateY(-3px);box-shadow:0 14px 34px -10px rgba(124,196,255,.55)}
.cgsh-cta svg{width:16px;height:16px;flex:none;transition:transform .35s cubic-bezier(.19,1,.22,1)}
.cgsh-cta:hover svg{transform:translate(3px,-3px)}
.cgsh.is-in .cgsh-eyebrow,.cgsh.is-in h1,.cgsh.is-in .cgsh-lede,.cgsh.is-in .cgsh-cta{opacity:1;transform:none;filter:none;transition-delay:.05s}
.cgsh.is-in .cgsh-cta{transition:opacity .8s cubic-bezier(.19,1,.22,1) .24s,transform .8s cubic-bezier(.19,1,.22,1) .24s,box-shadow .35s,background .35s}

/* ---------- visuel : cadre à coins coupés ---------- */
.cgsh-visual{position:relative;width:100%;max-width:520px;margin:0 auto;
  opacity:0;transform:translate3d(0,30px,0) scale(.96);filter:blur(8px);
  transition:opacity 1s cubic-bezier(.19,1,.22,1) .18s,transform 1.1s cubic-bezier(.19,1,.22,1) .18s,filter 1s .18s}
.cgsh.is-in .cgsh-visual{opacity:1;transform:none;filter:none}
.cgsh-visual-bg{position:absolute;inset:18px -18px -18px 18px;border:1.5px solid rgba(124,196,255,.55);
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%)}
.cgsh-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#000018;
  clip-path:polygon(0 36px,36px 0,100% 0,100% calc(100% - 36px),calc(100% - 36px) 100%,0 100%);
  box-shadow:0 30px 80px -20px rgba(0,0,10,.6)}
.cgsh-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}
.cgsh-frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,43,0) 45%,rgba(0,0,43,.5) 100%)}
.cgsh-corner{position:absolute;left:0;top:0;width:36px;height:36px;pointer-events:none}
.cgsh-corner::before{content:"";position:absolute;left:0;top:0;width:50px;height:1.5px;background:var(--accent);transform:rotate(45deg) translate(-3px,-3px);transform-origin:0 0}

.cgsh-badge{position:absolute;left:-8%;bottom:10%;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;
  background:rgba(0,0,43,.72);border:1px solid rgba(124,196,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  box-shadow:0 20px 44px -14px rgba(0,0,10,.6);
  opacity:0;transform:translate3d(0,16px,0) scale(.92);transition:opacity .8s cubic-bezier(.19,1,.22,1) .5s,transform .8s cubic-bezier(.19,1,.22,1) .5s}
.cgsh.is-in .cgsh-badge{opacity:1;transform:none}
.cgsh-badge i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(124,196,255,.14);flex:none}
.cgsh-badge i svg{width:16px;height:16px;color:var(--accent)}
.cgsh-badge b{display:block;font-size:14px;font-weight:700;line-height:1.2}
.cgsh-badge span{display:block;font-size:12px;color:#b7c3f2}

/* ---------- bandeau défilant ---------- */
.cgsh-ticker{position:relative;margin-top:clamp(48px,7vw,84px);padding:18px 0;border-top:1px solid rgba(124,196,255,.16);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cgsh-ticker-track{display:flex;width:max-content;animation:cgshTicker 26s linear infinite}
.cgsh-ticker-set{display:flex;align-items:center;flex:none}
.cgsh-ticker-set span{white-space:nowrap;padding:0 28px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#c4d0f7}
.cgsh-ticker-set span::after{content:"◆";margin-left:28px;font-size:9px;color:var(--accent);vertical-align:middle}
@keyframes cgshTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cgsh-ticker:hover .cgsh-ticker-track{animation-play-state:paused}

@media (max-width:1024px){
  .cgsh{padding-top:calc(76px + clamp(32px,6vw,56px))}
  .cgsh-grid{grid-template-columns:1fr;text-align:left}
  .cgsh-visual{max-width:420px;margin-top:40px}
  .cgsh-lede{max-width:none}
}
@media (max-width:640px){
  .cgsh{padding-top:calc(68px + 28px)}
  .cgsh h1{font-size:clamp(32px,9vw,44px)}
  .cgsh-badge{left:0;bottom:-24px;right:auto}
  .cgsh-visual{margin-top:56px}
}
@media (prefers-reduced-motion:reduce){
  .cgsh-eyebrow,.cgsh h1,.cgsh-lede,.cgsh-cta,.cgsh-visual,.cgsh-badge{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .cgsh-ticker-track{animation:none}
  .cgsh-ticker{overflow-x:auto}
}
</style>
<header class="cg-header" id="cg-header">
  <div class="cg-head">
    <a class="cg-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>

    <nav class="cg-nav" aria-label="Navigation principale">
      <span class="cg-nav-pill" aria-hidden="true"></span>
      <a href="/">Accueil</a>
      <a href="/services/">Services</a>
      <a href="/secteurs/">Secteurs</a>
      <a href="/projets/">Projets</a>
      <a href="/a-propos/">À propos</a>
      <a href="/blog/">Blog</a>
      <a href="/contact/">Contact</a>
    </nav>

    <div class="cg-head-right">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <button class="cg-burger" type="button" aria-label="Ouvrir le menu" aria-expanded="false" aria-controls="cg-menu"><i></i><i></i></button>
    </div>
  </div>

  <div class="cg-menu" id="cg-menu">
    <ul>
      <li><a href="/"><small>01</small>Accueil</a></li>
      <li><a href="/services/"><small>02</small>Services</a></li>
      <li><a href="/secteurs/"><small>03</small>Secteurs</a></li>
      <li><a href="/projets/"><small>04</small>Projets</a></li>
      <li><a href="/a-propos/"><small>05</small>À propos</a></li>
      <li><a href="/blog/"><small>06</small>Blog</a></li>
      <li><a href="/contact/"><small>07</small>Contact</a></li>
    </ul>
    <div class="cg-menu-foot">
      <a class="cg-head-cta" href="/contact/">Prendre rendez-vous<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg></span></a>
      <p>Cogri — Studio français indépendant</p>
    </div>
  </div>
</header>
<script>
(function(){
  /* ---------------- HEADER ---------------- */
  var h = document.getElementById('cg-header');
  if (h && !h.dataset.ready) {
    h.dataset.ready = '1';
    var burger = h.querySelector('.cg-burger');
    var menu = h.querySelector('.cg-menu');
    var nav = h.querySelector('.cg-nav');
    var pill = h.querySelector('.cg-nav-pill');
    var navLinks = [].slice.call(h.querySelectorAll('.cg-nav a'));

    function clean(p){ p = (p || '/').replace(/index\.(php|html?)$/,''); return p.length > 1 ? p.replace(/\/+$/,'') : '/'; }
    var here = clean(location.pathname);
    [].slice.call(h.querySelectorAll('.cg-nav a, .cg-menu li a')).forEach(function(a){
      var p = clean(a.pathname);
      if (a.host === location.host && p === here) { a.classList.add('is-active'); a.setAttribute('aria-current','page'); }
    });

    function activeLink(){ return nav.querySelector('a.is-active'); }
    function movePill(a){
      if (!a || !a.offsetWidth) { pill.style.opacity = '0'; return; }
      pill.style.left = a.offsetLeft + 'px';
      pill.style.width = a.offsetWidth + 'px';
      pill.style.opacity = '1';
    }
    navLinks.forEach(function(a){
      a.addEventListener('mouseenter', function(){ movePill(a); });
      a.addEventListener('focus', function(){ movePill(a); });
    });
    nav.addEventListener('mouseleave', function(){ movePill(activeLink()); });
    if (document.fonts && document.fonts.ready) document.fonts.ready.then(function(){ movePill(activeLink()); });
    movePill(activeLink());

    var lastY = window.scrollY, ticking = false;
    function onScroll(){
      var y = window.scrollY;
      h.classList.toggle('is-scrolled', y > 20);
      if (!h.classList.contains('is-open')) {
        if (y > lastY + 6 && y > 240) h.classList.add('is-hidden');
        else if (y < lastY - 6 || y < 240) h.classList.remove('is-hidden');
      }
      lastY = y; ticking = false;
    }
    window.addEventListener('scroll', function(){ if (!ticking){ ticking = true; requestAnimationFrame(onScroll); } }, {passive:true});
    onScroll();

    function setOpen(open){
      h.classList.toggle('is-open', open);
      burger.setAttribute('aria-expanded', open ? 'true' : 'false');
      burger.setAttribute('aria-label', open ? 'Fermer le menu' : 'Ouvrir le menu');
      document.documentElement.style.overflow = open ? 'hidden' : '';
      if (open) h.classList.remove('is-hidden');
    }
    burger.addEventListener('click', function(){ setOpen(!h.classList.contains('is-open')); });
    menu.addEventListener('click', function(e){ if (e.target.closest('a')) setOpen(false); });
    document.addEventListener('keydown', function(e){
      if (e.key === 'Escape' && h.classList.contains('is-open')) { setOpen(false); burger.focus(); }
    });
    window.addEventListener('resize', function(){
      if (window.innerWidth > 1024 && h.classList.contains('is-open')) setOpen(false);
      movePill(activeLink());
    });
  }

  /* ---------------- HERO SERVICES ---------------- */
  /* CONFIG : colle ici l'URL de ta photo (WordPress → Médias → copier l'URL) */
  var IMG_URL = 'https://cogri.fr/wp-content/uploads/2026/09/20260825_113953-3-473x1024.webp';

  var root = document.getElementById('cg-services-hero');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';

  var img = root.querySelector('.cgsh-frame img');
  if (img && IMG_URL && IMG_URL.indexOf('COLLE-ICI') !== 0) img.src = IMG_URL;

  requestAnimationFrame(function(){ requestAnimationFrame(function(){ root.classList.add('is-in'); }); });
})();
</script>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-6644d9e e-con e-atomic-element e-flexbox-base e-default-div e-52cd2f5 " data-id="6644d9e" data-element_type="e-flexbox" data-e-type="e-flexbox" data-interaction-id="6644d9e">
    		<div class="elementor-element elementor-element-4f5f4b6 elementor-widget elementor-widget-html" data-id="4f5f4b6" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — PAGE « MENTIONS LÉGALES », à coller dans un widget « HTML » d'Elementor
     • Page : slug /mentions-legales/ · Mise en page : « Elementor Pleine largeur »
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • À COMPLÉTER : cherche « cglg-ph » (Ctrl+F) et remplace chaque
       <span class="cglg-ph">…</span> par ta vraie information (sans le span).
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre Elementor ---- */
.e-con:has(#cglg),.e-con:has(#cglg)>.e-con-inner,.elementor-section:has(#cglg),.elementor-section:has(#cglg)>.elementor-container,
.elementor-column:has(#cglg)>.elementor-widget-wrap,.elementor-widget-html:has(#cglg),.elementor-widget-html:has(#cglg)>.elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;overflow:visible!important}

.cglg{--accent:#7cc4ff;--brand:#000080;--bg:#00002b;--tx:#dde3fb;--mute:#9aa9d6;--line:rgba(124,196,255,.16);
  --gut:clamp(16px,6vw,96px);--cut:18px;
  position:relative;isolation:isolate;background:var(--bg);color:var(--tx);font-family:'Satoshi',system-ui,sans-serif;
  overflow-x:clip;padding:clamp(120px,13vw,190px) 0 clamp(80px,9vw,140px);font-size:16px;line-height:1.7}
.cglg *,.cglg *::before,.cglg *::after{box-sizing:border-box}
.cglg-orb{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-1}
.cglg-orb.a{left:-240px;top:-120px;width:680px;height:680px;background:var(--brand);opacity:.95}
.cglg-orb.b{right:-260px;top:40%;width:560px;height:560px;background:#1b2bd6;opacity:.18}
.cglg-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(124,196,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,196,255,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(#000,transparent 70%);-webkit-mask-image:linear-gradient(#000,transparent 70%)}
.cglg-wrap{max-width:1320px;margin:0 auto;padding:0 var(--gut)}

/* ---- en-tête ---- */
.cglg-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:500;color:#d9d4ff}
.cglg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.cglg h1{margin:22px 0 0;font-size:clamp(40px,7.2vw,104px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff;max-width:14ch}
.cglg h1 span{color:var(--accent)}
.cglg-lead{margin:26px 0 0;max-width:62ch;font-size:clamp(16px,1.5vw,19px);color:#c9d2f2}
.cglg-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cglg-meta span{font-size:13px;font-weight:500;color:var(--mute);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.cglg-meta b{color:#fff;font-weight:700}

.cglg-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.cglg .cglg-tabs a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(124,196,255,.25);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:background .25s,color .25s}
.cglg .cglg-tabs a:hover{background:rgba(124,196,255,.12)}
.cglg .cglg-tabs a.on{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.cglg-tabs a small{font-size:11px;font-weight:700;opacity:.7;letter-spacing:.08em}

/* ---- résumé ---- */
.cglg-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:40px}
.cglg-sum div{padding:22px;background:linear-gradient(160deg,rgba(0,0,128,.55),rgba(0,0,128,.15));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
.cglg-sum b{display:block;font-size:17px;color:#fff;line-height:1.3}
.cglg-sum span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--mute)}
.cglg-sum em{display:block;font-style:normal;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--accent);margin-bottom:12px}

/* ---- mise en page ---- */
.cglg-body{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,80px);align-items:start}
.cglg-toc{position:sticky;top:120px}
.cglg-toc p{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.cglg-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.cglg .cglg-toc a{display:flex;gap:12px;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:var(--mute);text-decoration:none;transition:color .2s,border-color .2s}
.cglg .cglg-toc a:hover,.cglg .cglg-toc a.on{color:#fff;border-left-color:var(--accent)}
.cglg-toc a i{font-style:normal;font-weight:700;color:var(--accent);min-width:20px}

.cglg-s{position:relative;padding:clamp(24px,3.2vw,40px);margin-bottom:18px;scroll-margin-top:120px;
  background:linear-gradient(180deg,rgba(0,0,128,.32),rgba(0,0,128,.1));border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-s h2{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font-size:clamp(21px,2.2vw,28px);line-height:1.2;font-weight:900;letter-spacing:-.02em;color:#fff}
.cglg-s h2 i{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--accent);padding:4px 9px;border:1px solid rgba(124,196,255,.35);flex:none;transform:translateY(-3px)}
.cglg-s h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:#fff}
.cglg-s p{margin:0 0 12px}
.cglg-s p:last-child,.cglg-s ul:last-child{margin-bottom:0}
.cglg-s ul{margin:0 0 12px;padding:0;list-style:none}
.cglg-s li{position:relative;padding-left:22px;margin-bottom:8px}
.cglg-s li::before{content:"";position:absolute;left:2px;top:.72em;width:8px;height:8px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 100%)}
.cglg strong{color:#fff;font-weight:700}
.cglg .cglg-s a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;word-break:break-word}

.cglg-dl{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.cglg-dl dt,.cglg-dl dd{margin:0;padding:12px 0;border-bottom:1px solid var(--line)}
.cglg-dl dt{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-right:16px;padding-top:14px}
.cglg-dl dd{color:#fff}

.cglg-note{margin:16px 0 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(124,196,255,.08);font-size:15px;color:#d6ddfa}
.cglg-note b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}

.cglg-table{overflow-x:auto;margin:6px 0 12px;-webkit-overflow-scrolling:touch}
.cglg-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:14.5px;line-height:1.55}
.cglg-table th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);padding:10px 12px 10px 0;border-bottom:1px solid rgba(124,196,255,.4)}
.cglg-table td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.cglg-table td:first-child{color:#fff;font-weight:700}
.cglg-table code{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--accent)}

.cglg-ph{display:inline-block;padding:0 7px;border:1px dashed var(--accent);background:rgba(124,196,255,.14);color:#fff;font-weight:700;border-radius:4px}

.cglg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:clamp(24px,3vw,36px);
  background:linear-gradient(120deg,var(--brand),#0a0a5a);border:1px solid rgba(124,196,255,.3);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.cglg-cta b{display:block;font-size:clamp(20px,2vw,26px);font-weight:900;color:#fff;letter-spacing:-.02em}
.cglg-cta span{color:#c9d2f2;font-size:15px}
.cglg .cglg-cta a{display:inline-flex;padding:14px 24px;background:var(--accent);color:var(--bg);font-weight:700;text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ---- tablette ---- */
@media (max-width:1024px){
  .cglg-body{grid-template-columns:1fr}
  .cglg-toc{position:relative;top:0;padding:20px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
  .cglg-toc ol{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-left:0}
  .cglg .cglg-toc a{padding-left:0;border-left:0}
  .cglg-sum{grid-template-columns:1fr 1fr}
}
/* ---- mobile ---- */
@media (max-width:640px){
  .cglg{font-size:15.5px}
  .cglg-toc ol{grid-template-columns:1fr}
  .cglg-sum{grid-template-columns:1fr}
  .cglg-tabs a{flex:1 1 100%}
  .cglg-sum div{padding:18px}
  .cglg-dl{grid-template-columns:1fr}
  .cglg-dl dt{border-bottom:0;padding-bottom:0}
  .cglg-dl dd{padding-top:2px}
  .cglg-s h2{flex-direction:column;gap:10px}
  .cglg-s h2 i{transform:none}
}

/* ---- article ---- */
.cglg-table{width:100%;border-collapse:collapse;margin:18px 0 8px;font-size:15px}
.cglg-table th,.cglg-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.cglg-table th{background:rgba(124,196,255,.08);color:#fff;font-weight:700}
.cglg-table td b{color:#fff}
.cglg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cglg-s ul{padding-left:1.1em;margin:10px 0}.cglg-s li{margin:6px 0}
.cglg-s h3{color:#fff;font-size:18px;margin:22px 0 6px}
.cglg-short{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:rgba(124,196,255,.06);margin:14px 0}
</style>

<div class="cglg" id="cglg">
  <div class="cglg-orb a"></div><div class="cglg-orb b"></div><div class="cglg-grid-bg"></div>
  <div class="cglg-wrap">
    <span class="cglg-eyebrow"><i></i>Guide · Prix</span>
    <h1>Combien coûte un site internet <span>à Marseille en 2026 ?</span></h1>
    <p class="cglg-lead">Prix d'un site vitrine, ce qui fait varier le tarif, coûts à prévoir après la mise en ligne : tout ce qu'il faut savoir avant de demander un devis.</p>
    <div class="cglg-meta"><span>Mis à jour le <b>28 septembre 2026</b></span><span>Par Corentin Fournier, fondateur de Cogri</span></div>
    <div class="cglg-body">
      <nav class="cglg-toc" aria-label="Sommaire"><p>Sommaire</p><ol><li><a href="#reponse"><i>01</i>La réponse courte</a></li><li><a href="#facteurs"><i>02</i>Ce qui fait varier le prix</a></li><li><a href="#options"><i>03</i>Faire soi-même, freelance ou agence ?</a></li><li><a href="#apres"><i>04</i>Les coûts après la mise en ligne</a></li><li><a href="#tarifs"><i>05</i>Nos tarifs en détail</a></li><li><a href="#devis"><i>06</i>Bien préparer votre demande de devis</a></li><li><a href="#faq"><i>07</i>Questions fréquentes</a></li></ol></nav>
      <div>
<section class="cglg-s" id="reponse"><h2><i>01</i>La réponse courte</h2><div class="cglg-short"><p>À Marseille, le prix d'un site internet varie beaucoup selon le prestataire et le projet. Chez <strong>Cogri</strong>, studio web indépendant, un site vitrine professionnel coûte <strong>1 190 €</strong> (jusqu'à 5 pages) ou <strong>1 990 €</strong> (jusqu'à 8 pages avec recherche de mots-clés et fiche Google Business Profile optimisée), et les projets plus ambitieux sont <strong>sur devis</strong>. Pour une campagne ou un événement, une <strong>landing page</strong> démarre à <strong>790 €</strong>, et une boutique en ligne à <strong>2 990 €</strong>. La maintenance est optionnelle, à partir de <strong>59 €/mois</strong>.</p></div><p>Pour comprendre si un devis est juste, il faut savoir ce qui se cache derrière le prix. C'est l'objet de ce guide.</p></section>
<section class="cglg-s" id="facteurs"><h2><i>02</i>Ce qui fait varier le prix</h2><p>Deux devis peuvent aller du simple au triple pour un site qui semble identique. Voici les critères qui pèsent vraiment :</p>
<h3>Le nombre de pages</h3><p>Un site de 3 à 5 pages (accueil, services, à propos, contact) demande beaucoup moins de travail qu'un site de 15 pages avec un blog ou plusieurs activités.</p>
<h3>Un design sur-mesure ou un modèle</h3><p>Un thème acheté et personnalisé coûte moins cher au départ, mais votre site ressemblera à beaucoup d'autres. Un design sur-mesure reflète votre identité et vous démarque de vos concurrents.</p>
<h3>Les contenus</h3><p>Textes, photos, logo : si vous les fournissez, le budget baisse. Si le prestataire doit les rédiger ou les produire, il faut le prévoir.</p>
<h3>Les fonctionnalités</h3><p>Réservation en ligne, boutique, espace client, version multilingue : chaque fonctionnalité ajoute du temps de développement et de test.</p>
<h3>Le référencement (SEO)</h3><p>Un site peut être simplement « en ligne », ou pensé dès le départ pour ressortir sur Google : structure des pages, mots-clés, rapidité, données structurées. Ce travail fait souvent la différence entre un site visible et un site oublié. Pour un commerce ou un artisan, notre <a href="/referencement-local-marseille/">guide du référencement local à Marseille</a> détaille les premières actions à mener.</p></section>
<section class="cglg-s" id="options"><h2><i>03</i>Faire soi-même, freelance ou agence ?</h2><p>Trois grandes options s'offrent à vous. Aucune n'est mauvaise : tout dépend de votre temps, de votre budget et de vos objectifs.</p>
<div class="cglg-tw"><table class="cglg-table"><thead><tr><th></th><th>Faire soi-même<br><small>(Wix, Squarespace…)</small></th><th>Studio indépendant / freelance</th><th>Agence web</th></tr></thead><tbody>
<tr><td><b>Coût de départ</b></td><td>Faible, avec un abonnement mensuel</td><td>Modéré</td><td>Plus élevé</td></tr>
<tr><td><b>Temps que vous y passez</b></td><td>Important</td><td>Faible</td><td>Faible</td></tr>
<tr><td><b>Personnalisation</b></td><td>Limitée aux modèles</td><td>Élevée</td><td>Élevée</td></tr>
<tr><td><b>Interlocuteur</b></td><td>Vous-même</td><td>Une seule personne, du début à la fin</td><td>Plusieurs intervenants</td></tr>
<tr><td><b>Pour qui ?</b></td><td>Tester une idée, petit budget</td><td>Indépendants, commerces, PME</td><td>Projets complexes, grandes structures</td></tr>
</tbody></table></div></section>
<section class="cglg-s" id="apres"><h2><i>04</i>Les coûts après la mise en ligne</h2><p>Le prix de création n'est pas le seul à prévoir. Un site vit, et quelques frais reviennent chaque année :</p>
<ul><li><strong>Le nom de domaine</strong> (votre adresse, par exemple votre-restaurant.fr) : un petit montant annuel.</li>
<li><strong>L'hébergement</strong> : l'espace où votre site est stocké, facturé à l'année ou au mois selon l'hébergeur.</li>
<li><strong>La maintenance</strong> : mises à jour, sauvegardes, sécurité et petites modifications. Chez Cogri, elle est optionnelle : <strong>59 €/mois</strong> avec l'offre Essentielle, <strong>99 €/mois</strong> avec l'offre Pro.</li>
<li><strong>Les évolutions</strong> : nouvelle page, nouvelle langue, nouvelle fonctionnalité, selon vos besoins.</li></ul>
<p>Un conseil : demandez toujours ce qui est inclus dans la maintenance, et à qui appartiennent le site et le nom de domaine.</p></section>
<section class="cglg-s" id="tarifs"><h2><i>05</i>Nos tarifs en détail</h2><div class="cglg-tw"><table class="cglg-table"><thead><tr><th>Offre</th><th>Prix</th><th>Ce qui est inclus</th><th>Délai</th></tr></thead><tbody>
<tr><td><b>Essentielle</b></td><td><b>1 190 €</b><br><small>+ 59 €/mois (optionnel)</small></td><td>Jusqu'à 5 pages · design personnalisé et responsive · fondations du référencement naturel · mise en ligne et configuration technique</td><td>1 à 3 semaines</td></tr>
<tr><td><b>Pro</b></td><td><b>1 990 €</b><br><small>+ 99 €/mois (optionnel)</small></td><td>Jusqu'à 8 pages · structure et parcours personnalisés · référencement naturel et recherche de mots-clés · mise en ligne et configuration technique · fiche Google Business Profile optimisée (valeur 190 €)</td><td>3 à 4 semaines</td></tr>
<tr><td><b>Sur-mesure</b></td><td><b>Dès 3 500 €</b></td><td>Nombre de pages et architecture personnalisés · design entièrement sur-mesure · stratégie SEO · option de traduction en anglais ou en espagnol</td><td>Selon le projet</td></tr>
</tbody></table></div>
<p>Toutes les offres sont détaillées sur la page <a href="/services/">Services et tarifs</a>. Vous tenez un restaurant ? Voir aussi notre page <a href="/site-internet-restaurant-marseille/">site internet pour restaurant à Marseille</a>.</p></section>
<section class="cglg-s" id="devis"><h2><i>06</i>Bien préparer votre demande de devis</h2><p>Plus votre demande est précise, plus le devis sera juste. Avant de contacter un prestataire, notez :</p>
<ul><li>votre activité et ce que le site doit vous apporter (appels, réservations, demandes de devis…) ;</li>
<li>2 ou 3 sites que vous aimez, et pourquoi ;</li>
<li>les pages dont vous avez besoin ;</li>
<li>les contenus déjà disponibles : logo, photos, textes ;</li>
<li>votre budget et la date souhaitée de mise en ligne.</li></ul>
<p>Chez Cogri, le devis est <strong>gratuit, sans engagement, et envoyé sous 48 h</strong>.</p></section>
<section class="cglg-s" id="faq"><h2><i>07</i>Questions fréquentes</h2><h3>Un site à 1 190 €, c'est vraiment un site complet ?</h3><p>Oui. L'offre Essentielle comprend jusqu'à 5 pages, un design personnalisé et adapté aux mobiles, les bases du référencement naturel, la mise en ligne et la configuration technique. Elle convient à la plupart des indépendants, artisans et commerces qui veulent une présence professionnelle.</p><h3>Faut-il payer un abonnement ?</h3><p>Non, le prix de mise en service se paie une fois. La maintenance mensuelle (59 € ou 99 € selon l'offre) est optionnelle : elle sert à garder le site à jour, sécurisé et à faire évoluer son contenu.</p><h3>Le référencement sur Google est-il inclus ?</h3><p>Les fondations du référencement naturel sont incluses dans toutes les offres. L'offre Pro ajoute une recherche de mots-clés, et l'offre Sur-mesure une véritable stratégie SEO.</p><h3>Combien de temps faut-il pour avoir son site ?</h3><p>Comptez 1 à 3 semaines pour l'offre Essentielle et 3 à 4 semaines pour l'offre Pro, à partir de la réception de vos contenus (textes, photos, logo).</p></section>
        <div class="cglg-cta"><div><b>Un projet de site à Marseille ?</b><span>Décrivez-nous votre activité : vous recevez un devis gratuit sous 48 h.</span></div><a href="/contact/">Demander un devis</a></div>
      </div>
    </div>
  </div>
</div>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Un site à 1 190 €, c'est vraiment un site complet ?","acceptedAnswer":{"@type":"Answer","text":"Oui. L'offre Essentielle comprend jusqu'à 5 pages, un design personnalisé et adapté aux mobiles, les bases du référencement naturel, la mise en ligne et la configuration technique. Elle convient à la plupart des indépendants, artisans et commerces qui veulent une présence professionnelle."}},{"@type":"Question","name":"Faut-il payer un abonnement ?","acceptedAnswer":{"@type":"Answer","text":"Non, le prix de mise en service se paie une fois. La maintenance mensuelle (59 € ou 99 € selon l'offre) est optionnelle : elle sert à garder le site à jour, sécurisé et à faire évoluer son contenu."}},{"@type":"Question","name":"Le référencement sur Google est-il inclus ?","acceptedAnswer":{"@type":"Answer","text":"Les fondations du référencement naturel sont incluses dans toutes les offres. L'offre Pro ajoute une recherche de mots-clés, et l'offre Sur-mesure une véritable stratégie SEO."}},{"@type":"Question","name":"Combien de temps faut-il pour avoir son site ?","acceptedAnswer":{"@type":"Answer","text":"Comptez 1 à 3 semaines pour l'offre Essentielle et 3 à 4 semaines pour l'offre Pro, à partir de la réception de vos contenus (textes, photos, logo)."}}]}</script>

<script>
(function(){
  var root=document.getElementById('cglg');if(!root)return;
  var links=[].slice.call(root.querySelectorAll('.cglg-toc a'));
  if(!('IntersectionObserver' in window)||!links.length)return;
  var map={};links.forEach(function(a){map[a.getAttribute('href').slice(1)]=a});
  var io=new IntersectionObserver(function(es){es.forEach(function(e){
    if(e.isIntersecting){links.forEach(function(l){l.classList.remove('on')});var a=map[e.target.id];if(a)a.classList.add('on')}
  })},{rootMargin:'-30% 0px -60% 0px'});
  root.querySelectorAll('.cglg-s[id]').forEach(function(s){io.observe(s)});
})();
</script>				</div>
		
</div>
<div class="elementor-element elementor-element-a68e696 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent" data-id="a68e696" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-cec3630 elementor-widget elementor-widget-html" data-id="cec3630" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- =====================================================================
     COGRI — FOOTER, à coller dans un widget "HTML" d'Elementor
     • Conteneur pleine largeur, marges intérieures/extérieures à 0
     • Vérifie les adresses des pages (liens href="/…/") : elles doivent
       correspondre à celles de ton site WordPress.
     • Responsive : Desktop ≥ 1025 px · Tablette 641–1024 px · Mobile ≤ 640 px
     ===================================================================== -->

<style>
/* ---- supprime le cadre blanc ---- */
.e-con:has(#cg-footer),
.e-con:has(#cg-footer) > .e-con-inner,
.elementor-section:has(#cg-footer),
.elementor-section:has(#cg-footer) > .elementor-container,
.elementor-column:has(#cg-footer) > .elementor-widget-wrap,
.elementor-widget-html:has(#cg-footer),
.elementor-widget-html:has(#cg-footer) > .elementor-widget-container{
  padding:0!important;margin:0!important;max-width:none!important;width:100%!important;gap:0!important;border:0!important;
}

.cgft{
  --accent:#7cc4ff; --brand:#000080; --bg:#00002b;
  --gut:clamp(20px,6vw,96px);
  position:relative;isolation:isolate;overflow:hidden;background:var(--bg);color:#f4f2ff;font-family:'Satoshi',system-ui,sans-serif;
}
.cgft *,.cgft *::before,.cgft *::after{box-sizing:border-box}
.cgft a{text-decoration:none}
.cgft :focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.cgft button:focus:not(:focus-visible){outline:none!important}
.cgft-inner{position:relative;max-width:1600px;margin:0 auto;padding:0 var(--gut)}
.cgft-orb{position:absolute;border-radius:50%;filter:blur(130px);pointer-events:none}
.cgft-orb-a{left:50%;bottom:-420px;width:1100px;height:700px;margin-left:-550px;background:var(--brand);opacity:.95}
.cgft-orb-b{right:-200px;top:-200px;width:560px;height:560px;background:#1b2bd6;opacity:.22}

/* ---- bandeau d'appel ---- */
.cgft-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;
  margin-top:clamp(64px,7vw,110px);padding:clamp(28px,4vw,56px);border-radius:36px;overflow:hidden;
  background:linear-gradient(135deg,#0a0aa0 0%,#000080 50%,#00005a 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.cgft-cta::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(124,196,255,.08);pointer-events:none}
.cgft-cta::after{content:"";position:absolute;left:30%;bottom:-200px;width:500px;height:300px;border-radius:50%;background:var(--accent);filter:blur(120px);opacity:.25;pointer-events:none}
.cgft-cta h2{position:relative;margin:0;max-width:720px;font-size:clamp(34px,4.2vw,68px);font-weight:700;line-height:1;letter-spacing:-.045em;color:#fff}
.cgft-cta h2 em{font-style:italic;font-weight:500;color:var(--accent);white-space:nowrap}
.cgft-cta-btn{position:relative;z-index:1;display:inline-flex;align-items:center;gap:16px;height:66px;padding:0 10px 0 30px;border-radius:999px;flex-shrink:0;
  background:var(--accent);color:var(--brand)!important;font-size:17px;font-weight:700;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cgft-cta-btn span{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--brand);color:var(--accent);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 50px -14px var(--accent)}
.cgft-cta-btn:hover span{transform:rotate(-45deg)}

/* ---- colonnes ---- */
.cgft-cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr) minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(32px,4vw,64px);padding:clamp(56px,6vw,90px) 0 clamp(40px,4vw,60px)}
.cgft-brand{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.cgft-logo{display:inline-flex;align-items:baseline;color:#fff!important;font-weight:900;font-size:32px;letter-spacing:.06em;line-height:1}
.cgft-logo b{font-weight:900;color:var(--accent);display:inline-block;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.cgft-logo:hover b{transform:translateY(-3px) rotate(8deg)}
.cgft-brand p{margin:0;max-width:34ch;font-size:15.5px;line-height:1.6;color:#b8b3e0}
.cgft-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:500;color:#d9d4ff}
.cgft-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:#4ade80}
.cgft-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #4ade80;animation:cgftPing 2s ease-out infinite}
@keyframes cgftPing{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.5);opacity:0}}

.cgft-col h3{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.cgft-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cgft-link{position:relative;display:inline-flex;align-items:center;font-size:16px;font-weight:500;color:#e4e1ff!important;transition:color .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link::before{content:"";width:0;height:2px;margin-right:0;border-radius:2px;background:var(--accent);transition:width .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1)}
.cgft-link:hover{color:#fff!important}
.cgft-link:hover::before{width:14px;margin-right:8px}

/* contact */
.cgft-contact{display:flex;flex-direction:column;gap:12px}
.cgft-line{display:flex;align-items:center;gap:12px;min-width:0}
.cgft-line .ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--accent);transition:background .3s,color .3s}
.cgft-line a{min-width:0;font-size:15.5px;font-weight:500;color:#e4e1ff!important;overflow-wrap:anywhere;transition:color .3s}
.cgft-line a:hover{color:#fff!important}
.cgft-line:hover .ico{background:var(--accent);color:var(--brand)}
.cgft button.cgft-copy,.cgft button.cgft-copy:hover,.cgft button.cgft-copy:focus,.cgft button.cgft-copy:active{
  all:unset;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;cursor:pointer;
  color:#9f9ad0!important;background:transparent!important;border:1px solid rgba(255,255,255,.12)!important;transition:color .3s,border-color .3s,background .3s}
.cgft button.cgft-copy:hover{color:#fff!important;border-color:var(--accent)!important}
.cgft button.cgft-copy.is-ok{color:var(--brand)!important;background:#4ade80!important;border-color:#4ade80!important}
.cgft-copy .ok{display:none}.cgft-copy.is-ok .ok{display:block}.cgft-copy.is-ok .cp{display:none}

/* ---- grand logo ---- */
.cgft-giant{position:relative;margin:0 calc(var(--gut) * -.4);line-height:.78;user-select:none;pointer-events:none}
.cgft-giant span{display:block;font-size:clamp(90px,24vw,420px);font-weight:900;letter-spacing:-.04em;text-align:center;color:transparent;
  -webkit-text-stroke:1.5px rgba(124,196,255,.22);white-space:nowrap}
.cgft-giant span.fill{position:absolute;inset:0;color:var(--accent);-webkit-text-stroke:0;
  -webkit-mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);mask-image:radial-gradient(circle 260px at var(--gx,50%) var(--gy,50%),#000 0%,transparent 70%);
  opacity:.9;transition:opacity .5s}
.cgft-giant span.fill b,.cgft-giant span b{font-weight:900}
.cgft-giant span b{-webkit-text-stroke-color:rgba(124,196,255,.5)}

/* ---- barre du bas ---- */
.cgft-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px 0 30px;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#9f9ad0}
.cgft-bottom nav{display:flex;gap:22px;flex-wrap:wrap}
.cgft-bottom nav a{color:#b8b3e0!important;transition:color .3s}
.cgft-bottom nav a:hover{color:#fff!important}
.cgft button.cgft-top,.cgft button.cgft-top:hover,.cgft button.cgft-top:focus,.cgft button.cgft-top:active{
  all:unset;box-sizing:border-box;display:inline-flex!important;align-items:center;gap:10px;padding:8px 8px 8px 16px!important;border-radius:999px!important;cursor:pointer;
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e4e1ff!important;font-family:'Satoshi',system-ui,sans-serif!important;
  font-size:14px!important;font-weight:500!important;text-transform:none!important;letter-spacing:normal!important;transition:background .3s,color .3s,border-color .3s}
.cgft button.cgft-top:hover{background:var(--accent)!important;color:var(--brand)!important;border-color:var(--accent)!important}
.cgft-top span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--brand);transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s,color .3s}
.cgft-top:hover span{transform:translateY(-3px);background:var(--brand);color:var(--accent)}

/* apparition */
.cgft-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1)}
.cgft-reveal.is-seen{opacity:1;transform:none}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
/* ---- Tablette : 641 → 1024 px ---- */
@media (max-width:1024px){
  .cgft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cgft-brand{grid-column:1 / -1}
  .cgft-giant span.fill{display:none}
}
/* ---- Mobile : ≤ 640 px ---- */
@media (max-width:640px){
  .cgft-cta{border-radius:26px;flex-direction:column;align-items:stretch}
  .cgft-cta h2{font-size:clamp(32px,9.6vw,42px)}
  .cgft-cta-btn{justify-content:space-between;height:60px;padding-left:24px;font-size:16px}
  .cgft-cols{grid-template-columns:minmax(0,1fr);gap:36px}
  .cgft-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (prefers-reduced-motion:reduce){
  .cgft *,.cgft *::before,.cgft *::after{animation:none!important;transition:none!important}
  .cgft-reveal{opacity:1;transform:none}
}
</style>

<footer class="cgft" id="cg-footer">
  <div class="cgft-orb cgft-orb-a"></div>
  <div class="cgft-orb cgft-orb-b"></div>

  <div class="cgft-inner">
    <!-- bandeau d'appel -->
    <div class="cgft-cta cgft-reveal">
      <h2>Un projet en tête ? <em>Parlons-en.</em></h2>
      <a class="cgft-cta-btn" href="/contact/">Prendre rendez-vous<span><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14"/><path d="M13 6l6 6-6 6"/></svg></span></a>
    </div>

    <!-- colonnes -->
    <div class="cgft-cols">
      <div class="cgft-brand cgft-reveal">
        <a class="cgft-logo" href="/" aria-label="Cogri — Accueil">COGR<b>I</b></a>
        <p>Des sites web sur mesure, qui vous appartiennent et qui sont à la hauteur de votre activité.</p>
        <span class="cgft-badge"><i></i>Studio français indépendant</span>
        <style>#cg-footer .cgft-social{display:flex;gap:10px;margin-top:18px}#cg-footer .cgft-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}#cg-footer .cgft-social a:hover{background:#7cc4ff;border-color:#7cc4ff;color:#000080;transform:translateY(-2px)}</style>
        <div class="cgft-social" aria-label="Cogri sur les réseaux sociaux">
          <a href="https://www.instagram.com/cogri_agency/" target="_blank" rel="noopener" aria-label="Cogri sur Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.6" fill="currentColor"/></svg></a>
          <a href="https://www.facebook.com/profile.php?id=61594135852824" target="_blank" rel="noopener" aria-label="Cogri sur Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h-2.5A3.5 3.5 0 0 0 9 6.5V10H6.5v3.5H9V21h3.5v-7.5H15l.5-3.5h-3V7a1 1 0 0 1 1-1H15z"/></svg></a>
          <a href="https://www.linkedin.com/company/cogri/" target="_blank" rel="noopener" aria-label="Cogri sur LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><path d="M8 10.5V16"/><circle cx="8" cy="7.6" r="0.6" fill="currentColor"/><path d="M12 16v-5.5M12 13a2.5 2.5 0 0 1 5 0v3"/></svg></a>
        </div>
      </div>

      <nav class="cgft-col cgft-reveal" aria-label="Navigation du pied de page">
        <h3>Navigation</h3>
        <ul>
          <li><a class="cgft-link" href="/">Accueil</a></li>
          <li><a class="cgft-link" href="/services/">Services</a></li>
          <li><a class="cgft-link" href="/a-propos/">À propos</a></li>
          <li><a class="cgft-link" href="/secteurs/">Secteurs</a></li>
          <li><a class="cgft-link" href="/blog/">Blog</a></li>
        </ul>
      </nav>

      <nav class="cgft-col cgft-reveal" aria-label="Informations légales">
        <h3>Informations</h3>
        <ul>
          <li><a class="cgft-link" href="/contact/">Contact</a></li>
          <li><a class="cgft-link" href="/mentions-legales/">Mentions légales</a></li>
          <li><a class="cgft-link" href="/confidentialite/">Confidentialité</a></li>
        </ul>
      </nav>

      <div class="cgft-col cgft-reveal">
        <h3>Contact</h3>
        <div class="cgft-contact">
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z"/></svg></span>
            <a href="tel:+33744851538">07 44 85 15 38</a>
          </div>
          <div class="cgft-line">
            <span class="ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></span>
            <a href="mailto:contact@corentinfournier.fr">contact@corentinfournier.fr</a>
            <button class="cgft-copy" type="button" data-copy="contact@corentinfournier.fr" aria-label="Copier l'adresse e-mail">
              <svg class="cp" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15V5a2 2 0 0 1 2-2h10"/></svg>
              <svg class="ok" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg>
            </button>
          </div>
        </div>
      </div>
    </div>

    <!-- grand logo -->
    <div class="cgft-giant" aria-hidden="true">
      <span>COGR<b>I</b></span>
      <span class="fill">COGR<b>I</b></span>
    </div>

    <!-- barre du bas -->
    <div class="cgft-bottom">
      <span>© <span class="cgft-year">2026</span> Cogri. Tous droits réservés.</span>
      <nav aria-label="Liens légaux">
        <a href="/mentions-legales/">Mentions légales</a>
        <a href="/confidentialite/">Confidentialité</a>
      </nav>
      <button class="cgft-top" type="button">Retour en haut<span><svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 19V5"/><path d="M6 11l6-6 6 6"/></svg></span></button>
    </div>
  </div>
</footer>

<script>
(function(){
  var root = document.getElementById('cg-footer');
  if (!root || root.dataset.ready) return;
  root.dataset.ready = '1';
  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // Année automatique
  root.querySelector('.cgft-year').textContent = new Date().getFullYear();

  // Retour en haut
  root.querySelector('.cgft-top').addEventListener('click', function(){
    window.scrollTo({ top: 0, behavior: reduce ? 'auto' : 'smooth' });
  });

  // Copier l'e-mail
  root.querySelectorAll('.cgft-copy').forEach(function(btn){
    btn.addEventListener('click', function(){
      var txt = btn.getAttribute('data-copy');
      function done(){ btn.classList.add('is-ok'); btn.setAttribute('aria-label','Adresse copiée'); setTimeout(function(){ btn.classList.remove('is-ok'); btn.setAttribute('aria-label',"Copier l'adresse e-mail"); }, 1800); }
      if (navigator.clipboard && window.isSecureContext) navigator.clipboard.writeText(txt).then(done, function(){});
      else { var t = document.createElement('textarea'); t.value = txt; document.body.appendChild(t); t.select(); try { document.execCommand('copy'); done(); } catch(e){} t.remove(); }
    });
  });

  // Grand logo : lumière qui suit la souris
  var giant = root.querySelector('.cgft-giant');
  if (!reduce && window.matchMedia('(hover: hover)').matches) {
    var raf = null, ex = 0, ey = 0;
    root.addEventListener('mousemove', function(e){
      ex = e.clientX; ey = e.clientY;
      if (raf) return;
      raf = requestAnimationFrame(function(){
        raf = null;
        var r = giant.getBoundingClientRect();
        giant.style.setProperty('--gx', (ex - r.left) + 'px');
        giant.style.setProperty('--gy', (ey - r.top) + 'px');
      });
    });
  }

  // Apparition
  var els = [].slice.call(root.querySelectorAll('.cgft-reveal'));
  if ('IntersectionObserver' in window && !reduce) {
    var io = new IntersectionObserver(function(en){
      en.forEach(function(x){
        if (!x.isIntersecting) return;
        var i = els.indexOf(x.target);
        setTimeout(function(){ x.target.classList.add('is-seen'); }, Math.max(0, i - 1) * 80);
        io.unobserve(x.target);
      });
    }, {rootMargin:'0px 0px -5% 0px'});
    els.forEach(function(el){ io.observe(el); });
  } else els.forEach(function(el){ el.classList.add('is-seen'); });
})();
</script>				</div>
				</div>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://cogri.fr/prix-site-internet-marseille/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
