{
  "id": 115,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 0,
  "header": "",
  "subheader": "",
  "headerLayout": 0,
  "headerPosition": "",
  "headerLink": "",
  "data": "\n\n\n\t\n\n\n<div class=\"news\">\n\t\n    <div class=\"news-search-form\">\n        <form method=\"get\" name=\"search\" action=\"/rechercher?tx_news_pi1%5Bcontroller%5D=News&amp;cHash=b77d4def6ca265a0037b4839797cefbe\">\n<div>\n<input type=\"hidden\" name=\"tx_news_pi1[__referrer][@extension]\" value=\"News\" />\n<input type=\"hidden\" name=\"tx_news_pi1[__referrer][@controller]\" value=\"News\" />\n<input type=\"hidden\" name=\"tx_news_pi1[__referrer][@action]\" value=\"searchForm\" />\n<input type=\"hidden\" name=\"tx_news_pi1[__referrer][arguments]\" value=\"YToxOntzOjE1OiJvdmVyd3JpdGVEZW1hbmQiO2E6MTp7czoxMDoiY2F0ZWdvcmllcyI7czoyOiI1NSI7fX0=b7aa4f5c99c8271851f8ebd1d9c88da7b894aaf8\" />\n<input type=\"hidden\" name=\"tx_news_pi1[__referrer][@request]\" value=\"{&quot;@extension&quot;:&quot;News&quot;,&quot;@controller&quot;:&quot;News&quot;,&quot;@action&quot;:&quot;searchForm&quot;}011827a94ff6dbf3d5943189ec26923c4f6aebb0\" />\n<input type=\"hidden\" name=\"tx_news_pi1[__trustedProperties]\" value=\"{&quot;search&quot;:{&quot;subject&quot;:1,&quot;minimumDate&quot;:1,&quot;maximumDate&quot;:1,&quot;location&quot;:1,&quot;locationLabel&quot;:1}}db189016c12e14b933567c88bb69b7e8a5ba0522\" />\n</div>\n\n            <div class=\"form-group label-floating is-empty\">\n                <div class=\"input-group searchInput\">\n                    <label class=\"control-label ms-form-search-label\" for=\"ms-form-search\">Recherche</label>\n                    <input class=\"form-control\" id=\"ms-form-search\" type=\"text\" name=\"tx_news_pi1[search][subject]\" />\n                    <span  class=\"input-group-addon icon-search submitGroup\">\n\t\t\t\t\t\t<input class=\"submitSearch\" type=\"submit\" value=\"Rechercher\" />\n\t\t\t\t\t</span>\n                    <div class=\"filter-btn\">\n                        <span class=\"filterByDateLabel\"><a href=\"#\">Par Date</a></span>\n                        <span class=\"filterByTypeLabel active\"><a href=\"#\">Par Type</a></span>\n                        <span class=\"filterByPlaceLabel\"><a href=\"#\">Par Lieu</a></span>\n                    </div>\n                </div>\n            </div>\n            <div class=\"filterDateContainer\" style=\"display:none;\">\n                <h1>Rechercher une date</h1>\n                <div class=\"row\">\n                    <div class=\"col-md-4 col-6 grid\">\n                        <div class=\"card card-primary-inverse todaySubmit\">\n                            <div class=\"card-body\">\n                                <p>Aujourd'hui</p>\n                                <a href=\"#\" class=\"cardLink\"></a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-md-4 col-6 grid\">\n                        <div class=\"card card-primary-inverse weekEndSubmit\">\n                            <div class=\"card-body\">\n                                <p>Ce week-end</p>\n                                <a href=\"#\" class=\"cardLink\"></a>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-md-4 col-12 grid\">\n                        <div class=\"card card-primary-inverse\">\n                            <div class=\"card-body\">\n                                <div class=\"form-group row hiddenField forTo is-empty\">\n                                    <div class=\"col-6\">\n                                        <div class=\"form-group\">\n                                            <label for=\"news-minimumDate\">De</label>\n                                            <input class=\"form-control news-minimumDate\" type=\"date\" name=\"tx_news_pi1[search][minimumDate]\" />\n                                        </div>\n                                    </div>\n                                    <div class=\"col-6\">\n                                        <div class=\"form-group\">\n                                            <label for=\"news-maximumDate\">à</label>\n                                            <input class=\"form-control news-maximumDate\" type=\"date\" name=\"tx_news_pi1[search][maximumDate]\" />\n                                        </div>\n                                    </div>\n                                    <div class=\"col-lg-12 text-right\">\n                                        <button type=\"submit\" class=\"btn btn-raised btn-white\">Valider<div class=\"ripple-container\"></div></button>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"filterPlaceContainer\" style=\"display:none;\">\n                <h1>Rechercher un lieu</h1>\n                <div class=\"row\">\n                    <div class=\"col-6 grid\">\n                        <div class=\"card card-primary-inverse px-5 py-4\">\n                            <div class=\"card-body\">\n                                <div class=\"form-group places\">\n                                    <label for=\"#searchByPlaces\">Rechercher un organisateur</label>\n                                    <input class=\"form-control\" id=\"searchByPlaces\" type=\"hidden\" name=\"tx_news_pi1[search][location]\" />\n                                    <input class=\"form-control\" id=\"searchByPlacesLabel\" type=\"text\" name=\"tx_news_pi1[search][locationLabel]\" />\n                                    <div id=\"searchByPlaces-list\"></div>\n                                </div>\n                            </div>\n                            <div class=\"text-right\">\n                                <button type=\"submit\" class=\"btn btn-raised btn-white\">Valider<div class=\"ripple-container\"></div></button>\n                            </div>\n                            <div class=\"search-card-title placeBlock\">\n                                <h4>Rechercher un organisateur</h4>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"col-6 grid\">\n                        <div class=\"card card-primary-inverse px-5 py-4\">\n                            <div class=\"card-body\">\n                                <div class=\"form-group cities\">\n                                    <span class=\"cityListItem\" style=\"display: none;\">Armbouts-Cappel|Bourbourg|Bray-Dunes|Cappelle-la-Grande|Coudekerque-Branche|Craywick|Dunkerque|Ghyvelde|Grande-Synthe|Grand-Fort-Philippe|Gravelines|Fort-Mardyck, Dunkerque|Leffrinckoucke|Loon-Plage|Mardyck, Dunkerque|Saint-Georges-sur-l'Aa|Saint-Pol-sur-Mer, Dunkerque|Spycker|Téteghem - Coudekerque-Village|Zuydcoote</span>\n                                    <label for=\"cities\">Sélectionner une commune</label>\n                                </div>\n                            </div>\n                            <div class=\"text-right\">\n                                <button type=\"submit\" class=\"btn btn-raised btn-white\">Valider<div class=\"ripple-container\"></div></button>\n                            </div>\n                            <div class=\"search-card-title cityBlock\">\n                                <h4>Sélectionner une commune</h4>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </form>\n        <form class=\"result-filtering hidden\">\n            <div class=\"form-group selectFilterContainer\">\n                <div class=\"\">\n                    <select id=\"ageMin\" class=\"form-control selectpicker\" data-dropup-auto=\"false\">\n                        <option value=\"\" selected=\"selected\">Jeune public ?</option>\n                        <option value=\"0\">0 an</option>\n                        <option value=\"1\">1 an</option>\n                        <option value=\"2\">2 ans</option>\n                        <option value=\"3\">3 ans</option>\n                        <option value=\"4\">4 ans</option>\n                        <option value=\"5\">5 ans</option>\n                        <option value=\"6\">6 ans</option>\n                        <option value=\"7\">7 ans</option>\n                        <option value=\"8\">8 ans</option>\n                        <option value=\"9\">9 ans</option>\n                        <option value=\"10\">10 ans</option>\n                        <option value=\"11\">11 ans</option>\n                        <option value=\"12\">12 ans</option>\n                    </select>\n                </div>\n                <div class=\"\">\n                    <select id=\"prixMax\" class=\"form-control selectpicker\" data-dropup-auto=\"false\">\n                        <option value=\"\" selected=\"selected\">Prix maxi ?</option>\n                        <option value=\"0\">Gratuit</option>\n                        <option value=\"10\">10 €</option>\n                        <option value=\"20\">20 €</option>\n                        <option value=\"30\">30 €</option>\n                    </select>\n                </div>\n            </div>\n        </form>\n    </div>\n\n</div>\n"
}

