{
  "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=\"YTowOnt94527de1fe563289ab162a1f1059e8dc356e2ae9f\" />\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>BALISES, le réseau</p>\n                        <a class=\"cardLink\" title=\"BALISES, le réseau\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=70&amp;cHash=3a877d6365e0a101a4ceb92995078c45\">BALISES, le réseau\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>Tous acteurs pour Dunkerque</p>\n                        <a class=\"cardLink\" title=\"Tous acteurs pour Dunkerque\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=68&amp;cHash=a58ca5d336b18548a87038195fac632d\">Tous acteurs pour Dunkerque\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 / Patrimoine</p>\n                        <a class=\"cardLink\" title=\"Expositions / Patrimoine\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=9&amp;cHash=030ac7c254d90f2d6a9b6d64e91777f6\">Expositions / 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>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 guidées</p>\n                        <a class=\"cardLink\" title=\"Visites guidées\" href=\"/rechercher?tx_news_pi1%5BoverwriteDemand%5D%5Bcategories%5D=47&amp;cHash=35757bb048ed2788c136fc942d72a208\">Visites guidées\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": 1079805,
        "title": "Histoire d'Eux - Compagnie In Illo Tempore - Printemps des Poètes",
        "teaser": "Histoire d'Eux, c'est la complicité d'un violoniste et d'un accordéoniste qui vous enveloppent de notes pour vous emporter dans un film dont votre imaginaire invente les scènes et le fil de l'histoire.",
        "isTopNews": false,
        "crdate": "Jul 17 2024",
        "tstamp": "Jul 17 2024",
        "datetime": "Mar 18 2025",
        "archive": "",
        "author": {
          "author": null,
          "authorEmail": null
        },
        "media": [
          {
            "type": "image",
            "properties": {
              "id": 1079618,
              "type": 2,
              "name": "rz55tb6mc386dwkd93qjfajp06bf0fkl.png",
              "title": null,
              "alternative": null,
              "description": "Gabriela Tellez",
              "link": "",
              "mimetype": "image/png",
              "showInPreview": 1,
              "creationTime": "2024-07-17 16:46:02",
              "modificationTime": "2024-07-17 16:46:02"
            },
            "images": {
              "defaultImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/rz55tb6mc386dwkd93qjfajp06bf0fkl.png",
                "dimensions": {
                  "width": 1024,
                  "height": 574
                }
              },
              "detailViewImage": {
                "publicUrl": null,
                "dimensions": null
              },
              "listViewImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/rz55tb6mc386dwkd93qjfajp06bf0fkl.png",
                "dimensions": {
                  "width": 200,
                  "height": 200
                }
              },
              "listViewFeaturedImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/rz55tb6mc386dwkd93qjfajp06bf0fkl.png",
                "dimensions": {
                  "width": 728,
                  "height": 400
                }
              },
              "listViewVerticalImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/rz55tb6mc386dwkd93qjfajp06bf0fkl.png",
                "dimensions": {
                  "width": 400,
                  "height": 400
                }
              }
            }
          }
        ],
        "falRelatedFiles": [],
        "categories": [
          {
            "id": 10,
            "pid": 44,
            "title": "Concerts",
            "parent": 5,
            "description": "",
            "slug": "concerts"
          },
          {
            "id": 20,
            "pid": 45,
            "title": "S'amuser et se divertir",
            "parent": 16,
            "description": "",
            "slug": "samuser-et-se-divertir"
          },
          {
            "id": 45,
            "pid": 67,
            "title": "Le printemps des poètes",
            "parent": 39,
            "description": "",
            "slug": "le-printemps-des-poetes"
          }
        ],
        "tags": [],
        "metaData": {
          "keywords": null,
          "description": null,
          "alternativeTitle": null
        },
        "slug": "/actualites/vue-detaillee/histoire-deux-compagnie-in-illo-tempore-printemps-des-poetes",
        "pathSegment": "histoire-deux-compagnie-in-illo-tempore-printemps-des-poetes",
        "cocontributeur": [
          "112",
          "132",
          "7",
          "8",
          "9",
          "129",
          "133",
          "3",
          "4",
          "1",
          "7",
          "8",
          "9",
          "1",
          "3",
          "4",
          "112",
          "132",
          "133",
          "129"
        ],
        "conditionparticipation": "Tarifs : 8/6/4 euros.",
        "agemin": "0",
        "agemax": "0",
        "outilsinscription": "",
        "lienbilleterie": "",
        "lienvideo": "",
        "lienson": "",
        "tarifmin": "4",
        "tarifmax": "8",
        "isConcontributeur": "0",
        "location": {
          "uid": 40,
          "pid": 34,
          "tstamp": 1690980360,
          "crdate": 0,
          "cruser_id": 150,
          "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": "Musée maritime et portuaire",
          "description": "<span class=\"item-input-tag\"><i class=\"fa fa-phone\"></i>+33328633339<a onclick=\"$(this).parent().remove();\"></a></span>",
          "lat": 51.03777,
          "lng": 2.37189,
          "link": "",
          "t3ver_id": 0,
          "t3ver_label": "",
          "address": "9 quai de la Citadelle",
          "city": "Dunkerque",
          "zip": "59140",
          "website": "<span class=\"item-input-tag\"><i class=\"fa fa-link\"></i>www.museemaritimeportuaire.com<a onclick=\"$(this).parent().remove();\"></a></span>",
          "cocontributeur": "112,132,7,8,9,150,40,3,4,7,8,9,1,3,4,112,132,133",
          "image": 2,
          "categories": 0,
          "externalid": 40,
          "informations": "",
          "images": "2kn35lthofhxi9lmv9ya3b9ne8bj2ntz.jpg",
          "eventDate": "",
          "pictoaccess": "<iframe\r\ntitle=\"widget-picto-44dc9128-9936-4c4d-af01-49baf4da11c7\"\r\nsrc=\"https://widget.pictoaccess.fr/accessibility?uid=44dc9128-9936-4c4d-af01-49baf4da11c7&button-color=81c25d\"\r\nheight=\"200\"\r\nwidth=\"400\"\r\nstyle=\"border: none;\"\r\n></iframe>"
        },
        "locationsimple": "Dunkerque",
        "organizersimple": "à 20h",
        "externalUid": "6308",
        "eventDatelocation": "<div class=\"date\">2025-03-18</div><div class=\"lieu\"> Dunkerque</div><div class=\"heure\"> à 20h</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": [
      {
        "uid": 1087668,
        "title": "La BD belge",
        "teaser": "",
        "isTopNews": true,
        "crdate": "Nov 25 2024",
        "tstamp": "Nov 25 2024",
        "datetime": "Jan 07 2025",
        "archive": "",
        "author": {
          "author": null,
          "authorEmail": null
        },
        "media": [
          {
            "type": "image",
            "properties": {
              "id": 1087525,
              "type": 2,
              "name": "affiche_expo_bd_belge_itin__rante-nbb9ab0v76zrodgzocy58ftm9qz2kli1.jpg",
              "title": "",
              "alternative": null,
              "description": null,
              "link": "",
              "mimetype": "image/jpeg",
              "showInPreview": 1,
              "creationTime": "2024-11-22 12:01:07",
              "modificationTime": "2024-11-22 12:01:07"
            },
            "images": {
              "defaultImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/user_upload/affiche_expo_bd_belge_itin__rante-nbb9ab0v76zrodgzocy58ftm9qz2kli1.jpg",
                "dimensions": {
                  "width": 512,
                  "height": 768
                }
              },
              "detailViewImage": {
                "publicUrl": null,
                "dimensions": null
              },
              "listViewImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/e/5/csm_affiche_expo_bd_belge_itin__rante-nbb9ab0v76zrodgzocy58ftm9qz2kli1_8c4464e328.jpg",
                "dimensions": {
                  "width": 200,
                  "height": 200
                }
              },
              "listViewFeaturedImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/e/5/csm_affiche_expo_bd_belge_itin__rante-nbb9ab0v76zrodgzocy58ftm9qz2kli1_344b9ea2be.jpg",
                "dimensions": {
                  "width": 728,
                  "height": 400
                }
              },
              "listViewVerticalImage": {
                "publicUrl": "https://api.dunkerque-sorties.fr/fileadmin/_processed_/e/5/csm_affiche_expo_bd_belge_itin__rante-nbb9ab0v76zrodgzocy58ftm9qz2kli1_b2e192c040.jpg",
                "dimensions": {
                  "width": 400,
                  "height": 400
                }
              }
            }
          }
        ],
        "falRelatedFiles": [],
        "categories": [
          {
            "id": 9,
            "pid": 44,
            "title": "Expositions / Patrimoine",
            "parent": 5,
            "description": "",
            "slug": "expositions-patrimoine"
          },
          {
            "id": 23,
            "pid": 45,
            "title": "Apprendre et découvrir",
            "parent": 16,
            "description": "",
            "slug": "decouvrir"
          },
          {
            "id": 70,
            "pid": 67,
            "title": "BALISES, le réseau",
            "parent": 39,
            "description": "",
            "slug": "balises-le-reseau"
          }
        ],
        "tags": [],
        "metaData": {
          "keywords": null,
          "description": null,
          "alternativeTitle": null
        },
        "slug": "/actualites/vue-detaillee/la-bd-belge",
        "pathSegment": "la-bd-belge",
        "cocontributeur": [
          "112",
          "132",
          "7",
          "8",
          "9",
          "129",
          "133",
          "3",
          "4",
          "1",
          "7",
          "8",
          "9",
          "1",
          "3",
          "4",
          "112",
          "132",
          "133",
          "129"
        ],
        "conditionparticipation": "Entrée libre",
        "agemin": "0",
        "agemax": "0",
        "outilsinscription": "",
        "lienbilleterie": "",
        "lienvideo": "",
        "lienson": "",
        "tarifmin": "0",
        "tarifmax": "0",
        "isConcontributeur": "0",
        "location": {
          "uid": 60,
          "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": "Médiathèque Marcel Pagnol",
          "description": "",
          "lat": 50.996696472168,
          "lng": 2.2264790534973,
          "link": "",
          "t3ver_id": 0,
          "t3ver_label": "",
          "address": "60b rue George Pompidou",
          "city": "Loon-Plage",
          "zip": "59279",
          "website": "",
          "cocontributeur": "7,8,9,3,4,1,132,112",
          "image": 0,
          "categories": 0,
          "externalid": 60,
          "informations": "",
          "images": "wgvzex5dyby9lss14d5nc6b8ara8s5lm.png",
          "eventDate": "",
          "pictoaccess": "<iframe\r\ntitle=\"widget-picto-3c0c6f59-1f99-46cc-91c0-c7663a05671e\"\r\nsrc=\"https://widget.pictoaccess.fr/accessibility?uid=3c0c6f59-1f99-46cc-91c0-c7663a05671e&button-color=81c25d\"\r\nheight=\"200\"\r\nwidth=\"400\"\r\nstyle=\"border: none;\"\r\n></iframe>"
        },
        "locationsimple": "Loon-Plage",
        "organizersimple": "de 10h à 12h et de 14h à 18h",
        "externalUid": "7286",
        "eventDatelocation": "<div class=\"date\">2025-01-07</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-08</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-09</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-10</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-11</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-12</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-13</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-14</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-15</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-16</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-17</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-18</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-19</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-20</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-21</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-22</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-23</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-24</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-25</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-26</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-27</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-28</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div><div class=\"date\">2025-01-29</div><div class=\"lieu\"> Loon-Plage</div><div class=\"heure\"> de 10h à 12h et de 14h à 18h</div>"
      }
    ],
    "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"
}