CINXE.COM
Animations
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-fr" lang="fr-fr" dir="ltr" > <head> <base href="https://mairie-pomas.fr/index.php/decouvrir-et-bouger/animations" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="mairie, pomas" /> <meta name="description" content="Mairie de Pomas" /> <title>Animations</title> <link href="/index.php/decouvrir-et-bouger/animations?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/index.php/decouvrir-et-bouger/animations?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <link href="/templates/joomspirit_123/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/plugins/system/cookiesck/assets/front.css?ver=3.5.2" rel="stylesheet" type="text/css" /> <link href="/media/com_icagenda/icicons/style.css?d25c904feb7ff0b4e303aea60a9d9fe3" rel="stylesheet" type="text/css" /> <link href="/templates/system/css/general.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_123/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_123/css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_123/css/template.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_123/css/print.css" rel="stylesheet" type="text/css" media="print" /> <link href="https://fonts.googleapis.com/css?family=Oswald%7COpen+Sans%7CSource+Sans+Pro" rel="stylesheet" type="text/css" media="all" /> <style type="text/css"> .hide { display: none; } .table-noheader { border-collapse: collapse; } .table-noheader thead { display: none; } #cookiesck { position:fixed; left:0; right: 0; bottom: 0; z-index: 1000000; min-height: 30px; color: #ffffff; background: rgba(0,0,0,0.8); text-align: center; font-size: 14px; line-height: 14px; } #cookiesck_text { padding: 10px 0; display: inline-block; } #cookiesck_buttons { float: right; } .cookiesck_button, #cookiesck_accept, #cookiesck_decline, #cookiesck_settings, #cookiesck_readmore { float:left; padding:10px; margin: 5px; border-radius: 3px; text-decoration: none; cursor: pointer; transition: all 0.2s ease; } #cookiesck_readmore { float:right; } #cookiesck_accept { background: #1176a6; border: 2px solid #1176a6; color: #f5f5f5; } #cookiesck_accept:hover { background: transparent; border: 2px solid darkturquoise; color: darkturquoise; } #cookiesck_decline { background: #000; border: 2px solid #000; color: #f5f5f5; } #cookiesck_decline:hover { background: transparent; border: 2px solid #fff; color: #fff; } #cookiesck_settings { background: #fff; border: 2px solid #fff; color: #000; } #cookiesck_settings:hover { background: transparent; border: 2px solid #fff; color: #fff; } #cookiesck_options { display: none; width: 30px; height: 30px; border-radius: 15px; box-sizing: border-box; position: fixed; bottom: 0; left: 0; margin: 10px; border: 1px solid #ccc; cursor: pointer; background: #fff url(/plugins/system/cookiesck/assets/cookies-icon.svg) center center no-repeat; background-size: 80% auto; z-index: 1000000; } #cookiesck_options > .inner { display: none; width: max-content; margin-top: -40px; background: rgba(0,0,0,0.7); position: absolute; font-size: 14px; color: #fff; padding: 4px 7px; border-radius: 3px; } #cookiesck_options:hover > .inner { display: block; } #cookiesck > div { display: flex; justify-content: space-around; align-items: center; flex-direction: column; } .cookiesck-iframe-wrap-text { position: absolute; width: 100%; padding: 10px; color: #fff; top: 50%; transform: translate(0,-60%); text-align: center; } .cookiesck-iframe-wrap:hover .cookiesck-iframe-wrap-text { color: #333; } .pbck-container { max-width: 1000px} @media only screen and (min-width:801px){ .ckhide5 { display: none !important; } .ckstack5 > .inner { display: block; } .ckstack5 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;} }@media only screen and (max-width:800px) and (min-width:641px){ .ckhide4 { display: none !important; } .ckstack4 > .inner { display: block; } .ckstack4 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;} }@media only screen and (max-width:640px) and (min-width:481px){ .ckhide3 { display: none !important; } .ckstack3 > .inner { display: block; } .ckstack3 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;} }@media only screen and (max-width:480px) and (min-width:321px){ .ckhide2 { display: none !important; } .ckstack2 > .inner { display: block; } .ckstack2 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;} }@media only screen and (max-width:320px){ .ckhide1 { display: none !important; } .ckstack1 > .inner { display: block; } .ckstack1 > .inner > .blockck { float: none !important; width: auto !important; display: block; margin-left: 0 !important;} } </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"931f7d8abe52bcd6fa0e1728bfa3b09a","system.paths":{"root":"","base":""}}</script> <script src="/media/jui/js/jquery.min.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/media/system/js/caption.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/media/system/js/core.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/media/jui/js/bootstrap.min.js?d25c904feb7ff0b4e303aea60a9d9fe3" type="text/javascript"></script> <script src="/plugins/system/cookiesck/assets/front.js?ver=3.5.2" type="text/javascript"></script> <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); jQuery(function($){ initPopovers(); $("body").on("subform-row-add", initPopovers); function initPopovers (event, container) { $(container || document).find(".hasPopover").popover({"html": true,"trigger": "hover focus","container": "body"});} }); jQuery(function($){ initTooltips(); $("body").on("subform-row-add", initTooltips); function initTooltips (event, container) { container = container || document;$(container).find(".hasTooltip").tooltip({"html": true,"container": "body"});} }); var COOKIESCK = { ALLOWED : ["cookiesck","cookiesckiframes","cookiesckuniquekey","jform_captchacookie","bcde3218ab9ce8dc844cfcf54e4070c6"] , VALUE : 'yes' , UNIQUE_KEY : '145f6m1soughalu9q9u0nrpbp5' , LOG : '0' , LIST : '{}' , LIFETIME : '365' , DEBUG : '0' , TEXT : { INFO : 'En visitant ce site, vous acceptez l\'utilisation de cookies afin de vous proposer les meilleurs services possibles.' , ACCEPT_ALL : 'Tout accepter' , ACCEPT_ALL : 'Tout accepter' , DECLINE_ALL : 'Tout d茅cliner' , SETTINGS : 'Personnaliser' , OPTIONS : 'Options des cookies' , CONFIRM_IFRAMES : 'Veuillez confirmer que vous voulez charger les iframes' } }; console.log("COOKIES CK MESSAGE : The list of cookies is empty. Please check the documentation");jQuery(document).ready(function(){ckInitCookiesckIframes();}); </script> <style type="text/css">/***************************************** CUSTOM CSS ******************************************/ /*** Style css des Annuaires ***/ .container { padding-left: 0 !important; padding-right: 0 !important; } @media only screen and (max-width: 1200px) { .container { padding: 0 15px !important; } } @media screen and(min-width:768px){.container, .sousmenu{width:750px!important;}} @media screen and(min-width:992px){.container, .sousmneu{width:970px!important;}} @media (min-width:1200px){.container, .sousmenu{width:1170px!important;}} .row { margin: 0 !important; /*padding-top: 10px;*/ } body { font-weight: 100; color: #000000; /* font-size: 1.4em; */ } #main #main-box { margin: 15px 0; border-radius: 3px; padding-top: 15px; } #system-message-container { margin: 10px 0; } #annuaire { text-align: left; } #annuaire .category { margin-bottom: 20px; display: inline-block; width: 100%; } #annuaire h2 { clear: both; color: #323a45; font-family: 'Oswald'; font-size: 1.5rem; font-weight: bold; padding: 10px; background-color: #d61e1e; /*#f0f0f0 */ margin-top: 0; } .-economie h2 { position: relative; display: inline-block; padding: 6px 20px 6px 10px; margin: 20px 0 0 -10px; margin-top: 20px; margin-bottom: 0px; color: #ffffff !important; background-color: #d61e1e; margin-bottom: 35px !important; text-transform: uppercase; } .-economie h2::after { content: ' '; color: #fff; width: 0; height: 0; left: 0px; top: 100%; border-width: 10px 10px; border-style: solid; border-color: #9f1e1e #9f1e1e transparent transparent; margin-bottom: 10px !important; position: absolute; } #itemlist.cols2, #itemlist.cols3, #itemlist.cols4, #itemlist.cols5 { display: inline-table; width: 100%; } #annuaire .cols1 .item, #annuaire .subcat { clear: both; margin-top: 5px; height: 1%; overflow: hidden; } #annuaire h3 { position: relative; display: inline-block; padding: 6px 20px 6px 10px; margin: 20px 0 0 -10px; color: #ffffff !important; background-color: #ababad; margin-bottom: 15px !important; font-size: 150%; text-transform: uppercase; font-weight: 600; width: 100%; text-align: center; } #annuaire h3::after { content: ' '; color: #fff; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 5px; border-style: solid; border-color: #232323 #232323 transparent transparent; margin-bottom: 10px !important; position: absolute; } #itemlist .itemrow { clear: both; } #annuaire h4 { position: relative; display: inline-block; padding: 6px 20px 6px 10px; color: #ffffff !important; margin-bottom: 15px !important; font-size: 120%; text-transform: uppercase; width: 100%; text-align: left; } .-economie h4 { background-color: #d61e1e !important; margin: 20px 0 0 0 !important; border-right: 2px solid #FFFFFF; } #annuaire h4::after { content: ' '; color: #fff; width: 0; height: 0; left: 0px; top: 100%; border-width: 5px 5px; border-style: solid; border-color: #9f1e1e #9f1e1e transparent transparent; margin-bottom: 10px !important; position: absolute; } img { max-width: 100%; } .-economie i { color: #d61e1e !important; } #annuaire .tel { line-height: 30px; } #annuaire .fax { line-height: 30px; } #annuaire .cols1 .item, #annuaire .subcat { clear: both; margin-top: 5px; height: 1%; overflow: hidden; } #adirectory .mainthumb, #adirectory .thumb { float: left; margin: 0 5px 5px 0; } #annuaire .mainthumb { float: left; margin: 0 5px 5px 0; } .description { clear: both; margin-top: 5px; } /*** Fin Style css des Annuaires ***/ /** CSS Slider CK **/ .swiper-title { color: #ebf30f; } .swiper-desc { font-size: 1.3em; line-height: 1.5em } /** Fin CSS Slider CK **/ </style> <!-- hide the meta tag generator for website security --> <!-- Template manager variables --> <style type="text/css"> body { font-size:0.85em; background-color : ; color : #000000; font-family: 'Arial', sans-serif; } /** COLOR **/ .breadcrumb a[href="#"], .breadcrumb a[href="#"]:hover { color : #000000; } .drop-down li a, .drop-down li span, .drop-down span.title_menu a, .module-search .inputbox, .module-search .fa-search { color:#ffffff; } .drop-down li.active > a, .drop-down li.active > span, .drop-down a:hover, .drop-down span:hover, .drop-down li.active > a[href="#"]:hover, .drop-down span.title_menu a:hover, .top_menu li:hover a, .top_menu li.active a { color:#d61e1e; } .drop-down li li.active > a, .drop-down li li.active > span, .drop-down li li a:hover, .drop-down li li span:hover { background:#d61e1e; } .drop-down li li.active > a, .drop-down li li.active > span, .drop-down li li a:hover, .drop-down li li span:hover { color:#ffffff; } a, div.vertical-menu li a:hover { color: #2869bd; } .breadcrumb a:hover, a:hover, h1 a:hover, h2.contentheading a:hover, .bottom_menu li.current a, .top_menu li.current a { color: #d61e1e; } div.vertical-menu li.current > a { border-left-color: #2869bd; color: #2869bd; } div.horizontal-menu li[class*="current"] > a { border-bottom-color: #2869bd; color: #2869bd; } .text_social_icons { color:#7aa371; } /** TITLE **/ h1, h1 a, .componentheading, h2.contentheading, h2.contentheading a { color: #d61e1e; } @media screen and (min-width: 600px) { [class*="title-"] h1, [class*="title-"] h1 a, [class*="title-"] .componentheading { color: #000000; font-size : 240%; } } h2 { color: #028bc0; } .module-title h3 { color: #d61e1e; } /** FONT **/ .drop-down { font-family: 'Oswald', sans-serif; } .drop-down { font-size : 150%; } h1, .componentheading, .blog > h1 { font-family: 'Source Sans Pro', sans-serif; font-size : 210%; } h1 + h1, h2, h3, h4, h5, .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 { font-family: 'Source Sans Pro', sans-serif; } .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 { font-size : 160%; } h1 + h1, h2 { font-size : 150%; } h3 { font-size : 115%; } h4 { font-size : 110%; } h5 { font-size : 100%; } /** Width **/ .wrapper-website, .isStuck > div { width : 100%; } .logo-module { margin: 30px 0 0 10px; } .main_content { margin-left: 0%; width: 100%; } .left_column { width:20%; margin-left: -120%; } .right_column { width:25%; } /** Responsive columns **/ @media screen and (min-width: 768px) and (max-width: 979px ) { .resp-side-left .right_column { width:20%; } .resp-side-right .left_column { width:25%; } .resp-side-left .main_content { width: 100%; } .resp-side-right .main_content { width: 100%; } } @media screen and (max-width: 979px) { .drop-down li.active > a, .drop-down li.active > span, .drop-down li li.active > a, .drop-down li li.active > span { color:#ffffff; } .drop-down li.current > a, .drop-down li li.current > a, .drop-down li li a:hover, .drop-down li li span:hover { color:#d61e1e; } } /** If website width in px and more of 980px, the width is adjust betwwen the setting and 980px **/ @media screen and (min-width: 980px) and (max-width: 160px ) { .wrapper-website { width : 96%; } } </style> <meta name="viewport" content="initial-scale=1" /> <link rel="stylesheet" href="/templates/joomspirit_123/css/media_queries.css" type="text/css" media="all" /> <!-- Fixed a bug with Abndroid 4 and select field (see Boostrap doc) --> <script type="text/javascript"> var nua = navigator.userAgent var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1) if (isAndroid) { $('select.form-control').removeClass('form-control').css('width', '100%') } </script> <link rel="stylesheet" href="/templates/joomspirit_123/css/custom.css" type="text/css" media="all" /> <script type="text/javascript"> jQuery.noConflict(); </script> <!-- SCRIPT TO ENABLE CCS3 ANIMATIONS WHEN ELEMENT IS VISIBLE --> <script type="text/javascript"> //<![CDATA[ jQuery(window).load(function(){ // Plugin @RokoCB :: Return the visible amount of px // of any element currently in viewport. // stackoverflow.com/questions/24768795/ ;(function($, win) { $.fn.inViewport = function(cb) { return this.each(function(i,el){ function visPx(){ var H = $(this).height(), r = el.getBoundingClientRect(), t=r.top, b=r.bottom; return cb.call(el, Math.max(0, t>0? H-t : (b<H?b:H))); } visPx(); $(win).on("resize scroll", visPx); }); }; }(jQuery, window)); jQuery(".animbox").inViewport(function(px){ jQuery(this).toggleClass("animCSS3", !!px ); }); });//]]> </script> <!--[if lte IE 8]> <link rel="stylesheet" href="/templates/joomspirit_123/css/ie8.css" type="text/css" /> <script type="text/javascript" src="/templates/joomspirit_123/lib/js/html5.js"></script> <![endif]--> <!--[if lte IE 7]> <link rel="stylesheet" href="/templates/joomspirit_123/css/ie7.css" type="text/css" /> <![endif]--> <link href="/modules/mod_capsule/css/template_mairie.css" rel="stylesheet" type="text/css" /> <script> function CacheSpeedNav() { var div1 = document.getElementById("SpeedNavMenu1"); var div2 = document.getElementById("SpeedNavMenu2"); if (div1.style.display === "none") { div1.style.display = "block"; div2.style.display = "none"; document.getElementById("ButtonSpeedNav").className = "active"; } else { div1.style.display = "none"; div2.style.display = "block"; document.getElementById("ButtonSpeedNav").className = ""; } } </script> </head> <body class=" standard-page theme-light uppercase-menu-title h1-shadow-no h1-slide-shadow-light resp-side-right resp-users-768 js-border"> <div class="website zindex10"> <div class="wrapper-website"> <header class="website-header clearfix zindex20"> <nav class="top_menu"> <div class="module "> <ul class="nav menu mod-list"> <li class="item-154"><a href="/index.php/connexion" >Connexion</a></li></ul> </div> </nav> <div class="logo-module zindex10 " > <a href="/" ><img src="https://mairie-pomas.fr/images/header-site-web-new-730x60.png" alt="" /></a> </div> </header> <!-- end of Header --> <nav id="js_navigation" class=" zindex30 drop-down clearfix"> <div> <div class="module-search yes"> <div class="search "> <form class="form-inline" method="post" action="https://mairie-pomas.fr/"> <input type="search" placeholder="Recherche ..." size="14" class="inputbox search-query" maxlength="200" id="mod-search-searchword" name="searchword"> <span class="fa fa-search"></span> <input type="image" onclick="this.form.searchword.focus();" src="/templates/joomspirit_123/images/transparent.png" class="button" alt="Search"> <input type="hidden" value="search" name="task"><input type="hidden" value="com_search" name="option"> </form> </div> </div> <span class="title_menu"> <a href="#js_navigation"><span class="icon-main-menu"></span><span class="text-icon-menu">Menu</span></a> </span> <ul class="nav menu mod-list"> <li class="item-138 default active"><a href="/index.php" >Accueil</a></li><li class="item-139 deeper parent"><a href="/index.php/la-mairie-a-votre-service" >LA MAIRIE 脌 VOTRE SERVICE</a><ul class="nav-child unstyled small"><li class="item-162 deeper parent"><a href="/index.php/la-mairie-a-votre-service/vie-municipale" >Vie municipale</a><ul class="nav-child unstyled small"><li class="item-346"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/le-mot-du-maire" >Le mot du Maire</a></li><li class="item-163"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/conseil-municipal" >Conseil municipal</a></li><li class="item-230"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/commissions" >Commissions</a></li><li class="item-164"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/seances-du-conseil" >S茅ances du conseil</a></li><li class="item-165"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/comptes-rendus-conseil" >Comtes-rendus du conseil</a></li><li class="item-261"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/intercommunalite" >Intercommunalit茅</a></li><li class="item-166"><a href="/index.php/la-mairie-a-votre-service/vie-municipale/contact" >Contact</a></li></ul></li><li class="item-167 deeper parent"><a href="/index.php/la-mairie-a-votre-service/demarches-en-mairie" >D茅marches en mairie</a><ul class="nav-child unstyled small"><li class="item-168"><a href="/index.php/la-mairie-a-votre-service/demarches-en-mairie/services-municipaux" >Services municipaux</a></li><li class="item-169"><a href="/index.php/la-mairie-a-votre-service/demarches-en-mairie/etat-civil" >Etat civil</a></li><li class="item-170"><a href="/index.php/la-mairie-a-votre-service/demarches-en-mairie/travaux-en-cours" >Travaux en cours</a></li><li class="item-503"><a href="/index.php/la-mairie-a-votre-service/demarches-en-mairie/locations-municipales" >Locations municipales</a></li></ul></li><li class="item-171 deeper parent"><a href="/index.php/la-mairie-a-votre-service/demarches-en-ligne" >D茅marches en ligne</a><ul class="nav-child unstyled small"><li class="item-172"><a href="/index.php/la-mairie-a-votre-service/demarches-en-ligne/droits-et-demarches-en-ligne" >Droits et d茅marches en ligne</a></li><li class="item-173"><a href="https://www.service-public.fr/particuliers/vosdroits/N359" target="_blank" rel="noopener noreferrer">Etat civil en ligne</a></li><li class="item-174"><a href="/index.php/la-mairie-a-votre-service/demarches-en-ligne/marches-publics" >March茅s publics</a></li></ul></li><li class="item-192 deeper parent"><a href="/index.php/la-mairie-a-votre-service/infrastructures-municipales" >Infrastructures municipales</a><ul class="nav-child unstyled small"><li class="item-357"><a href="/index.php/la-mairie-a-votre-service/infrastructures-municipales/equipements-culturels-et-sociaux-culturels" >脡quipements culturels et sociaux culturels</a></li><li class="item-358"><a href="/index.php/la-mairie-a-votre-service/infrastructures-municipales/equipements-sportifs" >脡quipements sportifs</a></li><li class="item-359"><a href="/index.php/la-mairie-a-votre-service/infrastructures-municipales/equipements-de-sante-et-d-action-sociale" >脡quipements de sant茅 et d'action sociale</a></li><li class="item-377"><a href="/index.php/la-mairie-a-votre-service/infrastructures-municipales/monuments-et-cimetieres" >Monuments et cimeti猫res</a></li></ul></li><li class="item-175 deeper parent"><a href="/index.php/la-mairie-a-votre-service/restons-connectes" >Restons connect茅s</a><ul class="nav-child unstyled small"><li class="item-176"><a href="/index.php/la-mairie-a-votre-service/restons-connectes/inscription-newsletter" >Inscription newsletter</a></li><li class="item-177"><a href="/index.php/la-mairie-a-votre-service/restons-connectes/contactez-vos-elus" >Contactez vos 茅lus</a></li><li class="item-178"><a href="/index.php/la-mairie-a-votre-service/restons-connectes/suggestions-reclamations" >Suggestions</a></li><li class="item-179"><a href="/index.php/la-mairie-a-votre-service/restons-connectes/retrouvez-nous-sur" >Retrouvez nous sur...</a></li></ul></li></ul></li><li class="item-140 deeper parent"><a href="/index.php/vivre-a-pomas" >VIVRE 脌 POMAS</a><ul class="nav-child unstyled small"><li class="item-180 deeper parent"><a href="/index.php/vivre-a-pomas/urbanisme" >Urbanisme</a><ul class="nav-child unstyled small"><li class="item-442"><a href="/index.php/vivre-a-pomas/urbanisme/guichet-unique-urbanisme" >Guichet Unique d'Urbanisme</a></li><li class="item-240"><a href="/index.php/vivre-a-pomas/urbanisme/plu" >Plan local d'urbanisme</a></li><li class="item-181"><a href="https://www.service-public.fr/particuliers/vosdroits/F1633" target="_blank" rel="noopener noreferrer">Certificat d'urbanisme</a></li><li class="item-182"><a href="https://www.service-public.fr/particuliers/vosdroits/F17578" target="_blank" rel="noopener noreferrer">D茅claration pr茅alable</a></li><li class="item-183"><a href="https://www.service-public.fr/particuliers/vosdroits/F1986" target="_blank" rel="noopener noreferrer">Permis de construire</a></li><li class="item-184"><a href="/index.php/vivre-a-pomas/urbanisme/permis-amenager" >Permis d'am茅nager</a></li></ul></li><li class="item-323 deeper parent"><a href="/index.php/vivre-a-pomas/environnement" >Environnement</a><ul class="nav-child unstyled small"><li class="item-327"><a href="/index.php/vivre-a-pomas/environnement/entretenir-son-jardin" >Entretenir son jardin</a></li><li class="item-325"><a href="/index.php/vivre-a-pomas/environnement/developpement-durable" >D茅veloppement durable</a></li><li class="item-324"><a href="/index.php/vivre-a-pomas/environnement/gestion-des-dechets" >Gestion des d茅chets</a></li><li class="item-326"><a href="/index.php/vivre-a-pomas/environnement/regles-de-bon-voisinage" >R猫gles de bon voisinage</a></li><li class="item-410"><a href="/index.php/vivre-a-pomas/environnement/prevention-risques-majeurs" >Pr茅vention des risques majeurs</a></li></ul></li><li class="item-185 deeper parent"><a href="/index.php/vivre-a-pomas/solidarite-et-sante" >Solidarit茅 et sant茅</a><ul class="nav-child unstyled small"><li class="item-186"><a href="/index.php/vivre-a-pomas/solidarite-et-sante/aides-cias" >Aides - CIAS</a></li><li class="item-187"><a href="/index.php/vivre-a-pomas/solidarite-et-sante/prevention-sante" >Pr茅vention & sant茅</a></li><li class="item-188"><a href="/index.php/vivre-a-pomas/solidarite-et-sante/seniors" >Seniors</a></li><li class="item-189"><a href="/index.php/vivre-a-pomas/solidarite-et-sante/handicap" >Handicap</a></li></ul></li><li class="item-235 deeper parent"><a href="/index.php/vivre-a-pomas/transports-mobilite" >Transports - mobilit茅</a><ul class="nav-child unstyled small"><li class="item-236"><a href="/index.php/vivre-a-pomas/transports-mobilite/bus" >Bus</a></li><li class="item-237"><a href="/index.php/vivre-a-pomas/transports-mobilite/train" >Train</a></li><li class="item-238"><a href="/index.php/vivre-a-pomas/transports-mobilite/avion" >Avion</a></li></ul></li><li class="item-190 deeper parent"><a href="/index.php/vivre-a-pomas/loisirs-vie-associative" >Loisirs - Associations</a><ul class="nav-child unstyled small"><li class="item-191"><a href="/index.php/vivre-a-pomas/loisirs-vie-associative/actualites-sportives" >Actualit茅s sportives</a></li><li class="item-193"><a href="/index.php/vivre-a-pomas/loisirs-vie-associative/vie-associative" >Vie associative</a></li></ul></li><li class="item-194 deeper parent"><a href="/index.php/vivre-a-pomas/education-jeunesse" >脡ducation - jeunesse</a><ul class="nav-child unstyled small"><li class="item-195"><a href="/index.php/vivre-a-pomas/education-jeunesse/etablissement-scolaire" >脡tablissement scolaire</a></li><li class="item-196"><a href="/index.php/vivre-a-pomas/education-jeunesse/restauration-scolaire" >Restauration scolaire</a></li><li class="item-197"><a href="/index.php/vivre-a-pomas/education-jeunesse/accueil-et-garderie" >Accueil et garderie</a></li><li class="item-282"><a href="/index.php/vivre-a-pomas/education-jeunesse/assistantes-maternelles" >Assistantes Maternelles</a></li></ul></li></ul></li><li class="item-141 deeper parent"><a href="/index.php/decouvrir-et-bouger" >D脡COUVRIR ET BOUGER</a><ul class="nav-child unstyled small"><li class="item-198 deeper parent"><a href="/index.php/decouvrir-et-bouger/histoire-et-patrimoine" >Histoire et patrimoine</a><ul class="nav-child unstyled small"><li class="item-199"><a href="/index.php/decouvrir-et-bouger/histoire-et-patrimoine/historique" >Historique</a></li><li class="item-200"><a href="/index.php/decouvrir-et-bouger/histoire-et-patrimoine/patrimoine-naturel" >Patrimoine naturel</a></li><li class="item-201"><a href="/index.php/decouvrir-et-bouger/histoire-et-patrimoine/patrimoine-bati" >Patrimoine b芒ti</a></li></ul></li><li class="item-231 deeper parent"><a href="/index.php/decouvrir-et-bouger/economie-locale" >脡conomie locale</a><ul class="nav-child unstyled small"><li class="item-232"><a href="/index.php/decouvrir-et-bouger/economie-locale/commerces" >Commerces</a></li><li class="item-233"><a href="/index.php/decouvrir-et-bouger/economie-locale/artisanat-entreprises" >Artisanat & Entreprises</a></li><li class="item-239"><a href="/index.php/decouvrir-et-bouger/economie-locale/espace-agricole" >Espace agricole</a></li><li class="item-234"><a href="/index.php/decouvrir-et-bouger/economie-locale/emploi" >Emploi</a></li></ul></li><li class="item-202 deeper parent"><a href="/index.php/decouvrir-et-bouger/tourisme" >Tourisme</a><ul class="nav-child unstyled small"><li class="item-203"><a href="/index.php/decouvrir-et-bouger/tourisme/se-loger" >Se loger</a></li><li class="item-204"><a href="/index.php/decouvrir-et-bouger/economie-locale/commerces#restauration" >Se restaurer</a></li><li class="item-205"><a href="https://www.google.com/maps/d/viewer?mid=1YCaeqVaMLEZ7CCdJPY1ClPGcwZN9Y88e&usp=sharing" target="_blank" rel="noopener noreferrer">Plan de Pomas</a></li></ul></li><li class="item-206 deeper parent"><a href="/index.php/decouvrir-et-bouger/culture" >Culture</a><ul class="nav-child unstyled small"><li class="item-207"><a href="/index.php/decouvrir-et-bouger/culture/bibliotheque" >Biblioth猫que</a></li><li class="item-208"><a href="/index.php/decouvrir-et-bouger/culture/cinemas" >Cin茅mas</a></li><li class="item-209"><a href="/index.php/decouvrir-et-bouger/culture/evenements-sportifs" >Th茅芒tres</a></li></ul></li><li class="item-210 current deeper parent"><a href="/index.php/decouvrir-et-bouger/animations" >Animations</a><ul class="nav-child unstyled small"><li class="item-212"><a href="/index.php/decouvrir-et-bouger/animations/animations-locales" >Animations locales</a></li><li class="item-213"><a href="/index.php/decouvrir-et-bouger/animations/celebrations" >C茅l茅brations</a></li><li class="item-214"><a href="/index.php/component/tags/tag/agenda" >Tout l'agenda</a></li></ul></li><li class="item-395"><a href="/index.php/decouvrir-et-bouger/galeries-photos" >Galeries de photos</a></li></ul></li><li class="item-283"><a href="/index.php/pomas-pratique" >Pomas pratique</a></li></ul> </div> </nav> <div class="empty-space visible-desktop clearfix"></div> <!-- empty DIV for Sticky menu --> <section class="website-content clearfix zindex10 " > <nav class="module-breadcrumb zindex10" role="navigation"> <div class="moduletable"> <h3>Breadcrumbs</h3> <div aria-label="Breadcrumbs" role="navigation"> <ul itemscope itemtype="https://schema.org/BreadcrumbList" class="breadcrumb"> <li> Vous 锚tes ici :   </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/index.php" class="pathway"><span itemprop="name">Accueil</span></a> <span class="divider"> <img src="/templates/joomspirit_123/images/system/arrow.png" alt="" /> </span> <meta itemprop="position" content="1"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/index.php/decouvrir-et-bouger" class="pathway"><span itemprop="name">D脡COUVRIR ET BOUGER</span></a> <span class="divider"> <img src="/templates/joomspirit_123/images/system/arrow.png" alt="" /> </span> <meta itemprop="position" content="2"> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="active"> <span itemprop="name"> Animations </span> <meta itemprop="position" content="3"> </li> </ul> </div> </div> </nav> <div class="main-columns clearfix"> <!-- MAIN COLUMN --> <div class="main_content" > <!-- USER 1, 2, 3 --> <!-- END OF USERS TOP --> <div class="main_component clearfix" role="main" > <!-- MAIN COMPONENT --> <div id="system-message-container"> </div> <div class="category-list"> <div> <div class="content-category"> <h2> Animations </h2> <form action="https://mairie-pomas.fr/index.php/decouvrir-et-bouger/animations" method="post" name="adminForm" id="adminForm" class="form-inline"> <fieldset class="filters btn-toolbar clearfix"> <legend class="hide">Filtres</legend> <div class="btn-group pull-right"> <label for="limit" class="element-invisible"> Affichage # </label> <select id="limit" name="limit" class="inputbox input-mini" size="1" onchange="this.form.submit()"> <option value="5">5</option> <option value="10" selected="selected">10</option> <option value="15">15</option> <option value="20">20</option> <option value="25">25</option> <option value="30">30</option> <option value="50">50</option> <option value="100">100</option> <option value="0">Tout</option> </select> </div> <input type="hidden" name="filter_order" value="" /> <input type="hidden" name="filter_order_Dir" value="" /> <input type="hidden" name="limitstart" value="" /> <input type="hidden" name="task" value="" /> </fieldset> <div class="control-group hide pull-right"> <div class="controls"> <button type="submit" name="filter_submit" class="btn btn-primary">Filtre</button> </div> </div> <table class="category table table-striped table-bordered table-hover"> <caption class="hide">Liste des articles dans la cat茅gorie Animations</caption> <thead> <tr> <th scope="col" id="categorylist_header_title"> <a href="#" onclick="Joomla.tableOrdering('a.title','asc','', document.getElementById('adminForm'));return false;" class="hasPopover" title="Titre" data-content="Cliquez pour trier cette colonne" data-placement="top">Titre</a> </th> <th scope="col" id="categorylist_header_author"> <a href="#" onclick="Joomla.tableOrdering('author','asc','');return false;" class="hasPopover" title="Auteur" data-content="Cliquez pour trier cette colonne" data-placement="top">Auteur</a> </th> <th scope="col" id="categorylist_header_hits"> <a href="#" onclick="Joomla.tableOrdering('a.hits','asc','');return false;" class="hasPopover" title="Clics" data-content="Cliquez pour trier cette colonne" data-placement="top">Clics</a> </th> </tr> </thead> <tbody> <tr class="cat-list-row0" > <td headers="categorylist_header_title" class="list-title"> <a href="/index.php/decouvrir-et-bouger/animations/animations-locales"> Animations locales </a> </td> <td headers="categorylist_header_author" class="list-author"> 脡crit par Administrator </td> <td headers="categorylist_header_hits" class="list-hits"> <span class="badge badge-info"> Clics : 3396 </span> </td> </tr> </tbody> </table> </form> <div class="cat-children"> <h3> Sous-cat茅gories </h3> <div class="last"> <h3 class="page-header item-title"><a href="/index.php/decouvrir-et-bouger/animations/60-celebrations"> C茅l茅brations</a> </h3> </div> </div> </div> </div> </div> </div> <!-- USER 4, 5, 6 --> <!-- END OF USERS BOTTOM --> <div class="clr"></div> </div> <!-- END OF MAIN CONTENT --> </div> <!-- END OF MAIN COLUMNS --> <aside class="bottom-module-position3 animbox" role="complementary"> <div class="module "> <div class="container"> <div class="raw"> <div class="bloc1"> <h4>Mairie de Pomas</h4> <div> <div class="logofooter"> <img src="/modules/mod_capsule/images/logo-type-transparent-130x127.png" alt=""> </div> <div class="contentBloc1"> <div> <svg class="svg-inline--fa fa-map-signs fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="map-signs" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M507.31 84.69L464 41.37c-6-6-14.14-9.37-22.63-9.37H288V16c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v16H56c-13.25 0-24 10.75-24 24v80c0 13.25 10.75 24 24 24h385.37c8.49 0 16.62-3.37 22.63-9.37l43.31-43.31c6.25-6.26 6.25-16.38 0-22.63zM224 496c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16V384h-64v112zm232-272H288v-32h-64v32H70.63c-8.49 0-16.62 3.37-22.63 9.37L4.69 276.69c-6.25 6.25-6.25 16.38 0 22.63L48 342.63c6 6 14.14 9.37 22.63 9.37H456c13.25 0 24-10.75 24-24v-80c0-13.25-10.75-24-24-24z"></path> </svg> <!-- <i class="fas fa-map-signs"></i> --> <span>Rue de la Mairie<br> 11250 Pomas </span> </div> <div> <svg class="svg-inline--fa fa-phone-alt fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="phone-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z"></path> </svg><!-- <i class="fas fa-phone-alt"></i> --> <span>04 68 69 42 67</span> </div> </div> </div> </div> <div class="bloc2" style="margin-left: 30px;"> <h4>Horaires d'ouverture</h4> <p></p> <ul> <li>Du lundi au vendredi de 8h00 脿 12h00.et le lundi de 13h30 脿 15h30</li> <li>Du mardi au vendredi apr猫s-midi sur rendez-vous uniquement</li> <li>Une permanence des 茅lus est assur茅e le lundi de 10h 脿 12h</li> </ul> <p></p> </div> <div class="bloc3" style="margin-left: 0px;"> </div> <div class="bloc4" style="margin-left: 30px;"> <h4>SItes institutionnels</h4> <div> <span id="Layer1"> <a href="https://www.carcassonne-agglo.fr/fr/agglo.html" title="Communaut茅 d'Agglom茅ration du Carcassonnais" target="_blank"> <img name="zzz" src="/modules/mod_capsule/images/logo-carcassonne-agglo-180x80.jpg" width="130" height="58" alt=""> </a> </span> <span id="Layer2"> <a href="https://www.aude.fr/" title="D茅partement de l'Aude" target="_blank"> <img name="yyy" src="/modules/mod_capsule/images/logo-Aude-180x80.png" width="130" height="58" alt=""> </a> </span> <span id="Layer3"> <a href="https://www.laregion.fr/" title="R茅gion Occitanie" target="_blank"> <img name="xxx" src="/modules/mod_capsule/images/logo-r茅gion-occitanie-180x80.jpg" width="130" height="58" alt=""> </a> </pan> </div> </div> <div class="clr"></div> </div> </div> </div> </div> </aside> </section> <!-- END OF WEBSITE CONTENT --> <footer class="website-footer animbox"> <!-- SOCIAL LINKS --> <!-- bottom nav --> <div class="address " > <div class="moduletable " > <div> <div class="content-module"> <div class="templatecopyright"> <p> Copyright 2020 Mairie de Pomas | Template JoomSpirit | Conception : Mairie de Pomas - Service Informatique | <a href="/index.php/protection-des-donnees" title="">Protection des donn茅es</a> | <a href="/index.php?option=com_content&view=article&id=67" title="">Mentions l茅gales</a> </p> </div> </div> </div> <div class="icon-module"></div> </div> </div> </footer> <!-- END OF WEBSITE CONTENT --> </div> <!-- END OF WRAPPER WEBSITE --> </div> <!-- END OF WEBSITE --> <div class="background-site"></div> <div class="js-copyright" ><a class="jslink" target="_blank" href="http://www.template-joomspirit.com" >www.template-joomspirit.com</a></div> <script src="/templates/joomspirit_123/lib/js/bootstrap.min.js" type="text/javascript"></script> <script src="/templates/joomspirit_123/lib/js/stickUp.min.js" type="text/javascript"></script> <script type="text/javascript"> //initiating jQuery jQuery(function($) { jQuery(document).ready( function() { jQuery('.drop-down').stickUp(); }); }); </script> <div class="hidden-phone" id="toTop"><a id="toTopLink"><span class="icon-up"></span><span id="toTopText"> Back to top</span></a></div> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { jQuery("#toTop").fadeIn(); } else { jQuery("#toTop").fadeOut(); } }); jQuery("#toTop").click(function() { jQuery("html, body").animate({ scrollTop: 0 }, "slow"); return false; }); }); </script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 340) { jQuery(".title_menu").addClass("fixed"); jQuery(".website-header").addClass("with-space"); } else { jQuery(".title_menu").removeClass("fixed"); jQuery(".website-header").removeClass("with-space"); } }); }); </script> <div id="cookiesck_interface"></div></body> </html>