{
  "id": 169,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 1,
  "header": "Parcourir toute l'offre",
  "subheader": "",
  "headerLayout": 1,
  "headerPosition": "",
  "headerLink": "",
  "data": "\n\n\n\t\n\n\n<div class=\"news\">\n\t\n    \n            <div class=\"row categoryMenu\">\n                \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 parentCategory\">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Catégories temporaires</p>\n                        <a class=\"cardLink\" title=\"Catégories temporaires\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=39&amp;cHash=3bcb84205b70ec53cab1656bb803f5c6\">Catégories temporaires\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n                \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Allure folle</p>\n                        <a class=\"cardLink\" title=\"Allure folle\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=53&amp;cHash=80c436eb0e4495045068d96b15a1d8da\">Allure folle\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Carnaval</p>\n                        <a class=\"cardLink\" title=\"Carnaval\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=63&amp;cHash=7043c57883b17e3878712a247f1ffe18\">Carnaval\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Dunkerque la féerique</p>\n                        <a class=\"cardLink\" title=\"Dunkerque la féerique\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=64&amp;cHash=284b80a210be05a5f15e72befcfabb23\">Dunkerque la féerique\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Journées nationales tourisme &amp; handicap</p>\n                        <a class=\"cardLink\" title=\"Journées nationales tourisme &amp; handicap\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=67&amp;cHash=c08f32f0e83d021d1bc94e275c0b0fe1\">Journées nationales tourisme &amp; handicap\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>L&#039;été à Malo</p>\n                        <a class=\"cardLink\" title=\"L'été à Malo\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=57&amp;cHash=d59ff4e1bd60d0b4e622d1259470a6bc\">L&#039;été à Malo\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>L&#039;été des Balises</p>\n                        <a class=\"cardLink\" title=\"L'été des Balises\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=60&amp;cHash=6513c0b2e1a557e0e8e04a5ed87f33f0\">L&#039;été des Balises\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>La Bonne Aventure</p>\n                        <a class=\"cardLink\" title=\"La Bonne Aventure\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=46&amp;cHash=c6394fc853d4f293d6ed4895ef95b08b\">La Bonne Aventure\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>La fête de la musique</p>\n                        <a class=\"cardLink\" title=\"La fête de la musique\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=51&amp;cHash=6be51c76e726acb43dce35e863944447\">La fête de la musique\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>La mouette qui lit</p>\n                        <a class=\"cardLink\" title=\"La mouette qui lit\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=52&amp;cHash=27ea49f2aba1ae88750761948b911eda\">La mouette qui lit\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>La nuit des musées</p>\n                        <a class=\"cardLink\" title=\"La nuit des musées\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=49&amp;cHash=840b5ad2ee2ce93295b8f5c4aa9ef112\">La nuit des musées\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Le printemps des poètes</p>\n                        <a class=\"cardLink\" title=\"Le printemps des poètes\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=45&amp;cHash=b2d2d2b02030975ef1e448f0fc9f7ca5\">Le printemps des poètes\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Les apéros concerts du bout de la digue</p>\n                        <a class=\"cardLink\" title=\"Les apéros concerts du bout de la digue\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=58&amp;cHash=2a25fa643771d37c698a2cdb093dee51\">Les apéros concerts du bout de la digue\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Les journées européennes du patrimoine</p>\n                        <a class=\"cardLink\" title=\"Les journées européennes du patrimoine\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=48&amp;cHash=ea2893c1ec1917e0921b5a27ff426d06\">Les journées européennes du patrimoine\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Récits sans frontières</p>\n                        <a class=\"cardLink\" title=\"Récits sans frontières\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=41&amp;cHash=b50f399b14e2df91ec4ad7f339832473\">Récits sans frontières\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Rendez-vous au jardin</p>\n                        <a class=\"cardLink\" title=\"Rendez-vous au jardin\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=50&amp;cHash=54376a734e459a05e6aed66c987de029\">Rendez-vous au jardin\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Summer of kite</p>\n                        <a class=\"cardLink\" title=\"Summer of kite\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=59&amp;cHash=545f9897f125413685be1a97f9c75180\">Summer of kite\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Village du futur</p>\n                        <a class=\"cardLink\" title=\"Village du futur\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=62&amp;cHash=fe9e86356e837a58d9a05d38d07d7e8d\">Village du futur\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n    \n            \n        \n    \n            </div>\n        \n\n</div>\n"
}

