1 2<!-- start header --> 3<!doctype html> 4<html lang="fr"> 5 6<head> 7 <title>Lâhistoire de Poggio Mezzana</title> 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 10 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> 11 <meta name="author" content="L'AGENZA"> 12 <!-- description --> 13 <meta name="description" content=""> 14 <!-- keywords --> 15 <meta name="keywords" content=""> 16 <!-- favicon --> 17 <link rel="shortcut icon" href="/images/favicon.png"> 18 <link rel="apple-touch-icon" href="/images/apple-touch-icon-57x57.png"> 19 <link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png"> 20 <link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png"> 21 <!-- revolution slider --> 22 <link rel="stylesheet" type="text/css" href="/revolution/css/settings.css" media="screen" /> 23 <link rel="stylesheet" type="text/css" href="/revolution/css/layers.css"> 24 <link rel="stylesheet" type="text/css" href="/revolution/css/navigation.css"> 25 <!-- style sheets and font icons --> 26 <link rel="stylesheet" type="text/css" href="/css/bootsnav.css"> 27 <link rel="stylesheet" type="text/css" href="/css/font-icons.min.css"> 28 <link rel="stylesheet" type="text/css" href="/css/theme-vendors.min.css"> 29 <link rel="stylesheet" type="text/css" href="/css/style.css?v=6ac021726f9f3" /> 30 <link rel="stylesheet" type="text/css" href="/css/responsive.css" /> 31 <link rel="stylesheet" type="text/css" href="/css/custom.css?v=6ac021726f9f5" /> 32 <!-- consentement --> 33
33<script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script>
33 34
34<script type="text/javascript"> 35 tarteaucitron.init({ 36 "privacyUrl": "", 37 /* Privacy policy url */ 38 39 "hashtag": "#tarteaucitron", 40 /* Open the panel with this hashtag */ 41 "cookieName": "tartaucitron", 42 /* Cookie name */ 43 44 "orientation": "top", 45 /* Banner position (top - bottom) */ 46 "showAlertSmall": false, 47 /* Show the small banner on bottom right */ 48 "cookieslist": false, 49 /* Show the cookie list */ 50 51 "adblocker": false, 52 /* Show a Warning if an adblocker is detected */ 53 "AcceptAllCta": true, 54 /* Show the accept all button when highPrivacy on */ 55 "highPrivacy": false, 56 /* Disable auto consent */ 57 "handleBrowserDNTRequest": false, 58 /* If Do Not Track == 1, accept all */ 59 60 "removeCredit": false, 61 /* Remove credit link */ 62 "moreInfoLink": true, 63 /* Show more info link */ 64 65 }); 66 </script>
66 67 <!-- Global site tag (gtag.js) - Google Analytics
vendor: 68 bytes, lines 67-68
67 68 <script async src="https://www.googletagmanager.com/gtag/js?id=
68UA-115028488-18
vendor: 13 bytes, line 68
68"></script>
68--> 69
69<script type="text/javascript"> 70 tarteaucitron.user.gtagUa = ''; 71 tarteaucitron.user.gtagMore = function() { 72 /* add here your optionnal gtag() */ 73 }; 74 (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); 75 </script>
75 76</head><!-- end header --> 77 78<body> 79 80 <!-- <div id="body"></div> --> 81 82 <!-- start loader --> 83 <div id="loading_site"> 84 <div id="loading_haut"></div> 85 <div id="loading_bas"></div> 86 <div id="loading_logo"> 87 <img class="w-50 w-md-25" src="/images/logo.png" data-at2x="/images/logo.png" alt="Lâhistoire de Poggio Mezzana"> 88 <div class='spinner'></div> 89 </div> 90 </div> 91 <!-- end loader --> 92 93 <div id="contenu"> 94 95 <!-- start header --> 96 <header class="header-with-topbar fixed-topbar"> 97 <!-- topbar --> 98 <div class="top-header-area bg-primary padding-10px-tb"> 99 <div class="container-lg"> 100 <div class="row align-items-center m-0"> 101 <div class="col-md-6 ps-lg-0 text-uppercase alt-font d-flex align-items-center justify-content-center justify-content-md-start"> 102 <a href="tel:04 95 38 07 93" class="text-link-white-2 line-height-normal d-block d-md-none" title="04 95 38 07 93"><i class="fa fa-phone-square-alt" aria-hidden="true"></i> </a> 103 <a href="tel:04 95 38 07 93" class="text-link-white-2 line-height-normal d-none d-md-block" title="04 95 38 07 93"><i class="fa fa-phone-square-alt" aria-hidden="true"></i> 04 95 38 07 93</a> 104 <div class="separator-line-verticle-extra-small bg-dark-gray d-inline-block margin-two-half-lr position-relative align-middle"></div> 105 <a href="mailto:[email protected]" class="text-link-white-2 line-height-normal" title="[email protected]"><i class="fa fa-envelope" aria-hidden="true"></i> [email protected]</a> 106 </div> 107 <div class="col-md-6 pe-lg-0 d-none d-md-flex align-items-center justify-content-end"> 108 <div class="icon-social-very-small d-inline-block line-height-normal"> 109 <a href="https://www.facebook.com/Mairie-de-Poggio-Mezzana-1830182477205665/?ref=page_internal" title="Facebook" target="_blank" class="text-link-white-2"><i class="fab fa-facebook-f"></i></a> 110 </div> 111 <div class="separator-line-verticle-extra-small bg-dark-gray d-inline-block margin-two-half-lr position-relative align-middle top-1px"></div> 112 <a href="/contact/" class="text-link-white-2 line-height-normal text-uppercase alt-font" title="contact"><i class="fa fa-users" aria-hidden="true"></i> Contact</a> 113 </div> 114 </div> 115 </div> 116 </div> 117 <!-- end topbar --> 118 <!-- start navigation --> 119 <nav class="navbar navbar-default bootsnav navbar-fixed-top header-light-transparent background-transparent navbar-expand-lg"> 120 <div class="container-md nav-header-container"> 121 <!-- start logo --> 122 <div class="col-auto ps-0"> 123 <a href="/" title="Poggio Mezzana" class="logo"> 124 <img src="/images/logo.png" data-at2x="/images/logo.png" class="logo-dark default" alt="Poggio Mezzana"> 125 <img src="/images/logo.png" data-at2x="/images/logo.png" class="logo-light" alt="Poggio Mezzana"> 126 </a> 127 </div> 128 <!-- end logo --> 129 <div class="col accordion-menu pe-0 pe-md-3"> 130 <button type="button" class="navbar-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#navbar-collapse-toggle-1"> 131 <span class="sr-only">toggle navigation</span> 132 <span class="icon-bar"></span> 133 <span class="icon-bar"></span> 134 <span class="icon-bar"></span> 135 </button> 136 <div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1"> 137 <ul id="accordion" class="nav navbar-nav navbar-left no-margin alt-font text-normal" data-in="animate__fadeIn" data-out="animate__fadeOut"> 138 <!-- menu debut --> 139 <li class="dropdown simple-dropdown"> 140 <a href="#">La commune</a> 141 <i class="fas fa-angle-down dropdown-toggle" data-bs-toggle="dropdown" aria-hidden="true"></i> 142 143 <ul class="dropdown-menu" role="menu"> 144 <li><a href="/historique/" class="text-medium">Historique</a></li> 145 <li><a href="/galerie/" class="text-medium">Galerie</a></li> 146 <li><a href="/actualites/" class="text-medium">Actualités</a></li> 147 </ul> 148 149 <!-- <ul class="dropdown-menu" role="menu"> 150 <li class="dropdown"> 151 <a href="<? //= $detail_sous_page->recup_url() 152 ?>"> 153 <? //= $detail_sous_page->get('nom'); 154 ?> 155 </a> 156 </li> 157 </ul> --> 158 </li> 159 <li class="dropdown simple-dropdown"> 160 <a href="#">Vie municipale</a> 161 <i class="fas fa-angle-down dropdown-toggle" data-bs-toggle="dropdown" aria-hidden="true"></i> 162 163 <ul class="dropdown-menu" role="menu"> 164 <li><a href="/conseil-municipal/" class="text-medium">Conseil municipal</a></li> 165 <li><a href="/personnel-municipal/" class="text-medium">Personnel municipal</a></li> 166 <li><a href="/commissions/" class="text-medium">Commissions</a></li> 167 <li><a href="/delegations/" class="text-medium">Délégations</a></li> 168 <li class="dropdown"> 169 <a href="#">Projets communaux </a> 170 <ul class="dropdown-menu" role="menu"> 171 <li><a href="/projets2020-2026/">Projets prévus pour la période 2020 â 2026</a></li> 172 <li>
172<a href="/projets2014-2020/">Projets réalisés dans la période 2014 â 2020</a></li> 173 </ul> 174 </li> 175 </ul> 176 177 <!-- <ul class="dropdown-menu" role="menu"> 178 <li class="dropdown"> 179 <a href="<? //= $detail_sous_page->recup_url() 180 ?>"> 181 <? //= $detail_sous_page->get('nom'); 182 ?> 183 </a> 184 </li> 185 </ul> --> 186 </li> 187 <li class="dropdown simple-dropdown"> 188 <a href="#">Urbanisme</a> 189 <i class="fas fa-angle-down dropdown-toggle" data-bs-toggle="dropdown" aria-hidden="true"></i> 190 191 <ul class="dropdown-menu" role="menu"> 192 <li><a href="/plan-local-d-urbanisme/" class="text-medium">Plan local d'urbanisme</a></li> 193 </ul> 194 195 <!-- <ul class="dropdown-menu" role="menu"> 196 <li class="dropdown"> 197 <a href="<? //= $detail_sous_page->recup_url() 198 ?>"> 199 <? //= $detail_sous_page->get('nom'); 200 ?> 201 </a> 202 </li> 203 </ul> --> 204 </li> 205 <li class="dropdown simple-dropdown"> 206 <a href="#">Démarches administratives</a> 207 <i class="fas fa-angle-down dropdown-toggle" data-bs-toggle="dropdown" aria-hidden="true"></i> 208 209 <ul class="dropdown-menu" role="menu"> 210 <li><a href="/documents-administratifs/" class="text-medium">Documents administratifs</a></li> 211 <li><a href="/etat-civil/" class="text-medium">Ãtat civil</a></li> 212 </ul> 213 214 <!-- <ul class="dropdown-menu" role="menu"> 215 <li class="dropdown"> 216 <a href="<? //= $detail_sous_page->recup_url() 217 ?>"> 218 <? //= $detail_sous_page->get('nom'); 219 ?> 220 </a> 221 </li> 222 </ul> --> 223 </li> 224 <li class="dropdown simple-dropdown"> 225 <a href="#">Vie quotidienne</a> 226 <i class="fas fa-angle-down dropdown-toggle" data-bs-toggle="dropdown" aria-hidden="true"></i> 227 228 <ul class="dropdown-menu" role="menu"> 229 <li><a href="/environnement/" class="text-medium">Environnement</a></li> 230 <li><a href="/services-publics/" class="text-medium">Services publics</a></li> 231 <li><a href="/associations/" class="text-medium">Associations</a></li> 232 <li><a href="/location-de-la-salle-des-fetes/" class="text-medium">Location de la salle des fêtes</a></li> 233 <li><a href="/sociaux-professionnels/" class="text-medium">Sociaux professionnels</a></li> 234 <li><a href="/commerces-et-artisans/" class="text-medium">Commerces et artisans</a></li> 235 </ul> 236 237 <!-- <ul class="dropdown-menu" role="menu"> 238 <li class="dropdown"> 239 <a href="<? //= $detail_sous_page->recup_url() 240 ?>"> 241 <? //= $detail_sous_page->get('nom'); 242 ?> 243 </a> 244 </li> 245 </ul> --> 246 </li> 247 <li class="d-lg-none d-sm-block"> 248 <a href="/contact/">Contact</a> 249 </li> 250 </ul> 251 </div> 252 </div> 253 </div> 254 </nav> 255 <!-- end navigation --> 256</header> <!-- end header --> 257 258 <div class="overflow-hidden"> 259 260 261 <div class="bg-deep-pink padding-50px-top padding-50px-bottom"> 262 263 <div class="container margin-15px-bottom md-margin-15px-bottom sm-margin-15px-bottom"> 264 <h1 class="text-uppercase text-white mb-0 font-weight-600 md-w-100"> 265 Lâhistoire de Poggio Mezzana </h1> 266 </div> 267 268 </div> 269 270 271 <div class="container"> 272 <div class="row justify-content-center mt-3"> 273 274 </div> 275 </div> 276 277 278 <!-- Photo gauche + texte droite --> 279<div class="wow animate__fadeIn padding-50px-top padding-50px-bottom "> 280 <div class="container"> 281 <div class="row align-items-center"> 282 <div class="col-12 col-lg-6 text-center wow animate__fadeInLeft"> 283 <img src="https://www.poggio-mezzana.fr/ag_admin/photo/zone/74/2036136841_900x600x75.jpg" alt="Le village de Poggio-Mezzana" class="w-100" data-no-retina=""> 284 </div> 285 <div class="col-12 col-lg-6 wow animate__fadeInRight last-paragraph-no-margin " data-wow-delay="0.2s"> 286 <div class="padding-eight-lr text-center text-lg-start sm-no-padding w-100">
287 <span class="color-secondaire margin-10px-bottom md-no-margin-bottom d-inline-block text-medium"></span> 288 <h2 class="font-weight-600 text-extra-dark-gray text-uppercase mb-3 ">Le village de Poggio-Mezzana</h2> 289 <span class="separator-line-horrizontal-medium-light2 bg-deep-pink d-table w-100px margin-20px-bottom mx-auto mx-lg-0 mx-sm-auto mx-md-auto"></span> 290 <div class='text-justify '>Autrefois rattaché à la piève de la Tavagna, Poggio Mezzana est un petit village adossé à la montagne qui donne sur un magnifique panorama du littoral Est de la Corse.<br /><br />Il est constitué de rues pavées étroites, d’escaliers et de passages voûtés qui relient les maisons, comme c’est le cas dans bon nombre de villages corses.</div> 291 </div> 292 </div> 293 </div> 294 </div> 295</div><!-- start parallax section --> 296<section class="wow animate__fadeIn parallax" data-parallax-background-ratio="0.4" style="background-image:url('https://www.poggio-mezzana.fr/ag_admin/photo/zone/75/2489456850_1920x1200x75.jpg');"> 297 <div class="opacity-full bg-extra-dark-gray"></div> 298 <div class="container position-relative"> 299 <div class="row align-items-center"> 300 <!-- start feature box item --> 301 <div class="col-12 col-lg-6 lg-margin-15px-top md-no-margin-top md-margin-ten-bottom sm-padding-five-lr sm-margin-ten-bottom wow animate__fadeIn last-paragraph-no-margin"> 302 <div class="padding-fourteen-right md-no-padding-right text-center text-lg-start text-white-2"> 303 <h2 class="text-uppercase text-white-2 margin-20px-bottom font-weight-700 ">Explorez la Nature Corse et ses Surprises</h2> 304 <span class="separator-line-horrizontal-medium-light2 bg-deep-pink d-table w-100px margin-20px-bottom mx-auto mx-lg-0 mx-sm-auto mx-xs-auto mx-md-auto"></span> 305 <p class="w-90 lg-w-100 mx-auto mx-lg-0 text-white-2">N’hésitez pas à faire quelques promenades durant votre séjour pour découvrir la beauté de la nature corse et les senteurs incomparables du maquis. Ne vous étonnez surtout pas si vous croisez çà et là, veaux, vaches, cochons … Ils font totalement partie du paysage et ils y vivent paisiblement. Enfin prenez garde à vous car, chemin faisant, vous risqueriez de traverser le pont de « l’enfer ».<br /><br />La commune de Poggio Mezzana, ce n’est pas seulement un village mais c’est aussi une plaine qui a su développer son tourisme, vous y trouverez des campings, résidences de tourisme, hôtels … qui ne sont qu’à quelques pas des plages et de la mer.<br />Vous pourrez pratiquer toutes les activités nautiques : jetski, pédalo, planche à voile, ski nautique, …</p> 306 </div> 307 </div> 308 <!-- end feature box item --> 309 <!-- start feature box item --> 310 <div class="col-6 col-lg-3 col-sm-6 position-relative text-center wow animate__fadeIn" data-wow-delay="0.2s"> 311 <img src="https://www.poggio-mezzana.fr/ag_admin/photo/zone/75/9042686862_600x850x75.jpg" alt="" class="w-100"> 312 </div> 313 <!-- end feature box item --> 314 <!-- start feature box item --> 315 <div class="col-6 col-lg-3 col-sm-6 position-relative text-center wow animate__fadeIn" data-wow-delay="0.4s"> 316 <img src="https://www.poggio-mezzana.fr/ag_admin/photo/zone/75/6995316862_600x850x75.jpg" alt="" class="w-100"> 317 </div> 318 <!-- end feature box item --> 319 </div> 320 </div> 321</section> 322<!-- end parallax section --> 323 324 </div> 325 326 327 328 329 <!-- start footer --> 330 331<footer class="footer-standard-dark bg-primary text-light">
332 <div class="footer-widget-area padding-five-tb sm-padding-30px-tb"> 333 <div class="container"> 334 <div class="row"> 335 <div class="col-lg-4 col-sm-6 widget border-right border-color-light md-no-border-right md-margin-30px-bottom text-center text-sm-start"> 336 <!-- start logo --> 337 <a href="/" class="margin-20px-bottom d-inline-block"><img class="footer-logo w-65" src="/images/logo-white.png" data-at2x="/images/logo-white.png" alt=""></a> 338 <!-- end logo --> 339 <p class="text-small d-inline-block w-100 lg-w-100 xs-w-100"></p> 340 <!-- start social media --> 341 <div class="social-icon-style-8 d-inline-block align-middle"> 342 <ul class="small-icon no-margin-bottom"> 343 <li><a class="linkedin text-white-2" href="https://www.facebook.com/Mairie-de-Poggio-Mezzana-1830182477205665/?ref=page_internal" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li> 344 <li><a class="linkedin text-white-2" href="https://www.instagram.com/communepoggiomezzana/" target="_blank"><i class="fab fa-instagram" aria-hidden="true"></i></a></li> 345 </ul> 346 </div> 347 <!-- end social media --> 348 </div> 349 <!-- start additional links --> 350 <div class="col-lg-4 col-sm-6 widget border-right border-color-light padding-45px-left md-padding-15px-left md-no-border-right md-margin-30px-bottom text-center text-sm-start"> 351 <div class="widget-title alt-font text-small text-white text-uppercase margin-10px-bottom font-weight-600">Liens utiles</div> 352 <ul class="list-unstyled"> 353 <li><a href="/documents-administratifs/" class="text-link-white-2">Documents administratifs</a></li> 354 <li><a href="/etat-civil/" class="text-link-white-2">Ãtat civil</a></li> 355 <li><a href="/projets2020-2026/" class="text-link-white-2">Plan local d'urbanisme</a></li> 356 <li><a href="/actualites/" class="text-link-white-2">Nos actualités</a></li> 357 </ul> 358 </div> 359 <!-- end additional links --> 360 <!-- start contact information --> 361 <div class="col-lg-4 col-sm-6 widget padding-45px-left md-padding-15px-left xs-margin-30px-bottom text-center text-sm-start"> 362 <div class="widget-title alt-font text-small text-white text-uppercase margin-10px-bottom font-weight-600">Contact Info</div> 363 <p class="text-small d-block margin-15px-bottom w-80 sm-w-100">Mairie de Poggio Mezzana,<br />20230 POGGIO MEZZANA</p> 364 <div class="text-small">Email: <a href="mailto:[email protected]" class="text-link-white-2">[email protected]</a></div> 365 <div class="text-small">Téléphone: 04 95 38 07 93</div> 366 <div class="text-small">Fax: 04 95 38 08 51</div> 367 <br /> 368 </div> 369 <!-- end contact information --> 370 </div> 371 </div> 372 </div> 373 <div class="bg-dark-footer padding-25px-tb text-center sm-pad
373ding-30px-tb"> 374 <div class="container"> 375 <div class="row"> 376 <!-- start copyright --> 377 <div class="col-md-6 text-md-start text-small text-center">© 2022 Site réalisé par : <a href="http://www.lagenza.fr" target="_blank" title="l'Agenza">L'Agenza</a></div> 378 <div class="col-md-6 text-md-end text-small text-center"> 379 <a href="/mention/">Mention légales</a> | <a href="/sitemap/" target="_blank">Sitemap</a> 380 </div> 381 <!-- end copyright --> 382 </div> 383 </div> 384 </div> 385</footer> <!-- end footer --> 386 387 <!-- start scroll to top --> 388 <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a> 389 <!-- end scroll to top --> 390 391 </div><!-- end div contenu --> 392 393 <!-- start scripts --> 394 <!-- javascript -->
395<script type="text/javascript" src="/js/jquery.min.js"></script>
vendor: 1 bytes, line 395
395
396<script type="text/javascript" src="/js/bootsnav.js"></script>
vendor: 1 bytes, line 396
396
397<script type="text/javascript" src="/js/jquery.nav.js"></script>
vendor: 1 bytes, line 397
397
398<script type="text/javascript" src="/js/hamburger-menu.js"></script>
vendor: 1 bytes, line 398
398
399<script type="text/javascript" src="/js/theme-vendors.min.js"></script>
399 400<!-- revolution -->
401<script type="text/javascript" src="/revolution/js/jquery.themepunch.tools.min.js"></script>
vendor: 1 bytes, line 401
401
402<script type="text/javascript" src="/revolution/js/jquery.themepunch.revolution.min.js"></script>
402 403<!-- setting -->
404<script type="text/javascript" src="/js/main.js?v=<?uniqid()?>"></script>
404 405 <!-- end scripts --> 406 407</body> 408 409</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.