{
  "id": 117,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 2,
  "header": "Parcourir toute l'offre",
  "subheader": "",
  "headerLayout": 100,
  "headerPosition": "",
  "headerLink": "",
  "data": "\n\n\n\t\n\n\n<div class=\"news\">\n\t\n    \n            <div class=\"row categoryMenu\">\n                \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 parentCategory\">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Thématiques</p>\n                        <a class=\"cardLink\" title=\"Thématiques\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=5&amp;cHash=16b51daf7e4492ca3e5dc661142a0aa0\">Thématiques\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n                \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Animations</p>\n                        <a class=\"cardLink\" title=\"Animations\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=65&amp;cHash=0d853edb4c0a4ee4c3588edcde44cf18\">Animations\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Animations sportives</p>\n                        <a class=\"cardLink\" title=\"Animations sportives\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=54&amp;cHash=2d419c97450d8c3d01531e9e7dbc9d9e\">Animations sportives\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Ateliers</p>\n                        <a class=\"cardLink\" title=\"Ateliers\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=14&amp;cHash=f34dab4d165179b7927df280b0607674\">Ateliers\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Bals, fêtes et festivals</p>\n                        <a class=\"cardLink\" title=\"Bals, fêtes et festivals\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=15&amp;cHash=7fab4a255fc5d08d509cbf38e0e43077\">Bals, fêtes et festivals\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Cirque</p>\n                        <a class=\"cardLink\" title=\"Cirque\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=11&amp;cHash=294737b072899d5bd824d984a180fa8d\">Cirque\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Concerts</p>\n                        <a class=\"cardLink\" title=\"Concerts\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=10&amp;cHash=79fc5b70154d5914ff10844676df5a2b\">Concerts\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Danse</p>\n                        <a class=\"cardLink\" title=\"Danse\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=6&amp;cHash=a8e9e43ef50688832c99a782a6f63812\">Danse\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Expositions</p>\n                        <a class=\"cardLink\" title=\"Expositions\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=9&amp;cHash=030ac7c254d90f2d6a9b6d64e91777f6\">Expositions\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Opéra</p>\n                        <a class=\"cardLink\" title=\"Opéra\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=13&amp;cHash=77f069ae1345a0acf1d27f21f87ed66a\">Opéra\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Projections</p>\n                        <a class=\"cardLink\" title=\"Projections\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=8&amp;cHash=0962e261bbf42b42176dd28a6f9ff5c0\">Projections\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Rencontres, conférences et lectures</p>\n                        <a class=\"cardLink\" title=\"Rencontres, conférences et lectures\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=12&amp;cHash=f196d62c0397221fc34440d5ee683f01\">Rencontres, conférences et lectures\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Rencontres sportives</p>\n                        <a class=\"cardLink\" title=\"Rencontres sportives\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=55&amp;cHash=2894947ede88b49a38ef28df810a92d3\">Rencontres sportives\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Salons, foires et marchés</p>\n                        <a class=\"cardLink\" title=\"Salons, foires et marchés\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=56&amp;cHash=310c9d77a29e88b3782c813de879b758\">Salons, foires et marchés\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Spectacles</p>\n                        <a class=\"cardLink\" title=\"Spectacles\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=7&amp;cHash=3e9730c93565894816a5fc4078eb6c59\">Spectacles\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Théâtre</p>\n                        <a class=\"cardLink\" title=\"Théâtre\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=44&amp;cHash=d98d0c1b692e9b7ee92616dcdb01f1aa\">Théâtre\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n            <div class=\"col-xl-2 col-sm-4 col-6 \">\n                <div class=\"card card-primary-inverse \">\n                    <div class=\"card-body\">\n                        <p>Visites</p>\n                        <a class=\"cardLink\" title=\"Visites\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=47&amp;cHash=35757bb048ed2788c136fc942d72a208\">Visites\n                        </a>\n                    </div>\n                </div>\n            </div>\n\n            \n        \n    \n            \n        \n    \n            </div>\n        \n\n</div>\n"
}

{
  "id": 171,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 3,
  "header": "",
  "subheader": "",
  "headerLayout": 0,
  "headerPosition": "",
  "headerLink": "",
  "data": {
    "list": [
      {
        "uid": 1066151,
        "title": "Régate Internationale de Gravelines",
        "teaser": "",
        "isTopNews": false,
        "crdate": "Apr 23 2024",
        "tstamp": "Apr 23 2024",
        "datetime": "May 12 2024",
        "archive": "",
        "author": {
          "author": null,
          "authorEmail": null
        },
        "media": [
          {
            "type": "image",
            "properties": {
              "id": 1065944,
              "type": 2,
              "name": "6vt1uw5r9cptukd1zdgvyg4p7swxomny.jpg",
              "title": null,
              "alternative": null,
              "description": null,
              "link": "",
              "mimetype": "image/jpeg",
              "showInPreview": 1,
              "creationTime": "2024-04-23 14:46:02",
              "modificationTime": "2024-04-23 14:46:02"
            },
            "images": {
              "defaultImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/6vt1uw5r9cptukd1zdgvyg4p7swxomny.jpg",
                "dimensions": {
                  "width": 543,
                  "height": 768
                }
              },
              "detailViewImage": {
                "publicUrl": null,
                "dimensions": null
              },
              "listViewImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/6vt1uw5r9cptukd1zdgvyg4p7swxomny.jpg",
                "dimensions": {
                  "width": 200,
                  "height": 200
                }
              },
              "listViewFeaturedImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/6vt1uw5r9cptukd1zdgvyg4p7swxomny.jpg",
                "dimensions": {
                  "width": 728,
                  "height": 400
                }
              },
              "listViewVerticalImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/6vt1uw5r9cptukd1zdgvyg4p7swxomny.jpg",
                "dimensions": {
                  "width": 400,
                  "height": 400
                }
              }
            }
          }
        ],
        "falRelatedFiles": [],
        "categories": [
          {
            "id": 55,
            "pid": 44,
            "title": "Rencontres sportives",
            "parent": 5,
            "description": "",
            "slug": "rencontres-sportives"
          }
        ],
        "tags": [],
        "metaData": {
          "keywords": null,
          "description": null,
          "alternativeTitle": null
        },
        "slug": "/actualites/vue-detaillee/regate-internationale-de-gravelines",
        "pathSegment": "regate-internationale-de-gravelines",
        "cocontributeur": [
          "112",
          "132",
          "7",
          "8",
          "9",
          "133",
          "3",
          "4",
          "1",
          "7",
          "8",
          "9",
          "1",
          "3",
          "4",
          "112",
          "132",
          "133"
        ],
        "conditionparticipation": "Entrée gratuite",
        "agemin": "0",
        "agemax": "0",
        "outilsinscription": "",
        "lienbilleterie": "",
        "lienvideo": "",
        "lienson": "",
        "tarifmin": "0",
        "tarifmax": "0",
        "isConcontributeur": "0",
        "location": {
          "uid": 196,
          "pid": 34,
          "tstamp": 1690979959,
          "crdate": 0,
          "cruser_id": 7,
          "deleted": 0,
          "hidden": 0,
          "starttime": 0,
          "endtime": 0,
          "t3ver_oid": 0,
          "t3ver_wsid": 0,
          "t3ver_state": 0,
          "t3ver_stage": 0,
          "t3ver_count": 0,
          "t3ver_tstamp": 0,
          "t3ver_move_id": 0,
          "sys_language_uid": 0,
          "l10n_parent": 0,
          "l10n_diffsource": "a:1:{s:14:\"cocontributeur\";N;}",
          "l10n_state": null,
          "title": "Parc de l’Aa",
          "description": "",
          "lat": 50.9833,
          "lng": 2.1167,
          "link": "",
          "t3ver_id": 0,
          "t3ver_label": "",
          "address": "1 rue du guindal",
          "city": "Gravelines",
          "zip": "59820",
          "website": "",
          "cocontributeur": "7,8,9,3,4,1,132,112",
          "image": 0,
          "categories": 0,
          "externalid": 196,
          "informations": "",
          "images": "l2g7p3imwaxs4kcuzsw7ucqg339ng1cy.jpg",
          "eventDate": "",
          "pictoaccess": "<iframe\r\ntitle=\"widget-picto-f2909035-3f36-4e5f-a8ff-faece3fcb30e\"\r\nsrc=\"https://widget.pictoaccess.fr/accessibility?uid=f2909035-3f36-4e5f-a8ff-faece3fcb30e&button-color=81c25d\"\r\nheight=\"200\"\r\nwidth=\"400\"\r\nstyle=\"border: none;\"\r\n></iframe>"
        },
        "locationsimple": "Gravelines",
        "organizersimple": "À déterminer",
        "externalUid": "5155",
        "eventDatelocation": "<div class=\"date\">2024-05-12</div><div class=\"lieu\"> Gravelines</div><div class=\"heure\"> À déterminer</div>"
      },
      {
        "uid": 1066277,
        "title": "4 jours de Dunkerque",
        "teaser": "",
        "isTopNews": false,
        "crdate": "May 06 2024",
        "tstamp": "May 06 2024",
        "datetime": "May 14 2024",
        "archive": "",
        "author": {
          "author": null,
          "authorEmail": null
        },
        "media": [
          {
            "type": "image",
            "properties": {
              "id": 1066072,
              "type": 2,
              "name": "zv0dyl7qs8usy45k99c0g9kji9nlkvct.jpg",
              "title": null,
              "alternative": null,
              "description": null,
              "link": "",
              "mimetype": "image/jpeg",
              "showInPreview": 1,
              "creationTime": "2024-04-25 10:16:02",
              "modificationTime": "2024-04-25 10:16:02"
            },
            "images": {
              "defaultImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/zv0dyl7qs8usy45k99c0g9kji9nlkvct.jpg",
                "dimensions": {
                  "width": 614,
                  "height": 768
                }
              },
              "detailViewImage": {
                "publicUrl": null,
                "dimensions": null
              },
              "listViewImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/6/0/csm_zv0dyl7qs8usy45k99c0g9kji9nlkvct_83733a3aa1.jpg",
                "dimensions": {
                  "width": 200,
                  "height": 200
                }
              },
              "listViewFeaturedImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/6/0/csm_zv0dyl7qs8usy45k99c0g9kji9nlkvct_755272b808.jpg",
                "dimensions": {
                  "width": 728,
                  "height": 400
                }
              },
              "listViewVerticalImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/6/0/csm_zv0dyl7qs8usy45k99c0g9kji9nlkvct_a0f053f110.jpg",
                "dimensions": {
                  "width": 400,
                  "height": 400
                }
              }
            }
          }
        ],
        "falRelatedFiles": [],
        "categories": [
          {
            "id": 55,
            "pid": 44,
            "title": "Rencontres sportives",
            "parent": 5,
            "description": "",
            "slug": "rencontres-sportives"
          }
        ],
        "tags": [],
        "metaData": {
          "keywords": null,
          "description": null,
          "alternativeTitle": null
        },
        "slug": "/actualites/vue-detaillee/4-jours-de-dunkerque",
        "pathSegment": "4-jours-de-dunkerque",
        "cocontributeur": [
          "112",
          "132",
          "7",
          "8",
          "9",
          "133",
          "3",
          "4",
          "1",
          "7",
          "8",
          "9",
          "1",
          "3",
          "4",
          "112",
          "132",
          "133"
        ],
        "conditionparticipation": "Entrée libre",
        "agemin": "0",
        "agemax": "0",
        "outilsinscription": "<span class=\"item-input-tag\"><i class=\"fa fa-link\"></i>https://www.4joursdedunkerque.com/ledition/?<a onclick=\"$(this).parent().remove();\"></a></span>",
        "lienbilleterie": "",
        "lienvideo": "",
        "lienson": "",
        "tarifmin": "0",
        "tarifmax": "0",
        "isConcontributeur": "0",
        "location": {
          "uid": 183,
          "pid": 34,
          "tstamp": 1690980360,
          "crdate": 0,
          "cruser_id": 7,
          "deleted": 0,
          "hidden": 0,
          "starttime": 0,
          "endtime": 0,
          "t3ver_oid": 0,
          "t3ver_wsid": 0,
          "t3ver_state": 0,
          "t3ver_stage": 0,
          "t3ver_count": 0,
          "t3ver_tstamp": 0,
          "t3ver_move_id": 0,
          "sys_language_uid": 0,
          "l10n_parent": 0,
          "l10n_diffsource": "a:1:{s:14:\"cocontributeur\";N;}",
          "l10n_state": null,
          "title": "Place Jean Bart",
          "description": "",
          "lat": 51.03523,
          "lng": 2.37781,
          "link": "",
          "t3ver_id": 0,
          "t3ver_label": "",
          "address": "Place Jean Bart",
          "city": "Dunkerque",
          "zip": "59140",
          "website": "",
          "cocontributeur": "112,132,7,8,9,3,4,1,7,8,9,1,3,4,112,132",
          "image": 0,
          "categories": 0,
          "externalid": 183,
          "informations": "",
          "images": "2l1raou9vyaf3zpji3w8ywt8lpbx2odj.jpg",
          "eventDate": "",
          "pictoaccess": ""
        },
        "locationsimple": "Dunkerque",
        "organizersimple": "voir les différentes étapes pour les horaires",
        "externalUid": "5162",
        "eventDatelocation": "<div class=\"date\">2024-05-14</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div><div class=\"date\">2024-05-15</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div><div class=\"date\">2024-05-16</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div><div class=\"date\">2024-05-17</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div><div class=\"date\">2024-05-18</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div><div class=\"date\">2024-05-19</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> voir les différentes étapes pour les horaires</div>"
      }
    ],
    "settings": {
      "orderBy": "datetime",
      "orderDirection": "asc",
      "templateLayout": "5",
      "timeRestriction": "today midnight",
      "action": "list"
    }
  }
}

{
  "id": 120,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 4,
  "header": "Événements permanents",
  "subheader": "",
  "headerLayout": 0,
  "headerPosition": "",
  "headerLink": "",
  "data": {
    "list": [],
    "settings": {
      "orderBy": "datetime",
      "orderDirection": "asc",
      "templateLayout": "5",
      "timeRestriction": "today midnight",
      "action": "list"
    }
  }
}

{
  "id": 116,
  "type": "news_pi1",
  "appearance": {
    "layout": "default",
    "frameClass": "default",
    "spaceBefore": "",
    "spaceAfter": ""
  },
  "index": 5,
  "header": "",
  "subheader": "",
  "headerLayout": 0,
  "headerPosition": "",
  "headerLink": "",
  "data": "\n\n\n\t\n\n\n<div class=\"news\">\n\t\n    <div class=\"news-search-result\">\n        \n    </div>\n\n</div>\n"
}