This service tests the validity of an RSS 2.0 feed, checking to see that it follows the rules of the RSS specification. For advice from the RSS Advisory Board on how to implement RSS and handle issues such as enclosures and HTML encoding, read the RSS Best Practices Profile. This checker is also a validator of Atom and RSS 1.0 feeds.

Use this tester regularly to ensure that your RSS feed continues to work well in the wide audience of RSS readers, podcast clients and other software that supports the format.

 

Congratulations!

[Valid RSS] This is a valid RSS feed.

Recommendations

This feed is valid, but interoperability with the widest range of feed readers could be improved by implementing the following recommendations.

  • line 41, column 0: content:encoded should not contain style tag (18 occurrences) [help]

    										<content:encoded><![CDATA[<p style="text-align: center;"><style>

  • line 606, column 0: content:encoded should not contain script tag (18 occurrences) [help]

    </style><script>

  • line 1070, column 0: content:encoded should not contain data-rating-type attribute (9 occurrences) [help]

    <div class="huge_it_slideshow_image_wrap_gallery_43 gallery-img-content"

  • line 1075, column 0: content:encoded should not contain onclick attribute (67 occurrences) [help]

    									<div id="huge_it_dots_0_gallery_43"

  • line 1075, column 0: content:encoded should not contain data-image_id attribute (98 occurrences) [help]

    									<div id="huge_it_dots_0_gallery_43"

  • line 1075, column 0: content:encoded should not contain data-image_key attribute (49 occurrences) [help]

    									<div id="huge_it_dots_0_gallery_43"

  • line 1132, column 0: content:encoded should not contain decoding attribute (64 occurrences) [help]

    																											<img decoding="async" alt=""

  • line 8804, column 0: content:encoded should not contain data-status attribute (15 occurrences) [help]

    																																	<span class="huge_it_like_thumb" id="726"

  • line 9403, column 0: content:encoded should not contain loading attribute (6 occurrences) [help]

    Dans le pdf, cliquez sur les <img loading="lazy" loading="lazy" decoding="as ...

Source: https://picoulet.centres-sociaux.fr/feed/

  1. <?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
  2. xmlns:content="http://purl.org/rss/1.0/modules/content/"
  3. xmlns:wfw="http://wellformedweb.org/CommentAPI/"
  4. xmlns:dc="http://purl.org/dc/elements/1.1/"
  5. xmlns:atom="http://www.w3.org/2005/Atom"
  6. xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
  7. xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
  8. >
  9.  
  10. <channel>
  11. <title>Centre Social Le Picoulet</title>
  12. <atom:link href="https://picoulet.centres-sociaux.fr/feed/" rel="self" type="application/rss+xml" />
  13. <link>https://picoulet.centres-sociaux.fr</link>
  14. <description>Association de quartier - Paris 11</description>
  15. <lastBuildDate>Thu, 09 Apr 2026 11:25:05 +0000</lastBuildDate>
  16. <language>fr-FR</language>
  17. <sy:updatePeriod>
  18. hourly </sy:updatePeriod>
  19. <sy:updateFrequency>
  20. 1 </sy:updateFrequency>
  22.  
  23. <image>
  24. <url>https://picoulet.centres-sociaux.fr/files/2017/04/cropped-reseau-des-centres-sociaux-paris-32x32.jpg</url>
  25. <title>Centre Social Le Picoulet</title>
  26. <link>https://picoulet.centres-sociaux.fr</link>
  27. <width>32</width>
  28. <height>32</height>
  29. </image>
  30. <item>
  31. <title>Programme Avril 2026</title>
  32. <link>https://picoulet.centres-sociaux.fr/2026/04/09/avril-2026/</link>
  33. <comments>https://picoulet.centres-sociaux.fr/2026/04/09/avril-2026/#respond</comments>
  35. <dc:creator><![CDATA[laetitia]]></dc:creator>
  36. <pubDate>Thu, 09 Apr 2026 11:24:52 +0000</pubDate>
  37. <category><![CDATA[Non classé]]></category>
  38. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5130</guid>
  39.  
  40. <description><![CDATA[Fichier à télécharger : PDF]]></description>
  41. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  42. /*===== general options =========*/
  43. a {
  44.    box-shadow: none !important;
  45. }
  46.  
  47. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  48.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  49. }
  50.  
  51. #album_disabled_layer {
  52.    display: none;
  53.    position: absolute;
  54.    width: 100%;
  55.    height: 100%;
  56.    text-align: center;
  57.    background-color: transparent;
  58.    z-index: 10;
  59.    padding-top: 20px;
  60.    color: #fff;
  61. }
  62.  
  63. #album_list_container {
  64.    position: relative;
  65. }
  66.  
  67. /* ====================== album onhover styles ==========================*/
  68.  
  69. #album_list .view {
  70.    -webkit-box-sizing: border-box;
  71.    -moz-box-sizing: border-box;
  72.    -o-box-sizing: border-box;
  73.    display: none;
  74.  
  75. }
  76.  
  77. .view .mask,
  78. .view .content {
  79.    width: 100%;
  80.    height: 100%;
  81.    position: absolute;
  82.    overflow: hidden;
  83.    top: 0;
  84.    left: 0;
  85. }
  86.  
  87. .view h2 {
  88.    text-transform: uppercase;
  89.    color: #fff;
  90.    text-align: center;
  91.    position: relative;
  92.    font-size: 17px;
  93.    font-family: Raleway, serif;
  94.    padding: 10px;
  95.    /*background: rgba(0, 0, 0, 0.8);*/
  96.    margin: 20px 0 0 0;
  97.  
  98. }
  99.  
  100. .album_back_button a, .view a {
  101.    text-decoration: none !important;
  102. }
  103.  
  104. .view p {
  105.    font-family: Merriweather, serif;
  106.    font-style: italic;
  107.    font-size: 14px;
  108.    position: relative;
  109.    color: #fff;
  110.    padding: 0px 20px 0px;
  111.    text-align: center;
  112.  
  113. }
  114.  
  115. .view a.info {
  116.    display: inline-block;
  117.    text-decoration: none;
  118.    font-size: 13px;
  119.    padding: 2px 14px;
  120.    margin-bottom: 3px;
  121.    background: #000;
  122.    color: #fff;
  123.    font-family: Raleway, serif;
  124.    text-transform: uppercase;
  125.    box-shadow: 0 0 1px #000
  126. }
  127.  
  128. .mask-text h2 {
  129.    font-size: 20px !important;
  130. }
  131.  
  132. .view a.info:hover {
  133.    box-shadow: 0 0 5px #000
  134. }
  135.  
  136. .view .mask-bg {
  137.    height: 100%;
  138. }
  139.  
  140. .view .album_social {
  141.    color: #fff;
  142.    position: absolute;
  143.    bottom: 3px;
  144.    left: 3px;
  145.    border: 1px solid #ffffff;
  146.    -webkit-border-radius: 3px;
  147.    -moz-border-radius: 3px;
  148.    border-radius: 3px;
  149.    padding: 3px 5px;
  150.  
  151. }
  152.  
  153. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  154.    color: #ffffff;
  155.    outline: none;
  156. }
  157.  
  158. /*1*/
  159.  
  160. .view .info {
  161.    margin-top: 5px;
  162. }
  163.  
  164. .view-first .mask {
  165.    opacity: 0;
  166.    background-color: rgba(0, 0, 0, 0.7);
  167.    transition: all 0.4s ease-in-out;
  168.  
  169. }
  170.  
  171. .view-first h2 {
  172.    transform: translateY(-100px);
  173.    opacity: 0;
  174.    font-family: Raleway, serif;
  175.    transition: all 0.2s ease-in-out;
  176. }
  177.  
  178. .view-first p {
  179.    transform: translateY(100px);
  180.    opacity: 0;
  181.    transition: all 0.2s linear;
  182. }
  183.  
  184. .view-first a.info {
  185.    opacity: 0;
  186.    transition: all 0.2s ease-in-out;
  187. }
  188.  
  189. /* */
  190.  
  191. .view-first:hover img {
  192.    /*transform: scale(1.1);*/
  193. }
  194.  
  195. .view-first:hover .mask {
  196.    opacity: 1;
  197. }
  198.  
  199. .view-first:hover h2,
  200. .view-first:hover p,
  201. .view-first:hover a.info {
  202.    opacity: 1;
  203.    transform: translateY(0px);
  204. }
  205.  
  206. .view-first:hover p {
  207.    transition-delay: 0.1s;
  208. }
  209.  
  210. .view-first:hover a.info {
  211.    transition-delay: 0.2s;
  212. }
  213.  
  214. /*2*/
  215. .view-second img {
  216.    -webkit-filter: grayscale(0) blur(0);
  217.    filter: grayscale(0) blur(0);
  218.    -webkit-transition: .3s ease-in-out;
  219.    transition: .3s ease-in-out;
  220. }
  221.  
  222. .view-second .mask {
  223.    background-color: rgba(226, 200, 127, 0.2);
  224.    transition: all 0.5s linear;
  225.    opacity: 0;
  226. }
  227.  
  228. .view-second h2 {
  229.    background: transparent;
  230.    margin: 20px 40px 0px 40px;
  231.    transform: scale(0);
  232.    color: #333;
  233.    transition: all 0.5s linear;
  234.    opacity: 0;
  235. }
  236.  
  237. .view-second p {
  238.    opacity: 0;
  239.    transform: scale(0);
  240.    transition: all 0.5s linear;
  241. }
  242.  
  243. .view-second a.info {
  244.    opacity: 0;
  245.    transform: scale(0);
  246.    transition: all 0.5s linear;
  247. }
  248.  
  249. .view-second:hover img {
  250.    -webkit-filter: grayscale(100%) blur(3px);
  251.    filter: grayscale(100%) blur(3px);
  252. }
  253.  
  254. .view-second:hover .mask {
  255.    opacity: 1;
  256. }
  257.  
  258. .view-second:hover h2,
  259. .view-second:hover p,
  260. .view-second:hover a.info {
  261.    transform: scale(1);
  262.    opacity: 1;
  263. }
  264.  
  265. .view-second img {
  266.    -webkit-filter: grayscale(0) blur(0);
  267.    filter: grayscale(0) blur(0);
  268.    -webkit-transition: .3s ease-in-out;
  269.    transition: .3s ease-in-out;
  270. }
  271.  
  272. .view-second:hover img {
  273.    -webkit-filter: grayscale(100%) blur(3px);
  274.    filter: grayscale(100%) blur(3px);
  275. }
  276.  
  277. /*3*/
  278.  
  279. .view-third img {
  280.    transform: scaleY(1);
  281.    transition: all .7s ease-in-out;
  282. }
  283.  
  284. .view-third a.info {
  285.    opacity: 0;
  286.    transform: scale(0);
  287.    transition: all 0.5s linear;
  288. }
  289.  
  290. .view-third:hover img {
  291.    -webkit-transform: scale(10);
  292.    transform: scale(10);
  293.    opacity: 0;
  294. }
  295.  
  296. .view-third:hover .mask {
  297.    opacity: 1;
  298. }
  299.  
  300. .view-third:hover h2,
  301. .view-third:hover p,
  302. .view-third:hover a.info {
  303.    transform: scale(1);
  304.    opacity: 1;
  305. }
  306.  
  307. /* ==== view 4 ===*/
  308.  
  309. .view-forth-wrapper {
  310.    overflow: hidden;
  311.    position: relative !important;
  312.    height: 100%;
  313.    /* cursor: pointer;*/
  314. }
  315.  
  316. .view-forth img {
  317.    max-width: 100%;
  318.    position: relative;
  319.    top: 0;
  320.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  321.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  322. }
  323.  
  324. .view-forth .mask {
  325.    position: absolute;
  326.    width: 100%;
  327.    /*    height: 70px;*/
  328.    /*    bottom: -70px;*/
  329.    height: 50%;
  330.    bottom: -50%;
  331.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  332.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  333.    top: inherit;
  334. }
  335.  
  336. .view-forth:hover .mask {
  337.    bottom: 0;
  338. }
  339.  
  340. .view-forth:hover img {
  341.    top: -30px;
  342. }
  343.  
  344. /*==  view 5 ==*/
  345.  
  346. .view-fifth .view-fifth-wrapper,
  347. .view-fifth .view-fifth-wrapper img {
  348.    display: block;
  349.    position: relative;
  350. }
  351.  
  352. .view-fifth .view-fifth-wrapper {
  353.    overflow: hidden;
  354.    height: 100%;
  355. }
  356.  
  357. .view-fifth .view-fifth-wrapper .mask {
  358.    display: none;
  359.    position: absolute;
  360.    background: #333;
  361.    background: rgba(75, 75, 75, 0.7);
  362.    width: 100%;
  363.    height: 100%;
  364. }
  365.  
  366. /* ====================== album category styles ==========================*/
  367.  
  368. #filters {
  369.    margin: 1% 0;
  370.    padding: 0;
  371.    list-style: none;
  372.    list-style-type: none !important;
  373.  
  374. }
  375.  
  376. #filters li {
  377.    float: left;
  378.    list-style-type: none !important;
  379. }
  380.  
  381. #filters li:first-child span {
  382.    margin-left: 0px;
  383. }
  384.  
  385. #filters li span {
  386.    display: block;
  387.    text-decoration: none;
  388.    cursor: pointer;
  389. }
  390.  
  391. .album_categories {
  392.    list-style-type: none;
  393.    margin: 0;
  394.    padding: 0;
  395.    overflow: hidden;
  396.    padding-top: 5px;
  397. }
  398.  
  399. /*=========  sharing buttons  ============*/
  400.  
  401. .album_socials {
  402.    position: relative;
  403.    top: 3px;
  404.    width: 100px;
  405.    height: 28px;
  406.    margin: 0 auto;
  407. }
  408.  
  409. .album_socials .rwd-share-buttons {
  410.    top: 0px !important;
  411.    width: 100% !important;
  412.    margin: 0px !important;
  413. }
  414.  
  415. .album_socials a {
  416.    text-decoration: underline !important;
  417. }
  418.  
  419. .gallery_images, .album_image_place {
  420.    margin-top: 15px;
  421.    margin-top: 15px;
  422. }
  423.  
  424. #rwd-share-facebook:hover {
  425.    background-position: 0 -31px !important;
  426. }
  427.  
  428. #rwd-share-twitter:hover {
  429.    background-position: -31px 32px !important;
  430. }
  431.  
  432. #rwd-share-googleplus:hover {
  433.    background-position: -66px -31px !important;
  434. }
  435.  
  436. .rwd-share-buttons li, .rwd-share-buttons li a {
  437.    width: 26px !important;
  438.    border: 0px !important;
  439. }
  440.  
  441. .rwd-share-buttons {
  442.    top: 0 !important;
  443. }
  444.  
  445. .img_link_btn {
  446.    position: absolute;
  447.    z-index: 99999;
  448.    bottom: 0;
  449.    left: 0;
  450.    right: 0;
  451.    width: 100%;
  452.    padding: 8px;
  453. }
  454.  
  455. .rwd-title {
  456.    padding: 10px 0px !important;
  457. }
  458.  
  459. @media only screen and (max-width: 475px) {
  460.    .rwd-share-buttons {
  461.        top: -25px !important;
  462.    }
  463.  
  464.    .rwd-title-text {
  465.        line-height: 15px;
  466.    }
  467. }
  468.  
  469. /*=========  hover style ===========*/
  470.  
  471. #hover {
  472.    color: rgba(188, 175, 204, 0.9);
  473. }
  474.  
  475. h2#testimonials {
  476.    color: #fffae3;
  477. }
  478.  
  479. div#all {
  480.    width: 100%;
  481.    height: 100%;
  482. }
  483.  
  484. .view img {
  485.    height: auto;
  486. }
  487.  
  488. .view {
  489.    color: #fff;
  490.    margin: 0 10px 10px 0;
  491.    overflow: hidden;
  492.    position: relative;
  493.    text-align: center;
  494.    float: left;
  495.    cursor: default;
  496.    border: 1px solid #ccc;
  497. }
  498.  
  499. .view-wrapper {
  500.    height: 100%;
  501. }
  502.  
  503. .view img {
  504.    display: block;
  505.    position: relative;
  506.    transition: all 0.2s linear;
  507.    height: 100%;
  508.    width: auto;
  509.    max-width: 100%;
  510.    margin: 0 auto;
  511. }
  512.  
  513. .mask-text h2 {
  514.    font-size: 20px !important;
  515.    margin-top: 20px !important;
  516. }
  517.  
  518. /* view 1 */
  519.  
  520. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  521.    color: #fff;
  522. }
  523.  
  524. /*  view 2 */
  525. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  526.    color: #333;
  527. }
  528.  
  529. .view-second .mask-text h2 {
  530.    border-bottom: 1px solid #333;
  531. }
  532.  
  533. /* view 3*/
  534. .view-third .mask {
  535.    background-color: #ccc;
  536.    transition: all 0.5s linear;
  537.    opacity: 0;
  538.    color: #333;
  539. }
  540.  
  541. .view-third h2 {
  542.    border-bottom: 1px solid #333;
  543.    background: transparent;
  544.    margin: 20px 40px 0px 40px;
  545.    transform: scale(0);
  546.    color: #333;
  547.    transition: all 0.5s linear;
  548.    opacity: 0;
  549. }
  550.  
  551. .view-third p {
  552.    color: #333;
  553.    opacity: 0;
  554.    transform: scale(0);
  555.    transition: all 0.5s linear;
  556. }
  557.  
  558. .view-third .text-category {
  559.    color: #333;
  560. }
  561.  
  562. /* view 4 */
  563.  
  564. .view-forth .mask-bg {
  565.    background: #333;
  566.    width: 100%;
  567.    height: 100%;
  568.    position: absolute;
  569.    top: 0;
  570.    left: 0;
  571. }
  572.  
  573. .view-forth .mask-text {
  574.    color: #fff;
  575.    position: relative;
  576.    z-index: 500;
  577.    padding: 5px 8px;
  578. }
  579.  
  580. .view-forth .mask-text h2 {
  581.    margin: 0px;
  582.    font-size: 13px;
  583.    padding: 2px;
  584.    color: #fff;
  585. }
  586.  
  587. .view-forth .mask-text h2:hover {
  588.    cursor: pointer;
  589. }
  590.  
  591. .view-forth .text-category {
  592.    display: block;
  593.    font-size: 15px;
  594.    color: #fff;
  595. }
  596.  
  597. .view-forth p {
  598.    color: #fff;
  599. }
  600.  
  601. /* view 5 */
  602. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  603.    color: #fff;
  604. }
  605.  
  606. </style><script>
  607. var data_gallery_43 = [];
  608. var event_stack_gallery_43 = [];
  609. data_gallery_43["0"]=[];data_gallery_43["0"]["id"]="0";data_gallery_43["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/1.png";data_gallery_43["0"]["description"]="";data_gallery_43["0"]["alt"]="";data_gallery_43["1"]=[];data_gallery_43["1"]["id"]="1";data_gallery_43["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/2.png";data_gallery_43["1"]["description"]="";data_gallery_43["1"]["alt"]="";data_gallery_43["2"]=[];data_gallery_43["2"]["id"]="2";data_gallery_43["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/4.png";data_gallery_43["2"]["description"]="";data_gallery_43["2"]["alt"]="";data_gallery_43["3"]=[];data_gallery_43["3"]["id"]="3";data_gallery_43["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/3.png";data_gallery_43["3"]["description"]="";data_gallery_43["3"]["alt"]="";data_gallery_43["4"]=[];data_gallery_43["4"]["id"]="4";data_gallery_43["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/5.png";data_gallery_43["4"]["description"]="";data_gallery_43["4"]["alt"]="";data_gallery_43["5"]=[];data_gallery_43["5"]["id"]="5";data_gallery_43["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/04/6.png";data_gallery_43["5"]["description"]="";data_gallery_43["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_43 = false;
  610. var huge_it_transition_duration_gallery_43 = 2000;
  611. var huge_it_playInterval_gallery_43;
  612. // Stop autoplay.
  613. window.clearInterval(huge_it_playInterval_gallery_43);
  614. // alert('huge_it_current_key_gallery_43');
  615. var huge_it_current_key_gallery_43 = '';
  616. function huge_it_move_dots_gallery_43() {
  617. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_43").position().left;
  618. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_43").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_43").outerWidth(true);
  619. }
  620. function huge_it_testBrowser_cssTransitions_gallery_43() {
  621. return huge_it_testDom_gallery_43('Transition');
  622. }
  623. function huge_it_testBrowser_cssTransforms3d_gallery_43() {
  624. return huge_it_testDom_gallery_43('Perspective');
  625. }
  626. function huge_it_testDom_gallery_43(prop) {
  627. // Browser vendor CSS prefixes.
  628. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  629. // Browser vendor DOM prefixes.
  630. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  631. var i = domPrefixes.length;
  632. while (i--) {
  633. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  634. return true;
  635. }
  636. }
  637. return false;
  638. }
  639. function huge_it_cube_gallery_43(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  640. /* If browser does not support 3d transforms/CSS transitions.*/
  641. if (!huge_it_testBrowser_cssTransitions_gallery_43()) {
  642. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  643. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  644. return huge_it_fallback_gallery_43(current_image_class, next_image_class, direction);
  645. }
  646. if (!huge_it_testBrowser_cssTransforms3d_gallery_43()) {
  647. return huge_it_fallback3d_gallery_43(current_image_class, next_image_class, direction);
  648. }
  649. huge_it_trans_in_progress_gallery_43 = true;
  650. /* Set active thumbnail.*/
  651. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  652. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  653. jQuery(".huge_it_slide_bg_gallery_43").css('perspective', 1000);
  654. jQuery(current_image_class).css({
  655. transform : 'translateZ(' + tz + 'px)',
  656. backfaceVisibility : 'hidden'
  657. });
  658. jQuery(".huge_it_slideshow_image_wrap_gallery_43,.huge_it_slide_bg_gallery_43,.huge_it_slideshow_image_item_gallery_43,.huge_it_slideshow_image_second_item_gallery_43 ").css('overflow', 'visible');
  659. jQuery(next_image_class).css({
  660. opacity : 1,
  661. filter: 'Alpha(opacity=100)',
  662. backfaceVisibility : 'hidden',
  663. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  664. });
  665. jQuery(".huge_it_slider_gallery_43").css({
  666. transform: 'translateZ(-' + tz + 'px)',
  667. transformStyle: 'preserve-3d'
  668. });
  669. /* Execution steps.*/
  670. setTimeout(function () {
  671. jQuery(".huge_it_slider_gallery_43").css({
  672. transition: 'all ' + huge_it_transition_duration_gallery_43 + 'ms ease-in-out',
  673. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  674. });
  675. }, 20);
  676. /* After transition.*/
  677. jQuery(".huge_it_slider_gallery_43").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  678. function huge_it_after_trans() {
  679. jQuery(".huge_it_slide_bg_gallery_43,.huge_it_slideshow_image_item_gallery_43,.huge_it_slideshow_image_second_item_gallery_43 ").css('overflow', 'hidden');
  680. jQuery(".huge_it_slide_bg_gallery_43").removeAttr('style');
  681. jQuery(current_image_class).removeAttr('style');
  682. jQuery(next_image_class).removeAttr('style');
  683. jQuery(".huge_it_slider_gallery_43").removeAttr('style');
  684. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  685. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  686. // huge_it_change_watermark_container_gallery_43();
  687. huge_it_trans_in_progress_gallery_43 = false;
  688. if (typeof event_stack_gallery_43 !== 'undefined' && event_stack_gallery_43.length > 0) {
  689. key = event_stack_gallery_43[0].split("-");
  690. event_stack_gallery_43.shift();
  691. huge_it_change_image_gallery_43(key[0], key[1], data_gallery_43, true,false);
  692. }
  693. }
  694. }
  695. function huge_it_cubeH_gallery_43(current_image_class, next_image_class, direction) {
  696. /* Set to half of image width.*/
  697. var dimension = jQuery(current_image_class).width() / 2;
  698. if (direction == 'right') {
  699. huge_it_cube_gallery_43(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  700. }
  701. else if (direction == 'left') {
  702. huge_it_cube_gallery_43(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  703. }
  704. }
  705. function huge_it_cubeV_gallery_43(current_image_class, next_image_class, direction) {
  706. /* Set to half of image height.*/
  707. var dimension = jQuery(current_image_class).height() / 2;
  708. /* If next slide.*/
  709. if (direction == 'right') {
  710. huge_it_cube_gallery_43(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  711. }
  712. else if (direction == 'left') {
  713. huge_it_cube_gallery_43(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  714. }
  715. }
  716. /* For browsers that does not support transitions.*/
  717. function huge_it_fallback_gallery_43(current_image_class, next_image_class, direction) {
  718. huge_it_fade_gallery_43(current_image_class, next_image_class, direction);
  719. }
  720. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  721. function huge_it_fallback3d_gallery_43(current_image_class, next_image_class, direction) {
  722. huge_it_sliceV_gallery_43(current_image_class, next_image_class, direction);
  723. }
  724. function huge_it_none_gallery_43(current_image_class, next_image_class, direction) {
  725. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  726. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  727. /* Set active thumbnail.*/
  728. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  729. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  730. }
  731. function huge_it_fade_gallery_43(current_image_class, next_image_class, direction) {
  732. if (huge_it_testBrowser_cssTransitions_gallery_43()) {
  733. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_43 + 'ms linear');
  734. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_43 + 'ms linear');
  735. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  736. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  737. }
  738. else {
  739. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_43);
  740. jQuery(next_image_class).animate({
  741. 'opacity' : 1,
  742. 'z-index': 2
  743. }, {
  744. duration: huge_it_transition_duration_gallery_43,
  745. complete: function () {return false;}
  746. });
  747. // For IE.
  748. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_43, 0);
  749. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_43, 1);
  750. }
  751. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  752. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  753. }
  754. function huge_it_grid_gallery_43(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  755. /* If browser does not support CSS transitions.*/
  756. if (!huge_it_testBrowser_cssTransitions_gallery_43()) {
  757. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  758. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  759. return huge_it_fallback_gallery_43(current_image_class, next_image_class, direction);
  760. }
  761. huge_it_trans_in_progress_gallery_43 = true;
  762. /* Set active thumbnail.*/
  763. jQuery(".huge_it_slideshow_dots_gallery_43").removeClass("huge_it_slideshow_dots_active_gallery_43").addClass("huge_it_slideshow_dots_deactive_gallery_43");
  764. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_43 + "_gallery_43").removeClass("huge_it_slideshow_dots_deactive_gallery_43").addClass("huge_it_slideshow_dots_active_gallery_43");
  765. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  766. var count = (huge_it_transition_duration_gallery_43) / (cols + rows);
  767. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  768. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  769. var delay = (c + r) * count;
  770. /* Return a gridlet elem with styles for specific transition.*/
  771. return jQuery('<div class="huge_it_gridlet_gallery_43" />').css({
  772. width : width,
  773. height : height,
  774. top : top,
  775. left : left,
  776. backgroundImage : 'url("' + src + '")',
  777. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_43").css("background-color"),
  778. /*backgroundColor: rgba(0, 0, 0, 0),*/
  779. backgroundRepeat: 'no-repeat',
  780. backgroundPosition : img_left + 'px ' + img_top + 'px',
  781. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  782. transition : 'all ' + huge_it_transition_duration_gallery_43 + 'ms ease-in-out ' + delay + 'ms',
  783. transform : 'none'
  784. });
  785. }
  786. /* Get the current slide's image.*/
  787. var cur_img = jQuery(current_image_class).find('img');
  788. /* Create a grid to hold the gridlets.*/
  789. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_43');
  790. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  791. jQuery(current_image_class).prepend(grid);
  792. /* vars to calculate positioning/size of gridlets*/
  793. var cont = jQuery(".huge_it_slide_bg_gallery_43");
  794. var imgWidth = cur_img.width();
  795. var imgHeight = cur_img.height();
  796. var contWidth = cont.width(),
  797. contHeight = cont.height(),
  798. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  799. colWidth = Math.floor(contWidth / cols),
  800. rowHeight = Math.floor(contHeight / rows),
  801. colRemainder = contWidth - (cols * colWidth),
  802. colAdd = Math.ceil(colRemainder / cols),
  803. rowRemainder = contHeight - (rows * rowHeight),
  804. rowAdd = Math.ceil(rowRemainder / rows),
  805. leftDist = 0,
  806. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_43").width() - cur_img.width()) / 2;
  807. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  808. tx = tx === 'auto' ? contWidth : tx;
  809. tx = tx === 'min-auto' ? - contWidth : tx;
  810. ty = ty === 'auto' ? contHeight : ty;
  811. ty = ty === 'min-auto' ? - contHeight : ty;
  812. /* Loop through cols*/
  813. for (var i = 0; i < cols; i++) {
  814. var topDist = 0,
  815. img_topDst = (jQuery(".huge_it_slide_bg_gallery_43").height() - cur_img.height()) / 2,
  816. newColWidth = colWidth;
  817. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  818. if (colRemainder > 0) {
  819. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  820. newColWidth += add;
  821. colRemainder -= add;
  822. }
  823. /* Nested loop to create row gridlets for each col.*/
  824. for (var j = 0; j < rows; j++)  {
  825. var newRowHeight = rowHeight,
  826. newRowRemainder = rowRemainder;
  827. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  828. if (newRowRemainder > 0) {
  829. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  830. newRowHeight += add;
  831. newRowRemainder -= add;
  832. }
  833. /* Create & append gridlet to grid.*/
  834. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  835. topDist += newRowHeight;
  836. img_topDst -= newRowHeight;
  837. }
  838. img_leftDist -= newColWidth;
  839. leftDist += newColWidth;
  840. }
  841. /* Set event listener on last gridlet to finish transitioning.*/
  842. var last_gridlet = grid.children().last();
  843. /* Show grid & hide the image it replaces.*/
  844. grid.show();
  845. cur_img.css('opacity', 0);
  846. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  847. grid.children().first().addClass('rs-top-left');
  848. grid.children().last().addClass('rs-bottom-right');
  849. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  850. grid.children().eq(- rows).addClass('rs-top-right');
  851. /* Execution steps.*/
  852. setTimeout(function () {
  853. grid.children().css({
  854. opacity: op,
  855. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  856. });
  857. }, 1);
  858. jQuery(next_image_class).css('opacity', 1);
  859. /* After transition.*/
  860. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  861. function huge_it_after_trans() {
  862. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  863. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  864. cur_img.css('opacity', 1);
  865. grid.remove();
  866. huge_it_trans_in_progress_gallery_43 = false;
  867. if (typeof event_stack_gallery_43 !== 'undefined' && event_stack_gallery_43.length > 0) {
  868. key = event_stack_gallery_43[0].split("-");
  869. event_stack_gallery_43.shift();
  870. huge_it_change_image_gallery_43(key[0], key[1], data_gallery_43, true,false);
  871. }
  872. }
  873. }
  874. function huge_it_sliceH_gallery_43(current_image_class, next_image_class, direction) {
  875. if (direction == 'right') {
  876. var translateX = 'min-auto';
  877. }
  878. else if (direction == 'left') {
  879. var translateX = 'auto';
  880. }
  881. huge_it_grid_gallery_43(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  882. }
  883. function huge_it_sliceV_gallery_43(current_image_class, next_image_class, direction) {
  884. if (direction == 'right') {
  885. var translateY = 'min-auto';
  886. }
  887. else if (direction == 'left') {
  888. var translateY = 'auto';
  889. }
  890. huge_it_grid_gallery_43(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  891. }
  892. function huge_it_slideV_gallery_43(current_image_class, next_image_class, direction) {
  893. if (direction == 'right') {
  894. var translateY = 'auto';
  895. }
  896. else if (direction == 'left') {
  897. var translateY = 'min-auto';
  898. }
  899. huge_it_grid_gallery_43(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  900. }
  901. function huge_it_slideH_gallery_43(current_image_class, next_image_class, direction) {
  902. if (direction == 'right') {
  903. var translateX = 'min-auto';
  904. }
  905. else if (direction == 'left') {
  906. var translateX = 'auto';
  907. }
  908. huge_it_grid_gallery_43(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  909. }
  910. function huge_it_scaleOut_gallery_43(current_image_class, next_image_class, direction) {
  911. huge_it_grid_gallery_43(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  912. }
  913. function huge_it_scaleIn_gallery_43(current_image_class, next_image_class, direction) {
  914. huge_it_grid_gallery_43(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  915. }
  916. function huge_it_blockScale_gallery_43(current_image_class, next_image_class, direction) {
  917. huge_it_grid_gallery_43(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  918. }
  919. function huge_it_kaleidoscope_gallery_43(current_image_class, next_image_class, direction) {
  920. huge_it_grid_gallery_43(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  921. }
  922. function huge_it_fan_gallery_43(current_image_class, next_image_class, direction) {
  923. if (direction == 'right') {
  924. var rotate = 45;
  925. var translateX = 100;
  926. }
  927. else if (direction == 'left') {
  928. var rotate = -45;
  929. var translateX = -100;
  930. }
  931. huge_it_grid_gallery_43(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  932. }
  933. function huge_it_blindV_gallery_43(current_image_class, next_image_class, direction) {
  934. huge_it_grid_gallery_43(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  935. }
  936. function huge_it_blindH_gallery_43(current_image_class, next_image_class, direction) {
  937. huge_it_grid_gallery_43(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  938. }
  939. function huge_it_random_gallery_43(current_image_class, next_image_class, direction) {
  940. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  941. /* Pick a random transition from the anims array.*/
  942. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_43"](current_image_class, next_image_class, direction);
  943. }
  944. function iterator_gallery_43() {
  945. var iterator = 1;
  946. return iterator;
  947. }
  948. function huge_it_change_image_gallery_43(current_key, key, data_gallery_43, from_effect,clicked) {
  949. if (data_gallery_43[key]) {
  950. if(typeof video_is_playing_gallery_43 != 'undefined' && video_is_playing_gallery_43 && !clicked){
  951. return false;
  952. }
  953. if (!from_effect) {
  954. // Change image key.
  955. jQuery("#huge_it_current_image_key_gallery_43").val(key);
  956. // if (current_key == '-2') { /* Dots.*/
  957. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_43").attr("data-image_key");
  958. //  }
  959. }
  960. if (huge_it_trans_in_progress_gallery_43) {
  961. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_43").after(" --IN TRANSACTION-- <br />");
  962. event_stack_gallery_43.push(current_key + '-' + key);
  963. return;
  964. }
  965. var direction = 'right';
  966. if (huge_it_current_key_gallery_43 > key) {
  967. var direction = 'left';
  968. }
  969. else if (huge_it_current_key_gallery_43 == key) {
  970. return false;
  971. }
  972. // Set active thumbnail position.
  973. huge_it_current_key_gallery_43 = key;
  974. //Change image id, title, description.
  975. jQuery(".huge_it_slideshow_image_gallery_43").attr('data-image_id', data_gallery_43[key]["id"]);
  976. jQuery(".huge_it_slideshow_title_text_gallery_43").html(data_gallery_43[key]["alt"]);
  977. jQuery(".huge_it_slideshow_description_text_gallery_43").html(data_gallery_43[key]["description"]);
  978. var current_image_class = "#image_id_gallery_43_" + data_gallery_43[current_key]["id"];
  979. var next_image_class = "#image_id_gallery_43_" + data_gallery_43[key]["id"];
  980. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_43').length>0) {
  981. var streffect='none';
  982. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  983. huge_it_none_gallery_43(current_image_class, next_image_class, direction);
  984. }else{
  985. huge_it_fade_gallery_43(current_image_class, next_image_class, direction);
  986. }
  987. }else{
  988. huge_it_none_gallery_43(current_image_class, next_image_class, direction);
  989. }
  990. jQuery('.huge_it_slideshow_title_text_gallery_43').removeClass('none');
  991. if(jQuery('.huge_it_slideshow_title_text_gallery_43').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_43').addClass('none');}
  992. jQuery('.huge_it_slideshow_description_text_gallery_43').removeClass('none');
  993. jQuery('.huge_it_gallery_like_cont_435130').removeClass('none');
  994. if(jQuery('.huge_it_slideshow_description_text_gallery_43').html()==""){
  995. jQuery('.huge_it_slideshow_description_text_gallery_43').addClass('none');
  996. }
  997. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_43').addClass('none');
  998. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_43').addClass('none');
  999. jQuery(current_image_class).find('.huge_it_gallery_like_cont_435130').addClass('none');
  1000. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_43").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  1001. huge_it_move_dots_gallery_43();
  1002. window.clearInterval(huge_it_playInterval_gallery_43);
  1003. play_gallery_43();
  1004. }
  1005. }
  1006. function huge_it_popup_resize_gallery_43() {
  1007. var staticsliderwidth=375;
  1008. var sliderwidth=375;
  1009. var bodyWidth=jQuery(window).width();
  1010. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_43").parent().width();
  1011.  
  1012. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  1013. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  1014. var str=(750/staticsliderwidth);
  1015.  
  1016. jQuery('.huge_it_slideshow_image_wrap_gallery_43').css({'max-height':parentWidth*str-2*0});
  1017.  
  1018. }
  1019. jQuery(window).load(function () {
  1020. jQuery(window).resize(function() {
  1021. huge_it_popup_resize_gallery_43();
  1022. });
  1023. huge_it_popup_resize_gallery_43();
  1024. /* Disable right click.*/
  1025. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  1026. return false;
  1027. });
  1028. /*HOVER SLIDESHOW*/
  1029. jQuery("#huge_it_slideshow_image_container_gallery_43, .huge_it_slideshow_image_container_gallery_43, .huge_it_slideshow_dots_container_gallery_43,#huge_it_slideshow_right_gallery_43,#huge_it_slideshow_left_gallery_43").hover(function(){
  1030. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_43").after(" -- hover -- <br /> ");
  1031. jQuery("#huge_it_slideshow_right_gallery_43").css({'display':'inline'});
  1032. jQuery("#huge_it_slideshow_left_gallery_43").css({'display':'inline'});
  1033. },function(){
  1034. jQuery("#huge_it_slideshow_right_gallery_43").css({'display':'none'});
  1035. jQuery("#huge_it_slideshow_left_gallery_43").css({'display':'none'});
  1036. });
  1037. var pausehover="on";
  1038. if(pausehover=="on"){
  1039. jQuery("#huge_it_slideshow_image_container_gallery_43, .huge_it_slideshow_image_container_gallery_43, .huge_it_slideshow_dots_container_gallery_43,#huge_it_slideshow_right_gallery_43,#huge_it_slideshow_left_gallery_43").hover(function(){
  1040. window.clearInterval(huge_it_playInterval_gallery_43);
  1041. },function(){
  1042. window.clearInterval(huge_it_playInterval_gallery_43);
  1043. play_gallery_43();
  1044. });
  1045. }
  1046. play_gallery_43();
  1047. });
  1048. function play_gallery_43() {
  1049. /* Play.*/
  1050. huge_it_playInterval_gallery_43 = setInterval(function () {
  1051. var iterator = 1;
  1052. huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()) + iterator) % data_gallery_43.length, data_gallery_43,false,false);
  1053. }, '6000');
  1054. }
  1055. jQuery(window).focus(function() {
  1056. var i_gallery_43 = 0;
  1057. jQuery(".huge_it_slider_gallery_43").children("div").each(function () {
  1058. if (jQuery(this).css('opacity') == 1) {
  1059. jQuery("#huge_it_current_image_key_gallery_43").val(i_gallery_43);
  1060. }
  1061. i_gallery_43++;
  1062. });
  1063. play_gallery_43();
  1064. });
  1065. jQuery(window).blur(function() {
  1066. event_stack_gallery_43 = [];
  1067. window.clearInterval(huge_it_playInterval_gallery_43);
  1068. });
  1069. </script>
  1070. <div class="huge_it_slideshow_image_wrap_gallery_43 gallery-img-content"
  1071.     data-rating-type="off">
  1072. <!-- ##########################DOTS######################### -->
  1073. <div class="huge_it_slideshow_dots_container_gallery_43">
  1074. <div class="huge_it_slideshow_dots_thumbnails_gallery_43">
  1075. <div id="huge_it_dots_0_gallery_43"
  1076.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_active_gallery_43"
  1077.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '0', data_gallery_43,false,true);return false;"
  1078.     data-image_id="760" data-image_key="0"></div>
  1079. <div id="huge_it_dots_1_gallery_43"
  1080.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_deactive_gallery_43"
  1081.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '1', data_gallery_43,false,true);return false;"
  1082.     data-image_id="759" data-image_key="1"></div>
  1083. <div id="huge_it_dots_2_gallery_43"
  1084.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_deactive_gallery_43"
  1085.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '2', data_gallery_43,false,true);return false;"
  1086.     data-image_id="758" data-image_key="2"></div>
  1087. <div id="huge_it_dots_3_gallery_43"
  1088.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_deactive_gallery_43"
  1089.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '3', data_gallery_43,false,true);return false;"
  1090.     data-image_id="757" data-image_key="3"></div>
  1091. <div id="huge_it_dots_4_gallery_43"
  1092.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_deactive_gallery_43"
  1093.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '4', data_gallery_43,false,true);return false;"
  1094.     data-image_id="761" data-image_key="4"></div>
  1095. <div id="huge_it_dots_5_gallery_43"
  1096.     class="huge_it_slideshow_dots_gallery_43 huge_it_slideshow_dots_deactive_gallery_43"
  1097.     onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), '5', data_gallery_43,false,true);return false;"
  1098.     data-image_id="762" data-image_key="5"></div>
  1099. </div>
  1100. <a id="huge_it_slideshow_left_gallery_43" href="#"
  1101.   onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()) - iterator_gallery_43()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()) - iterator_gallery_43()) % data_gallery_43.length : data_gallery_43.length - 1, data_gallery_43,false,true);return false;">
  1102. <div id="huge_it_slideshow_left-ico_gallery_43">
  1103. <div><i class="huge_it_slideshow_prev_btn_gallery_43 fa"></i></div>
  1104. </div>
  1105. </a>
  1106. <a id="huge_it_slideshow_right_gallery_43" href="#"
  1107.   onclick="huge_it_change_image_gallery_43(parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_43').val()) + iterator_gallery_43()) % data_gallery_43.length, data_gallery_43,false,true);return false;">
  1108. <div id="huge_it_slideshow_right-ico_43">
  1109. <div><i class="huge_it_slideshow_next_btn_gallery_43 fa"></i></div>
  1110. </div>
  1111. </a>
  1112. </div>
  1113. <!-- ##########################IMAGES######################### -->
  1114. <script>
  1115. jQuery(document).ready(function ($) {
  1116. $('.thumb_wrapper').on('click', function (ev) {
  1117. var hugeid = $(this).data('rowid');
  1118. var myid = hugeid;
  1119. myid = parseInt(myid);
  1120. eval('player_' + myid + '.playVideo()')
  1121. ev.preventDefault();
  1122. });
  1123. });
  1124. </script>
  1125. <div id="huge_it_slideshow_image_container_gallery_43"
  1126.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_43 view-slider">
  1127. <div class="huge_it_slide_container_gallery_43">
  1128. <div class="huge_it_slide_bg_gallery_43">
  1129. <ul class="huge_it_slider_gallery_43">
  1130. <li class="huge_it_slideshow_image_item_gallery_43"
  1131.    id="image_id_gallery_43_0">
  1132. <img decoding="async" alt=""
  1133.     id="huge_it_slideshow_image_gallery_43_0"
  1134.     class="huge_it_slideshow_image_gallery_43"
  1135.     src="https://picoulet.centres-sociaux.fr/files/2026/04/1.png"
  1136.     data-image_id="760"/>
  1137. <div
  1138. class="huge_it_slideshow_title_text_gallery_43 none">
  1139. </div>
  1140. <div
  1141. class="huge_it_slideshow_description_text_gallery_43 none">
  1142. </div>
  1143. </li>
  1144. <li class="huge_it_slideshow_image_second_item_gallery_43"
  1145.    id="image_id_gallery_43_1">
  1146. <img decoding="async" alt=""
  1147.     id="huge_it_slideshow_image_gallery_43_1"
  1148.     class="huge_it_slideshow_image_gallery_43"
  1149.     src="https://picoulet.centres-sociaux.fr/files/2026/04/2.png"
  1150.     data-image_id="759"/>
  1151. <div
  1152. class="huge_it_slideshow_title_text_gallery_43 none">
  1153. </div>
  1154. <div
  1155. class="huge_it_slideshow_description_text_gallery_43 none">
  1156. </div>
  1157. </li>
  1158. <li class="huge_it_slideshow_image_second_item_gallery_43"
  1159.    id="image_id_gallery_43_2">
  1160. <img decoding="async" alt=""
  1161.     id="huge_it_slideshow_image_gallery_43_2"
  1162.     class="huge_it_slideshow_image_gallery_43"
  1163.     src="https://picoulet.centres-sociaux.fr/files/2026/04/4.png"
  1164.     data-image_id="758"/>
  1165. <div
  1166. class="huge_it_slideshow_title_text_gallery_43 none">
  1167. </div>
  1168. <div
  1169. class="huge_it_slideshow_description_text_gallery_43 none">
  1170. </div>
  1171. </li>
  1172. <li class="huge_it_slideshow_image_second_item_gallery_43"
  1173.    id="image_id_gallery_43_3">
  1174. <img decoding="async" alt=""
  1175.     id="huge_it_slideshow_image_gallery_43_3"
  1176.     class="huge_it_slideshow_image_gallery_43"
  1177.     src="https://picoulet.centres-sociaux.fr/files/2026/04/3.png"
  1178.     data-image_id="757"/>
  1179. <div
  1180. class="huge_it_slideshow_title_text_gallery_43 none">
  1181. </div>
  1182. <div
  1183. class="huge_it_slideshow_description_text_gallery_43 none">
  1184. </div>
  1185. </li>
  1186. <li class="huge_it_slideshow_image_second_item_gallery_43"
  1187.    id="image_id_gallery_43_4">
  1188. <img decoding="async" alt=""
  1189.     id="huge_it_slideshow_image_gallery_43_4"
  1190.     class="huge_it_slideshow_image_gallery_43"
  1191.     src="https://picoulet.centres-sociaux.fr/files/2026/04/5.png"
  1192.     data-image_id="761"/>
  1193. <div
  1194. class="huge_it_slideshow_title_text_gallery_43 none">
  1195. </div>
  1196. <div
  1197. class="huge_it_slideshow_description_text_gallery_43 none">
  1198. </div>
  1199. </li>
  1200. <li class="huge_it_slideshow_image_second_item_gallery_43"
  1201.    id="image_id_gallery_43_5">
  1202. <img decoding="async" alt=""
  1203.     id="huge_it_slideshow_image_gallery_43_5"
  1204.     class="huge_it_slideshow_image_gallery_43"
  1205.     src="https://picoulet.centres-sociaux.fr/files/2026/04/6.png"
  1206.     data-image_id="762"/>
  1207. <div
  1208. class="huge_it_slideshow_title_text_gallery_43 none">
  1209. </div>
  1210. <div
  1211. class="huge_it_slideshow_description_text_gallery_43 none">
  1212. </div>
  1213. </li>
  1214. </ul>
  1215. <input type="hidden" id="huge_it_current_image_key_gallery_43" value="0"/>
  1216. </div>
  1217. </div>
  1218. </div>
  1219. </div><style>
  1220. .huge_it_slideshow_image_wrap_gallery_43 {
  1221.    height: 750px;
  1222.    width: 375px;
  1223.    max-width: calc(100% - 2 * 0px);
  1224.    position: relative;
  1225.    display: block;
  1226.    text-align: center;
  1227.    border: 0 px #ffffff solid;
  1228.    box-sizing: content-box;
  1229.    clear: both;
  1230. float:none; margin: 0 auto;}
  1231.  
  1232. .huge_it_slideshow_image_wrap_gallery_43 * {
  1233.    box-sizing: border-box;
  1234.    -moz-box-sizing: border-box;
  1235.    -webkit-box-sizing: border-box;
  1236. }
  1237.  
  1238. .huge_it_slideshow_image_gallery_43 {
  1239. width: 100%;
  1240.    height: 100%;
  1241.    left: 0;
  1242.    top: 0;
  1243. /* height: auto;
  1244.                top: 50%;
  1245.            left: 50%;
  1246.                transform: translate( -50%, -50% ); */
  1247. max-width: 100%;
  1248.    max-height: 100%;
  1249.    position: absolute;
  1250. }
  1251.  
  1252. .huge_it_slider_gallery_43 li iframe {
  1253.    width: 100%;
  1254.    height: 100%;
  1255. }
  1256.  
  1257. .huge_it_slider_gallery_43 li #thevideo {
  1258.    width: 100%;
  1259.    height: 100%;
  1260. }
  1261.  
  1262. .huge_it_slider_gallery_43 li .thumb_wrapper {
  1263.    width: 100%;
  1264.    height: 100%;
  1265. }
  1266.  
  1267. .huge_it_slider_gallery_43 li .thumb_wrapper img {
  1268.    position: relative;
  1269.    /*top: 50%;
  1270.    transform: translateY(-50%);*/
  1271. }
  1272.  
  1273. #huge_it_slideshow_left_gallery_43,
  1274. #huge_it_slideshow_right_gallery_43 {
  1275.    cursor: pointer;
  1276.    display: none;
  1277.    display: block;
  1278.    height: 100%;
  1279.    outline: medium none;
  1280.    position: absolute;
  1281.    /*z-index: 10130;*/
  1282.    z-index: 13;
  1283.    bottom: 25px;
  1284.    top: 50%;
  1285. }
  1286.  
  1287. #huge_it_slideshow_left-ico_gallery_43,
  1288. #huge_it_slideshow_right-ico_gallery_43 {
  1289.    z-index: 13;
  1290.    -moz-box-sizing: content-box;
  1291.    box-sizing: content-box;
  1292.    cursor: pointer;
  1293.    display: table;
  1294.    left: -9999px;
  1295.    line-height: 0;
  1296.    margin-top: -15px;
  1297.    position: absolute;
  1298.    top: 50%;
  1299. }
  1300.  
  1301. #huge_it_slideshow_left-ico_gallery_43:hover,
  1302. #huge_it_slideshow_right-ico_gallery_43:hover {
  1303.    cursor: pointer;
  1304. }
  1305.  
  1306. .huge_it_slideshow_image_container_gallery_43 {
  1307.    display: table;
  1308.    position: relative;
  1309.    top: 0;
  1310.    left: 0;
  1311.    text-align: center;
  1312.    vertical-align: middle;
  1313.    width: 100%;
  1314.    height: 100%;
  1315. }
  1316.  
  1317. .huge_it_slideshow_title_text_gallery_43 {
  1318.    text-decoration: none;
  1319.    position: absolute;
  1320.    z-index: 12;
  1321.    display: inline-block;
  1322. width: 30%;
  1323.    /*height:
  1324. 50 %;*/
  1325. right:0%;top:0%; padding: 2%;
  1326.    text-align: right;
  1327.    font-weight: bold;
  1328.    color: #000000;
  1329.    background: rgba(255,255,255,0.7)  !important;
  1330.    border-style: solid;
  1331.    font-size: 13px;
  1332.    border-width: 0px;
  1333.    border-color: #ffffff;
  1334.    border-radius: 4px;
  1335. }
  1336.  
  1337. .huge_it_slideshow_description_text_gallery_43 {
  1338.    text-decoration: none;
  1339.    position: absolute;
  1340.    z-index: 11;
  1341.    border-style: solid;
  1342.    display: inline-block;
  1343. width: 70%;
  1344.    /*height:
  1345. %;*/
  1346. right:0%;bottom:0%; padding: 3%;
  1347.    text-align: justify;
  1348.    color: #ffffff;
  1349.    background: rgba(0,0,0,0.7) !important;
  1350.    border-style: solid;
  1351.    font-size: 12px;
  1352.    border-width: 0px;
  1353.    border-color: #ffffff;
  1354.    border-radius: 0px;
  1355. }
  1356.  
  1357. .huge_it_slideshow_title_text_gallery_43.none, .huge_it_slideshow_description_text_gallery_43.none,
  1358. .huge_it_slideshow_title_text_gallery_43.hidden, .huge_it_slideshow_description_text_gallery_43.hidden {
  1359.    display: none;
  1360. }
  1361.  
  1362. .huge_it_gallery_like_cont_435130.none {
  1363.    display: none !important;
  1364. }
  1365.  
  1366. .huge_it_slideshow_title_text_gallery_43 h1, .huge_it_slideshow_description_text_gallery_43 h1,
  1367. .huge_it_slideshow_title_text_gallery_43 h2, .huge_it_slideshow_title_text_gallery_43 h2,
  1368. .huge_it_slideshow_title_text_gallery_43 h3, .huge_it_slideshow_title_text_gallery_43 h3,
  1369. .huge_it_slideshow_title_text_gallery_43 h4, .huge_it_slideshow_title_text_gallery_43 h4,
  1370. .huge_it_slideshow_title_text_gallery_43 p, .huge_it_slideshow_title_text_gallery_43 p,
  1371. .huge_it_slideshow_title_text_gallery_43 strong, .huge_it_slideshow_title_text_gallery_43 strong,
  1372. .huge_it_slideshow_title_text_gallery_43 span, .huge_it_slideshow_title_text_gallery_43 span,
  1373. .huge_it_slideshow_title_text_gallery_43 ul, .huge_it_slideshow_title_text_gallery_43 ul,
  1374. .huge_it_slideshow_title_text_gallery_43 li, .huge_it_slideshow_title_text_gallery_43 li {
  1375.    padding: 2px;
  1376.    margin: 0;
  1377. }
  1378.  
  1379. .huge_it_slide_container_gallery_43 {
  1380.    display: table-cell;
  1381.    margin: 0 auto;
  1382.    position: relative;
  1383.    vertical-align: middle;
  1384.    width: 100%;
  1385.    height: 100%;
  1386.    _width: inherit;
  1387.    _height: inherit;
  1388. }
  1389.  
  1390. .huge_it_slide_bg_gallery_43 {
  1391.    margin: 0 auto;
  1392.    width: 100%;
  1393.    height: 100%;
  1394.    _width: inherit;
  1395.    _height: inherit;
  1396. }
  1397.  
  1398. .huge_it_slider_gallery_43 {
  1399.    width: 100%;
  1400.    height: 100%;
  1401.    display: table;
  1402.    padding: 0;
  1403.    margin: 0;
  1404. }
  1405.  
  1406. .huge_it_slideshow_image_item_gallery_43 {
  1407.    width: 100%;
  1408.    height: 100%;
  1409.    display: table-cell;
  1410.    filter: Alpha(opacity=100);
  1411.    opacity: 1;
  1412.    position: absolute;
  1413.    top: 0;
  1414.    left: 0;
  1415.    vertical-align: middle;
  1416.    z-index: 2;
  1417.    margin: 0 !important;
  1418.    padding: 0;
  1419.    overflow: hidden;
  1420.    border-radius: 0px !important;
  1421. }
  1422.  
  1423. .huge_it_slideshow_image_second_item_gallery_43 {
  1424.    width: 100%;
  1425.    height: 100%;
  1426.    display: table-cell;
  1427.    filter: Alpha(opacity=0);
  1428.    opacity: 0;
  1429.    position: absolute;
  1430.    top: 0;
  1431.    left: 0;
  1432.    vertical-align: middle;
  1433.    z-index: 1;
  1434.    overflow: hidden;
  1435.    margin: 0 !important;
  1436.    padding: 0;
  1437.    border-radius: 0px !important;
  1438. }
  1439.  
  1440. .huge_it_grid_gallery_43 {
  1441.    display: none;
  1442.    height: 100%;
  1443.    overflow: hidden;
  1444.    position: absolute;
  1445.    width: 100%;
  1446. }
  1447.  
  1448. .huge_it_gridlet_gallery_43 {
  1449.    opacity: 1;
  1450.    filter: Alpha(opacity=100);
  1451.    position: absolute;
  1452. }
  1453.  
  1454. .huge_it_slideshow_dots_container_gallery_43 {
  1455.    display: table;
  1456.    position: absolute;
  1457.    width: 100% !important;
  1458.    height: 100% !important;
  1459. }
  1460.  
  1461. .huge_it_slideshow_dots_thumbnails_gallery_43 {
  1462.    margin: 0 auto;
  1463.    overflow: hidden;
  1464.    position: absolute;
  1465.    width: 100%;
  1466.    height: 60px;
  1467. }
  1468.  
  1469. .huge_it_slideshow_dots_gallery_43 {
  1470.    display: inline-block;
  1471.    position: relative;
  1472.    cursor: pointer;
  1473.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  1474.    width: 10px;
  1475.    height: 10px;
  1476.    border-radius: 10px;
  1477.    background: #00f;
  1478.    margin: 10px;
  1479.    overflow: hidden;
  1480.    z-index: 17;
  1481. }
  1482.  
  1483. .huge_it_slideshow_dots_active_gallery_43 {
  1484.    opacity: 1;
  1485.    background: #0f0;
  1486.    filter: Alpha(opacity=100);
  1487. }
  1488.  
  1489. .huge_it_slideshow_dots_deactive_gallery_43 {
  1490. }
  1491.  
  1492. .huge_it_slideshow_image_item1_gallery_43 {
  1493.    display: table;
  1494.    width: inherit;
  1495.    height: inherit;
  1496. }
  1497.  
  1498. .huge_it_slideshow_image_item2_gallery_43 {
  1499.    display: table-cell;
  1500.    vertical-align: middle;
  1501.    text-align: center;
  1502. }
  1503.  
  1504. .huge_it_slideshow_image_item2_gallery_43 a {
  1505.    display: block;
  1506.    vertical-align: middle;
  1507.    width: 100%;
  1508.    height: 100%;
  1509. }
  1510.  
  1511. .huge_it_slideshow_image_wrap_gallery_43 {
  1512.    background: #ffffff;
  1513. }
  1514.  
  1515. .huge_it_slideshow_dots_thumbnails_gallery_43 {
  1516. top: 0;
  1517. }
  1518.  
  1519. .huge_it_slideshow_dots_gallery_43 {
  1520.    background: #000000;
  1521. }
  1522.  
  1523. .huge_it_slideshow_dots_active_gallery_43 {
  1524.    background: #ffffff;
  1525. }
  1526.  
  1527. #huge_it_slideshow_left_gallery_43 {
  1528.    left: 0;
  1529.    margin-top: -21px;
  1530.    height: 43px;
  1531.    width: 29px;
  1532.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  1533. }
  1534.  
  1535. #huge_it_slideshow_right_gallery_43 {
  1536.    right: 0;
  1537.    margin-top: -21px;
  1538.    height: 43px;
  1539.    width: 29px;
  1540.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  1541. }
  1542.  
  1543. .thumb_image {
  1544.    position: absolute;
  1545.    width: 100%;
  1546.    height: 100%;
  1547.    top: 0;
  1548.    left: 0;
  1549. }
  1550.  
  1551. .entry-content a {
  1552.    border-bottom: none !important;
  1553. }
  1554.  
  1555. .gallery-img-content .noneDisplay {
  1556.    display: block;
  1557. }
  1558.  
  1559. </style>
  1560. </p>
  1561. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  1562. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2026/04/2026_avril_web.pdf">PDF</a></p>
  1563. ]]></content:encoded>
  1565. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2026/04/09/avril-2026/feed/</wfw:commentRss>
  1566. <slash:comments>0</slash:comments>
  1569. </item>
  1570. <item>
  1571. <title>Programme de Mars 2026</title>
  1572. <link>https://picoulet.centres-sociaux.fr/2026/02/28/03-2026/</link>
  1573. <comments>https://picoulet.centres-sociaux.fr/2026/02/28/03-2026/#respond</comments>
  1575. <dc:creator><![CDATA[laetitia]]></dc:creator>
  1576. <pubDate>Sat, 28 Feb 2026 13:11:38 +0000</pubDate>
  1577. <category><![CDATA[Non classé]]></category>
  1578. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5120</guid>
  1579.  
  1580. <description><![CDATA[Fichier à télécharger avec les cliquables : PDF]]></description>
  1581. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  1582. /*===== general options =========*/
  1583. a {
  1584.    box-shadow: none !important;
  1585. }
  1586.  
  1587. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  1588.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  1589. }
  1590.  
  1591. #album_disabled_layer {
  1592.    display: none;
  1593.    position: absolute;
  1594.    width: 100%;
  1595.    height: 100%;
  1596.    text-align: center;
  1597.    background-color: transparent;
  1598.    z-index: 10;
  1599.    padding-top: 20px;
  1600.    color: #fff;
  1601. }
  1602.  
  1603. #album_list_container {
  1604.    position: relative;
  1605. }
  1606.  
  1607. /* ====================== album onhover styles ==========================*/
  1608.  
  1609. #album_list .view {
  1610.    -webkit-box-sizing: border-box;
  1611.    -moz-box-sizing: border-box;
  1612.    -o-box-sizing: border-box;
  1613.    display: none;
  1614.  
  1615. }
  1616.  
  1617. .view .mask,
  1618. .view .content {
  1619.    width: 100%;
  1620.    height: 100%;
  1621.    position: absolute;
  1622.    overflow: hidden;
  1623.    top: 0;
  1624.    left: 0;
  1625. }
  1626.  
  1627. .view h2 {
  1628.    text-transform: uppercase;
  1629.    color: #fff;
  1630.    text-align: center;
  1631.    position: relative;
  1632.    font-size: 17px;
  1633.    font-family: Raleway, serif;
  1634.    padding: 10px;
  1635.    /*background: rgba(0, 0, 0, 0.8);*/
  1636.    margin: 20px 0 0 0;
  1637.  
  1638. }
  1639.  
  1640. .album_back_button a, .view a {
  1641.    text-decoration: none !important;
  1642. }
  1643.  
  1644. .view p {
  1645.    font-family: Merriweather, serif;
  1646.    font-style: italic;
  1647.    font-size: 14px;
  1648.    position: relative;
  1649.    color: #fff;
  1650.    padding: 0px 20px 0px;
  1651.    text-align: center;
  1652.  
  1653. }
  1654.  
  1655. .view a.info {
  1656.    display: inline-block;
  1657.    text-decoration: none;
  1658.    font-size: 13px;
  1659.    padding: 2px 14px;
  1660.    margin-bottom: 3px;
  1661.    background: #000;
  1662.    color: #fff;
  1663.    font-family: Raleway, serif;
  1664.    text-transform: uppercase;
  1665.    box-shadow: 0 0 1px #000
  1666. }
  1667.  
  1668. .mask-text h2 {
  1669.    font-size: 20px !important;
  1670. }
  1671.  
  1672. .view a.info:hover {
  1673.    box-shadow: 0 0 5px #000
  1674. }
  1675.  
  1676. .view .mask-bg {
  1677.    height: 100%;
  1678. }
  1679.  
  1680. .view .album_social {
  1681.    color: #fff;
  1682.    position: absolute;
  1683.    bottom: 3px;
  1684.    left: 3px;
  1685.    border: 1px solid #ffffff;
  1686.    -webkit-border-radius: 3px;
  1687.    -moz-border-radius: 3px;
  1688.    border-radius: 3px;
  1689.    padding: 3px 5px;
  1690.  
  1691. }
  1692.  
  1693. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  1694.    color: #ffffff;
  1695.    outline: none;
  1696. }
  1697.  
  1698. /*1*/
  1699.  
  1700. .view .info {
  1701.    margin-top: 5px;
  1702. }
  1703.  
  1704. .view-first .mask {
  1705.    opacity: 0;
  1706.    background-color: rgba(0, 0, 0, 0.7);
  1707.    transition: all 0.4s ease-in-out;
  1708.  
  1709. }
  1710.  
  1711. .view-first h2 {
  1712.    transform: translateY(-100px);
  1713.    opacity: 0;
  1714.    font-family: Raleway, serif;
  1715.    transition: all 0.2s ease-in-out;
  1716. }
  1717.  
  1718. .view-first p {
  1719.    transform: translateY(100px);
  1720.    opacity: 0;
  1721.    transition: all 0.2s linear;
  1722. }
  1723.  
  1724. .view-first a.info {
  1725.    opacity: 0;
  1726.    transition: all 0.2s ease-in-out;
  1727. }
  1728.  
  1729. /* */
  1730.  
  1731. .view-first:hover img {
  1732.    /*transform: scale(1.1);*/
  1733. }
  1734.  
  1735. .view-first:hover .mask {
  1736.    opacity: 1;
  1737. }
  1738.  
  1739. .view-first:hover h2,
  1740. .view-first:hover p,
  1741. .view-first:hover a.info {
  1742.    opacity: 1;
  1743.    transform: translateY(0px);
  1744. }
  1745.  
  1746. .view-first:hover p {
  1747.    transition-delay: 0.1s;
  1748. }
  1749.  
  1750. .view-first:hover a.info {
  1751.    transition-delay: 0.2s;
  1752. }
  1753.  
  1754. /*2*/
  1755. .view-second img {
  1756.    -webkit-filter: grayscale(0) blur(0);
  1757.    filter: grayscale(0) blur(0);
  1758.    -webkit-transition: .3s ease-in-out;
  1759.    transition: .3s ease-in-out;
  1760. }
  1761.  
  1762. .view-second .mask {
  1763.    background-color: rgba(226, 200, 127, 0.2);
  1764.    transition: all 0.5s linear;
  1765.    opacity: 0;
  1766. }
  1767.  
  1768. .view-second h2 {
  1769.    background: transparent;
  1770.    margin: 20px 40px 0px 40px;
  1771.    transform: scale(0);
  1772.    color: #333;
  1773.    transition: all 0.5s linear;
  1774.    opacity: 0;
  1775. }
  1776.  
  1777. .view-second p {
  1778.    opacity: 0;
  1779.    transform: scale(0);
  1780.    transition: all 0.5s linear;
  1781. }
  1782.  
  1783. .view-second a.info {
  1784.    opacity: 0;
  1785.    transform: scale(0);
  1786.    transition: all 0.5s linear;
  1787. }
  1788.  
  1789. .view-second:hover img {
  1790.    -webkit-filter: grayscale(100%) blur(3px);
  1791.    filter: grayscale(100%) blur(3px);
  1792. }
  1793.  
  1794. .view-second:hover .mask {
  1795.    opacity: 1;
  1796. }
  1797.  
  1798. .view-second:hover h2,
  1799. .view-second:hover p,
  1800. .view-second:hover a.info {
  1801.    transform: scale(1);
  1802.    opacity: 1;
  1803. }
  1804.  
  1805. .view-second img {
  1806.    -webkit-filter: grayscale(0) blur(0);
  1807.    filter: grayscale(0) blur(0);
  1808.    -webkit-transition: .3s ease-in-out;
  1809.    transition: .3s ease-in-out;
  1810. }
  1811.  
  1812. .view-second:hover img {
  1813.    -webkit-filter: grayscale(100%) blur(3px);
  1814.    filter: grayscale(100%) blur(3px);
  1815. }
  1816.  
  1817. /*3*/
  1818.  
  1819. .view-third img {
  1820.    transform: scaleY(1);
  1821.    transition: all .7s ease-in-out;
  1822. }
  1823.  
  1824. .view-third a.info {
  1825.    opacity: 0;
  1826.    transform: scale(0);
  1827.    transition: all 0.5s linear;
  1828. }
  1829.  
  1830. .view-third:hover img {
  1831.    -webkit-transform: scale(10);
  1832.    transform: scale(10);
  1833.    opacity: 0;
  1834. }
  1835.  
  1836. .view-third:hover .mask {
  1837.    opacity: 1;
  1838. }
  1839.  
  1840. .view-third:hover h2,
  1841. .view-third:hover p,
  1842. .view-third:hover a.info {
  1843.    transform: scale(1);
  1844.    opacity: 1;
  1845. }
  1846.  
  1847. /* ==== view 4 ===*/
  1848.  
  1849. .view-forth-wrapper {
  1850.    overflow: hidden;
  1851.    position: relative !important;
  1852.    height: 100%;
  1853.    /* cursor: pointer;*/
  1854. }
  1855.  
  1856. .view-forth img {
  1857.    max-width: 100%;
  1858.    position: relative;
  1859.    top: 0;
  1860.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  1861.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  1862. }
  1863.  
  1864. .view-forth .mask {
  1865.    position: absolute;
  1866.    width: 100%;
  1867.    /*    height: 70px;*/
  1868.    /*    bottom: -70px;*/
  1869.    height: 50%;
  1870.    bottom: -50%;
  1871.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  1872.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  1873.    top: inherit;
  1874. }
  1875.  
  1876. .view-forth:hover .mask {
  1877.    bottom: 0;
  1878. }
  1879.  
  1880. .view-forth:hover img {
  1881.    top: -30px;
  1882. }
  1883.  
  1884. /*==  view 5 ==*/
  1885.  
  1886. .view-fifth .view-fifth-wrapper,
  1887. .view-fifth .view-fifth-wrapper img {
  1888.    display: block;
  1889.    position: relative;
  1890. }
  1891.  
  1892. .view-fifth .view-fifth-wrapper {
  1893.    overflow: hidden;
  1894.    height: 100%;
  1895. }
  1896.  
  1897. .view-fifth .view-fifth-wrapper .mask {
  1898.    display: none;
  1899.    position: absolute;
  1900.    background: #333;
  1901.    background: rgba(75, 75, 75, 0.7);
  1902.    width: 100%;
  1903.    height: 100%;
  1904. }
  1905.  
  1906. /* ====================== album category styles ==========================*/
  1907.  
  1908. #filters {
  1909.    margin: 1% 0;
  1910.    padding: 0;
  1911.    list-style: none;
  1912.    list-style-type: none !important;
  1913.  
  1914. }
  1915.  
  1916. #filters li {
  1917.    float: left;
  1918.    list-style-type: none !important;
  1919. }
  1920.  
  1921. #filters li:first-child span {
  1922.    margin-left: 0px;
  1923. }
  1924.  
  1925. #filters li span {
  1926.    display: block;
  1927.    text-decoration: none;
  1928.    cursor: pointer;
  1929. }
  1930.  
  1931. .album_categories {
  1932.    list-style-type: none;
  1933.    margin: 0;
  1934.    padding: 0;
  1935.    overflow: hidden;
  1936.    padding-top: 5px;
  1937. }
  1938.  
  1939. /*=========  sharing buttons  ============*/
  1940.  
  1941. .album_socials {
  1942.    position: relative;
  1943.    top: 3px;
  1944.    width: 100px;
  1945.    height: 28px;
  1946.    margin: 0 auto;
  1947. }
  1948.  
  1949. .album_socials .rwd-share-buttons {
  1950.    top: 0px !important;
  1951.    width: 100% !important;
  1952.    margin: 0px !important;
  1953. }
  1954.  
  1955. .album_socials a {
  1956.    text-decoration: underline !important;
  1957. }
  1958.  
  1959. .gallery_images, .album_image_place {
  1960.    margin-top: 15px;
  1961.    margin-top: 15px;
  1962. }
  1963.  
  1964. #rwd-share-facebook:hover {
  1965.    background-position: 0 -31px !important;
  1966. }
  1967.  
  1968. #rwd-share-twitter:hover {
  1969.    background-position: -31px 32px !important;
  1970. }
  1971.  
  1972. #rwd-share-googleplus:hover {
  1973.    background-position: -66px -31px !important;
  1974. }
  1975.  
  1976. .rwd-share-buttons li, .rwd-share-buttons li a {
  1977.    width: 26px !important;
  1978.    border: 0px !important;
  1979. }
  1980.  
  1981. .rwd-share-buttons {
  1982.    top: 0 !important;
  1983. }
  1984.  
  1985. .img_link_btn {
  1986.    position: absolute;
  1987.    z-index: 99999;
  1988.    bottom: 0;
  1989.    left: 0;
  1990.    right: 0;
  1991.    width: 100%;
  1992.    padding: 8px;
  1993. }
  1994.  
  1995. .rwd-title {
  1996.    padding: 10px 0px !important;
  1997. }
  1998.  
  1999. @media only screen and (max-width: 475px) {
  2000.    .rwd-share-buttons {
  2001.        top: -25px !important;
  2002.    }
  2003.  
  2004.    .rwd-title-text {
  2005.        line-height: 15px;
  2006.    }
  2007. }
  2008.  
  2009. /*=========  hover style ===========*/
  2010.  
  2011. #hover {
  2012.    color: rgba(188, 175, 204, 0.9);
  2013. }
  2014.  
  2015. h2#testimonials {
  2016.    color: #fffae3;
  2017. }
  2018.  
  2019. div#all {
  2020.    width: 100%;
  2021.    height: 100%;
  2022. }
  2023.  
  2024. .view img {
  2025.    height: auto;
  2026. }
  2027.  
  2028. .view {
  2029.    color: #fff;
  2030.    margin: 0 10px 10px 0;
  2031.    overflow: hidden;
  2032.    position: relative;
  2033.    text-align: center;
  2034.    float: left;
  2035.    cursor: default;
  2036.    border: 1px solid #ccc;
  2037. }
  2038.  
  2039. .view-wrapper {
  2040.    height: 100%;
  2041. }
  2042.  
  2043. .view img {
  2044.    display: block;
  2045.    position: relative;
  2046.    transition: all 0.2s linear;
  2047.    height: 100%;
  2048.    width: auto;
  2049.    max-width: 100%;
  2050.    margin: 0 auto;
  2051. }
  2052.  
  2053. .mask-text h2 {
  2054.    font-size: 20px !important;
  2055.    margin-top: 20px !important;
  2056. }
  2057.  
  2058. /* view 1 */
  2059.  
  2060. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  2061.    color: #fff;
  2062. }
  2063.  
  2064. /*  view 2 */
  2065. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  2066.    color: #333;
  2067. }
  2068.  
  2069. .view-second .mask-text h2 {
  2070.    border-bottom: 1px solid #333;
  2071. }
  2072.  
  2073. /* view 3*/
  2074. .view-third .mask {
  2075.    background-color: #ccc;
  2076.    transition: all 0.5s linear;
  2077.    opacity: 0;
  2078.    color: #333;
  2079. }
  2080.  
  2081. .view-third h2 {
  2082.    border-bottom: 1px solid #333;
  2083.    background: transparent;
  2084.    margin: 20px 40px 0px 40px;
  2085.    transform: scale(0);
  2086.    color: #333;
  2087.    transition: all 0.5s linear;
  2088.    opacity: 0;
  2089. }
  2090.  
  2091. .view-third p {
  2092.    color: #333;
  2093.    opacity: 0;
  2094.    transform: scale(0);
  2095.    transition: all 0.5s linear;
  2096. }
  2097.  
  2098. .view-third .text-category {
  2099.    color: #333;
  2100. }
  2101.  
  2102. /* view 4 */
  2103.  
  2104. .view-forth .mask-bg {
  2105.    background: #333;
  2106.    width: 100%;
  2107.    height: 100%;
  2108.    position: absolute;
  2109.    top: 0;
  2110.    left: 0;
  2111. }
  2112.  
  2113. .view-forth .mask-text {
  2114.    color: #fff;
  2115.    position: relative;
  2116.    z-index: 500;
  2117.    padding: 5px 8px;
  2118. }
  2119.  
  2120. .view-forth .mask-text h2 {
  2121.    margin: 0px;
  2122.    font-size: 13px;
  2123.    padding: 2px;
  2124.    color: #fff;
  2125. }
  2126.  
  2127. .view-forth .mask-text h2:hover {
  2128.    cursor: pointer;
  2129. }
  2130.  
  2131. .view-forth .text-category {
  2132.    display: block;
  2133.    font-size: 15px;
  2134.    color: #fff;
  2135. }
  2136.  
  2137. .view-forth p {
  2138.    color: #fff;
  2139. }
  2140.  
  2141. /* view 5 */
  2142. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  2143.    color: #fff;
  2144. }
  2145.  
  2146. </style><script>
  2147. var data_gallery_42 = [];
  2148. var event_stack_gallery_42 = [];
  2149. data_gallery_42["0"]=[];data_gallery_42["0"]["id"]="0";data_gallery_42["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/1-1.png";data_gallery_42["0"]["description"]="";data_gallery_42["0"]["alt"]="";data_gallery_42["1"]=[];data_gallery_42["1"]["id"]="1";data_gallery_42["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/2-1.png";data_gallery_42["1"]["description"]="";data_gallery_42["1"]["alt"]="";data_gallery_42["2"]=[];data_gallery_42["2"]["id"]="2";data_gallery_42["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/3-1.png";data_gallery_42["2"]["description"]="";data_gallery_42["2"]["alt"]="";data_gallery_42["3"]=[];data_gallery_42["3"]["id"]="3";data_gallery_42["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/4-1.png";data_gallery_42["3"]["description"]="";data_gallery_42["3"]["alt"]="";data_gallery_42["4"]=[];data_gallery_42["4"]["id"]="4";data_gallery_42["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/5.png";data_gallery_42["4"]["description"]="";data_gallery_42["4"]["alt"]="";data_gallery_42["5"]=[];data_gallery_42["5"]["id"]="5";data_gallery_42["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/6.png";data_gallery_42["5"]["description"]="";data_gallery_42["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_42 = false;
  2150. var huge_it_transition_duration_gallery_42 = 2000;
  2151. var huge_it_playInterval_gallery_42;
  2152. // Stop autoplay.
  2153. window.clearInterval(huge_it_playInterval_gallery_42);
  2154. // alert('huge_it_current_key_gallery_42');
  2155. var huge_it_current_key_gallery_42 = '';
  2156. function huge_it_move_dots_gallery_42() {
  2157. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_42").position().left;
  2158. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_42").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_42").outerWidth(true);
  2159. }
  2160. function huge_it_testBrowser_cssTransitions_gallery_42() {
  2161. return huge_it_testDom_gallery_42('Transition');
  2162. }
  2163. function huge_it_testBrowser_cssTransforms3d_gallery_42() {
  2164. return huge_it_testDom_gallery_42('Perspective');
  2165. }
  2166. function huge_it_testDom_gallery_42(prop) {
  2167. // Browser vendor CSS prefixes.
  2168. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  2169. // Browser vendor DOM prefixes.
  2170. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  2171. var i = domPrefixes.length;
  2172. while (i--) {
  2173. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  2174. return true;
  2175. }
  2176. }
  2177. return false;
  2178. }
  2179. function huge_it_cube_gallery_42(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  2180. /* If browser does not support 3d transforms/CSS transitions.*/
  2181. if (!huge_it_testBrowser_cssTransitions_gallery_42()) {
  2182. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2183. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2184. return huge_it_fallback_gallery_42(current_image_class, next_image_class, direction);
  2185. }
  2186. if (!huge_it_testBrowser_cssTransforms3d_gallery_42()) {
  2187. return huge_it_fallback3d_gallery_42(current_image_class, next_image_class, direction);
  2188. }
  2189. huge_it_trans_in_progress_gallery_42 = true;
  2190. /* Set active thumbnail.*/
  2191. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2192. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2193. jQuery(".huge_it_slide_bg_gallery_42").css('perspective', 1000);
  2194. jQuery(current_image_class).css({
  2195. transform : 'translateZ(' + tz + 'px)',
  2196. backfaceVisibility : 'hidden'
  2197. });
  2198. jQuery(".huge_it_slideshow_image_wrap_gallery_42,.huge_it_slide_bg_gallery_42,.huge_it_slideshow_image_item_gallery_42,.huge_it_slideshow_image_second_item_gallery_42 ").css('overflow', 'visible');
  2199. jQuery(next_image_class).css({
  2200. opacity : 1,
  2201. filter: 'Alpha(opacity=100)',
  2202. backfaceVisibility : 'hidden',
  2203. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  2204. });
  2205. jQuery(".huge_it_slider_gallery_42").css({
  2206. transform: 'translateZ(-' + tz + 'px)',
  2207. transformStyle: 'preserve-3d'
  2208. });
  2209. /* Execution steps.*/
  2210. setTimeout(function () {
  2211. jQuery(".huge_it_slider_gallery_42").css({
  2212. transition: 'all ' + huge_it_transition_duration_gallery_42 + 'ms ease-in-out',
  2213. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  2214. });
  2215. }, 20);
  2216. /* After transition.*/
  2217. jQuery(".huge_it_slider_gallery_42").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  2218. function huge_it_after_trans() {
  2219. jQuery(".huge_it_slide_bg_gallery_42,.huge_it_slideshow_image_item_gallery_42,.huge_it_slideshow_image_second_item_gallery_42 ").css('overflow', 'hidden');
  2220. jQuery(".huge_it_slide_bg_gallery_42").removeAttr('style');
  2221. jQuery(current_image_class).removeAttr('style');
  2222. jQuery(next_image_class).removeAttr('style');
  2223. jQuery(".huge_it_slider_gallery_42").removeAttr('style');
  2224. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  2225. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  2226. // huge_it_change_watermark_container_gallery_42();
  2227. huge_it_trans_in_progress_gallery_42 = false;
  2228. if (typeof event_stack_gallery_42 !== 'undefined' && event_stack_gallery_42.length > 0) {
  2229. key = event_stack_gallery_42[0].split("-");
  2230. event_stack_gallery_42.shift();
  2231. huge_it_change_image_gallery_42(key[0], key[1], data_gallery_42, true,false);
  2232. }
  2233. }
  2234. }
  2235. function huge_it_cubeH_gallery_42(current_image_class, next_image_class, direction) {
  2236. /* Set to half of image width.*/
  2237. var dimension = jQuery(current_image_class).width() / 2;
  2238. if (direction == 'right') {
  2239. huge_it_cube_gallery_42(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  2240. }
  2241. else if (direction == 'left') {
  2242. huge_it_cube_gallery_42(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  2243. }
  2244. }
  2245. function huge_it_cubeV_gallery_42(current_image_class, next_image_class, direction) {
  2246. /* Set to half of image height.*/
  2247. var dimension = jQuery(current_image_class).height() / 2;
  2248. /* If next slide.*/
  2249. if (direction == 'right') {
  2250. huge_it_cube_gallery_42(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  2251. }
  2252. else if (direction == 'left') {
  2253. huge_it_cube_gallery_42(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  2254. }
  2255. }
  2256. /* For browsers that does not support transitions.*/
  2257. function huge_it_fallback_gallery_42(current_image_class, next_image_class, direction) {
  2258. huge_it_fade_gallery_42(current_image_class, next_image_class, direction);
  2259. }
  2260. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  2261. function huge_it_fallback3d_gallery_42(current_image_class, next_image_class, direction) {
  2262. huge_it_sliceV_gallery_42(current_image_class, next_image_class, direction);
  2263. }
  2264. function huge_it_none_gallery_42(current_image_class, next_image_class, direction) {
  2265. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  2266. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  2267. /* Set active thumbnail.*/
  2268. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2269. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2270. }
  2271. function huge_it_fade_gallery_42(current_image_class, next_image_class, direction) {
  2272. if (huge_it_testBrowser_cssTransitions_gallery_42()) {
  2273. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_42 + 'ms linear');
  2274. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_42 + 'ms linear');
  2275. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  2276. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  2277. }
  2278. else {
  2279. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_42);
  2280. jQuery(next_image_class).animate({
  2281. 'opacity' : 1,
  2282. 'z-index': 2
  2283. }, {
  2284. duration: huge_it_transition_duration_gallery_42,
  2285. complete: function () {return false;}
  2286. });
  2287. // For IE.
  2288. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_42, 0);
  2289. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_42, 1);
  2290. }
  2291. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2292. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2293. }
  2294. function huge_it_grid_gallery_42(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  2295. /* If browser does not support CSS transitions.*/
  2296. if (!huge_it_testBrowser_cssTransitions_gallery_42()) {
  2297. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2298. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2299. return huge_it_fallback_gallery_42(current_image_class, next_image_class, direction);
  2300. }
  2301. huge_it_trans_in_progress_gallery_42 = true;
  2302. /* Set active thumbnail.*/
  2303. jQuery(".huge_it_slideshow_dots_gallery_42").removeClass("huge_it_slideshow_dots_active_gallery_42").addClass("huge_it_slideshow_dots_deactive_gallery_42");
  2304. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_42 + "_gallery_42").removeClass("huge_it_slideshow_dots_deactive_gallery_42").addClass("huge_it_slideshow_dots_active_gallery_42");
  2305. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  2306. var count = (huge_it_transition_duration_gallery_42) / (cols + rows);
  2307. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  2308. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  2309. var delay = (c + r) * count;
  2310. /* Return a gridlet elem with styles for specific transition.*/
  2311. return jQuery('<div class="huge_it_gridlet_gallery_42" />').css({
  2312. width : width,
  2313. height : height,
  2314. top : top,
  2315. left : left,
  2316. backgroundImage : 'url("' + src + '")',
  2317. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_42").css("background-color"),
  2318. /*backgroundColor: rgba(0, 0, 0, 0),*/
  2319. backgroundRepeat: 'no-repeat',
  2320. backgroundPosition : img_left + 'px ' + img_top + 'px',
  2321. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  2322. transition : 'all ' + huge_it_transition_duration_gallery_42 + 'ms ease-in-out ' + delay + 'ms',
  2323. transform : 'none'
  2324. });
  2325. }
  2326. /* Get the current slide's image.*/
  2327. var cur_img = jQuery(current_image_class).find('img');
  2328. /* Create a grid to hold the gridlets.*/
  2329. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_42');
  2330. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  2331. jQuery(current_image_class).prepend(grid);
  2332. /* vars to calculate positioning/size of gridlets*/
  2333. var cont = jQuery(".huge_it_slide_bg_gallery_42");
  2334. var imgWidth = cur_img.width();
  2335. var imgHeight = cur_img.height();
  2336. var contWidth = cont.width(),
  2337. contHeight = cont.height(),
  2338. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  2339. colWidth = Math.floor(contWidth / cols),
  2340. rowHeight = Math.floor(contHeight / rows),
  2341. colRemainder = contWidth - (cols * colWidth),
  2342. colAdd = Math.ceil(colRemainder / cols),
  2343. rowRemainder = contHeight - (rows * rowHeight),
  2344. rowAdd = Math.ceil(rowRemainder / rows),
  2345. leftDist = 0,
  2346. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_42").width() - cur_img.width()) / 2;
  2347. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  2348. tx = tx === 'auto' ? contWidth : tx;
  2349. tx = tx === 'min-auto' ? - contWidth : tx;
  2350. ty = ty === 'auto' ? contHeight : ty;
  2351. ty = ty === 'min-auto' ? - contHeight : ty;
  2352. /* Loop through cols*/
  2353. for (var i = 0; i < cols; i++) {
  2354. var topDist = 0,
  2355. img_topDst = (jQuery(".huge_it_slide_bg_gallery_42").height() - cur_img.height()) / 2,
  2356. newColWidth = colWidth;
  2357. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  2358. if (colRemainder > 0) {
  2359. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  2360. newColWidth += add;
  2361. colRemainder -= add;
  2362. }
  2363. /* Nested loop to create row gridlets for each col.*/
  2364. for (var j = 0; j < rows; j++)  {
  2365. var newRowHeight = rowHeight,
  2366. newRowRemainder = rowRemainder;
  2367. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  2368. if (newRowRemainder > 0) {
  2369. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  2370. newRowHeight += add;
  2371. newRowRemainder -= add;
  2372. }
  2373. /* Create & append gridlet to grid.*/
  2374. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  2375. topDist += newRowHeight;
  2376. img_topDst -= newRowHeight;
  2377. }
  2378. img_leftDist -= newColWidth;
  2379. leftDist += newColWidth;
  2380. }
  2381. /* Set event listener on last gridlet to finish transitioning.*/
  2382. var last_gridlet = grid.children().last();
  2383. /* Show grid & hide the image it replaces.*/
  2384. grid.show();
  2385. cur_img.css('opacity', 0);
  2386. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  2387. grid.children().first().addClass('rs-top-left');
  2388. grid.children().last().addClass('rs-bottom-right');
  2389. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  2390. grid.children().eq(- rows).addClass('rs-top-right');
  2391. /* Execution steps.*/
  2392. setTimeout(function () {
  2393. grid.children().css({
  2394. opacity: op,
  2395. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  2396. });
  2397. }, 1);
  2398. jQuery(next_image_class).css('opacity', 1);
  2399. /* After transition.*/
  2400. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  2401. function huge_it_after_trans() {
  2402. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  2403. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  2404. cur_img.css('opacity', 1);
  2405. grid.remove();
  2406. huge_it_trans_in_progress_gallery_42 = false;
  2407. if (typeof event_stack_gallery_42 !== 'undefined' && event_stack_gallery_42.length > 0) {
  2408. key = event_stack_gallery_42[0].split("-");
  2409. event_stack_gallery_42.shift();
  2410. huge_it_change_image_gallery_42(key[0], key[1], data_gallery_42, true,false);
  2411. }
  2412. }
  2413. }
  2414. function huge_it_sliceH_gallery_42(current_image_class, next_image_class, direction) {
  2415. if (direction == 'right') {
  2416. var translateX = 'min-auto';
  2417. }
  2418. else if (direction == 'left') {
  2419. var translateX = 'auto';
  2420. }
  2421. huge_it_grid_gallery_42(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  2422. }
  2423. function huge_it_sliceV_gallery_42(current_image_class, next_image_class, direction) {
  2424. if (direction == 'right') {
  2425. var translateY = 'min-auto';
  2426. }
  2427. else if (direction == 'left') {
  2428. var translateY = 'auto';
  2429. }
  2430. huge_it_grid_gallery_42(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  2431. }
  2432. function huge_it_slideV_gallery_42(current_image_class, next_image_class, direction) {
  2433. if (direction == 'right') {
  2434. var translateY = 'auto';
  2435. }
  2436. else if (direction == 'left') {
  2437. var translateY = 'min-auto';
  2438. }
  2439. huge_it_grid_gallery_42(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  2440. }
  2441. function huge_it_slideH_gallery_42(current_image_class, next_image_class, direction) {
  2442. if (direction == 'right') {
  2443. var translateX = 'min-auto';
  2444. }
  2445. else if (direction == 'left') {
  2446. var translateX = 'auto';
  2447. }
  2448. huge_it_grid_gallery_42(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  2449. }
  2450. function huge_it_scaleOut_gallery_42(current_image_class, next_image_class, direction) {
  2451. huge_it_grid_gallery_42(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  2452. }
  2453. function huge_it_scaleIn_gallery_42(current_image_class, next_image_class, direction) {
  2454. huge_it_grid_gallery_42(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  2455. }
  2456. function huge_it_blockScale_gallery_42(current_image_class, next_image_class, direction) {
  2457. huge_it_grid_gallery_42(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  2458. }
  2459. function huge_it_kaleidoscope_gallery_42(current_image_class, next_image_class, direction) {
  2460. huge_it_grid_gallery_42(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  2461. }
  2462. function huge_it_fan_gallery_42(current_image_class, next_image_class, direction) {
  2463. if (direction == 'right') {
  2464. var rotate = 45;
  2465. var translateX = 100;
  2466. }
  2467. else if (direction == 'left') {
  2468. var rotate = -45;
  2469. var translateX = -100;
  2470. }
  2471. huge_it_grid_gallery_42(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  2472. }
  2473. function huge_it_blindV_gallery_42(current_image_class, next_image_class, direction) {
  2474. huge_it_grid_gallery_42(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  2475. }
  2476. function huge_it_blindH_gallery_42(current_image_class, next_image_class, direction) {
  2477. huge_it_grid_gallery_42(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  2478. }
  2479. function huge_it_random_gallery_42(current_image_class, next_image_class, direction) {
  2480. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  2481. /* Pick a random transition from the anims array.*/
  2482. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_42"](current_image_class, next_image_class, direction);
  2483. }
  2484. function iterator_gallery_42() {
  2485. var iterator = 1;
  2486. return iterator;
  2487. }
  2488. function huge_it_change_image_gallery_42(current_key, key, data_gallery_42, from_effect,clicked) {
  2489. if (data_gallery_42[key]) {
  2490. if(typeof video_is_playing_gallery_42 != 'undefined' && video_is_playing_gallery_42 && !clicked){
  2491. return false;
  2492. }
  2493. if (!from_effect) {
  2494. // Change image key.
  2495. jQuery("#huge_it_current_image_key_gallery_42").val(key);
  2496. // if (current_key == '-2') { /* Dots.*/
  2497. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_42").attr("data-image_key");
  2498. //  }
  2499. }
  2500. if (huge_it_trans_in_progress_gallery_42) {
  2501. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_42").after(" --IN TRANSACTION-- <br />");
  2502. event_stack_gallery_42.push(current_key + '-' + key);
  2503. return;
  2504. }
  2505. var direction = 'right';
  2506. if (huge_it_current_key_gallery_42 > key) {
  2507. var direction = 'left';
  2508. }
  2509. else if (huge_it_current_key_gallery_42 == key) {
  2510. return false;
  2511. }
  2512. // Set active thumbnail position.
  2513. huge_it_current_key_gallery_42 = key;
  2514. //Change image id, title, description.
  2515. jQuery(".huge_it_slideshow_image_gallery_42").attr('data-image_id', data_gallery_42[key]["id"]);
  2516. jQuery(".huge_it_slideshow_title_text_gallery_42").html(data_gallery_42[key]["alt"]);
  2517. jQuery(".huge_it_slideshow_description_text_gallery_42").html(data_gallery_42[key]["description"]);
  2518. var current_image_class = "#image_id_gallery_42_" + data_gallery_42[current_key]["id"];
  2519. var next_image_class = "#image_id_gallery_42_" + data_gallery_42[key]["id"];
  2520. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_42').length>0) {
  2521. var streffect='none';
  2522. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  2523. huge_it_none_gallery_42(current_image_class, next_image_class, direction);
  2524. }else{
  2525. huge_it_fade_gallery_42(current_image_class, next_image_class, direction);
  2526. }
  2527. }else{
  2528. huge_it_none_gallery_42(current_image_class, next_image_class, direction);
  2529. }
  2530. jQuery('.huge_it_slideshow_title_text_gallery_42').removeClass('none');
  2531. if(jQuery('.huge_it_slideshow_title_text_gallery_42').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_42').addClass('none');}
  2532. jQuery('.huge_it_slideshow_description_text_gallery_42').removeClass('none');
  2533. jQuery('.huge_it_gallery_like_cont_425120').removeClass('none');
  2534. if(jQuery('.huge_it_slideshow_description_text_gallery_42').html()==""){
  2535. jQuery('.huge_it_slideshow_description_text_gallery_42').addClass('none');
  2536. }
  2537. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_42').addClass('none');
  2538. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_42').addClass('none');
  2539. jQuery(current_image_class).find('.huge_it_gallery_like_cont_425120').addClass('none');
  2540. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_42").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  2541. huge_it_move_dots_gallery_42();
  2542. window.clearInterval(huge_it_playInterval_gallery_42);
  2543. play_gallery_42();
  2544. }
  2545. }
  2546. function huge_it_popup_resize_gallery_42() {
  2547. var staticsliderwidth=375;
  2548. var sliderwidth=375;
  2549. var bodyWidth=jQuery(window).width();
  2550. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_42").parent().width();
  2551.  
  2552. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  2553. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  2554. var str=(750/staticsliderwidth);
  2555.  
  2556. jQuery('.huge_it_slideshow_image_wrap_gallery_42').css({'max-height':parentWidth*str-2*0});
  2557.  
  2558. }
  2559. jQuery(window).load(function () {
  2560. jQuery(window).resize(function() {
  2561. huge_it_popup_resize_gallery_42();
  2562. });
  2563. huge_it_popup_resize_gallery_42();
  2564. /* Disable right click.*/
  2565. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  2566. return false;
  2567. });
  2568. /*HOVER SLIDESHOW*/
  2569. jQuery("#huge_it_slideshow_image_container_gallery_42, .huge_it_slideshow_image_container_gallery_42, .huge_it_slideshow_dots_container_gallery_42,#huge_it_slideshow_right_gallery_42,#huge_it_slideshow_left_gallery_42").hover(function(){
  2570. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_42").after(" -- hover -- <br /> ");
  2571. jQuery("#huge_it_slideshow_right_gallery_42").css({'display':'inline'});
  2572. jQuery("#huge_it_slideshow_left_gallery_42").css({'display':'inline'});
  2573. },function(){
  2574. jQuery("#huge_it_slideshow_right_gallery_42").css({'display':'none'});
  2575. jQuery("#huge_it_slideshow_left_gallery_42").css({'display':'none'});
  2576. });
  2577. var pausehover="on";
  2578. if(pausehover=="on"){
  2579. jQuery("#huge_it_slideshow_image_container_gallery_42, .huge_it_slideshow_image_container_gallery_42, .huge_it_slideshow_dots_container_gallery_42,#huge_it_slideshow_right_gallery_42,#huge_it_slideshow_left_gallery_42").hover(function(){
  2580. window.clearInterval(huge_it_playInterval_gallery_42);
  2581. },function(){
  2582. window.clearInterval(huge_it_playInterval_gallery_42);
  2583. play_gallery_42();
  2584. });
  2585. }
  2586. play_gallery_42();
  2587. });
  2588. function play_gallery_42() {
  2589. /* Play.*/
  2590. huge_it_playInterval_gallery_42 = setInterval(function () {
  2591. var iterator = 1;
  2592. huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()) + iterator) % data_gallery_42.length, data_gallery_42,false,false);
  2593. }, '6000');
  2594. }
  2595. jQuery(window).focus(function() {
  2596. var i_gallery_42 = 0;
  2597. jQuery(".huge_it_slider_gallery_42").children("div").each(function () {
  2598. if (jQuery(this).css('opacity') == 1) {
  2599. jQuery("#huge_it_current_image_key_gallery_42").val(i_gallery_42);
  2600. }
  2601. i_gallery_42++;
  2602. });
  2603. play_gallery_42();
  2604. });
  2605. jQuery(window).blur(function() {
  2606. event_stack_gallery_42 = [];
  2607. window.clearInterval(huge_it_playInterval_gallery_42);
  2608. });
  2609. </script>
  2610. <div class="huge_it_slideshow_image_wrap_gallery_42 gallery-img-content"
  2611.     data-rating-type="off">
  2612. <!-- ##########################DOTS######################### -->
  2613. <div class="huge_it_slideshow_dots_container_gallery_42">
  2614. <div class="huge_it_slideshow_dots_thumbnails_gallery_42">
  2615. <div id="huge_it_dots_0_gallery_42"
  2616.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_active_gallery_42"
  2617.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '0', data_gallery_42,false,true);return false;"
  2618.     data-image_id="754" data-image_key="0"></div>
  2619. <div id="huge_it_dots_1_gallery_42"
  2620.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_deactive_gallery_42"
  2621.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '1', data_gallery_42,false,true);return false;"
  2622.     data-image_id="753" data-image_key="1"></div>
  2623. <div id="huge_it_dots_2_gallery_42"
  2624.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_deactive_gallery_42"
  2625.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '2', data_gallery_42,false,true);return false;"
  2626.     data-image_id="752" data-image_key="2"></div>
  2627. <div id="huge_it_dots_3_gallery_42"
  2628.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_deactive_gallery_42"
  2629.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '3', data_gallery_42,false,true);return false;"
  2630.     data-image_id="751" data-image_key="3"></div>
  2631. <div id="huge_it_dots_4_gallery_42"
  2632.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_deactive_gallery_42"
  2633.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '4', data_gallery_42,false,true);return false;"
  2634.     data-image_id="750" data-image_key="4"></div>
  2635. <div id="huge_it_dots_5_gallery_42"
  2636.     class="huge_it_slideshow_dots_gallery_42 huge_it_slideshow_dots_deactive_gallery_42"
  2637.     onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), '5', data_gallery_42,false,true);return false;"
  2638.     data-image_id="749" data-image_key="5"></div>
  2639. </div>
  2640. <a id="huge_it_slideshow_left_gallery_42" href="#"
  2641.   onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()) - iterator_gallery_42()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()) - iterator_gallery_42()) % data_gallery_42.length : data_gallery_42.length - 1, data_gallery_42,false,true);return false;">
  2642. <div id="huge_it_slideshow_left-ico_gallery_42">
  2643. <div><i class="huge_it_slideshow_prev_btn_gallery_42 fa"></i></div>
  2644. </div>
  2645. </a>
  2646. <a id="huge_it_slideshow_right_gallery_42" href="#"
  2647.   onclick="huge_it_change_image_gallery_42(parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_42').val()) + iterator_gallery_42()) % data_gallery_42.length, data_gallery_42,false,true);return false;">
  2648. <div id="huge_it_slideshow_right-ico_42">
  2649. <div><i class="huge_it_slideshow_next_btn_gallery_42 fa"></i></div>
  2650. </div>
  2651. </a>
  2652. </div>
  2653. <!-- ##########################IMAGES######################### -->
  2654. <script>
  2655. jQuery(document).ready(function ($) {
  2656. $('.thumb_wrapper').on('click', function (ev) {
  2657. var hugeid = $(this).data('rowid');
  2658. var myid = hugeid;
  2659. myid = parseInt(myid);
  2660. eval('player_' + myid + '.playVideo()')
  2661. ev.preventDefault();
  2662. });
  2663. });
  2664. </script>
  2665. <div id="huge_it_slideshow_image_container_gallery_42"
  2666.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_42 view-slider">
  2667. <div class="huge_it_slide_container_gallery_42">
  2668. <div class="huge_it_slide_bg_gallery_42">
  2669. <ul class="huge_it_slider_gallery_42">
  2670. <li class="huge_it_slideshow_image_item_gallery_42"
  2671.    id="image_id_gallery_42_0">
  2672. <img decoding="async" alt=""
  2673.     id="huge_it_slideshow_image_gallery_42_0"
  2674.     class="huge_it_slideshow_image_gallery_42"
  2675.     src="https://picoulet.centres-sociaux.fr/files/2026/02/1-1.png"
  2676.     data-image_id="754"/>
  2677. <div
  2678. class="huge_it_slideshow_title_text_gallery_42 none">
  2679. </div>
  2680. <div
  2681. class="huge_it_slideshow_description_text_gallery_42 none">
  2682. </div>
  2683. </li>
  2684. <li class="huge_it_slideshow_image_second_item_gallery_42"
  2685.    id="image_id_gallery_42_1">
  2686. <img decoding="async" alt=""
  2687.     id="huge_it_slideshow_image_gallery_42_1"
  2688.     class="huge_it_slideshow_image_gallery_42"
  2689.     src="https://picoulet.centres-sociaux.fr/files/2026/02/2-1.png"
  2690.     data-image_id="753"/>
  2691. <div
  2692. class="huge_it_slideshow_title_text_gallery_42 none">
  2693. </div>
  2694. <div
  2695. class="huge_it_slideshow_description_text_gallery_42 none">
  2696. </div>
  2697. </li>
  2698. <li class="huge_it_slideshow_image_second_item_gallery_42"
  2699.    id="image_id_gallery_42_2">
  2700. <img decoding="async" alt=""
  2701.     id="huge_it_slideshow_image_gallery_42_2"
  2702.     class="huge_it_slideshow_image_gallery_42"
  2703.     src="https://picoulet.centres-sociaux.fr/files/2026/02/3-1.png"
  2704.     data-image_id="752"/>
  2705. <div
  2706. class="huge_it_slideshow_title_text_gallery_42 none">
  2707. </div>
  2708. <div
  2709. class="huge_it_slideshow_description_text_gallery_42 none">
  2710. </div>
  2711. </li>
  2712. <li class="huge_it_slideshow_image_second_item_gallery_42"
  2713.    id="image_id_gallery_42_3">
  2714. <img decoding="async" alt=""
  2715.     id="huge_it_slideshow_image_gallery_42_3"
  2716.     class="huge_it_slideshow_image_gallery_42"
  2717.     src="https://picoulet.centres-sociaux.fr/files/2026/02/4-1.png"
  2718.     data-image_id="751"/>
  2719. <div
  2720. class="huge_it_slideshow_title_text_gallery_42 none">
  2721. </div>
  2722. <div
  2723. class="huge_it_slideshow_description_text_gallery_42 none">
  2724. </div>
  2725. </li>
  2726. <li class="huge_it_slideshow_image_second_item_gallery_42"
  2727.    id="image_id_gallery_42_4">
  2728. <img decoding="async" alt=""
  2729.     id="huge_it_slideshow_image_gallery_42_4"
  2730.     class="huge_it_slideshow_image_gallery_42"
  2731.     src="https://picoulet.centres-sociaux.fr/files/2026/02/5.png"
  2732.     data-image_id="750"/>
  2733. <div
  2734. class="huge_it_slideshow_title_text_gallery_42 none">
  2735. </div>
  2736. <div
  2737. class="huge_it_slideshow_description_text_gallery_42 none">
  2738. </div>
  2739. </li>
  2740. <li class="huge_it_slideshow_image_second_item_gallery_42"
  2741.    id="image_id_gallery_42_5">
  2742. <img decoding="async" alt=""
  2743.     id="huge_it_slideshow_image_gallery_42_5"
  2744.     class="huge_it_slideshow_image_gallery_42"
  2745.     src="https://picoulet.centres-sociaux.fr/files/2026/02/6.png"
  2746.     data-image_id="749"/>
  2747. <div
  2748. class="huge_it_slideshow_title_text_gallery_42 none">
  2749. </div>
  2750. <div
  2751. class="huge_it_slideshow_description_text_gallery_42 none">
  2752. </div>
  2753. </li>
  2754. </ul>
  2755. <input type="hidden" id="huge_it_current_image_key_gallery_42" value="0"/>
  2756. </div>
  2757. </div>
  2758. </div>
  2759. </div><style>
  2760. .huge_it_slideshow_image_wrap_gallery_42 {
  2761.    height: 750px;
  2762.    width: 375px;
  2763.    max-width: calc(100% - 2 * 0px);
  2764.    position: relative;
  2765.    display: block;
  2766.    text-align: center;
  2767.    border: 0 px #ffffff solid;
  2768.    box-sizing: content-box;
  2769.    clear: both;
  2770. float:none; margin: 0 auto;}
  2771.  
  2772. .huge_it_slideshow_image_wrap_gallery_42 * {
  2773.    box-sizing: border-box;
  2774.    -moz-box-sizing: border-box;
  2775.    -webkit-box-sizing: border-box;
  2776. }
  2777.  
  2778. .huge_it_slideshow_image_gallery_42 {
  2779. width: 100%;
  2780.    height: 100%;
  2781.    left: 0;
  2782.    top: 0;
  2783. /* height: auto;
  2784.                top: 50%;
  2785.            left: 50%;
  2786.                transform: translate( -50%, -50% ); */
  2787. max-width: 100%;
  2788.    max-height: 100%;
  2789.    position: absolute;
  2790. }
  2791.  
  2792. .huge_it_slider_gallery_42 li iframe {
  2793.    width: 100%;
  2794.    height: 100%;
  2795. }
  2796.  
  2797. .huge_it_slider_gallery_42 li #thevideo {
  2798.    width: 100%;
  2799.    height: 100%;
  2800. }
  2801.  
  2802. .huge_it_slider_gallery_42 li .thumb_wrapper {
  2803.    width: 100%;
  2804.    height: 100%;
  2805. }
  2806.  
  2807. .huge_it_slider_gallery_42 li .thumb_wrapper img {
  2808.    position: relative;
  2809.    /*top: 50%;
  2810.    transform: translateY(-50%);*/
  2811. }
  2812.  
  2813. #huge_it_slideshow_left_gallery_42,
  2814. #huge_it_slideshow_right_gallery_42 {
  2815.    cursor: pointer;
  2816.    display: none;
  2817.    display: block;
  2818.    height: 100%;
  2819.    outline: medium none;
  2820.    position: absolute;
  2821.    /*z-index: 10130;*/
  2822.    z-index: 13;
  2823.    bottom: 25px;
  2824.    top: 50%;
  2825. }
  2826.  
  2827. #huge_it_slideshow_left-ico_gallery_42,
  2828. #huge_it_slideshow_right-ico_gallery_42 {
  2829.    z-index: 13;
  2830.    -moz-box-sizing: content-box;
  2831.    box-sizing: content-box;
  2832.    cursor: pointer;
  2833.    display: table;
  2834.    left: -9999px;
  2835.    line-height: 0;
  2836.    margin-top: -15px;
  2837.    position: absolute;
  2838.    top: 50%;
  2839. }
  2840.  
  2841. #huge_it_slideshow_left-ico_gallery_42:hover,
  2842. #huge_it_slideshow_right-ico_gallery_42:hover {
  2843.    cursor: pointer;
  2844. }
  2845.  
  2846. .huge_it_slideshow_image_container_gallery_42 {
  2847.    display: table;
  2848.    position: relative;
  2849.    top: 0;
  2850.    left: 0;
  2851.    text-align: center;
  2852.    vertical-align: middle;
  2853.    width: 100%;
  2854.    height: 100%;
  2855. }
  2856.  
  2857. .huge_it_slideshow_title_text_gallery_42 {
  2858.    text-decoration: none;
  2859.    position: absolute;
  2860.    z-index: 12;
  2861.    display: inline-block;
  2862. width: 30%;
  2863.    /*height:
  2864. 50 %;*/
  2865. right:0%;top:0%; padding: 2%;
  2866.    text-align: right;
  2867.    font-weight: bold;
  2868.    color: #000000;
  2869.    background: rgba(255,255,255,0.7)  !important;
  2870.    border-style: solid;
  2871.    font-size: 13px;
  2872.    border-width: 0px;
  2873.    border-color: #ffffff;
  2874.    border-radius: 4px;
  2875. }
  2876.  
  2877. .huge_it_slideshow_description_text_gallery_42 {
  2878.    text-decoration: none;
  2879.    position: absolute;
  2880.    z-index: 11;
  2881.    border-style: solid;
  2882.    display: inline-block;
  2883. width: 70%;
  2884.    /*height:
  2885. %;*/
  2886. right:0%;bottom:0%; padding: 3%;
  2887.    text-align: justify;
  2888.    color: #ffffff;
  2889.    background: rgba(0,0,0,0.7) !important;
  2890.    border-style: solid;
  2891.    font-size: 12px;
  2892.    border-width: 0px;
  2893.    border-color: #ffffff;
  2894.    border-radius: 0px;
  2895. }
  2896.  
  2897. .huge_it_slideshow_title_text_gallery_42.none, .huge_it_slideshow_description_text_gallery_42.none,
  2898. .huge_it_slideshow_title_text_gallery_42.hidden, .huge_it_slideshow_description_text_gallery_42.hidden {
  2899.    display: none;
  2900. }
  2901.  
  2902. .huge_it_gallery_like_cont_425120.none {
  2903.    display: none !important;
  2904. }
  2905.  
  2906. .huge_it_slideshow_title_text_gallery_42 h1, .huge_it_slideshow_description_text_gallery_42 h1,
  2907. .huge_it_slideshow_title_text_gallery_42 h2, .huge_it_slideshow_title_text_gallery_42 h2,
  2908. .huge_it_slideshow_title_text_gallery_42 h3, .huge_it_slideshow_title_text_gallery_42 h3,
  2909. .huge_it_slideshow_title_text_gallery_42 h4, .huge_it_slideshow_title_text_gallery_42 h4,
  2910. .huge_it_slideshow_title_text_gallery_42 p, .huge_it_slideshow_title_text_gallery_42 p,
  2911. .huge_it_slideshow_title_text_gallery_42 strong, .huge_it_slideshow_title_text_gallery_42 strong,
  2912. .huge_it_slideshow_title_text_gallery_42 span, .huge_it_slideshow_title_text_gallery_42 span,
  2913. .huge_it_slideshow_title_text_gallery_42 ul, .huge_it_slideshow_title_text_gallery_42 ul,
  2914. .huge_it_slideshow_title_text_gallery_42 li, .huge_it_slideshow_title_text_gallery_42 li {
  2915.    padding: 2px;
  2916.    margin: 0;
  2917. }
  2918.  
  2919. .huge_it_slide_container_gallery_42 {
  2920.    display: table-cell;
  2921.    margin: 0 auto;
  2922.    position: relative;
  2923.    vertical-align: middle;
  2924.    width: 100%;
  2925.    height: 100%;
  2926.    _width: inherit;
  2927.    _height: inherit;
  2928. }
  2929.  
  2930. .huge_it_slide_bg_gallery_42 {
  2931.    margin: 0 auto;
  2932.    width: 100%;
  2933.    height: 100%;
  2934.    _width: inherit;
  2935.    _height: inherit;
  2936. }
  2937.  
  2938. .huge_it_slider_gallery_42 {
  2939.    width: 100%;
  2940.    height: 100%;
  2941.    display: table;
  2942.    padding: 0;
  2943.    margin: 0;
  2944. }
  2945.  
  2946. .huge_it_slideshow_image_item_gallery_42 {
  2947.    width: 100%;
  2948.    height: 100%;
  2949.    display: table-cell;
  2950.    filter: Alpha(opacity=100);
  2951.    opacity: 1;
  2952.    position: absolute;
  2953.    top: 0;
  2954.    left: 0;
  2955.    vertical-align: middle;
  2956.    z-index: 2;
  2957.    margin: 0 !important;
  2958.    padding: 0;
  2959.    overflow: hidden;
  2960.    border-radius: 0px !important;
  2961. }
  2962.  
  2963. .huge_it_slideshow_image_second_item_gallery_42 {
  2964.    width: 100%;
  2965.    height: 100%;
  2966.    display: table-cell;
  2967.    filter: Alpha(opacity=0);
  2968.    opacity: 0;
  2969.    position: absolute;
  2970.    top: 0;
  2971.    left: 0;
  2972.    vertical-align: middle;
  2973.    z-index: 1;
  2974.    overflow: hidden;
  2975.    margin: 0 !important;
  2976.    padding: 0;
  2977.    border-radius: 0px !important;
  2978. }
  2979.  
  2980. .huge_it_grid_gallery_42 {
  2981.    display: none;
  2982.    height: 100%;
  2983.    overflow: hidden;
  2984.    position: absolute;
  2985.    width: 100%;
  2986. }
  2987.  
  2988. .huge_it_gridlet_gallery_42 {
  2989.    opacity: 1;
  2990.    filter: Alpha(opacity=100);
  2991.    position: absolute;
  2992. }
  2993.  
  2994. .huge_it_slideshow_dots_container_gallery_42 {
  2995.    display: table;
  2996.    position: absolute;
  2997.    width: 100% !important;
  2998.    height: 100% !important;
  2999. }
  3000.  
  3001. .huge_it_slideshow_dots_thumbnails_gallery_42 {
  3002.    margin: 0 auto;
  3003.    overflow: hidden;
  3004.    position: absolute;
  3005.    width: 100%;
  3006.    height: 60px;
  3007. }
  3008.  
  3009. .huge_it_slideshow_dots_gallery_42 {
  3010.    display: inline-block;
  3011.    position: relative;
  3012.    cursor: pointer;
  3013.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  3014.    width: 10px;
  3015.    height: 10px;
  3016.    border-radius: 10px;
  3017.    background: #00f;
  3018.    margin: 10px;
  3019.    overflow: hidden;
  3020.    z-index: 17;
  3021. }
  3022.  
  3023. .huge_it_slideshow_dots_active_gallery_42 {
  3024.    opacity: 1;
  3025.    background: #0f0;
  3026.    filter: Alpha(opacity=100);
  3027. }
  3028.  
  3029. .huge_it_slideshow_dots_deactive_gallery_42 {
  3030. }
  3031.  
  3032. .huge_it_slideshow_image_item1_gallery_42 {
  3033.    display: table;
  3034.    width: inherit;
  3035.    height: inherit;
  3036. }
  3037.  
  3038. .huge_it_slideshow_image_item2_gallery_42 {
  3039.    display: table-cell;
  3040.    vertical-align: middle;
  3041.    text-align: center;
  3042. }
  3043.  
  3044. .huge_it_slideshow_image_item2_gallery_42 a {
  3045.    display: block;
  3046.    vertical-align: middle;
  3047.    width: 100%;
  3048.    height: 100%;
  3049. }
  3050.  
  3051. .huge_it_slideshow_image_wrap_gallery_42 {
  3052.    background: #ffffff;
  3053. }
  3054.  
  3055. .huge_it_slideshow_dots_thumbnails_gallery_42 {
  3056. top: 0;
  3057. }
  3058.  
  3059. .huge_it_slideshow_dots_gallery_42 {
  3060.    background: #000000;
  3061. }
  3062.  
  3063. .huge_it_slideshow_dots_active_gallery_42 {
  3064.    background: #ffffff;
  3065. }
  3066.  
  3067. #huge_it_slideshow_left_gallery_42 {
  3068.    left: 0;
  3069.    margin-top: -21px;
  3070.    height: 43px;
  3071.    width: 29px;
  3072.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  3073. }
  3074.  
  3075. #huge_it_slideshow_right_gallery_42 {
  3076.    right: 0;
  3077.    margin-top: -21px;
  3078.    height: 43px;
  3079.    width: 29px;
  3080.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  3081. }
  3082.  
  3083. .thumb_image {
  3084.    position: absolute;
  3085.    width: 100%;
  3086.    height: 100%;
  3087.    top: 0;
  3088.    left: 0;
  3089. }
  3090.  
  3091. .entry-content a {
  3092.    border-bottom: none !important;
  3093. }
  3094.  
  3095. .gallery-img-content .noneDisplay {
  3096.    display: block;
  3097. }
  3098.  
  3099. </style>
  3100. </p>
  3101. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  3102. Fichier à télécharger avec les <img decoding="async" class="alignnone  wp-image-4671" src="https://picoulet.centres-sociaux.fr/files/2025/02/lien.gif" alt="" width="22" height="29"> cliquables : <a href="https://picoulet.centres-sociaux.fr/files/2026/02/2026_mars_web.pdf">PDF</a></p>
  3103. ]]></content:encoded>
  3105. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2026/02/28/03-2026/feed/</wfw:commentRss>
  3106. <slash:comments>0</slash:comments>
  3109. </item>
  3110. <item>
  3111. <title>Programme des Vacances d&#8217;Hiver 2026</title>
  3112. <link>https://picoulet.centres-sociaux.fr/2026/02/13/hiver-2026/</link>
  3113. <comments>https://picoulet.centres-sociaux.fr/2026/02/13/hiver-2026/#respond</comments>
  3115. <dc:creator><![CDATA[laetitia]]></dc:creator>
  3116. <pubDate>Fri, 13 Feb 2026 15:40:34 +0000</pubDate>
  3117. <category><![CDATA[Non classé]]></category>
  3118. <category><![CDATA[Programmes mensuels]]></category>
  3119. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5090</guid>
  3120.  
  3121. <description><![CDATA[Fichier à télécharger : PDF &#160;]]></description>
  3122. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  3123. /*===== general options =========*/
  3124. a {
  3125.    box-shadow: none !important;
  3126. }
  3127.  
  3128. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  3129.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  3130. }
  3131.  
  3132. #album_disabled_layer {
  3133.    display: none;
  3134.    position: absolute;
  3135.    width: 100%;
  3136.    height: 100%;
  3137.    text-align: center;
  3138.    background-color: transparent;
  3139.    z-index: 10;
  3140.    padding-top: 20px;
  3141.    color: #fff;
  3142. }
  3143.  
  3144. #album_list_container {
  3145.    position: relative;
  3146. }
  3147.  
  3148. /* ====================== album onhover styles ==========================*/
  3149.  
  3150. #album_list .view {
  3151.    -webkit-box-sizing: border-box;
  3152.    -moz-box-sizing: border-box;
  3153.    -o-box-sizing: border-box;
  3154.    display: none;
  3155.  
  3156. }
  3157.  
  3158. .view .mask,
  3159. .view .content {
  3160.    width: 100%;
  3161.    height: 100%;
  3162.    position: absolute;
  3163.    overflow: hidden;
  3164.    top: 0;
  3165.    left: 0;
  3166. }
  3167.  
  3168. .view h2 {
  3169.    text-transform: uppercase;
  3170.    color: #fff;
  3171.    text-align: center;
  3172.    position: relative;
  3173.    font-size: 17px;
  3174.    font-family: Raleway, serif;
  3175.    padding: 10px;
  3176.    /*background: rgba(0, 0, 0, 0.8);*/
  3177.    margin: 20px 0 0 0;
  3178.  
  3179. }
  3180.  
  3181. .album_back_button a, .view a {
  3182.    text-decoration: none !important;
  3183. }
  3184.  
  3185. .view p {
  3186.    font-family: Merriweather, serif;
  3187.    font-style: italic;
  3188.    font-size: 14px;
  3189.    position: relative;
  3190.    color: #fff;
  3191.    padding: 0px 20px 0px;
  3192.    text-align: center;
  3193.  
  3194. }
  3195.  
  3196. .view a.info {
  3197.    display: inline-block;
  3198.    text-decoration: none;
  3199.    font-size: 13px;
  3200.    padding: 2px 14px;
  3201.    margin-bottom: 3px;
  3202.    background: #000;
  3203.    color: #fff;
  3204.    font-family: Raleway, serif;
  3205.    text-transform: uppercase;
  3206.    box-shadow: 0 0 1px #000
  3207. }
  3208.  
  3209. .mask-text h2 {
  3210.    font-size: 20px !important;
  3211. }
  3212.  
  3213. .view a.info:hover {
  3214.    box-shadow: 0 0 5px #000
  3215. }
  3216.  
  3217. .view .mask-bg {
  3218.    height: 100%;
  3219. }
  3220.  
  3221. .view .album_social {
  3222.    color: #fff;
  3223.    position: absolute;
  3224.    bottom: 3px;
  3225.    left: 3px;
  3226.    border: 1px solid #ffffff;
  3227.    -webkit-border-radius: 3px;
  3228.    -moz-border-radius: 3px;
  3229.    border-radius: 3px;
  3230.    padding: 3px 5px;
  3231.  
  3232. }
  3233.  
  3234. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  3235.    color: #ffffff;
  3236.    outline: none;
  3237. }
  3238.  
  3239. /*1*/
  3240.  
  3241. .view .info {
  3242.    margin-top: 5px;
  3243. }
  3244.  
  3245. .view-first .mask {
  3246.    opacity: 0;
  3247.    background-color: rgba(0, 0, 0, 0.7);
  3248.    transition: all 0.4s ease-in-out;
  3249.  
  3250. }
  3251.  
  3252. .view-first h2 {
  3253.    transform: translateY(-100px);
  3254.    opacity: 0;
  3255.    font-family: Raleway, serif;
  3256.    transition: all 0.2s ease-in-out;
  3257. }
  3258.  
  3259. .view-first p {
  3260.    transform: translateY(100px);
  3261.    opacity: 0;
  3262.    transition: all 0.2s linear;
  3263. }
  3264.  
  3265. .view-first a.info {
  3266.    opacity: 0;
  3267.    transition: all 0.2s ease-in-out;
  3268. }
  3269.  
  3270. /* */
  3271.  
  3272. .view-first:hover img {
  3273.    /*transform: scale(1.1);*/
  3274. }
  3275.  
  3276. .view-first:hover .mask {
  3277.    opacity: 1;
  3278. }
  3279.  
  3280. .view-first:hover h2,
  3281. .view-first:hover p,
  3282. .view-first:hover a.info {
  3283.    opacity: 1;
  3284.    transform: translateY(0px);
  3285. }
  3286.  
  3287. .view-first:hover p {
  3288.    transition-delay: 0.1s;
  3289. }
  3290.  
  3291. .view-first:hover a.info {
  3292.    transition-delay: 0.2s;
  3293. }
  3294.  
  3295. /*2*/
  3296. .view-second img {
  3297.    -webkit-filter: grayscale(0) blur(0);
  3298.    filter: grayscale(0) blur(0);
  3299.    -webkit-transition: .3s ease-in-out;
  3300.    transition: .3s ease-in-out;
  3301. }
  3302.  
  3303. .view-second .mask {
  3304.    background-color: rgba(226, 200, 127, 0.2);
  3305.    transition: all 0.5s linear;
  3306.    opacity: 0;
  3307. }
  3308.  
  3309. .view-second h2 {
  3310.    background: transparent;
  3311.    margin: 20px 40px 0px 40px;
  3312.    transform: scale(0);
  3313.    color: #333;
  3314.    transition: all 0.5s linear;
  3315.    opacity: 0;
  3316. }
  3317.  
  3318. .view-second p {
  3319.    opacity: 0;
  3320.    transform: scale(0);
  3321.    transition: all 0.5s linear;
  3322. }
  3323.  
  3324. .view-second a.info {
  3325.    opacity: 0;
  3326.    transform: scale(0);
  3327.    transition: all 0.5s linear;
  3328. }
  3329.  
  3330. .view-second:hover img {
  3331.    -webkit-filter: grayscale(100%) blur(3px);
  3332.    filter: grayscale(100%) blur(3px);
  3333. }
  3334.  
  3335. .view-second:hover .mask {
  3336.    opacity: 1;
  3337. }
  3338.  
  3339. .view-second:hover h2,
  3340. .view-second:hover p,
  3341. .view-second:hover a.info {
  3342.    transform: scale(1);
  3343.    opacity: 1;
  3344. }
  3345.  
  3346. .view-second img {
  3347.    -webkit-filter: grayscale(0) blur(0);
  3348.    filter: grayscale(0) blur(0);
  3349.    -webkit-transition: .3s ease-in-out;
  3350.    transition: .3s ease-in-out;
  3351. }
  3352.  
  3353. .view-second:hover img {
  3354.    -webkit-filter: grayscale(100%) blur(3px);
  3355.    filter: grayscale(100%) blur(3px);
  3356. }
  3357.  
  3358. /*3*/
  3359.  
  3360. .view-third img {
  3361.    transform: scaleY(1);
  3362.    transition: all .7s ease-in-out;
  3363. }
  3364.  
  3365. .view-third a.info {
  3366.    opacity: 0;
  3367.    transform: scale(0);
  3368.    transition: all 0.5s linear;
  3369. }
  3370.  
  3371. .view-third:hover img {
  3372.    -webkit-transform: scale(10);
  3373.    transform: scale(10);
  3374.    opacity: 0;
  3375. }
  3376.  
  3377. .view-third:hover .mask {
  3378.    opacity: 1;
  3379. }
  3380.  
  3381. .view-third:hover h2,
  3382. .view-third:hover p,
  3383. .view-third:hover a.info {
  3384.    transform: scale(1);
  3385.    opacity: 1;
  3386. }
  3387.  
  3388. /* ==== view 4 ===*/
  3389.  
  3390. .view-forth-wrapper {
  3391.    overflow: hidden;
  3392.    position: relative !important;
  3393.    height: 100%;
  3394.    /* cursor: pointer;*/
  3395. }
  3396.  
  3397. .view-forth img {
  3398.    max-width: 100%;
  3399.    position: relative;
  3400.    top: 0;
  3401.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  3402.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  3403. }
  3404.  
  3405. .view-forth .mask {
  3406.    position: absolute;
  3407.    width: 100%;
  3408.    /*    height: 70px;*/
  3409.    /*    bottom: -70px;*/
  3410.    height: 50%;
  3411.    bottom: -50%;
  3412.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  3413.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  3414.    top: inherit;
  3415. }
  3416.  
  3417. .view-forth:hover .mask {
  3418.    bottom: 0;
  3419. }
  3420.  
  3421. .view-forth:hover img {
  3422.    top: -30px;
  3423. }
  3424.  
  3425. /*==  view 5 ==*/
  3426.  
  3427. .view-fifth .view-fifth-wrapper,
  3428. .view-fifth .view-fifth-wrapper img {
  3429.    display: block;
  3430.    position: relative;
  3431. }
  3432.  
  3433. .view-fifth .view-fifth-wrapper {
  3434.    overflow: hidden;
  3435.    height: 100%;
  3436. }
  3437.  
  3438. .view-fifth .view-fifth-wrapper .mask {
  3439.    display: none;
  3440.    position: absolute;
  3441.    background: #333;
  3442.    background: rgba(75, 75, 75, 0.7);
  3443.    width: 100%;
  3444.    height: 100%;
  3445. }
  3446.  
  3447. /* ====================== album category styles ==========================*/
  3448.  
  3449. #filters {
  3450.    margin: 1% 0;
  3451.    padding: 0;
  3452.    list-style: none;
  3453.    list-style-type: none !important;
  3454.  
  3455. }
  3456.  
  3457. #filters li {
  3458.    float: left;
  3459.    list-style-type: none !important;
  3460. }
  3461.  
  3462. #filters li:first-child span {
  3463.    margin-left: 0px;
  3464. }
  3465.  
  3466. #filters li span {
  3467.    display: block;
  3468.    text-decoration: none;
  3469.    cursor: pointer;
  3470. }
  3471.  
  3472. .album_categories {
  3473.    list-style-type: none;
  3474.    margin: 0;
  3475.    padding: 0;
  3476.    overflow: hidden;
  3477.    padding-top: 5px;
  3478. }
  3479.  
  3480. /*=========  sharing buttons  ============*/
  3481.  
  3482. .album_socials {
  3483.    position: relative;
  3484.    top: 3px;
  3485.    width: 100px;
  3486.    height: 28px;
  3487.    margin: 0 auto;
  3488. }
  3489.  
  3490. .album_socials .rwd-share-buttons {
  3491.    top: 0px !important;
  3492.    width: 100% !important;
  3493.    margin: 0px !important;
  3494. }
  3495.  
  3496. .album_socials a {
  3497.    text-decoration: underline !important;
  3498. }
  3499.  
  3500. .gallery_images, .album_image_place {
  3501.    margin-top: 15px;
  3502.    margin-top: 15px;
  3503. }
  3504.  
  3505. #rwd-share-facebook:hover {
  3506.    background-position: 0 -31px !important;
  3507. }
  3508.  
  3509. #rwd-share-twitter:hover {
  3510.    background-position: -31px 32px !important;
  3511. }
  3512.  
  3513. #rwd-share-googleplus:hover {
  3514.    background-position: -66px -31px !important;
  3515. }
  3516.  
  3517. .rwd-share-buttons li, .rwd-share-buttons li a {
  3518.    width: 26px !important;
  3519.    border: 0px !important;
  3520. }
  3521.  
  3522. .rwd-share-buttons {
  3523.    top: 0 !important;
  3524. }
  3525.  
  3526. .img_link_btn {
  3527.    position: absolute;
  3528.    z-index: 99999;
  3529.    bottom: 0;
  3530.    left: 0;
  3531.    right: 0;
  3532.    width: 100%;
  3533.    padding: 8px;
  3534. }
  3535.  
  3536. .rwd-title {
  3537.    padding: 10px 0px !important;
  3538. }
  3539.  
  3540. @media only screen and (max-width: 475px) {
  3541.    .rwd-share-buttons {
  3542.        top: -25px !important;
  3543.    }
  3544.  
  3545.    .rwd-title-text {
  3546.        line-height: 15px;
  3547.    }
  3548. }
  3549.  
  3550. /*=========  hover style ===========*/
  3551.  
  3552. #hover {
  3553.    color: rgba(188, 175, 204, 0.9);
  3554. }
  3555.  
  3556. h2#testimonials {
  3557.    color: #fffae3;
  3558. }
  3559.  
  3560. div#all {
  3561.    width: 100%;
  3562.    height: 100%;
  3563. }
  3564.  
  3565. .view img {
  3566.    height: auto;
  3567. }
  3568.  
  3569. .view {
  3570.    color: #fff;
  3571.    margin: 0 10px 10px 0;
  3572.    overflow: hidden;
  3573.    position: relative;
  3574.    text-align: center;
  3575.    float: left;
  3576.    cursor: default;
  3577.    border: 1px solid #ccc;
  3578. }
  3579.  
  3580. .view-wrapper {
  3581.    height: 100%;
  3582. }
  3583.  
  3584. .view img {
  3585.    display: block;
  3586.    position: relative;
  3587.    transition: all 0.2s linear;
  3588.    height: 100%;
  3589.    width: auto;
  3590.    max-width: 100%;
  3591.    margin: 0 auto;
  3592. }
  3593.  
  3594. .mask-text h2 {
  3595.    font-size: 20px !important;
  3596.    margin-top: 20px !important;
  3597. }
  3598.  
  3599. /* view 1 */
  3600.  
  3601. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  3602.    color: #fff;
  3603. }
  3604.  
  3605. /*  view 2 */
  3606. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  3607.    color: #333;
  3608. }
  3609.  
  3610. .view-second .mask-text h2 {
  3611.    border-bottom: 1px solid #333;
  3612. }
  3613.  
  3614. /* view 3*/
  3615. .view-third .mask {
  3616.    background-color: #ccc;
  3617.    transition: all 0.5s linear;
  3618.    opacity: 0;
  3619.    color: #333;
  3620. }
  3621.  
  3622. .view-third h2 {
  3623.    border-bottom: 1px solid #333;
  3624.    background: transparent;
  3625.    margin: 20px 40px 0px 40px;
  3626.    transform: scale(0);
  3627.    color: #333;
  3628.    transition: all 0.5s linear;
  3629.    opacity: 0;
  3630. }
  3631.  
  3632. .view-third p {
  3633.    color: #333;
  3634.    opacity: 0;
  3635.    transform: scale(0);
  3636.    transition: all 0.5s linear;
  3637. }
  3638.  
  3639. .view-third .text-category {
  3640.    color: #333;
  3641. }
  3642.  
  3643. /* view 4 */
  3644.  
  3645. .view-forth .mask-bg {
  3646.    background: #333;
  3647.    width: 100%;
  3648.    height: 100%;
  3649.    position: absolute;
  3650.    top: 0;
  3651.    left: 0;
  3652. }
  3653.  
  3654. .view-forth .mask-text {
  3655.    color: #fff;
  3656.    position: relative;
  3657.    z-index: 500;
  3658.    padding: 5px 8px;
  3659. }
  3660.  
  3661. .view-forth .mask-text h2 {
  3662.    margin: 0px;
  3663.    font-size: 13px;
  3664.    padding: 2px;
  3665.    color: #fff;
  3666. }
  3667.  
  3668. .view-forth .mask-text h2:hover {
  3669.    cursor: pointer;
  3670. }
  3671.  
  3672. .view-forth .text-category {
  3673.    display: block;
  3674.    font-size: 15px;
  3675.    color: #fff;
  3676. }
  3677.  
  3678. .view-forth p {
  3679.    color: #fff;
  3680. }
  3681.  
  3682. /* view 5 */
  3683. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  3684.    color: #fff;
  3685. }
  3686.  
  3687. </style><script>
  3688. var data_gallery_41 = [];
  3689. var event_stack_gallery_41 = [];
  3690. data_gallery_41["0"]=[];data_gallery_41["0"]["id"]="0";data_gallery_41["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/1.png";data_gallery_41["0"]["description"]="";data_gallery_41["0"]["alt"]="";data_gallery_41["1"]=[];data_gallery_41["1"]["id"]="1";data_gallery_41["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/2.png";data_gallery_41["1"]["description"]="";data_gallery_41["1"]["alt"]="";data_gallery_41["2"]=[];data_gallery_41["2"]["id"]="2";data_gallery_41["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/3.png";data_gallery_41["2"]["description"]="";data_gallery_41["2"]["alt"]="";data_gallery_41["3"]=[];data_gallery_41["3"]["id"]="3";data_gallery_41["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/02/4.png";data_gallery_41["3"]["description"]="";data_gallery_41["3"]["alt"]=""; var huge_it_trans_in_progress_gallery_41 = false;
  3691. var huge_it_transition_duration_gallery_41 = 2000;
  3692. var huge_it_playInterval_gallery_41;
  3693. // Stop autoplay.
  3694. window.clearInterval(huge_it_playInterval_gallery_41);
  3695. // alert('huge_it_current_key_gallery_41');
  3696. var huge_it_current_key_gallery_41 = '';
  3697. function huge_it_move_dots_gallery_41() {
  3698. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_41").position().left;
  3699. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_41").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_41").outerWidth(true);
  3700. }
  3701. function huge_it_testBrowser_cssTransitions_gallery_41() {
  3702. return huge_it_testDom_gallery_41('Transition');
  3703. }
  3704. function huge_it_testBrowser_cssTransforms3d_gallery_41() {
  3705. return huge_it_testDom_gallery_41('Perspective');
  3706. }
  3707. function huge_it_testDom_gallery_41(prop) {
  3708. // Browser vendor CSS prefixes.
  3709. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  3710. // Browser vendor DOM prefixes.
  3711. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  3712. var i = domPrefixes.length;
  3713. while (i--) {
  3714. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  3715. return true;
  3716. }
  3717. }
  3718. return false;
  3719. }
  3720. function huge_it_cube_gallery_41(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  3721. /* If browser does not support 3d transforms/CSS transitions.*/
  3722. if (!huge_it_testBrowser_cssTransitions_gallery_41()) {
  3723. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3724. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3725. return huge_it_fallback_gallery_41(current_image_class, next_image_class, direction);
  3726. }
  3727. if (!huge_it_testBrowser_cssTransforms3d_gallery_41()) {
  3728. return huge_it_fallback3d_gallery_41(current_image_class, next_image_class, direction);
  3729. }
  3730. huge_it_trans_in_progress_gallery_41 = true;
  3731. /* Set active thumbnail.*/
  3732. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3733. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3734. jQuery(".huge_it_slide_bg_gallery_41").css('perspective', 1000);
  3735. jQuery(current_image_class).css({
  3736. transform : 'translateZ(' + tz + 'px)',
  3737. backfaceVisibility : 'hidden'
  3738. });
  3739. jQuery(".huge_it_slideshow_image_wrap_gallery_41,.huge_it_slide_bg_gallery_41,.huge_it_slideshow_image_item_gallery_41,.huge_it_slideshow_image_second_item_gallery_41 ").css('overflow', 'visible');
  3740. jQuery(next_image_class).css({
  3741. opacity : 1,
  3742. filter: 'Alpha(opacity=100)',
  3743. backfaceVisibility : 'hidden',
  3744. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  3745. });
  3746. jQuery(".huge_it_slider_gallery_41").css({
  3747. transform: 'translateZ(-' + tz + 'px)',
  3748. transformStyle: 'preserve-3d'
  3749. });
  3750. /* Execution steps.*/
  3751. setTimeout(function () {
  3752. jQuery(".huge_it_slider_gallery_41").css({
  3753. transition: 'all ' + huge_it_transition_duration_gallery_41 + 'ms ease-in-out',
  3754. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  3755. });
  3756. }, 20);
  3757. /* After transition.*/
  3758. jQuery(".huge_it_slider_gallery_41").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  3759. function huge_it_after_trans() {
  3760. jQuery(".huge_it_slide_bg_gallery_41,.huge_it_slideshow_image_item_gallery_41,.huge_it_slideshow_image_second_item_gallery_41 ").css('overflow', 'hidden');
  3761. jQuery(".huge_it_slide_bg_gallery_41").removeAttr('style');
  3762. jQuery(current_image_class).removeAttr('style');
  3763. jQuery(next_image_class).removeAttr('style');
  3764. jQuery(".huge_it_slider_gallery_41").removeAttr('style');
  3765. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  3766. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  3767. // huge_it_change_watermark_container_gallery_41();
  3768. huge_it_trans_in_progress_gallery_41 = false;
  3769. if (typeof event_stack_gallery_41 !== 'undefined' && event_stack_gallery_41.length > 0) {
  3770. key = event_stack_gallery_41[0].split("-");
  3771. event_stack_gallery_41.shift();
  3772. huge_it_change_image_gallery_41(key[0], key[1], data_gallery_41, true,false);
  3773. }
  3774. }
  3775. }
  3776. function huge_it_cubeH_gallery_41(current_image_class, next_image_class, direction) {
  3777. /* Set to half of image width.*/
  3778. var dimension = jQuery(current_image_class).width() / 2;
  3779. if (direction == 'right') {
  3780. huge_it_cube_gallery_41(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  3781. }
  3782. else if (direction == 'left') {
  3783. huge_it_cube_gallery_41(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  3784. }
  3785. }
  3786. function huge_it_cubeV_gallery_41(current_image_class, next_image_class, direction) {
  3787. /* Set to half of image height.*/
  3788. var dimension = jQuery(current_image_class).height() / 2;
  3789. /* If next slide.*/
  3790. if (direction == 'right') {
  3791. huge_it_cube_gallery_41(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  3792. }
  3793. else if (direction == 'left') {
  3794. huge_it_cube_gallery_41(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  3795. }
  3796. }
  3797. /* For browsers that does not support transitions.*/
  3798. function huge_it_fallback_gallery_41(current_image_class, next_image_class, direction) {
  3799. huge_it_fade_gallery_41(current_image_class, next_image_class, direction);
  3800. }
  3801. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  3802. function huge_it_fallback3d_gallery_41(current_image_class, next_image_class, direction) {
  3803. huge_it_sliceV_gallery_41(current_image_class, next_image_class, direction);
  3804. }
  3805. function huge_it_none_gallery_41(current_image_class, next_image_class, direction) {
  3806. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  3807. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  3808. /* Set active thumbnail.*/
  3809. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3810. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3811. }
  3812. function huge_it_fade_gallery_41(current_image_class, next_image_class, direction) {
  3813. if (huge_it_testBrowser_cssTransitions_gallery_41()) {
  3814. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_41 + 'ms linear');
  3815. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_41 + 'ms linear');
  3816. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  3817. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  3818. }
  3819. else {
  3820. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_41);
  3821. jQuery(next_image_class).animate({
  3822. 'opacity' : 1,
  3823. 'z-index': 2
  3824. }, {
  3825. duration: huge_it_transition_duration_gallery_41,
  3826. complete: function () {return false;}
  3827. });
  3828. // For IE.
  3829. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_41, 0);
  3830. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_41, 1);
  3831. }
  3832. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3833. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3834. }
  3835. function huge_it_grid_gallery_41(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  3836. /* If browser does not support CSS transitions.*/
  3837. if (!huge_it_testBrowser_cssTransitions_gallery_41()) {
  3838. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3839. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3840. return huge_it_fallback_gallery_41(current_image_class, next_image_class, direction);
  3841. }
  3842. huge_it_trans_in_progress_gallery_41 = true;
  3843. /* Set active thumbnail.*/
  3844. jQuery(".huge_it_slideshow_dots_gallery_41").removeClass("huge_it_slideshow_dots_active_gallery_41").addClass("huge_it_slideshow_dots_deactive_gallery_41");
  3845. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_41 + "_gallery_41").removeClass("huge_it_slideshow_dots_deactive_gallery_41").addClass("huge_it_slideshow_dots_active_gallery_41");
  3846. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  3847. var count = (huge_it_transition_duration_gallery_41) / (cols + rows);
  3848. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  3849. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  3850. var delay = (c + r) * count;
  3851. /* Return a gridlet elem with styles for specific transition.*/
  3852. return jQuery('<div class="huge_it_gridlet_gallery_41" />').css({
  3853. width : width,
  3854. height : height,
  3855. top : top,
  3856. left : left,
  3857. backgroundImage : 'url("' + src + '")',
  3858. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_41").css("background-color"),
  3859. /*backgroundColor: rgba(0, 0, 0, 0),*/
  3860. backgroundRepeat: 'no-repeat',
  3861. backgroundPosition : img_left + 'px ' + img_top + 'px',
  3862. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  3863. transition : 'all ' + huge_it_transition_duration_gallery_41 + 'ms ease-in-out ' + delay + 'ms',
  3864. transform : 'none'
  3865. });
  3866. }
  3867. /* Get the current slide's image.*/
  3868. var cur_img = jQuery(current_image_class).find('img');
  3869. /* Create a grid to hold the gridlets.*/
  3870. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_41');
  3871. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  3872. jQuery(current_image_class).prepend(grid);
  3873. /* vars to calculate positioning/size of gridlets*/
  3874. var cont = jQuery(".huge_it_slide_bg_gallery_41");
  3875. var imgWidth = cur_img.width();
  3876. var imgHeight = cur_img.height();
  3877. var contWidth = cont.width(),
  3878. contHeight = cont.height(),
  3879. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  3880. colWidth = Math.floor(contWidth / cols),
  3881. rowHeight = Math.floor(contHeight / rows),
  3882. colRemainder = contWidth - (cols * colWidth),
  3883. colAdd = Math.ceil(colRemainder / cols),
  3884. rowRemainder = contHeight - (rows * rowHeight),
  3885. rowAdd = Math.ceil(rowRemainder / rows),
  3886. leftDist = 0,
  3887. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_41").width() - cur_img.width()) / 2;
  3888. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  3889. tx = tx === 'auto' ? contWidth : tx;
  3890. tx = tx === 'min-auto' ? - contWidth : tx;
  3891. ty = ty === 'auto' ? contHeight : ty;
  3892. ty = ty === 'min-auto' ? - contHeight : ty;
  3893. /* Loop through cols*/
  3894. for (var i = 0; i < cols; i++) {
  3895. var topDist = 0,
  3896. img_topDst = (jQuery(".huge_it_slide_bg_gallery_41").height() - cur_img.height()) / 2,
  3897. newColWidth = colWidth;
  3898. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  3899. if (colRemainder > 0) {
  3900. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  3901. newColWidth += add;
  3902. colRemainder -= add;
  3903. }
  3904. /* Nested loop to create row gridlets for each col.*/
  3905. for (var j = 0; j < rows; j++)  {
  3906. var newRowHeight = rowHeight,
  3907. newRowRemainder = rowRemainder;
  3908. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  3909. if (newRowRemainder > 0) {
  3910. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  3911. newRowHeight += add;
  3912. newRowRemainder -= add;
  3913. }
  3914. /* Create & append gridlet to grid.*/
  3915. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  3916. topDist += newRowHeight;
  3917. img_topDst -= newRowHeight;
  3918. }
  3919. img_leftDist -= newColWidth;
  3920. leftDist += newColWidth;
  3921. }
  3922. /* Set event listener on last gridlet to finish transitioning.*/
  3923. var last_gridlet = grid.children().last();
  3924. /* Show grid & hide the image it replaces.*/
  3925. grid.show();
  3926. cur_img.css('opacity', 0);
  3927. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  3928. grid.children().first().addClass('rs-top-left');
  3929. grid.children().last().addClass('rs-bottom-right');
  3930. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  3931. grid.children().eq(- rows).addClass('rs-top-right');
  3932. /* Execution steps.*/
  3933. setTimeout(function () {
  3934. grid.children().css({
  3935. opacity: op,
  3936. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  3937. });
  3938. }, 1);
  3939. jQuery(next_image_class).css('opacity', 1);
  3940. /* After transition.*/
  3941. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  3942. function huge_it_after_trans() {
  3943. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  3944. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  3945. cur_img.css('opacity', 1);
  3946. grid.remove();
  3947. huge_it_trans_in_progress_gallery_41 = false;
  3948. if (typeof event_stack_gallery_41 !== 'undefined' && event_stack_gallery_41.length > 0) {
  3949. key = event_stack_gallery_41[0].split("-");
  3950. event_stack_gallery_41.shift();
  3951. huge_it_change_image_gallery_41(key[0], key[1], data_gallery_41, true,false);
  3952. }
  3953. }
  3954. }
  3955. function huge_it_sliceH_gallery_41(current_image_class, next_image_class, direction) {
  3956. if (direction == 'right') {
  3957. var translateX = 'min-auto';
  3958. }
  3959. else if (direction == 'left') {
  3960. var translateX = 'auto';
  3961. }
  3962. huge_it_grid_gallery_41(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  3963. }
  3964. function huge_it_sliceV_gallery_41(current_image_class, next_image_class, direction) {
  3965. if (direction == 'right') {
  3966. var translateY = 'min-auto';
  3967. }
  3968. else if (direction == 'left') {
  3969. var translateY = 'auto';
  3970. }
  3971. huge_it_grid_gallery_41(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  3972. }
  3973. function huge_it_slideV_gallery_41(current_image_class, next_image_class, direction) {
  3974. if (direction == 'right') {
  3975. var translateY = 'auto';
  3976. }
  3977. else if (direction == 'left') {
  3978. var translateY = 'min-auto';
  3979. }
  3980. huge_it_grid_gallery_41(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  3981. }
  3982. function huge_it_slideH_gallery_41(current_image_class, next_image_class, direction) {
  3983. if (direction == 'right') {
  3984. var translateX = 'min-auto';
  3985. }
  3986. else if (direction == 'left') {
  3987. var translateX = 'auto';
  3988. }
  3989. huge_it_grid_gallery_41(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  3990. }
  3991. function huge_it_scaleOut_gallery_41(current_image_class, next_image_class, direction) {
  3992. huge_it_grid_gallery_41(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  3993. }
  3994. function huge_it_scaleIn_gallery_41(current_image_class, next_image_class, direction) {
  3995. huge_it_grid_gallery_41(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  3996. }
  3997. function huge_it_blockScale_gallery_41(current_image_class, next_image_class, direction) {
  3998. huge_it_grid_gallery_41(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  3999. }
  4000. function huge_it_kaleidoscope_gallery_41(current_image_class, next_image_class, direction) {
  4001. huge_it_grid_gallery_41(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  4002. }
  4003. function huge_it_fan_gallery_41(current_image_class, next_image_class, direction) {
  4004. if (direction == 'right') {
  4005. var rotate = 45;
  4006. var translateX = 100;
  4007. }
  4008. else if (direction == 'left') {
  4009. var rotate = -45;
  4010. var translateX = -100;
  4011. }
  4012. huge_it_grid_gallery_41(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  4013. }
  4014. function huge_it_blindV_gallery_41(current_image_class, next_image_class, direction) {
  4015. huge_it_grid_gallery_41(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  4016. }
  4017. function huge_it_blindH_gallery_41(current_image_class, next_image_class, direction) {
  4018. huge_it_grid_gallery_41(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  4019. }
  4020. function huge_it_random_gallery_41(current_image_class, next_image_class, direction) {
  4021. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  4022. /* Pick a random transition from the anims array.*/
  4023. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_41"](current_image_class, next_image_class, direction);
  4024. }
  4025. function iterator_gallery_41() {
  4026. var iterator = 1;
  4027. return iterator;
  4028. }
  4029. function huge_it_change_image_gallery_41(current_key, key, data_gallery_41, from_effect,clicked) {
  4030. if (data_gallery_41[key]) {
  4031. if(typeof video_is_playing_gallery_41 != 'undefined' && video_is_playing_gallery_41 && !clicked){
  4032. return false;
  4033. }
  4034. if (!from_effect) {
  4035. // Change image key.
  4036. jQuery("#huge_it_current_image_key_gallery_41").val(key);
  4037. // if (current_key == '-2') { /* Dots.*/
  4038. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_41").attr("data-image_key");
  4039. //  }
  4040. }
  4041. if (huge_it_trans_in_progress_gallery_41) {
  4042. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_41").after(" --IN TRANSACTION-- <br />");
  4043. event_stack_gallery_41.push(current_key + '-' + key);
  4044. return;
  4045. }
  4046. var direction = 'right';
  4047. if (huge_it_current_key_gallery_41 > key) {
  4048. var direction = 'left';
  4049. }
  4050. else if (huge_it_current_key_gallery_41 == key) {
  4051. return false;
  4052. }
  4053. // Set active thumbnail position.
  4054. huge_it_current_key_gallery_41 = key;
  4055. //Change image id, title, description.
  4056. jQuery(".huge_it_slideshow_image_gallery_41").attr('data-image_id', data_gallery_41[key]["id"]);
  4057. jQuery(".huge_it_slideshow_title_text_gallery_41").html(data_gallery_41[key]["alt"]);
  4058. jQuery(".huge_it_slideshow_description_text_gallery_41").html(data_gallery_41[key]["description"]);
  4059. var current_image_class = "#image_id_gallery_41_" + data_gallery_41[current_key]["id"];
  4060. var next_image_class = "#image_id_gallery_41_" + data_gallery_41[key]["id"];
  4061. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_41').length>0) {
  4062. var streffect='none';
  4063. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  4064. huge_it_none_gallery_41(current_image_class, next_image_class, direction);
  4065. }else{
  4066. huge_it_fade_gallery_41(current_image_class, next_image_class, direction);
  4067. }
  4068. }else{
  4069. huge_it_none_gallery_41(current_image_class, next_image_class, direction);
  4070. }
  4071. jQuery('.huge_it_slideshow_title_text_gallery_41').removeClass('none');
  4072. if(jQuery('.huge_it_slideshow_title_text_gallery_41').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_41').addClass('none');}
  4073. jQuery('.huge_it_slideshow_description_text_gallery_41').removeClass('none');
  4074. jQuery('.huge_it_gallery_like_cont_415090').removeClass('none');
  4075. if(jQuery('.huge_it_slideshow_description_text_gallery_41').html()==""){
  4076. jQuery('.huge_it_slideshow_description_text_gallery_41').addClass('none');
  4077. }
  4078. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_41').addClass('none');
  4079. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_41').addClass('none');
  4080. jQuery(current_image_class).find('.huge_it_gallery_like_cont_415090').addClass('none');
  4081. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_41").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  4082. huge_it_move_dots_gallery_41();
  4083. window.clearInterval(huge_it_playInterval_gallery_41);
  4084. play_gallery_41();
  4085. }
  4086. }
  4087. function huge_it_popup_resize_gallery_41() {
  4088. var staticsliderwidth=600;
  4089. var sliderwidth=600;
  4090. var bodyWidth=jQuery(window).width();
  4091. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_41").parent().width();
  4092.  
  4093. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  4094. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  4095. var str=(900/staticsliderwidth);
  4096.  
  4097. jQuery('.huge_it_slideshow_image_wrap_gallery_41').css({'max-height':parentWidth*str-2*0});
  4098.  
  4099. }
  4100. jQuery(window).load(function () {
  4101. jQuery(window).resize(function() {
  4102. huge_it_popup_resize_gallery_41();
  4103. });
  4104. huge_it_popup_resize_gallery_41();
  4105. /* Disable right click.*/
  4106. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  4107. return false;
  4108. });
  4109. /*HOVER SLIDESHOW*/
  4110. jQuery("#huge_it_slideshow_image_container_gallery_41, .huge_it_slideshow_image_container_gallery_41, .huge_it_slideshow_dots_container_gallery_41,#huge_it_slideshow_right_gallery_41,#huge_it_slideshow_left_gallery_41").hover(function(){
  4111. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_41").after(" -- hover -- <br /> ");
  4112. jQuery("#huge_it_slideshow_right_gallery_41").css({'display':'inline'});
  4113. jQuery("#huge_it_slideshow_left_gallery_41").css({'display':'inline'});
  4114. },function(){
  4115. jQuery("#huge_it_slideshow_right_gallery_41").css({'display':'none'});
  4116. jQuery("#huge_it_slideshow_left_gallery_41").css({'display':'none'});
  4117. });
  4118. var pausehover="on";
  4119. if(pausehover=="on"){
  4120. jQuery("#huge_it_slideshow_image_container_gallery_41, .huge_it_slideshow_image_container_gallery_41, .huge_it_slideshow_dots_container_gallery_41,#huge_it_slideshow_right_gallery_41,#huge_it_slideshow_left_gallery_41").hover(function(){
  4121. window.clearInterval(huge_it_playInterval_gallery_41);
  4122. },function(){
  4123. window.clearInterval(huge_it_playInterval_gallery_41);
  4124. play_gallery_41();
  4125. });
  4126. }
  4127. play_gallery_41();
  4128. });
  4129. function play_gallery_41() {
  4130. /* Play.*/
  4131. huge_it_playInterval_gallery_41 = setInterval(function () {
  4132. var iterator = 1;
  4133. huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()) + iterator) % data_gallery_41.length, data_gallery_41,false,false);
  4134. }, '6000');
  4135. }
  4136. jQuery(window).focus(function() {
  4137. var i_gallery_41 = 0;
  4138. jQuery(".huge_it_slider_gallery_41").children("div").each(function () {
  4139. if (jQuery(this).css('opacity') == 1) {
  4140. jQuery("#huge_it_current_image_key_gallery_41").val(i_gallery_41);
  4141. }
  4142. i_gallery_41++;
  4143. });
  4144. play_gallery_41();
  4145. });
  4146. jQuery(window).blur(function() {
  4147. event_stack_gallery_41 = [];
  4148. window.clearInterval(huge_it_playInterval_gallery_41);
  4149. });
  4150. </script>
  4151. <div class="huge_it_slideshow_image_wrap_gallery_41 gallery-img-content"
  4152.     data-rating-type="off">
  4153. <!-- ##########################DOTS######################### -->
  4154. <div class="huge_it_slideshow_dots_container_gallery_41">
  4155. <div class="huge_it_slideshow_dots_thumbnails_gallery_41">
  4156. <div id="huge_it_dots_0_gallery_41"
  4157.     class="huge_it_slideshow_dots_gallery_41 huge_it_slideshow_dots_active_gallery_41"
  4158.     onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), '0', data_gallery_41,false,true);return false;"
  4159.     data-image_id="742" data-image_key="0"></div>
  4160. <div id="huge_it_dots_1_gallery_41"
  4161.     class="huge_it_slideshow_dots_gallery_41 huge_it_slideshow_dots_deactive_gallery_41"
  4162.     onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), '1', data_gallery_41,false,true);return false;"
  4163.     data-image_id="741" data-image_key="1"></div>
  4164. <div id="huge_it_dots_2_gallery_41"
  4165.     class="huge_it_slideshow_dots_gallery_41 huge_it_slideshow_dots_deactive_gallery_41"
  4166.     onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), '2', data_gallery_41,false,true);return false;"
  4167.     data-image_id="740" data-image_key="2"></div>
  4168. <div id="huge_it_dots_3_gallery_41"
  4169.     class="huge_it_slideshow_dots_gallery_41 huge_it_slideshow_dots_deactive_gallery_41"
  4170.     onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), '3', data_gallery_41,false,true);return false;"
  4171.     data-image_id="739" data-image_key="3"></div>
  4172. </div>
  4173. <a id="huge_it_slideshow_left_gallery_41" href="#"
  4174.   onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()) - iterator_gallery_41()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()) - iterator_gallery_41()) % data_gallery_41.length : data_gallery_41.length - 1, data_gallery_41,false,true);return false;">
  4175. <div id="huge_it_slideshow_left-ico_gallery_41">
  4176. <div><i class="huge_it_slideshow_prev_btn_gallery_41 fa"></i></div>
  4177. </div>
  4178. </a>
  4179. <a id="huge_it_slideshow_right_gallery_41" href="#"
  4180.   onclick="huge_it_change_image_gallery_41(parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_41').val()) + iterator_gallery_41()) % data_gallery_41.length, data_gallery_41,false,true);return false;">
  4181. <div id="huge_it_slideshow_right-ico_41">
  4182. <div><i class="huge_it_slideshow_next_btn_gallery_41 fa"></i></div>
  4183. </div>
  4184. </a>
  4185. </div>
  4186. <!-- ##########################IMAGES######################### -->
  4187. <script>
  4188. jQuery(document).ready(function ($) {
  4189. $('.thumb_wrapper').on('click', function (ev) {
  4190. var hugeid = $(this).data('rowid');
  4191. var myid = hugeid;
  4192. myid = parseInt(myid);
  4193. eval('player_' + myid + '.playVideo()')
  4194. ev.preventDefault();
  4195. });
  4196. });
  4197. </script>
  4198. <div id="huge_it_slideshow_image_container_gallery_41"
  4199.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_41 view-slider">
  4200. <div class="huge_it_slide_container_gallery_41">
  4201. <div class="huge_it_slide_bg_gallery_41">
  4202. <ul class="huge_it_slider_gallery_41">
  4203. <li class="huge_it_slideshow_image_item_gallery_41"
  4204.    id="image_id_gallery_41_0">
  4205. <img decoding="async" alt=""
  4206.     id="huge_it_slideshow_image_gallery_41_0"
  4207.     class="huge_it_slideshow_image_gallery_41"
  4208.     src="https://picoulet.centres-sociaux.fr/files/2026/02/1.png"
  4209.     data-image_id="742"/>
  4210. <div
  4211. class="huge_it_slideshow_title_text_gallery_41 none">
  4212. </div>
  4213. <div
  4214. class="huge_it_slideshow_description_text_gallery_41 none">
  4215. </div>
  4216. </li>
  4217. <li class="huge_it_slideshow_image_second_item_gallery_41"
  4218.    id="image_id_gallery_41_1">
  4219. <img decoding="async" alt=""
  4220.     id="huge_it_slideshow_image_gallery_41_1"
  4221.     class="huge_it_slideshow_image_gallery_41"
  4222.     src="https://picoulet.centres-sociaux.fr/files/2026/02/2.png"
  4223.     data-image_id="741"/>
  4224. <div
  4225. class="huge_it_slideshow_title_text_gallery_41 none">
  4226. </div>
  4227. <div
  4228. class="huge_it_slideshow_description_text_gallery_41 none">
  4229. </div>
  4230. </li>
  4231. <li class="huge_it_slideshow_image_second_item_gallery_41"
  4232.    id="image_id_gallery_41_2">
  4233. <img decoding="async" alt=""
  4234.     id="huge_it_slideshow_image_gallery_41_2"
  4235.     class="huge_it_slideshow_image_gallery_41"
  4236.     src="https://picoulet.centres-sociaux.fr/files/2026/02/3.png"
  4237.     data-image_id="740"/>
  4238. <div
  4239. class="huge_it_slideshow_title_text_gallery_41 none">
  4240. </div>
  4241. <div
  4242. class="huge_it_slideshow_description_text_gallery_41 none">
  4243. </div>
  4244. </li>
  4245. <li class="huge_it_slideshow_image_second_item_gallery_41"
  4246.    id="image_id_gallery_41_3">
  4247. <img decoding="async" alt=""
  4248.     id="huge_it_slideshow_image_gallery_41_3"
  4249.     class="huge_it_slideshow_image_gallery_41"
  4250.     src="https://picoulet.centres-sociaux.fr/files/2026/02/4.png"
  4251.     data-image_id="739"/>
  4252. <div
  4253. class="huge_it_slideshow_title_text_gallery_41 none">
  4254. </div>
  4255. <div
  4256. class="huge_it_slideshow_description_text_gallery_41 none">
  4257. </div>
  4258. </li>
  4259. </ul>
  4260. <input type="hidden" id="huge_it_current_image_key_gallery_41" value="0"/>
  4261. </div>
  4262. </div>
  4263. </div>
  4264. </div><style>
  4265. .huge_it_slideshow_image_wrap_gallery_41 {
  4266.    height: 900px;
  4267.    width: 600px;
  4268.    max-width: calc(100% - 2 * 0px);
  4269.    position: relative;
  4270.    display: block;
  4271.    text-align: center;
  4272.    border: 0 px #ffffff solid;
  4273.    box-sizing: content-box;
  4274.    clear: both;
  4275. float:none; margin: 0 auto;}
  4276.  
  4277. .huge_it_slideshow_image_wrap_gallery_41 * {
  4278.    box-sizing: border-box;
  4279.    -moz-box-sizing: border-box;
  4280.    -webkit-box-sizing: border-box;
  4281. }
  4282.  
  4283. .huge_it_slideshow_image_gallery_41 {
  4284. width: 100%;
  4285.    height: 100%;
  4286.    left: 0;
  4287.    top: 0;
  4288. /* height: auto;
  4289.                top: 50%;
  4290.            left: 50%;
  4291.                transform: translate( -50%, -50% ); */
  4292. max-width: 100%;
  4293.    max-height: 100%;
  4294.    position: absolute;
  4295. }
  4296.  
  4297. .huge_it_slider_gallery_41 li iframe {
  4298.    width: 100%;
  4299.    height: 100%;
  4300. }
  4301.  
  4302. .huge_it_slider_gallery_41 li #thevideo {
  4303.    width: 100%;
  4304.    height: 100%;
  4305. }
  4306.  
  4307. .huge_it_slider_gallery_41 li .thumb_wrapper {
  4308.    width: 100%;
  4309.    height: 100%;
  4310. }
  4311.  
  4312. .huge_it_slider_gallery_41 li .thumb_wrapper img {
  4313.    position: relative;
  4314.    /*top: 50%;
  4315.    transform: translateY(-50%);*/
  4316. }
  4317.  
  4318. #huge_it_slideshow_left_gallery_41,
  4319. #huge_it_slideshow_right_gallery_41 {
  4320.    cursor: pointer;
  4321.    display: none;
  4322.    display: block;
  4323.    height: 100%;
  4324.    outline: medium none;
  4325.    position: absolute;
  4326.    /*z-index: 10130;*/
  4327.    z-index: 13;
  4328.    bottom: 25px;
  4329.    top: 50%;
  4330. }
  4331.  
  4332. #huge_it_slideshow_left-ico_gallery_41,
  4333. #huge_it_slideshow_right-ico_gallery_41 {
  4334.    z-index: 13;
  4335.    -moz-box-sizing: content-box;
  4336.    box-sizing: content-box;
  4337.    cursor: pointer;
  4338.    display: table;
  4339.    left: -9999px;
  4340.    line-height: 0;
  4341.    margin-top: -15px;
  4342.    position: absolute;
  4343.    top: 50%;
  4344. }
  4345.  
  4346. #huge_it_slideshow_left-ico_gallery_41:hover,
  4347. #huge_it_slideshow_right-ico_gallery_41:hover {
  4348.    cursor: pointer;
  4349. }
  4350.  
  4351. .huge_it_slideshow_image_container_gallery_41 {
  4352.    display: table;
  4353.    position: relative;
  4354.    top: 0;
  4355.    left: 0;
  4356.    text-align: center;
  4357.    vertical-align: middle;
  4358.    width: 100%;
  4359.    height: 100%;
  4360. }
  4361.  
  4362. .huge_it_slideshow_title_text_gallery_41 {
  4363.    text-decoration: none;
  4364.    position: absolute;
  4365.    z-index: 12;
  4366.    display: inline-block;
  4367. width: 30%;
  4368.    /*height:
  4369. 50 %;*/
  4370. right:0%;top:0%; padding: 2%;
  4371.    text-align: right;
  4372.    font-weight: bold;
  4373.    color: #000000;
  4374.    background: rgba(255,255,255,0.7)  !important;
  4375.    border-style: solid;
  4376.    font-size: 13px;
  4377.    border-width: 0px;
  4378.    border-color: #ffffff;
  4379.    border-radius: 4px;
  4380. }
  4381.  
  4382. .huge_it_slideshow_description_text_gallery_41 {
  4383.    text-decoration: none;
  4384.    position: absolute;
  4385.    z-index: 11;
  4386.    border-style: solid;
  4387.    display: inline-block;
  4388. width: 70%;
  4389.    /*height:
  4390. %;*/
  4391. right:0%;bottom:0%; padding: 3%;
  4392.    text-align: justify;
  4393.    color: #ffffff;
  4394.    background: rgba(0,0,0,0.7) !important;
  4395.    border-style: solid;
  4396.    font-size: 12px;
  4397.    border-width: 0px;
  4398.    border-color: #ffffff;
  4399.    border-radius: 0px;
  4400. }
  4401.  
  4402. .huge_it_slideshow_title_text_gallery_41.none, .huge_it_slideshow_description_text_gallery_41.none,
  4403. .huge_it_slideshow_title_text_gallery_41.hidden, .huge_it_slideshow_description_text_gallery_41.hidden {
  4404.    display: none;
  4405. }
  4406.  
  4407. .huge_it_gallery_like_cont_415090.none {
  4408.    display: none !important;
  4409. }
  4410.  
  4411. .huge_it_slideshow_title_text_gallery_41 h1, .huge_it_slideshow_description_text_gallery_41 h1,
  4412. .huge_it_slideshow_title_text_gallery_41 h2, .huge_it_slideshow_title_text_gallery_41 h2,
  4413. .huge_it_slideshow_title_text_gallery_41 h3, .huge_it_slideshow_title_text_gallery_41 h3,
  4414. .huge_it_slideshow_title_text_gallery_41 h4, .huge_it_slideshow_title_text_gallery_41 h4,
  4415. .huge_it_slideshow_title_text_gallery_41 p, .huge_it_slideshow_title_text_gallery_41 p,
  4416. .huge_it_slideshow_title_text_gallery_41 strong, .huge_it_slideshow_title_text_gallery_41 strong,
  4417. .huge_it_slideshow_title_text_gallery_41 span, .huge_it_slideshow_title_text_gallery_41 span,
  4418. .huge_it_slideshow_title_text_gallery_41 ul, .huge_it_slideshow_title_text_gallery_41 ul,
  4419. .huge_it_slideshow_title_text_gallery_41 li, .huge_it_slideshow_title_text_gallery_41 li {
  4420.    padding: 2px;
  4421.    margin: 0;
  4422. }
  4423.  
  4424. .huge_it_slide_container_gallery_41 {
  4425.    display: table-cell;
  4426.    margin: 0 auto;
  4427.    position: relative;
  4428.    vertical-align: middle;
  4429.    width: 100%;
  4430.    height: 100%;
  4431.    _width: inherit;
  4432.    _height: inherit;
  4433. }
  4434.  
  4435. .huge_it_slide_bg_gallery_41 {
  4436.    margin: 0 auto;
  4437.    width: 100%;
  4438.    height: 100%;
  4439.    _width: inherit;
  4440.    _height: inherit;
  4441. }
  4442.  
  4443. .huge_it_slider_gallery_41 {
  4444.    width: 100%;
  4445.    height: 100%;
  4446.    display: table;
  4447.    padding: 0;
  4448.    margin: 0;
  4449. }
  4450.  
  4451. .huge_it_slideshow_image_item_gallery_41 {
  4452.    width: 100%;
  4453.    height: 100%;
  4454.    display: table-cell;
  4455.    filter: Alpha(opacity=100);
  4456.    opacity: 1;
  4457.    position: absolute;
  4458.    top: 0;
  4459.    left: 0;
  4460.    vertical-align: middle;
  4461.    z-index: 2;
  4462.    margin: 0 !important;
  4463.    padding: 0;
  4464.    overflow: hidden;
  4465.    border-radius: 0px !important;
  4466. }
  4467.  
  4468. .huge_it_slideshow_image_second_item_gallery_41 {
  4469.    width: 100%;
  4470.    height: 100%;
  4471.    display: table-cell;
  4472.    filter: Alpha(opacity=0);
  4473.    opacity: 0;
  4474.    position: absolute;
  4475.    top: 0;
  4476.    left: 0;
  4477.    vertical-align: middle;
  4478.    z-index: 1;
  4479.    overflow: hidden;
  4480.    margin: 0 !important;
  4481.    padding: 0;
  4482.    border-radius: 0px !important;
  4483. }
  4484.  
  4485. .huge_it_grid_gallery_41 {
  4486.    display: none;
  4487.    height: 100%;
  4488.    overflow: hidden;
  4489.    position: absolute;
  4490.    width: 100%;
  4491. }
  4492.  
  4493. .huge_it_gridlet_gallery_41 {
  4494.    opacity: 1;
  4495.    filter: Alpha(opacity=100);
  4496.    position: absolute;
  4497. }
  4498.  
  4499. .huge_it_slideshow_dots_container_gallery_41 {
  4500.    display: table;
  4501.    position: absolute;
  4502.    width: 100% !important;
  4503.    height: 100% !important;
  4504. }
  4505.  
  4506. .huge_it_slideshow_dots_thumbnails_gallery_41 {
  4507.    margin: 0 auto;
  4508.    overflow: hidden;
  4509.    position: absolute;
  4510.    width: 100%;
  4511.    height: 60px;
  4512. }
  4513.  
  4514. .huge_it_slideshow_dots_gallery_41 {
  4515.    display: inline-block;
  4516.    position: relative;
  4517.    cursor: pointer;
  4518.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  4519.    width: 10px;
  4520.    height: 10px;
  4521.    border-radius: 10px;
  4522.    background: #00f;
  4523.    margin: 10px;
  4524.    overflow: hidden;
  4525.    z-index: 17;
  4526. }
  4527.  
  4528. .huge_it_slideshow_dots_active_gallery_41 {
  4529.    opacity: 1;
  4530.    background: #0f0;
  4531.    filter: Alpha(opacity=100);
  4532. }
  4533.  
  4534. .huge_it_slideshow_dots_deactive_gallery_41 {
  4535. }
  4536.  
  4537. .huge_it_slideshow_image_item1_gallery_41 {
  4538.    display: table;
  4539.    width: inherit;
  4540.    height: inherit;
  4541. }
  4542.  
  4543. .huge_it_slideshow_image_item2_gallery_41 {
  4544.    display: table-cell;
  4545.    vertical-align: middle;
  4546.    text-align: center;
  4547. }
  4548.  
  4549. .huge_it_slideshow_image_item2_gallery_41 a {
  4550.    display: block;
  4551.    vertical-align: middle;
  4552.    width: 100%;
  4553.    height: 100%;
  4554. }
  4555.  
  4556. .huge_it_slideshow_image_wrap_gallery_41 {
  4557.    background: #ffffff;
  4558. }
  4559.  
  4560. .huge_it_slideshow_dots_thumbnails_gallery_41 {
  4561. top: 0;
  4562. }
  4563.  
  4564. .huge_it_slideshow_dots_gallery_41 {
  4565.    background: #000000;
  4566. }
  4567.  
  4568. .huge_it_slideshow_dots_active_gallery_41 {
  4569.    background: #ffffff;
  4570. }
  4571.  
  4572. #huge_it_slideshow_left_gallery_41 {
  4573.    left: 0;
  4574.    margin-top: -21px;
  4575.    height: 43px;
  4576.    width: 29px;
  4577.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  4578. }
  4579.  
  4580. #huge_it_slideshow_right_gallery_41 {
  4581.    right: 0;
  4582.    margin-top: -21px;
  4583.    height: 43px;
  4584.    width: 29px;
  4585.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  4586. }
  4587.  
  4588. .thumb_image {
  4589.    position: absolute;
  4590.    width: 100%;
  4591.    height: 100%;
  4592.    top: 0;
  4593.    left: 0;
  4594. }
  4595.  
  4596. .entry-content a {
  4597.    border-bottom: none !important;
  4598. }
  4599.  
  4600. .gallery-img-content .noneDisplay {
  4601.    display: block;
  4602. }
  4603.  
  4604. </style>
  4605. </p>
  4606. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  4607. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2026/02/2026_hiver_web.pdf">PDF</a></p>
  4608. <p style="text-align: center;">&nbsp;</p>
  4609. ]]></content:encoded>
  4611. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2026/02/13/hiver-2026/feed/</wfw:commentRss>
  4612. <slash:comments>0</slash:comments>
  4615. </item>
  4616. <item>
  4617. <title>Programme de Février 2026</title>
  4618. <link>https://picoulet.centres-sociaux.fr/2026/01/29/02-2026/</link>
  4619. <comments>https://picoulet.centres-sociaux.fr/2026/01/29/02-2026/#respond</comments>
  4621. <dc:creator><![CDATA[laetitia]]></dc:creator>
  4622. <pubDate>Thu, 29 Jan 2026 15:49:38 +0000</pubDate>
  4623. <category><![CDATA[Non classé]]></category>
  4624. <category><![CDATA[Programmes mensuels]]></category>
  4625. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5082</guid>
  4626.  
  4627. <description><![CDATA[Fichier à télécharger avec les cliquables : PDF]]></description>
  4628. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  4629. /*===== general options =========*/
  4630. a {
  4631.    box-shadow: none !important;
  4632. }
  4633.  
  4634. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  4635.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  4636. }
  4637.  
  4638. #album_disabled_layer {
  4639.    display: none;
  4640.    position: absolute;
  4641.    width: 100%;
  4642.    height: 100%;
  4643.    text-align: center;
  4644.    background-color: transparent;
  4645.    z-index: 10;
  4646.    padding-top: 20px;
  4647.    color: #fff;
  4648. }
  4649.  
  4650. #album_list_container {
  4651.    position: relative;
  4652. }
  4653.  
  4654. /* ====================== album onhover styles ==========================*/
  4655.  
  4656. #album_list .view {
  4657.    -webkit-box-sizing: border-box;
  4658.    -moz-box-sizing: border-box;
  4659.    -o-box-sizing: border-box;
  4660.    display: none;
  4661.  
  4662. }
  4663.  
  4664. .view .mask,
  4665. .view .content {
  4666.    width: 100%;
  4667.    height: 100%;
  4668.    position: absolute;
  4669.    overflow: hidden;
  4670.    top: 0;
  4671.    left: 0;
  4672. }
  4673.  
  4674. .view h2 {
  4675.    text-transform: uppercase;
  4676.    color: #fff;
  4677.    text-align: center;
  4678.    position: relative;
  4679.    font-size: 17px;
  4680.    font-family: Raleway, serif;
  4681.    padding: 10px;
  4682.    /*background: rgba(0, 0, 0, 0.8);*/
  4683.    margin: 20px 0 0 0;
  4684.  
  4685. }
  4686.  
  4687. .album_back_button a, .view a {
  4688.    text-decoration: none !important;
  4689. }
  4690.  
  4691. .view p {
  4692.    font-family: Merriweather, serif;
  4693.    font-style: italic;
  4694.    font-size: 14px;
  4695.    position: relative;
  4696.    color: #fff;
  4697.    padding: 0px 20px 0px;
  4698.    text-align: center;
  4699.  
  4700. }
  4701.  
  4702. .view a.info {
  4703.    display: inline-block;
  4704.    text-decoration: none;
  4705.    font-size: 13px;
  4706.    padding: 2px 14px;
  4707.    margin-bottom: 3px;
  4708.    background: #000;
  4709.    color: #fff;
  4710.    font-family: Raleway, serif;
  4711.    text-transform: uppercase;
  4712.    box-shadow: 0 0 1px #000
  4713. }
  4714.  
  4715. .mask-text h2 {
  4716.    font-size: 20px !important;
  4717. }
  4718.  
  4719. .view a.info:hover {
  4720.    box-shadow: 0 0 5px #000
  4721. }
  4722.  
  4723. .view .mask-bg {
  4724.    height: 100%;
  4725. }
  4726.  
  4727. .view .album_social {
  4728.    color: #fff;
  4729.    position: absolute;
  4730.    bottom: 3px;
  4731.    left: 3px;
  4732.    border: 1px solid #ffffff;
  4733.    -webkit-border-radius: 3px;
  4734.    -moz-border-radius: 3px;
  4735.    border-radius: 3px;
  4736.    padding: 3px 5px;
  4737.  
  4738. }
  4739.  
  4740. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  4741.    color: #ffffff;
  4742.    outline: none;
  4743. }
  4744.  
  4745. /*1*/
  4746.  
  4747. .view .info {
  4748.    margin-top: 5px;
  4749. }
  4750.  
  4751. .view-first .mask {
  4752.    opacity: 0;
  4753.    background-color: rgba(0, 0, 0, 0.7);
  4754.    transition: all 0.4s ease-in-out;
  4755.  
  4756. }
  4757.  
  4758. .view-first h2 {
  4759.    transform: translateY(-100px);
  4760.    opacity: 0;
  4761.    font-family: Raleway, serif;
  4762.    transition: all 0.2s ease-in-out;
  4763. }
  4764.  
  4765. .view-first p {
  4766.    transform: translateY(100px);
  4767.    opacity: 0;
  4768.    transition: all 0.2s linear;
  4769. }
  4770.  
  4771. .view-first a.info {
  4772.    opacity: 0;
  4773.    transition: all 0.2s ease-in-out;
  4774. }
  4775.  
  4776. /* */
  4777.  
  4778. .view-first:hover img {
  4779.    /*transform: scale(1.1);*/
  4780. }
  4781.  
  4782. .view-first:hover .mask {
  4783.    opacity: 1;
  4784. }
  4785.  
  4786. .view-first:hover h2,
  4787. .view-first:hover p,
  4788. .view-first:hover a.info {
  4789.    opacity: 1;
  4790.    transform: translateY(0px);
  4791. }
  4792.  
  4793. .view-first:hover p {
  4794.    transition-delay: 0.1s;
  4795. }
  4796.  
  4797. .view-first:hover a.info {
  4798.    transition-delay: 0.2s;
  4799. }
  4800.  
  4801. /*2*/
  4802. .view-second img {
  4803.    -webkit-filter: grayscale(0) blur(0);
  4804.    filter: grayscale(0) blur(0);
  4805.    -webkit-transition: .3s ease-in-out;
  4806.    transition: .3s ease-in-out;
  4807. }
  4808.  
  4809. .view-second .mask {
  4810.    background-color: rgba(226, 200, 127, 0.2);
  4811.    transition: all 0.5s linear;
  4812.    opacity: 0;
  4813. }
  4814.  
  4815. .view-second h2 {
  4816.    background: transparent;
  4817.    margin: 20px 40px 0px 40px;
  4818.    transform: scale(0);
  4819.    color: #333;
  4820.    transition: all 0.5s linear;
  4821.    opacity: 0;
  4822. }
  4823.  
  4824. .view-second p {
  4825.    opacity: 0;
  4826.    transform: scale(0);
  4827.    transition: all 0.5s linear;
  4828. }
  4829.  
  4830. .view-second a.info {
  4831.    opacity: 0;
  4832.    transform: scale(0);
  4833.    transition: all 0.5s linear;
  4834. }
  4835.  
  4836. .view-second:hover img {
  4837.    -webkit-filter: grayscale(100%) blur(3px);
  4838.    filter: grayscale(100%) blur(3px);
  4839. }
  4840.  
  4841. .view-second:hover .mask {
  4842.    opacity: 1;
  4843. }
  4844.  
  4845. .view-second:hover h2,
  4846. .view-second:hover p,
  4847. .view-second:hover a.info {
  4848.    transform: scale(1);
  4849.    opacity: 1;
  4850. }
  4851.  
  4852. .view-second img {
  4853.    -webkit-filter: grayscale(0) blur(0);
  4854.    filter: grayscale(0) blur(0);
  4855.    -webkit-transition: .3s ease-in-out;
  4856.    transition: .3s ease-in-out;
  4857. }
  4858.  
  4859. .view-second:hover img {
  4860.    -webkit-filter: grayscale(100%) blur(3px);
  4861.    filter: grayscale(100%) blur(3px);
  4862. }
  4863.  
  4864. /*3*/
  4865.  
  4866. .view-third img {
  4867.    transform: scaleY(1);
  4868.    transition: all .7s ease-in-out;
  4869. }
  4870.  
  4871. .view-third a.info {
  4872.    opacity: 0;
  4873.    transform: scale(0);
  4874.    transition: all 0.5s linear;
  4875. }
  4876.  
  4877. .view-third:hover img {
  4878.    -webkit-transform: scale(10);
  4879.    transform: scale(10);
  4880.    opacity: 0;
  4881. }
  4882.  
  4883. .view-third:hover .mask {
  4884.    opacity: 1;
  4885. }
  4886.  
  4887. .view-third:hover h2,
  4888. .view-third:hover p,
  4889. .view-third:hover a.info {
  4890.    transform: scale(1);
  4891.    opacity: 1;
  4892. }
  4893.  
  4894. /* ==== view 4 ===*/
  4895.  
  4896. .view-forth-wrapper {
  4897.    overflow: hidden;
  4898.    position: relative !important;
  4899.    height: 100%;
  4900.    /* cursor: pointer;*/
  4901. }
  4902.  
  4903. .view-forth img {
  4904.    max-width: 100%;
  4905.    position: relative;
  4906.    top: 0;
  4907.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  4908.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  4909. }
  4910.  
  4911. .view-forth .mask {
  4912.    position: absolute;
  4913.    width: 100%;
  4914.    /*    height: 70px;*/
  4915.    /*    bottom: -70px;*/
  4916.    height: 50%;
  4917.    bottom: -50%;
  4918.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  4919.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  4920.    top: inherit;
  4921. }
  4922.  
  4923. .view-forth:hover .mask {
  4924.    bottom: 0;
  4925. }
  4926.  
  4927. .view-forth:hover img {
  4928.    top: -30px;
  4929. }
  4930.  
  4931. /*==  view 5 ==*/
  4932.  
  4933. .view-fifth .view-fifth-wrapper,
  4934. .view-fifth .view-fifth-wrapper img {
  4935.    display: block;
  4936.    position: relative;
  4937. }
  4938.  
  4939. .view-fifth .view-fifth-wrapper {
  4940.    overflow: hidden;
  4941.    height: 100%;
  4942. }
  4943.  
  4944. .view-fifth .view-fifth-wrapper .mask {
  4945.    display: none;
  4946.    position: absolute;
  4947.    background: #333;
  4948.    background: rgba(75, 75, 75, 0.7);
  4949.    width: 100%;
  4950.    height: 100%;
  4951. }
  4952.  
  4953. /* ====================== album category styles ==========================*/
  4954.  
  4955. #filters {
  4956.    margin: 1% 0;
  4957.    padding: 0;
  4958.    list-style: none;
  4959.    list-style-type: none !important;
  4960.  
  4961. }
  4962.  
  4963. #filters li {
  4964.    float: left;
  4965.    list-style-type: none !important;
  4966. }
  4967.  
  4968. #filters li:first-child span {
  4969.    margin-left: 0px;
  4970. }
  4971.  
  4972. #filters li span {
  4973.    display: block;
  4974.    text-decoration: none;
  4975.    cursor: pointer;
  4976. }
  4977.  
  4978. .album_categories {
  4979.    list-style-type: none;
  4980.    margin: 0;
  4981.    padding: 0;
  4982.    overflow: hidden;
  4983.    padding-top: 5px;
  4984. }
  4985.  
  4986. /*=========  sharing buttons  ============*/
  4987.  
  4988. .album_socials {
  4989.    position: relative;
  4990.    top: 3px;
  4991.    width: 100px;
  4992.    height: 28px;
  4993.    margin: 0 auto;
  4994. }
  4995.  
  4996. .album_socials .rwd-share-buttons {
  4997.    top: 0px !important;
  4998.    width: 100% !important;
  4999.    margin: 0px !important;
  5000. }
  5001.  
  5002. .album_socials a {
  5003.    text-decoration: underline !important;
  5004. }
  5005.  
  5006. .gallery_images, .album_image_place {
  5007.    margin-top: 15px;
  5008.    margin-top: 15px;
  5009. }
  5010.  
  5011. #rwd-share-facebook:hover {
  5012.    background-position: 0 -31px !important;
  5013. }
  5014.  
  5015. #rwd-share-twitter:hover {
  5016.    background-position: -31px 32px !important;
  5017. }
  5018.  
  5019. #rwd-share-googleplus:hover {
  5020.    background-position: -66px -31px !important;
  5021. }
  5022.  
  5023. .rwd-share-buttons li, .rwd-share-buttons li a {
  5024.    width: 26px !important;
  5025.    border: 0px !important;
  5026. }
  5027.  
  5028. .rwd-share-buttons {
  5029.    top: 0 !important;
  5030. }
  5031.  
  5032. .img_link_btn {
  5033.    position: absolute;
  5034.    z-index: 99999;
  5035.    bottom: 0;
  5036.    left: 0;
  5037.    right: 0;
  5038.    width: 100%;
  5039.    padding: 8px;
  5040. }
  5041.  
  5042. .rwd-title {
  5043.    padding: 10px 0px !important;
  5044. }
  5045.  
  5046. @media only screen and (max-width: 475px) {
  5047.    .rwd-share-buttons {
  5048.        top: -25px !important;
  5049.    }
  5050.  
  5051.    .rwd-title-text {
  5052.        line-height: 15px;
  5053.    }
  5054. }
  5055.  
  5056. /*=========  hover style ===========*/
  5057.  
  5058. #hover {
  5059.    color: rgba(188, 175, 204, 0.9);
  5060. }
  5061.  
  5062. h2#testimonials {
  5063.    color: #fffae3;
  5064. }
  5065.  
  5066. div#all {
  5067.    width: 100%;
  5068.    height: 100%;
  5069. }
  5070.  
  5071. .view img {
  5072.    height: auto;
  5073. }
  5074.  
  5075. .view {
  5076.    color: #fff;
  5077.    margin: 0 10px 10px 0;
  5078.    overflow: hidden;
  5079.    position: relative;
  5080.    text-align: center;
  5081.    float: left;
  5082.    cursor: default;
  5083.    border: 1px solid #ccc;
  5084. }
  5085.  
  5086. .view-wrapper {
  5087.    height: 100%;
  5088. }
  5089.  
  5090. .view img {
  5091.    display: block;
  5092.    position: relative;
  5093.    transition: all 0.2s linear;
  5094.    height: 100%;
  5095.    width: auto;
  5096.    max-width: 100%;
  5097.    margin: 0 auto;
  5098. }
  5099.  
  5100. .mask-text h2 {
  5101.    font-size: 20px !important;
  5102.    margin-top: 20px !important;
  5103. }
  5104.  
  5105. /* view 1 */
  5106.  
  5107. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  5108.    color: #fff;
  5109. }
  5110.  
  5111. /*  view 2 */
  5112. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  5113.    color: #333;
  5114. }
  5115.  
  5116. .view-second .mask-text h2 {
  5117.    border-bottom: 1px solid #333;
  5118. }
  5119.  
  5120. /* view 3*/
  5121. .view-third .mask {
  5122.    background-color: #ccc;
  5123.    transition: all 0.5s linear;
  5124.    opacity: 0;
  5125.    color: #333;
  5126. }
  5127.  
  5128. .view-third h2 {
  5129.    border-bottom: 1px solid #333;
  5130.    background: transparent;
  5131.    margin: 20px 40px 0px 40px;
  5132.    transform: scale(0);
  5133.    color: #333;
  5134.    transition: all 0.5s linear;
  5135.    opacity: 0;
  5136. }
  5137.  
  5138. .view-third p {
  5139.    color: #333;
  5140.    opacity: 0;
  5141.    transform: scale(0);
  5142.    transition: all 0.5s linear;
  5143. }
  5144.  
  5145. .view-third .text-category {
  5146.    color: #333;
  5147. }
  5148.  
  5149. /* view 4 */
  5150.  
  5151. .view-forth .mask-bg {
  5152.    background: #333;
  5153.    width: 100%;
  5154.    height: 100%;
  5155.    position: absolute;
  5156.    top: 0;
  5157.    left: 0;
  5158. }
  5159.  
  5160. .view-forth .mask-text {
  5161.    color: #fff;
  5162.    position: relative;
  5163.    z-index: 500;
  5164.    padding: 5px 8px;
  5165. }
  5166.  
  5167. .view-forth .mask-text h2 {
  5168.    margin: 0px;
  5169.    font-size: 13px;
  5170.    padding: 2px;
  5171.    color: #fff;
  5172. }
  5173.  
  5174. .view-forth .mask-text h2:hover {
  5175.    cursor: pointer;
  5176. }
  5177.  
  5178. .view-forth .text-category {
  5179.    display: block;
  5180.    font-size: 15px;
  5181.    color: #fff;
  5182. }
  5183.  
  5184. .view-forth p {
  5185.    color: #fff;
  5186. }
  5187.  
  5188. /* view 5 */
  5189. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  5190.    color: #fff;
  5191. }
  5192.  
  5193. </style><script>
  5194. var data_gallery_40 = [];
  5195. var event_stack_gallery_40 = [];
  5196. data_gallery_40["0"]=[];data_gallery_40["0"]["id"]="0";data_gallery_40["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/1.png";data_gallery_40["0"]["description"]="";data_gallery_40["0"]["alt"]="";data_gallery_40["1"]=[];data_gallery_40["1"]["id"]="1";data_gallery_40["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/2.png";data_gallery_40["1"]["description"]="";data_gallery_40["1"]["alt"]="";data_gallery_40["2"]=[];data_gallery_40["2"]["id"]="2";data_gallery_40["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/3.png";data_gallery_40["2"]["description"]="";data_gallery_40["2"]["alt"]="";data_gallery_40["3"]=[];data_gallery_40["3"]["id"]="3";data_gallery_40["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/4.png";data_gallery_40["3"]["description"]="";data_gallery_40["3"]["alt"]="";data_gallery_40["4"]=[];data_gallery_40["4"]["id"]="4";data_gallery_40["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/5.png";data_gallery_40["4"]["description"]="";data_gallery_40["4"]["alt"]="";data_gallery_40["5"]=[];data_gallery_40["5"]["id"]="5";data_gallery_40["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2026/01/6.png";data_gallery_40["5"]["description"]="";data_gallery_40["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_40 = false;
  5197. var huge_it_transition_duration_gallery_40 = 2000;
  5198. var huge_it_playInterval_gallery_40;
  5199. // Stop autoplay.
  5200. window.clearInterval(huge_it_playInterval_gallery_40);
  5201. // alert('huge_it_current_key_gallery_40');
  5202. var huge_it_current_key_gallery_40 = '';
  5203. function huge_it_move_dots_gallery_40() {
  5204. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_40").position().left;
  5205. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_40").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_40").outerWidth(true);
  5206. }
  5207. function huge_it_testBrowser_cssTransitions_gallery_40() {
  5208. return huge_it_testDom_gallery_40('Transition');
  5209. }
  5210. function huge_it_testBrowser_cssTransforms3d_gallery_40() {
  5211. return huge_it_testDom_gallery_40('Perspective');
  5212. }
  5213. function huge_it_testDom_gallery_40(prop) {
  5214. // Browser vendor CSS prefixes.
  5215. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  5216. // Browser vendor DOM prefixes.
  5217. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  5218. var i = domPrefixes.length;
  5219. while (i--) {
  5220. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  5221. return true;
  5222. }
  5223. }
  5224. return false;
  5225. }
  5226. function huge_it_cube_gallery_40(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  5227. /* If browser does not support 3d transforms/CSS transitions.*/
  5228. if (!huge_it_testBrowser_cssTransitions_gallery_40()) {
  5229. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5230. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5231. return huge_it_fallback_gallery_40(current_image_class, next_image_class, direction);
  5232. }
  5233. if (!huge_it_testBrowser_cssTransforms3d_gallery_40()) {
  5234. return huge_it_fallback3d_gallery_40(current_image_class, next_image_class, direction);
  5235. }
  5236. huge_it_trans_in_progress_gallery_40 = true;
  5237. /* Set active thumbnail.*/
  5238. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5239. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5240. jQuery(".huge_it_slide_bg_gallery_40").css('perspective', 1000);
  5241. jQuery(current_image_class).css({
  5242. transform : 'translateZ(' + tz + 'px)',
  5243. backfaceVisibility : 'hidden'
  5244. });
  5245. jQuery(".huge_it_slideshow_image_wrap_gallery_40,.huge_it_slide_bg_gallery_40,.huge_it_slideshow_image_item_gallery_40,.huge_it_slideshow_image_second_item_gallery_40 ").css('overflow', 'visible');
  5246. jQuery(next_image_class).css({
  5247. opacity : 1,
  5248. filter: 'Alpha(opacity=100)',
  5249. backfaceVisibility : 'hidden',
  5250. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  5251. });
  5252. jQuery(".huge_it_slider_gallery_40").css({
  5253. transform: 'translateZ(-' + tz + 'px)',
  5254. transformStyle: 'preserve-3d'
  5255. });
  5256. /* Execution steps.*/
  5257. setTimeout(function () {
  5258. jQuery(".huge_it_slider_gallery_40").css({
  5259. transition: 'all ' + huge_it_transition_duration_gallery_40 + 'ms ease-in-out',
  5260. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  5261. });
  5262. }, 20);
  5263. /* After transition.*/
  5264. jQuery(".huge_it_slider_gallery_40").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  5265. function huge_it_after_trans() {
  5266. jQuery(".huge_it_slide_bg_gallery_40,.huge_it_slideshow_image_item_gallery_40,.huge_it_slideshow_image_second_item_gallery_40 ").css('overflow', 'hidden');
  5267. jQuery(".huge_it_slide_bg_gallery_40").removeAttr('style');
  5268. jQuery(current_image_class).removeAttr('style');
  5269. jQuery(next_image_class).removeAttr('style');
  5270. jQuery(".huge_it_slider_gallery_40").removeAttr('style');
  5271. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  5272. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  5273. // huge_it_change_watermark_container_gallery_40();
  5274. huge_it_trans_in_progress_gallery_40 = false;
  5275. if (typeof event_stack_gallery_40 !== 'undefined' && event_stack_gallery_40.length > 0) {
  5276. key = event_stack_gallery_40[0].split("-");
  5277. event_stack_gallery_40.shift();
  5278. huge_it_change_image_gallery_40(key[0], key[1], data_gallery_40, true,false);
  5279. }
  5280. }
  5281. }
  5282. function huge_it_cubeH_gallery_40(current_image_class, next_image_class, direction) {
  5283. /* Set to half of image width.*/
  5284. var dimension = jQuery(current_image_class).width() / 2;
  5285. if (direction == 'right') {
  5286. huge_it_cube_gallery_40(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  5287. }
  5288. else if (direction == 'left') {
  5289. huge_it_cube_gallery_40(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  5290. }
  5291. }
  5292. function huge_it_cubeV_gallery_40(current_image_class, next_image_class, direction) {
  5293. /* Set to half of image height.*/
  5294. var dimension = jQuery(current_image_class).height() / 2;
  5295. /* If next slide.*/
  5296. if (direction == 'right') {
  5297. huge_it_cube_gallery_40(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  5298. }
  5299. else if (direction == 'left') {
  5300. huge_it_cube_gallery_40(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  5301. }
  5302. }
  5303. /* For browsers that does not support transitions.*/
  5304. function huge_it_fallback_gallery_40(current_image_class, next_image_class, direction) {
  5305. huge_it_fade_gallery_40(current_image_class, next_image_class, direction);
  5306. }
  5307. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  5308. function huge_it_fallback3d_gallery_40(current_image_class, next_image_class, direction) {
  5309. huge_it_sliceV_gallery_40(current_image_class, next_image_class, direction);
  5310. }
  5311. function huge_it_none_gallery_40(current_image_class, next_image_class, direction) {
  5312. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  5313. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  5314. /* Set active thumbnail.*/
  5315. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5316. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5317. }
  5318. function huge_it_fade_gallery_40(current_image_class, next_image_class, direction) {
  5319. if (huge_it_testBrowser_cssTransitions_gallery_40()) {
  5320. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_40 + 'ms linear');
  5321. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_40 + 'ms linear');
  5322. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  5323. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  5324. }
  5325. else {
  5326. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_40);
  5327. jQuery(next_image_class).animate({
  5328. 'opacity' : 1,
  5329. 'z-index': 2
  5330. }, {
  5331. duration: huge_it_transition_duration_gallery_40,
  5332. complete: function () {return false;}
  5333. });
  5334. // For IE.
  5335. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_40, 0);
  5336. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_40, 1);
  5337. }
  5338. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5339. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5340. }
  5341. function huge_it_grid_gallery_40(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  5342. /* If browser does not support CSS transitions.*/
  5343. if (!huge_it_testBrowser_cssTransitions_gallery_40()) {
  5344. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5345. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5346. return huge_it_fallback_gallery_40(current_image_class, next_image_class, direction);
  5347. }
  5348. huge_it_trans_in_progress_gallery_40 = true;
  5349. /* Set active thumbnail.*/
  5350. jQuery(".huge_it_slideshow_dots_gallery_40").removeClass("huge_it_slideshow_dots_active_gallery_40").addClass("huge_it_slideshow_dots_deactive_gallery_40");
  5351. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_40 + "_gallery_40").removeClass("huge_it_slideshow_dots_deactive_gallery_40").addClass("huge_it_slideshow_dots_active_gallery_40");
  5352. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  5353. var count = (huge_it_transition_duration_gallery_40) / (cols + rows);
  5354. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  5355. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  5356. var delay = (c + r) * count;
  5357. /* Return a gridlet elem with styles for specific transition.*/
  5358. return jQuery('<div class="huge_it_gridlet_gallery_40" />').css({
  5359. width : width,
  5360. height : height,
  5361. top : top,
  5362. left : left,
  5363. backgroundImage : 'url("' + src + '")',
  5364. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_40").css("background-color"),
  5365. /*backgroundColor: rgba(0, 0, 0, 0),*/
  5366. backgroundRepeat: 'no-repeat',
  5367. backgroundPosition : img_left + 'px ' + img_top + 'px',
  5368. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  5369. transition : 'all ' + huge_it_transition_duration_gallery_40 + 'ms ease-in-out ' + delay + 'ms',
  5370. transform : 'none'
  5371. });
  5372. }
  5373. /* Get the current slide's image.*/
  5374. var cur_img = jQuery(current_image_class).find('img');
  5375. /* Create a grid to hold the gridlets.*/
  5376. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_40');
  5377. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  5378. jQuery(current_image_class).prepend(grid);
  5379. /* vars to calculate positioning/size of gridlets*/
  5380. var cont = jQuery(".huge_it_slide_bg_gallery_40");
  5381. var imgWidth = cur_img.width();
  5382. var imgHeight = cur_img.height();
  5383. var contWidth = cont.width(),
  5384. contHeight = cont.height(),
  5385. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  5386. colWidth = Math.floor(contWidth / cols),
  5387. rowHeight = Math.floor(contHeight / rows),
  5388. colRemainder = contWidth - (cols * colWidth),
  5389. colAdd = Math.ceil(colRemainder / cols),
  5390. rowRemainder = contHeight - (rows * rowHeight),
  5391. rowAdd = Math.ceil(rowRemainder / rows),
  5392. leftDist = 0,
  5393. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_40").width() - cur_img.width()) / 2;
  5394. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  5395. tx = tx === 'auto' ? contWidth : tx;
  5396. tx = tx === 'min-auto' ? - contWidth : tx;
  5397. ty = ty === 'auto' ? contHeight : ty;
  5398. ty = ty === 'min-auto' ? - contHeight : ty;
  5399. /* Loop through cols*/
  5400. for (var i = 0; i < cols; i++) {
  5401. var topDist = 0,
  5402. img_topDst = (jQuery(".huge_it_slide_bg_gallery_40").height() - cur_img.height()) / 2,
  5403. newColWidth = colWidth;
  5404. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  5405. if (colRemainder > 0) {
  5406. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  5407. newColWidth += add;
  5408. colRemainder -= add;
  5409. }
  5410. /* Nested loop to create row gridlets for each col.*/
  5411. for (var j = 0; j < rows; j++)  {
  5412. var newRowHeight = rowHeight,
  5413. newRowRemainder = rowRemainder;
  5414. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  5415. if (newRowRemainder > 0) {
  5416. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  5417. newRowHeight += add;
  5418. newRowRemainder -= add;
  5419. }
  5420. /* Create & append gridlet to grid.*/
  5421. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  5422. topDist += newRowHeight;
  5423. img_topDst -= newRowHeight;
  5424. }
  5425. img_leftDist -= newColWidth;
  5426. leftDist += newColWidth;
  5427. }
  5428. /* Set event listener on last gridlet to finish transitioning.*/
  5429. var last_gridlet = grid.children().last();
  5430. /* Show grid & hide the image it replaces.*/
  5431. grid.show();
  5432. cur_img.css('opacity', 0);
  5433. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  5434. grid.children().first().addClass('rs-top-left');
  5435. grid.children().last().addClass('rs-bottom-right');
  5436. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  5437. grid.children().eq(- rows).addClass('rs-top-right');
  5438. /* Execution steps.*/
  5439. setTimeout(function () {
  5440. grid.children().css({
  5441. opacity: op,
  5442. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  5443. });
  5444. }, 1);
  5445. jQuery(next_image_class).css('opacity', 1);
  5446. /* After transition.*/
  5447. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  5448. function huge_it_after_trans() {
  5449. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  5450. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  5451. cur_img.css('opacity', 1);
  5452. grid.remove();
  5453. huge_it_trans_in_progress_gallery_40 = false;
  5454. if (typeof event_stack_gallery_40 !== 'undefined' && event_stack_gallery_40.length > 0) {
  5455. key = event_stack_gallery_40[0].split("-");
  5456. event_stack_gallery_40.shift();
  5457. huge_it_change_image_gallery_40(key[0], key[1], data_gallery_40, true,false);
  5458. }
  5459. }
  5460. }
  5461. function huge_it_sliceH_gallery_40(current_image_class, next_image_class, direction) {
  5462. if (direction == 'right') {
  5463. var translateX = 'min-auto';
  5464. }
  5465. else if (direction == 'left') {
  5466. var translateX = 'auto';
  5467. }
  5468. huge_it_grid_gallery_40(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  5469. }
  5470. function huge_it_sliceV_gallery_40(current_image_class, next_image_class, direction) {
  5471. if (direction == 'right') {
  5472. var translateY = 'min-auto';
  5473. }
  5474. else if (direction == 'left') {
  5475. var translateY = 'auto';
  5476. }
  5477. huge_it_grid_gallery_40(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  5478. }
  5479. function huge_it_slideV_gallery_40(current_image_class, next_image_class, direction) {
  5480. if (direction == 'right') {
  5481. var translateY = 'auto';
  5482. }
  5483. else if (direction == 'left') {
  5484. var translateY = 'min-auto';
  5485. }
  5486. huge_it_grid_gallery_40(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  5487. }
  5488. function huge_it_slideH_gallery_40(current_image_class, next_image_class, direction) {
  5489. if (direction == 'right') {
  5490. var translateX = 'min-auto';
  5491. }
  5492. else if (direction == 'left') {
  5493. var translateX = 'auto';
  5494. }
  5495. huge_it_grid_gallery_40(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  5496. }
  5497. function huge_it_scaleOut_gallery_40(current_image_class, next_image_class, direction) {
  5498. huge_it_grid_gallery_40(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  5499. }
  5500. function huge_it_scaleIn_gallery_40(current_image_class, next_image_class, direction) {
  5501. huge_it_grid_gallery_40(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  5502. }
  5503. function huge_it_blockScale_gallery_40(current_image_class, next_image_class, direction) {
  5504. huge_it_grid_gallery_40(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  5505. }
  5506. function huge_it_kaleidoscope_gallery_40(current_image_class, next_image_class, direction) {
  5507. huge_it_grid_gallery_40(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  5508. }
  5509. function huge_it_fan_gallery_40(current_image_class, next_image_class, direction) {
  5510. if (direction == 'right') {
  5511. var rotate = 45;
  5512. var translateX = 100;
  5513. }
  5514. else if (direction == 'left') {
  5515. var rotate = -45;
  5516. var translateX = -100;
  5517. }
  5518. huge_it_grid_gallery_40(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  5519. }
  5520. function huge_it_blindV_gallery_40(current_image_class, next_image_class, direction) {
  5521. huge_it_grid_gallery_40(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  5522. }
  5523. function huge_it_blindH_gallery_40(current_image_class, next_image_class, direction) {
  5524. huge_it_grid_gallery_40(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  5525. }
  5526. function huge_it_random_gallery_40(current_image_class, next_image_class, direction) {
  5527. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  5528. /* Pick a random transition from the anims array.*/
  5529. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_40"](current_image_class, next_image_class, direction);
  5530. }
  5531. function iterator_gallery_40() {
  5532. var iterator = 1;
  5533. return iterator;
  5534. }
  5535. function huge_it_change_image_gallery_40(current_key, key, data_gallery_40, from_effect,clicked) {
  5536. if (data_gallery_40[key]) {
  5537. if(typeof video_is_playing_gallery_40 != 'undefined' && video_is_playing_gallery_40 && !clicked){
  5538. return false;
  5539. }
  5540. if (!from_effect) {
  5541. // Change image key.
  5542. jQuery("#huge_it_current_image_key_gallery_40").val(key);
  5543. // if (current_key == '-2') { /* Dots.*/
  5544. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_40").attr("data-image_key");
  5545. //  }
  5546. }
  5547. if (huge_it_trans_in_progress_gallery_40) {
  5548. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_40").after(" --IN TRANSACTION-- <br />");
  5549. event_stack_gallery_40.push(current_key + '-' + key);
  5550. return;
  5551. }
  5552. var direction = 'right';
  5553. if (huge_it_current_key_gallery_40 > key) {
  5554. var direction = 'left';
  5555. }
  5556. else if (huge_it_current_key_gallery_40 == key) {
  5557. return false;
  5558. }
  5559. // Set active thumbnail position.
  5560. huge_it_current_key_gallery_40 = key;
  5561. //Change image id, title, description.
  5562. jQuery(".huge_it_slideshow_image_gallery_40").attr('data-image_id', data_gallery_40[key]["id"]);
  5563. jQuery(".huge_it_slideshow_title_text_gallery_40").html(data_gallery_40[key]["alt"]);
  5564. jQuery(".huge_it_slideshow_description_text_gallery_40").html(data_gallery_40[key]["description"]);
  5565. var current_image_class = "#image_id_gallery_40_" + data_gallery_40[current_key]["id"];
  5566. var next_image_class = "#image_id_gallery_40_" + data_gallery_40[key]["id"];
  5567. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_40').length>0) {
  5568. var streffect='none';
  5569. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  5570. huge_it_none_gallery_40(current_image_class, next_image_class, direction);
  5571. }else{
  5572. huge_it_fade_gallery_40(current_image_class, next_image_class, direction);
  5573. }
  5574. }else{
  5575. huge_it_none_gallery_40(current_image_class, next_image_class, direction);
  5576. }
  5577. jQuery('.huge_it_slideshow_title_text_gallery_40').removeClass('none');
  5578. if(jQuery('.huge_it_slideshow_title_text_gallery_40').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_40').addClass('none');}
  5579. jQuery('.huge_it_slideshow_description_text_gallery_40').removeClass('none');
  5580. jQuery('.huge_it_gallery_like_cont_405082').removeClass('none');
  5581. if(jQuery('.huge_it_slideshow_description_text_gallery_40').html()==""){
  5582. jQuery('.huge_it_slideshow_description_text_gallery_40').addClass('none');
  5583. }
  5584. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_40').addClass('none');
  5585. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_40').addClass('none');
  5586. jQuery(current_image_class).find('.huge_it_gallery_like_cont_405082').addClass('none');
  5587. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_40").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  5588. huge_it_move_dots_gallery_40();
  5589. window.clearInterval(huge_it_playInterval_gallery_40);
  5590. play_gallery_40();
  5591. }
  5592. }
  5593. function huge_it_popup_resize_gallery_40() {
  5594. var staticsliderwidth=375;
  5595. var sliderwidth=375;
  5596. var bodyWidth=jQuery(window).width();
  5597. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_40").parent().width();
  5598.  
  5599. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  5600. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  5601. var str=(750/staticsliderwidth);
  5602.  
  5603. jQuery('.huge_it_slideshow_image_wrap_gallery_40').css({'max-height':parentWidth*str-2*0});
  5604.  
  5605. }
  5606. jQuery(window).load(function () {
  5607. jQuery(window).resize(function() {
  5608. huge_it_popup_resize_gallery_40();
  5609. });
  5610. huge_it_popup_resize_gallery_40();
  5611. /* Disable right click.*/
  5612. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  5613. return false;
  5614. });
  5615. /*HOVER SLIDESHOW*/
  5616. jQuery("#huge_it_slideshow_image_container_gallery_40, .huge_it_slideshow_image_container_gallery_40, .huge_it_slideshow_dots_container_gallery_40,#huge_it_slideshow_right_gallery_40,#huge_it_slideshow_left_gallery_40").hover(function(){
  5617. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_40").after(" -- hover -- <br /> ");
  5618. jQuery("#huge_it_slideshow_right_gallery_40").css({'display':'inline'});
  5619. jQuery("#huge_it_slideshow_left_gallery_40").css({'display':'inline'});
  5620. },function(){
  5621. jQuery("#huge_it_slideshow_right_gallery_40").css({'display':'none'});
  5622. jQuery("#huge_it_slideshow_left_gallery_40").css({'display':'none'});
  5623. });
  5624. var pausehover="on";
  5625. if(pausehover=="on"){
  5626. jQuery("#huge_it_slideshow_image_container_gallery_40, .huge_it_slideshow_image_container_gallery_40, .huge_it_slideshow_dots_container_gallery_40,#huge_it_slideshow_right_gallery_40,#huge_it_slideshow_left_gallery_40").hover(function(){
  5627. window.clearInterval(huge_it_playInterval_gallery_40);
  5628. },function(){
  5629. window.clearInterval(huge_it_playInterval_gallery_40);
  5630. play_gallery_40();
  5631. });
  5632. }
  5633. play_gallery_40();
  5634. });
  5635. function play_gallery_40() {
  5636. /* Play.*/
  5637. huge_it_playInterval_gallery_40 = setInterval(function () {
  5638. var iterator = 1;
  5639. huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()) + iterator) % data_gallery_40.length, data_gallery_40,false,false);
  5640. }, '6000');
  5641. }
  5642. jQuery(window).focus(function() {
  5643. var i_gallery_40 = 0;
  5644. jQuery(".huge_it_slider_gallery_40").children("div").each(function () {
  5645. if (jQuery(this).css('opacity') == 1) {
  5646. jQuery("#huge_it_current_image_key_gallery_40").val(i_gallery_40);
  5647. }
  5648. i_gallery_40++;
  5649. });
  5650. play_gallery_40();
  5651. });
  5652. jQuery(window).blur(function() {
  5653. event_stack_gallery_40 = [];
  5654. window.clearInterval(huge_it_playInterval_gallery_40);
  5655. });
  5656. </script>
  5657. <div class="huge_it_slideshow_image_wrap_gallery_40 gallery-img-content"
  5658.     data-rating-type="off">
  5659. <!-- ##########################DOTS######################### -->
  5660. <div class="huge_it_slideshow_dots_container_gallery_40">
  5661. <div class="huge_it_slideshow_dots_thumbnails_gallery_40">
  5662. <div id="huge_it_dots_0_gallery_40"
  5663.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_active_gallery_40"
  5664.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '0', data_gallery_40,false,true);return false;"
  5665.     data-image_id="738" data-image_key="0"></div>
  5666. <div id="huge_it_dots_1_gallery_40"
  5667.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_deactive_gallery_40"
  5668.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '1', data_gallery_40,false,true);return false;"
  5669.     data-image_id="737" data-image_key="1"></div>
  5670. <div id="huge_it_dots_2_gallery_40"
  5671.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_deactive_gallery_40"
  5672.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '2', data_gallery_40,false,true);return false;"
  5673.     data-image_id="736" data-image_key="2"></div>
  5674. <div id="huge_it_dots_3_gallery_40"
  5675.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_deactive_gallery_40"
  5676.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '3', data_gallery_40,false,true);return false;"
  5677.     data-image_id="735" data-image_key="3"></div>
  5678. <div id="huge_it_dots_4_gallery_40"
  5679.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_deactive_gallery_40"
  5680.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '4', data_gallery_40,false,true);return false;"
  5681.     data-image_id="734" data-image_key="4"></div>
  5682. <div id="huge_it_dots_5_gallery_40"
  5683.     class="huge_it_slideshow_dots_gallery_40 huge_it_slideshow_dots_deactive_gallery_40"
  5684.     onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), '5', data_gallery_40,false,true);return false;"
  5685.     data-image_id="733" data-image_key="5"></div>
  5686. </div>
  5687. <a id="huge_it_slideshow_left_gallery_40" href="#"
  5688.   onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()) - iterator_gallery_40()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()) - iterator_gallery_40()) % data_gallery_40.length : data_gallery_40.length - 1, data_gallery_40,false,true);return false;">
  5689. <div id="huge_it_slideshow_left-ico_gallery_40">
  5690. <div><i class="huge_it_slideshow_prev_btn_gallery_40 fa"></i></div>
  5691. </div>
  5692. </a>
  5693. <a id="huge_it_slideshow_right_gallery_40" href="#"
  5694.   onclick="huge_it_change_image_gallery_40(parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_40').val()) + iterator_gallery_40()) % data_gallery_40.length, data_gallery_40,false,true);return false;">
  5695. <div id="huge_it_slideshow_right-ico_40">
  5696. <div><i class="huge_it_slideshow_next_btn_gallery_40 fa"></i></div>
  5697. </div>
  5698. </a>
  5699. </div>
  5700. <!-- ##########################IMAGES######################### -->
  5701. <script>
  5702. jQuery(document).ready(function ($) {
  5703. $('.thumb_wrapper').on('click', function (ev) {
  5704. var hugeid = $(this).data('rowid');
  5705. var myid = hugeid;
  5706. myid = parseInt(myid);
  5707. eval('player_' + myid + '.playVideo()')
  5708. ev.preventDefault();
  5709. });
  5710. });
  5711. </script>
  5712. <div id="huge_it_slideshow_image_container_gallery_40"
  5713.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_40 view-slider">
  5714. <div class="huge_it_slide_container_gallery_40">
  5715. <div class="huge_it_slide_bg_gallery_40">
  5716. <ul class="huge_it_slider_gallery_40">
  5717. <li class="huge_it_slideshow_image_item_gallery_40"
  5718.    id="image_id_gallery_40_0">
  5719. <img decoding="async" alt=""
  5720.     id="huge_it_slideshow_image_gallery_40_0"
  5721.     class="huge_it_slideshow_image_gallery_40"
  5722.     src="https://picoulet.centres-sociaux.fr/files/2026/01/1.png"
  5723.     data-image_id="738"/>
  5724. <div
  5725. class="huge_it_slideshow_title_text_gallery_40 none">
  5726. </div>
  5727. <div
  5728. class="huge_it_slideshow_description_text_gallery_40 none">
  5729. </div>
  5730. </li>
  5731. <li class="huge_it_slideshow_image_second_item_gallery_40"
  5732.    id="image_id_gallery_40_1">
  5733. <img decoding="async" alt=""
  5734.     id="huge_it_slideshow_image_gallery_40_1"
  5735.     class="huge_it_slideshow_image_gallery_40"
  5736.     src="https://picoulet.centres-sociaux.fr/files/2026/01/2.png"
  5737.     data-image_id="737"/>
  5738. <div
  5739. class="huge_it_slideshow_title_text_gallery_40 none">
  5740. </div>
  5741. <div
  5742. class="huge_it_slideshow_description_text_gallery_40 none">
  5743. </div>
  5744. </li>
  5745. <li class="huge_it_slideshow_image_second_item_gallery_40"
  5746.    id="image_id_gallery_40_2">
  5747. <img decoding="async" alt=""
  5748.     id="huge_it_slideshow_image_gallery_40_2"
  5749.     class="huge_it_slideshow_image_gallery_40"
  5750.     src="https://picoulet.centres-sociaux.fr/files/2026/01/3.png"
  5751.     data-image_id="736"/>
  5752. <div
  5753. class="huge_it_slideshow_title_text_gallery_40 none">
  5754. </div>
  5755. <div
  5756. class="huge_it_slideshow_description_text_gallery_40 none">
  5757. </div>
  5758. </li>
  5759. <li class="huge_it_slideshow_image_second_item_gallery_40"
  5760.    id="image_id_gallery_40_3">
  5761. <img decoding="async" alt=""
  5762.     id="huge_it_slideshow_image_gallery_40_3"
  5763.     class="huge_it_slideshow_image_gallery_40"
  5764.     src="https://picoulet.centres-sociaux.fr/files/2026/01/4.png"
  5765.     data-image_id="735"/>
  5766. <div
  5767. class="huge_it_slideshow_title_text_gallery_40 none">
  5768. </div>
  5769. <div
  5770. class="huge_it_slideshow_description_text_gallery_40 none">
  5771. </div>
  5772. </li>
  5773. <li class="huge_it_slideshow_image_second_item_gallery_40"
  5774.    id="image_id_gallery_40_4">
  5775. <img decoding="async" alt=""
  5776.     id="huge_it_slideshow_image_gallery_40_4"
  5777.     class="huge_it_slideshow_image_gallery_40"
  5778.     src="https://picoulet.centres-sociaux.fr/files/2026/01/5.png"
  5779.     data-image_id="734"/>
  5780. <div
  5781. class="huge_it_slideshow_title_text_gallery_40 none">
  5782. </div>
  5783. <div
  5784. class="huge_it_slideshow_description_text_gallery_40 none">
  5785. </div>
  5786. </li>
  5787. <li class="huge_it_slideshow_image_second_item_gallery_40"
  5788.    id="image_id_gallery_40_5">
  5789. <img decoding="async" alt=""
  5790.     id="huge_it_slideshow_image_gallery_40_5"
  5791.     class="huge_it_slideshow_image_gallery_40"
  5792.     src="https://picoulet.centres-sociaux.fr/files/2026/01/6.png"
  5793.     data-image_id="733"/>
  5794. <div
  5795. class="huge_it_slideshow_title_text_gallery_40 none">
  5796. </div>
  5797. <div
  5798. class="huge_it_slideshow_description_text_gallery_40 none">
  5799. </div>
  5800. </li>
  5801. </ul>
  5802. <input type="hidden" id="huge_it_current_image_key_gallery_40" value="0"/>
  5803. </div>
  5804. </div>
  5805. </div>
  5806. </div><style>
  5807. .huge_it_slideshow_image_wrap_gallery_40 {
  5808.    height: 750px;
  5809.    width: 375px;
  5810.    max-width: calc(100% - 2 * 0px);
  5811.    position: relative;
  5812.    display: block;
  5813.    text-align: center;
  5814.    border: 0 px #ffffff solid;
  5815.    box-sizing: content-box;
  5816.    clear: both;
  5817. float:none; margin: 0 auto;}
  5818.  
  5819. .huge_it_slideshow_image_wrap_gallery_40 * {
  5820.    box-sizing: border-box;
  5821.    -moz-box-sizing: border-box;
  5822.    -webkit-box-sizing: border-box;
  5823. }
  5824.  
  5825. .huge_it_slideshow_image_gallery_40 {
  5826. width: 100%;
  5827.    height: 100%;
  5828.    left: 0;
  5829.    top: 0;
  5830. /* height: auto;
  5831.                top: 50%;
  5832.            left: 50%;
  5833.                transform: translate( -50%, -50% ); */
  5834. max-width: 100%;
  5835.    max-height: 100%;
  5836.    position: absolute;
  5837. }
  5838.  
  5839. .huge_it_slider_gallery_40 li iframe {
  5840.    width: 100%;
  5841.    height: 100%;
  5842. }
  5843.  
  5844. .huge_it_slider_gallery_40 li #thevideo {
  5845.    width: 100%;
  5846.    height: 100%;
  5847. }
  5848.  
  5849. .huge_it_slider_gallery_40 li .thumb_wrapper {
  5850.    width: 100%;
  5851.    height: 100%;
  5852. }
  5853.  
  5854. .huge_it_slider_gallery_40 li .thumb_wrapper img {
  5855.    position: relative;
  5856.    /*top: 50%;
  5857.    transform: translateY(-50%);*/
  5858. }
  5859.  
  5860. #huge_it_slideshow_left_gallery_40,
  5861. #huge_it_slideshow_right_gallery_40 {
  5862.    cursor: pointer;
  5863.    display: none;
  5864.    display: block;
  5865.    height: 100%;
  5866.    outline: medium none;
  5867.    position: absolute;
  5868.    /*z-index: 10130;*/
  5869.    z-index: 13;
  5870.    bottom: 25px;
  5871.    top: 50%;
  5872. }
  5873.  
  5874. #huge_it_slideshow_left-ico_gallery_40,
  5875. #huge_it_slideshow_right-ico_gallery_40 {
  5876.    z-index: 13;
  5877.    -moz-box-sizing: content-box;
  5878.    box-sizing: content-box;
  5879.    cursor: pointer;
  5880.    display: table;
  5881.    left: -9999px;
  5882.    line-height: 0;
  5883.    margin-top: -15px;
  5884.    position: absolute;
  5885.    top: 50%;
  5886. }
  5887.  
  5888. #huge_it_slideshow_left-ico_gallery_40:hover,
  5889. #huge_it_slideshow_right-ico_gallery_40:hover {
  5890.    cursor: pointer;
  5891. }
  5892.  
  5893. .huge_it_slideshow_image_container_gallery_40 {
  5894.    display: table;
  5895.    position: relative;
  5896.    top: 0;
  5897.    left: 0;
  5898.    text-align: center;
  5899.    vertical-align: middle;
  5900.    width: 100%;
  5901.    height: 100%;
  5902. }
  5903.  
  5904. .huge_it_slideshow_title_text_gallery_40 {
  5905.    text-decoration: none;
  5906.    position: absolute;
  5907.    z-index: 12;
  5908.    display: inline-block;
  5909. width: 30%;
  5910.    /*height:
  5911. 50 %;*/
  5912. right:0%;top:0%; padding: 2%;
  5913.    text-align: right;
  5914.    font-weight: bold;
  5915.    color: #000000;
  5916.    background: rgba(255,255,255,0.7)  !important;
  5917.    border-style: solid;
  5918.    font-size: 13px;
  5919.    border-width: 0px;
  5920.    border-color: #ffffff;
  5921.    border-radius: 4px;
  5922. }
  5923.  
  5924. .huge_it_slideshow_description_text_gallery_40 {
  5925.    text-decoration: none;
  5926.    position: absolute;
  5927.    z-index: 11;
  5928.    border-style: solid;
  5929.    display: inline-block;
  5930. width: 70%;
  5931.    /*height:
  5932. %;*/
  5933. right:0%;bottom:0%; padding: 3%;
  5934.    text-align: justify;
  5935.    color: #ffffff;
  5936.    background: rgba(0,0,0,0.7) !important;
  5937.    border-style: solid;
  5938.    font-size: 12px;
  5939.    border-width: 0px;
  5940.    border-color: #ffffff;
  5941.    border-radius: 0px;
  5942. }
  5943.  
  5944. .huge_it_slideshow_title_text_gallery_40.none, .huge_it_slideshow_description_text_gallery_40.none,
  5945. .huge_it_slideshow_title_text_gallery_40.hidden, .huge_it_slideshow_description_text_gallery_40.hidden {
  5946.    display: none;
  5947. }
  5948.  
  5949. .huge_it_gallery_like_cont_405082.none {
  5950.    display: none !important;
  5951. }
  5952.  
  5953. .huge_it_slideshow_title_text_gallery_40 h1, .huge_it_slideshow_description_text_gallery_40 h1,
  5954. .huge_it_slideshow_title_text_gallery_40 h2, .huge_it_slideshow_title_text_gallery_40 h2,
  5955. .huge_it_slideshow_title_text_gallery_40 h3, .huge_it_slideshow_title_text_gallery_40 h3,
  5956. .huge_it_slideshow_title_text_gallery_40 h4, .huge_it_slideshow_title_text_gallery_40 h4,
  5957. .huge_it_slideshow_title_text_gallery_40 p, .huge_it_slideshow_title_text_gallery_40 p,
  5958. .huge_it_slideshow_title_text_gallery_40 strong, .huge_it_slideshow_title_text_gallery_40 strong,
  5959. .huge_it_slideshow_title_text_gallery_40 span, .huge_it_slideshow_title_text_gallery_40 span,
  5960. .huge_it_slideshow_title_text_gallery_40 ul, .huge_it_slideshow_title_text_gallery_40 ul,
  5961. .huge_it_slideshow_title_text_gallery_40 li, .huge_it_slideshow_title_text_gallery_40 li {
  5962.    padding: 2px;
  5963.    margin: 0;
  5964. }
  5965.  
  5966. .huge_it_slide_container_gallery_40 {
  5967.    display: table-cell;
  5968.    margin: 0 auto;
  5969.    position: relative;
  5970.    vertical-align: middle;
  5971.    width: 100%;
  5972.    height: 100%;
  5973.    _width: inherit;
  5974.    _height: inherit;
  5975. }
  5976.  
  5977. .huge_it_slide_bg_gallery_40 {
  5978.    margin: 0 auto;
  5979.    width: 100%;
  5980.    height: 100%;
  5981.    _width: inherit;
  5982.    _height: inherit;
  5983. }
  5984.  
  5985. .huge_it_slider_gallery_40 {
  5986.    width: 100%;
  5987.    height: 100%;
  5988.    display: table;
  5989.    padding: 0;
  5990.    margin: 0;
  5991. }
  5992.  
  5993. .huge_it_slideshow_image_item_gallery_40 {
  5994.    width: 100%;
  5995.    height: 100%;
  5996.    display: table-cell;
  5997.    filter: Alpha(opacity=100);
  5998.    opacity: 1;
  5999.    position: absolute;
  6000.    top: 0;
  6001.    left: 0;
  6002.    vertical-align: middle;
  6003.    z-index: 2;
  6004.    margin: 0 !important;
  6005.    padding: 0;
  6006.    overflow: hidden;
  6007.    border-radius: 0px !important;
  6008. }
  6009.  
  6010. .huge_it_slideshow_image_second_item_gallery_40 {
  6011.    width: 100%;
  6012.    height: 100%;
  6013.    display: table-cell;
  6014.    filter: Alpha(opacity=0);
  6015.    opacity: 0;
  6016.    position: absolute;
  6017.    top: 0;
  6018.    left: 0;
  6019.    vertical-align: middle;
  6020.    z-index: 1;
  6021.    overflow: hidden;
  6022.    margin: 0 !important;
  6023.    padding: 0;
  6024.    border-radius: 0px !important;
  6025. }
  6026.  
  6027. .huge_it_grid_gallery_40 {
  6028.    display: none;
  6029.    height: 100%;
  6030.    overflow: hidden;
  6031.    position: absolute;
  6032.    width: 100%;
  6033. }
  6034.  
  6035. .huge_it_gridlet_gallery_40 {
  6036.    opacity: 1;
  6037.    filter: Alpha(opacity=100);
  6038.    position: absolute;
  6039. }
  6040.  
  6041. .huge_it_slideshow_dots_container_gallery_40 {
  6042.    display: table;
  6043.    position: absolute;
  6044.    width: 100% !important;
  6045.    height: 100% !important;
  6046. }
  6047.  
  6048. .huge_it_slideshow_dots_thumbnails_gallery_40 {
  6049.    margin: 0 auto;
  6050.    overflow: hidden;
  6051.    position: absolute;
  6052.    width: 100%;
  6053.    height: 60px;
  6054. }
  6055.  
  6056. .huge_it_slideshow_dots_gallery_40 {
  6057.    display: inline-block;
  6058.    position: relative;
  6059.    cursor: pointer;
  6060.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  6061.    width: 10px;
  6062.    height: 10px;
  6063.    border-radius: 10px;
  6064.    background: #00f;
  6065.    margin: 10px;
  6066.    overflow: hidden;
  6067.    z-index: 17;
  6068. }
  6069.  
  6070. .huge_it_slideshow_dots_active_gallery_40 {
  6071.    opacity: 1;
  6072.    background: #0f0;
  6073.    filter: Alpha(opacity=100);
  6074. }
  6075.  
  6076. .huge_it_slideshow_dots_deactive_gallery_40 {
  6077. }
  6078.  
  6079. .huge_it_slideshow_image_item1_gallery_40 {
  6080.    display: table;
  6081.    width: inherit;
  6082.    height: inherit;
  6083. }
  6084.  
  6085. .huge_it_slideshow_image_item2_gallery_40 {
  6086.    display: table-cell;
  6087.    vertical-align: middle;
  6088.    text-align: center;
  6089. }
  6090.  
  6091. .huge_it_slideshow_image_item2_gallery_40 a {
  6092.    display: block;
  6093.    vertical-align: middle;
  6094.    width: 100%;
  6095.    height: 100%;
  6096. }
  6097.  
  6098. .huge_it_slideshow_image_wrap_gallery_40 {
  6099.    background: #ffffff;
  6100. }
  6101.  
  6102. .huge_it_slideshow_dots_thumbnails_gallery_40 {
  6103. top: 0;
  6104. }
  6105.  
  6106. .huge_it_slideshow_dots_gallery_40 {
  6107.    background: #000000;
  6108. }
  6109.  
  6110. .huge_it_slideshow_dots_active_gallery_40 {
  6111.    background: #ffffff;
  6112. }
  6113.  
  6114. #huge_it_slideshow_left_gallery_40 {
  6115.    left: 0;
  6116.    margin-top: -21px;
  6117.    height: 43px;
  6118.    width: 29px;
  6119.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  6120. }
  6121.  
  6122. #huge_it_slideshow_right_gallery_40 {
  6123.    right: 0;
  6124.    margin-top: -21px;
  6125.    height: 43px;
  6126.    width: 29px;
  6127.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  6128. }
  6129.  
  6130. .thumb_image {
  6131.    position: absolute;
  6132.    width: 100%;
  6133.    height: 100%;
  6134.    top: 0;
  6135.    left: 0;
  6136. }
  6137.  
  6138. .entry-content a {
  6139.    border-bottom: none !important;
  6140. }
  6141.  
  6142. .gallery-img-content .noneDisplay {
  6143.    display: block;
  6144. }
  6145.  
  6146. </style>
  6147. </p>
  6148. <p style="text-align: center;"><a href="https://picoulet.centres-sociaux.fr/files/2026/01/2026_fevrier_web.pdf"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"></a><br />
  6149. Fichier à télécharger avec les <img decoding="async" class="alignnone wp-image-4671" src="https://picoulet.centres-sociaux.fr/files/2025/02/lien.gif" alt="" width="23" height="31"> cliquables : <a href="https://picoulet.centres-sociaux.fr/files/2026/01/2026_fevrier_web.pdf">PDF</a></p>
  6150. ]]></content:encoded>
  6152. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2026/01/29/02-2026/feed/</wfw:commentRss>
  6153. <slash:comments>0</slash:comments>
  6156. </item>
  6157. <item>
  6158. <title>Programme de Décembre et fin d&#8217;année</title>
  6159. <link>https://picoulet.centres-sociaux.fr/2025/11/30/programme-de-decembre/</link>
  6160. <comments>https://picoulet.centres-sociaux.fr/2025/11/30/programme-de-decembre/#comments</comments>
  6162. <dc:creator><![CDATA[laetitia]]></dc:creator>
  6163. <pubDate>Sun, 30 Nov 2025 16:47:08 +0000</pubDate>
  6164. <category><![CDATA[Programmes mensuels]]></category>
  6165. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5050</guid>
  6166.  
  6167. <description><![CDATA[Fichier à télécharger : PDF]]></description>
  6168. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  6169. /*===== general options =========*/
  6170. a {
  6171.    box-shadow: none !important;
  6172. }
  6173.  
  6174. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  6175.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  6176. }
  6177.  
  6178. #album_disabled_layer {
  6179.    display: none;
  6180.    position: absolute;
  6181.    width: 100%;
  6182.    height: 100%;
  6183.    text-align: center;
  6184.    background-color: transparent;
  6185.    z-index: 10;
  6186.    padding-top: 20px;
  6187.    color: #fff;
  6188. }
  6189.  
  6190. #album_list_container {
  6191.    position: relative;
  6192. }
  6193.  
  6194. /* ====================== album onhover styles ==========================*/
  6195.  
  6196. #album_list .view {
  6197.    -webkit-box-sizing: border-box;
  6198.    -moz-box-sizing: border-box;
  6199.    -o-box-sizing: border-box;
  6200.    display: none;
  6201.  
  6202. }
  6203.  
  6204. .view .mask,
  6205. .view .content {
  6206.    width: 100%;
  6207.    height: 100%;
  6208.    position: absolute;
  6209.    overflow: hidden;
  6210.    top: 0;
  6211.    left: 0;
  6212. }
  6213.  
  6214. .view h2 {
  6215.    text-transform: uppercase;
  6216.    color: #fff;
  6217.    text-align: center;
  6218.    position: relative;
  6219.    font-size: 17px;
  6220.    font-family: Raleway, serif;
  6221.    padding: 10px;
  6222.    /*background: rgba(0, 0, 0, 0.8);*/
  6223.    margin: 20px 0 0 0;
  6224.  
  6225. }
  6226.  
  6227. .album_back_button a, .view a {
  6228.    text-decoration: none !important;
  6229. }
  6230.  
  6231. .view p {
  6232.    font-family: Merriweather, serif;
  6233.    font-style: italic;
  6234.    font-size: 14px;
  6235.    position: relative;
  6236.    color: #fff;
  6237.    padding: 0px 20px 0px;
  6238.    text-align: center;
  6239.  
  6240. }
  6241.  
  6242. .view a.info {
  6243.    display: inline-block;
  6244.    text-decoration: none;
  6245.    font-size: 13px;
  6246.    padding: 2px 14px;
  6247.    margin-bottom: 3px;
  6248.    background: #000;
  6249.    color: #fff;
  6250.    font-family: Raleway, serif;
  6251.    text-transform: uppercase;
  6252.    box-shadow: 0 0 1px #000
  6253. }
  6254.  
  6255. .mask-text h2 {
  6256.    font-size: 20px !important;
  6257. }
  6258.  
  6259. .view a.info:hover {
  6260.    box-shadow: 0 0 5px #000
  6261. }
  6262.  
  6263. .view .mask-bg {
  6264.    height: 100%;
  6265. }
  6266.  
  6267. .view .album_social {
  6268.    color: #fff;
  6269.    position: absolute;
  6270.    bottom: 3px;
  6271.    left: 3px;
  6272.    border: 1px solid #ffffff;
  6273.    -webkit-border-radius: 3px;
  6274.    -moz-border-radius: 3px;
  6275.    border-radius: 3px;
  6276.    padding: 3px 5px;
  6277.  
  6278. }
  6279.  
  6280. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  6281.    color: #ffffff;
  6282.    outline: none;
  6283. }
  6284.  
  6285. /*1*/
  6286.  
  6287. .view .info {
  6288.    margin-top: 5px;
  6289. }
  6290.  
  6291. .view-first .mask {
  6292.    opacity: 0;
  6293.    background-color: rgba(0, 0, 0, 0.7);
  6294.    transition: all 0.4s ease-in-out;
  6295.  
  6296. }
  6297.  
  6298. .view-first h2 {
  6299.    transform: translateY(-100px);
  6300.    opacity: 0;
  6301.    font-family: Raleway, serif;
  6302.    transition: all 0.2s ease-in-out;
  6303. }
  6304.  
  6305. .view-first p {
  6306.    transform: translateY(100px);
  6307.    opacity: 0;
  6308.    transition: all 0.2s linear;
  6309. }
  6310.  
  6311. .view-first a.info {
  6312.    opacity: 0;
  6313.    transition: all 0.2s ease-in-out;
  6314. }
  6315.  
  6316. /* */
  6317.  
  6318. .view-first:hover img {
  6319.    /*transform: scale(1.1);*/
  6320. }
  6321.  
  6322. .view-first:hover .mask {
  6323.    opacity: 1;
  6324. }
  6325.  
  6326. .view-first:hover h2,
  6327. .view-first:hover p,
  6328. .view-first:hover a.info {
  6329.    opacity: 1;
  6330.    transform: translateY(0px);
  6331. }
  6332.  
  6333. .view-first:hover p {
  6334.    transition-delay: 0.1s;
  6335. }
  6336.  
  6337. .view-first:hover a.info {
  6338.    transition-delay: 0.2s;
  6339. }
  6340.  
  6341. /*2*/
  6342. .view-second img {
  6343.    -webkit-filter: grayscale(0) blur(0);
  6344.    filter: grayscale(0) blur(0);
  6345.    -webkit-transition: .3s ease-in-out;
  6346.    transition: .3s ease-in-out;
  6347. }
  6348.  
  6349. .view-second .mask {
  6350.    background-color: rgba(226, 200, 127, 0.2);
  6351.    transition: all 0.5s linear;
  6352.    opacity: 0;
  6353. }
  6354.  
  6355. .view-second h2 {
  6356.    background: transparent;
  6357.    margin: 20px 40px 0px 40px;
  6358.    transform: scale(0);
  6359.    color: #333;
  6360.    transition: all 0.5s linear;
  6361.    opacity: 0;
  6362. }
  6363.  
  6364. .view-second p {
  6365.    opacity: 0;
  6366.    transform: scale(0);
  6367.    transition: all 0.5s linear;
  6368. }
  6369.  
  6370. .view-second a.info {
  6371.    opacity: 0;
  6372.    transform: scale(0);
  6373.    transition: all 0.5s linear;
  6374. }
  6375.  
  6376. .view-second:hover img {
  6377.    -webkit-filter: grayscale(100%) blur(3px);
  6378.    filter: grayscale(100%) blur(3px);
  6379. }
  6380.  
  6381. .view-second:hover .mask {
  6382.    opacity: 1;
  6383. }
  6384.  
  6385. .view-second:hover h2,
  6386. .view-second:hover p,
  6387. .view-second:hover a.info {
  6388.    transform: scale(1);
  6389.    opacity: 1;
  6390. }
  6391.  
  6392. .view-second img {
  6393.    -webkit-filter: grayscale(0) blur(0);
  6394.    filter: grayscale(0) blur(0);
  6395.    -webkit-transition: .3s ease-in-out;
  6396.    transition: .3s ease-in-out;
  6397. }
  6398.  
  6399. .view-second:hover img {
  6400.    -webkit-filter: grayscale(100%) blur(3px);
  6401.    filter: grayscale(100%) blur(3px);
  6402. }
  6403.  
  6404. /*3*/
  6405.  
  6406. .view-third img {
  6407.    transform: scaleY(1);
  6408.    transition: all .7s ease-in-out;
  6409. }
  6410.  
  6411. .view-third a.info {
  6412.    opacity: 0;
  6413.    transform: scale(0);
  6414.    transition: all 0.5s linear;
  6415. }
  6416.  
  6417. .view-third:hover img {
  6418.    -webkit-transform: scale(10);
  6419.    transform: scale(10);
  6420.    opacity: 0;
  6421. }
  6422.  
  6423. .view-third:hover .mask {
  6424.    opacity: 1;
  6425. }
  6426.  
  6427. .view-third:hover h2,
  6428. .view-third:hover p,
  6429. .view-third:hover a.info {
  6430.    transform: scale(1);
  6431.    opacity: 1;
  6432. }
  6433.  
  6434. /* ==== view 4 ===*/
  6435.  
  6436. .view-forth-wrapper {
  6437.    overflow: hidden;
  6438.    position: relative !important;
  6439.    height: 100%;
  6440.    /* cursor: pointer;*/
  6441. }
  6442.  
  6443. .view-forth img {
  6444.    max-width: 100%;
  6445.    position: relative;
  6446.    top: 0;
  6447.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  6448.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  6449. }
  6450.  
  6451. .view-forth .mask {
  6452.    position: absolute;
  6453.    width: 100%;
  6454.    /*    height: 70px;*/
  6455.    /*    bottom: -70px;*/
  6456.    height: 50%;
  6457.    bottom: -50%;
  6458.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  6459.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  6460.    top: inherit;
  6461. }
  6462.  
  6463. .view-forth:hover .mask {
  6464.    bottom: 0;
  6465. }
  6466.  
  6467. .view-forth:hover img {
  6468.    top: -30px;
  6469. }
  6470.  
  6471. /*==  view 5 ==*/
  6472.  
  6473. .view-fifth .view-fifth-wrapper,
  6474. .view-fifth .view-fifth-wrapper img {
  6475.    display: block;
  6476.    position: relative;
  6477. }
  6478.  
  6479. .view-fifth .view-fifth-wrapper {
  6480.    overflow: hidden;
  6481.    height: 100%;
  6482. }
  6483.  
  6484. .view-fifth .view-fifth-wrapper .mask {
  6485.    display: none;
  6486.    position: absolute;
  6487.    background: #333;
  6488.    background: rgba(75, 75, 75, 0.7);
  6489.    width: 100%;
  6490.    height: 100%;
  6491. }
  6492.  
  6493. /* ====================== album category styles ==========================*/
  6494.  
  6495. #filters {
  6496.    margin: 1% 0;
  6497.    padding: 0;
  6498.    list-style: none;
  6499.    list-style-type: none !important;
  6500.  
  6501. }
  6502.  
  6503. #filters li {
  6504.    float: left;
  6505.    list-style-type: none !important;
  6506. }
  6507.  
  6508. #filters li:first-child span {
  6509.    margin-left: 0px;
  6510. }
  6511.  
  6512. #filters li span {
  6513.    display: block;
  6514.    text-decoration: none;
  6515.    cursor: pointer;
  6516. }
  6517.  
  6518. .album_categories {
  6519.    list-style-type: none;
  6520.    margin: 0;
  6521.    padding: 0;
  6522.    overflow: hidden;
  6523.    padding-top: 5px;
  6524. }
  6525.  
  6526. /*=========  sharing buttons  ============*/
  6527.  
  6528. .album_socials {
  6529.    position: relative;
  6530.    top: 3px;
  6531.    width: 100px;
  6532.    height: 28px;
  6533.    margin: 0 auto;
  6534. }
  6535.  
  6536. .album_socials .rwd-share-buttons {
  6537.    top: 0px !important;
  6538.    width: 100% !important;
  6539.    margin: 0px !important;
  6540. }
  6541.  
  6542. .album_socials a {
  6543.    text-decoration: underline !important;
  6544. }
  6545.  
  6546. .gallery_images, .album_image_place {
  6547.    margin-top: 15px;
  6548.    margin-top: 15px;
  6549. }
  6550.  
  6551. #rwd-share-facebook:hover {
  6552.    background-position: 0 -31px !important;
  6553. }
  6554.  
  6555. #rwd-share-twitter:hover {
  6556.    background-position: -31px 32px !important;
  6557. }
  6558.  
  6559. #rwd-share-googleplus:hover {
  6560.    background-position: -66px -31px !important;
  6561. }
  6562.  
  6563. .rwd-share-buttons li, .rwd-share-buttons li a {
  6564.    width: 26px !important;
  6565.    border: 0px !important;
  6566. }
  6567.  
  6568. .rwd-share-buttons {
  6569.    top: 0 !important;
  6570. }
  6571.  
  6572. .img_link_btn {
  6573.    position: absolute;
  6574.    z-index: 99999;
  6575.    bottom: 0;
  6576.    left: 0;
  6577.    right: 0;
  6578.    width: 100%;
  6579.    padding: 8px;
  6580. }
  6581.  
  6582. .rwd-title {
  6583.    padding: 10px 0px !important;
  6584. }
  6585.  
  6586. @media only screen and (max-width: 475px) {
  6587.    .rwd-share-buttons {
  6588.        top: -25px !important;
  6589.    }
  6590.  
  6591.    .rwd-title-text {
  6592.        line-height: 15px;
  6593.    }
  6594. }
  6595.  
  6596. /*=========  hover style ===========*/
  6597.  
  6598. #hover {
  6599.    color: rgba(188, 175, 204, 0.9);
  6600. }
  6601.  
  6602. h2#testimonials {
  6603.    color: #fffae3;
  6604. }
  6605.  
  6606. div#all {
  6607.    width: 100%;
  6608.    height: 100%;
  6609. }
  6610.  
  6611. .view img {
  6612.    height: auto;
  6613. }
  6614.  
  6615. .view {
  6616.    color: #fff;
  6617.    margin: 0 10px 10px 0;
  6618.    overflow: hidden;
  6619.    position: relative;
  6620.    text-align: center;
  6621.    float: left;
  6622.    cursor: default;
  6623.    border: 1px solid #ccc;
  6624. }
  6625.  
  6626. .view-wrapper {
  6627.    height: 100%;
  6628. }
  6629.  
  6630. .view img {
  6631.    display: block;
  6632.    position: relative;
  6633.    transition: all 0.2s linear;
  6634.    height: 100%;
  6635.    width: auto;
  6636.    max-width: 100%;
  6637.    margin: 0 auto;
  6638. }
  6639.  
  6640. .mask-text h2 {
  6641.    font-size: 20px !important;
  6642.    margin-top: 20px !important;
  6643. }
  6644.  
  6645. /* view 1 */
  6646.  
  6647. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  6648.    color: #fff;
  6649. }
  6650.  
  6651. /*  view 2 */
  6652. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  6653.    color: #333;
  6654. }
  6655.  
  6656. .view-second .mask-text h2 {
  6657.    border-bottom: 1px solid #333;
  6658. }
  6659.  
  6660. /* view 3*/
  6661. .view-third .mask {
  6662.    background-color: #ccc;
  6663.    transition: all 0.5s linear;
  6664.    opacity: 0;
  6665.    color: #333;
  6666. }
  6667.  
  6668. .view-third h2 {
  6669.    border-bottom: 1px solid #333;
  6670.    background: transparent;
  6671.    margin: 20px 40px 0px 40px;
  6672.    transform: scale(0);
  6673.    color: #333;
  6674.    transition: all 0.5s linear;
  6675.    opacity: 0;
  6676. }
  6677.  
  6678. .view-third p {
  6679.    color: #333;
  6680.    opacity: 0;
  6681.    transform: scale(0);
  6682.    transition: all 0.5s linear;
  6683. }
  6684.  
  6685. .view-third .text-category {
  6686.    color: #333;
  6687. }
  6688.  
  6689. /* view 4 */
  6690.  
  6691. .view-forth .mask-bg {
  6692.    background: #333;
  6693.    width: 100%;
  6694.    height: 100%;
  6695.    position: absolute;
  6696.    top: 0;
  6697.    left: 0;
  6698. }
  6699.  
  6700. .view-forth .mask-text {
  6701.    color: #fff;
  6702.    position: relative;
  6703.    z-index: 500;
  6704.    padding: 5px 8px;
  6705. }
  6706.  
  6707. .view-forth .mask-text h2 {
  6708.    margin: 0px;
  6709.    font-size: 13px;
  6710.    padding: 2px;
  6711.    color: #fff;
  6712. }
  6713.  
  6714. .view-forth .mask-text h2:hover {
  6715.    cursor: pointer;
  6716. }
  6717.  
  6718. .view-forth .text-category {
  6719.    display: block;
  6720.    font-size: 15px;
  6721.    color: #fff;
  6722. }
  6723.  
  6724. .view-forth p {
  6725.    color: #fff;
  6726. }
  6727.  
  6728. /* view 5 */
  6729. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  6730.    color: #fff;
  6731. }
  6732.  
  6733. </style><script>
  6734. var data_gallery_39 = [];
  6735. var event_stack_gallery_39 = [];
  6736. data_gallery_39["0"]=[];data_gallery_39["0"]["id"]="0";data_gallery_39["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/1.png";data_gallery_39["0"]["description"]="";data_gallery_39["0"]["alt"]="";data_gallery_39["1"]=[];data_gallery_39["1"]["id"]="1";data_gallery_39["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/2.png";data_gallery_39["1"]["description"]="";data_gallery_39["1"]["alt"]="";data_gallery_39["2"]=[];data_gallery_39["2"]["id"]="2";data_gallery_39["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/3.png";data_gallery_39["2"]["description"]="";data_gallery_39["2"]["alt"]="";data_gallery_39["3"]=[];data_gallery_39["3"]["id"]="3";data_gallery_39["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/4.png";data_gallery_39["3"]["description"]="";data_gallery_39["3"]["alt"]="";data_gallery_39["4"]=[];data_gallery_39["4"]["id"]="4";data_gallery_39["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/5.png";data_gallery_39["4"]["description"]="";data_gallery_39["4"]["alt"]="";data_gallery_39["5"]=[];data_gallery_39["5"]["id"]="5";data_gallery_39["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/11/6.png";data_gallery_39["5"]["description"]="";data_gallery_39["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_39 = false;
  6737. var huge_it_transition_duration_gallery_39 = 1000;
  6738. var huge_it_playInterval_gallery_39;
  6739. // Stop autoplay.
  6740. window.clearInterval(huge_it_playInterval_gallery_39);
  6741. // alert('huge_it_current_key_gallery_39');
  6742. var huge_it_current_key_gallery_39 = '';
  6743. function huge_it_move_dots_gallery_39() {
  6744. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_39").position().left;
  6745. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_39").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_39").outerWidth(true);
  6746. }
  6747. function huge_it_testBrowser_cssTransitions_gallery_39() {
  6748. return huge_it_testDom_gallery_39('Transition');
  6749. }
  6750. function huge_it_testBrowser_cssTransforms3d_gallery_39() {
  6751. return huge_it_testDom_gallery_39('Perspective');
  6752. }
  6753. function huge_it_testDom_gallery_39(prop) {
  6754. // Browser vendor CSS prefixes.
  6755. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  6756. // Browser vendor DOM prefixes.
  6757. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  6758. var i = domPrefixes.length;
  6759. while (i--) {
  6760. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  6761. return true;
  6762. }
  6763. }
  6764. return false;
  6765. }
  6766. function huge_it_cube_gallery_39(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  6767. /* If browser does not support 3d transforms/CSS transitions.*/
  6768. if (!huge_it_testBrowser_cssTransitions_gallery_39()) {
  6769. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6770. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6771. return huge_it_fallback_gallery_39(current_image_class, next_image_class, direction);
  6772. }
  6773. if (!huge_it_testBrowser_cssTransforms3d_gallery_39()) {
  6774. return huge_it_fallback3d_gallery_39(current_image_class, next_image_class, direction);
  6775. }
  6776. huge_it_trans_in_progress_gallery_39 = true;
  6777. /* Set active thumbnail.*/
  6778. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6779. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6780. jQuery(".huge_it_slide_bg_gallery_39").css('perspective', 1000);
  6781. jQuery(current_image_class).css({
  6782. transform : 'translateZ(' + tz + 'px)',
  6783. backfaceVisibility : 'hidden'
  6784. });
  6785. jQuery(".huge_it_slideshow_image_wrap_gallery_39,.huge_it_slide_bg_gallery_39,.huge_it_slideshow_image_item_gallery_39,.huge_it_slideshow_image_second_item_gallery_39 ").css('overflow', 'visible');
  6786. jQuery(next_image_class).css({
  6787. opacity : 1,
  6788. filter: 'Alpha(opacity=100)',
  6789. backfaceVisibility : 'hidden',
  6790. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  6791. });
  6792. jQuery(".huge_it_slider_gallery_39").css({
  6793. transform: 'translateZ(-' + tz + 'px)',
  6794. transformStyle: 'preserve-3d'
  6795. });
  6796. /* Execution steps.*/
  6797. setTimeout(function () {
  6798. jQuery(".huge_it_slider_gallery_39").css({
  6799. transition: 'all ' + huge_it_transition_duration_gallery_39 + 'ms ease-in-out',
  6800. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  6801. });
  6802. }, 20);
  6803. /* After transition.*/
  6804. jQuery(".huge_it_slider_gallery_39").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  6805. function huge_it_after_trans() {
  6806. jQuery(".huge_it_slide_bg_gallery_39,.huge_it_slideshow_image_item_gallery_39,.huge_it_slideshow_image_second_item_gallery_39 ").css('overflow', 'hidden');
  6807. jQuery(".huge_it_slide_bg_gallery_39").removeAttr('style');
  6808. jQuery(current_image_class).removeAttr('style');
  6809. jQuery(next_image_class).removeAttr('style');
  6810. jQuery(".huge_it_slider_gallery_39").removeAttr('style');
  6811. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  6812. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  6813. // huge_it_change_watermark_container_gallery_39();
  6814. huge_it_trans_in_progress_gallery_39 = false;
  6815. if (typeof event_stack_gallery_39 !== 'undefined' && event_stack_gallery_39.length > 0) {
  6816. key = event_stack_gallery_39[0].split("-");
  6817. event_stack_gallery_39.shift();
  6818. huge_it_change_image_gallery_39(key[0], key[1], data_gallery_39, true,false);
  6819. }
  6820. }
  6821. }
  6822. function huge_it_cubeH_gallery_39(current_image_class, next_image_class, direction) {
  6823. /* Set to half of image width.*/
  6824. var dimension = jQuery(current_image_class).width() / 2;
  6825. if (direction == 'right') {
  6826. huge_it_cube_gallery_39(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  6827. }
  6828. else if (direction == 'left') {
  6829. huge_it_cube_gallery_39(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  6830. }
  6831. }
  6832. function huge_it_cubeV_gallery_39(current_image_class, next_image_class, direction) {
  6833. /* Set to half of image height.*/
  6834. var dimension = jQuery(current_image_class).height() / 2;
  6835. /* If next slide.*/
  6836. if (direction == 'right') {
  6837. huge_it_cube_gallery_39(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  6838. }
  6839. else if (direction == 'left') {
  6840. huge_it_cube_gallery_39(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  6841. }
  6842. }
  6843. /* For browsers that does not support transitions.*/
  6844. function huge_it_fallback_gallery_39(current_image_class, next_image_class, direction) {
  6845. huge_it_fade_gallery_39(current_image_class, next_image_class, direction);
  6846. }
  6847. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  6848. function huge_it_fallback3d_gallery_39(current_image_class, next_image_class, direction) {
  6849. huge_it_sliceV_gallery_39(current_image_class, next_image_class, direction);
  6850. }
  6851. function huge_it_none_gallery_39(current_image_class, next_image_class, direction) {
  6852. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  6853. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  6854. /* Set active thumbnail.*/
  6855. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6856. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6857. }
  6858. function huge_it_fade_gallery_39(current_image_class, next_image_class, direction) {
  6859. if (huge_it_testBrowser_cssTransitions_gallery_39()) {
  6860. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_39 + 'ms linear');
  6861. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_39 + 'ms linear');
  6862. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  6863. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  6864. }
  6865. else {
  6866. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_39);
  6867. jQuery(next_image_class).animate({
  6868. 'opacity' : 1,
  6869. 'z-index': 2
  6870. }, {
  6871. duration: huge_it_transition_duration_gallery_39,
  6872. complete: function () {return false;}
  6873. });
  6874. // For IE.
  6875. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_39, 0);
  6876. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_39, 1);
  6877. }
  6878. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6879. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6880. }
  6881. function huge_it_grid_gallery_39(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  6882. /* If browser does not support CSS transitions.*/
  6883. if (!huge_it_testBrowser_cssTransitions_gallery_39()) {
  6884. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6885. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6886. return huge_it_fallback_gallery_39(current_image_class, next_image_class, direction);
  6887. }
  6888. huge_it_trans_in_progress_gallery_39 = true;
  6889. /* Set active thumbnail.*/
  6890. jQuery(".huge_it_slideshow_dots_gallery_39").removeClass("huge_it_slideshow_dots_active_gallery_39").addClass("huge_it_slideshow_dots_deactive_gallery_39");
  6891. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_39 + "_gallery_39").removeClass("huge_it_slideshow_dots_deactive_gallery_39").addClass("huge_it_slideshow_dots_active_gallery_39");
  6892. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  6893. var count = (huge_it_transition_duration_gallery_39) / (cols + rows);
  6894. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  6895. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  6896. var delay = (c + r) * count;
  6897. /* Return a gridlet elem with styles for specific transition.*/
  6898. return jQuery('<div class="huge_it_gridlet_gallery_39" />').css({
  6899. width : width,
  6900. height : height,
  6901. top : top,
  6902. left : left,
  6903. backgroundImage : 'url("' + src + '")',
  6904. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_39").css("background-color"),
  6905. /*backgroundColor: rgba(0, 0, 0, 0),*/
  6906. backgroundRepeat: 'no-repeat',
  6907. backgroundPosition : img_left + 'px ' + img_top + 'px',
  6908. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  6909. transition : 'all ' + huge_it_transition_duration_gallery_39 + 'ms ease-in-out ' + delay + 'ms',
  6910. transform : 'none'
  6911. });
  6912. }
  6913. /* Get the current slide's image.*/
  6914. var cur_img = jQuery(current_image_class).find('img');
  6915. /* Create a grid to hold the gridlets.*/
  6916. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_39');
  6917. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  6918. jQuery(current_image_class).prepend(grid);
  6919. /* vars to calculate positioning/size of gridlets*/
  6920. var cont = jQuery(".huge_it_slide_bg_gallery_39");
  6921. var imgWidth = cur_img.width();
  6922. var imgHeight = cur_img.height();
  6923. var contWidth = cont.width(),
  6924. contHeight = cont.height(),
  6925. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  6926. colWidth = Math.floor(contWidth / cols),
  6927. rowHeight = Math.floor(contHeight / rows),
  6928. colRemainder = contWidth - (cols * colWidth),
  6929. colAdd = Math.ceil(colRemainder / cols),
  6930. rowRemainder = contHeight - (rows * rowHeight),
  6931. rowAdd = Math.ceil(rowRemainder / rows),
  6932. leftDist = 0,
  6933. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_39").width() - cur_img.width()) / 2;
  6934. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  6935. tx = tx === 'auto' ? contWidth : tx;
  6936. tx = tx === 'min-auto' ? - contWidth : tx;
  6937. ty = ty === 'auto' ? contHeight : ty;
  6938. ty = ty === 'min-auto' ? - contHeight : ty;
  6939. /* Loop through cols*/
  6940. for (var i = 0; i < cols; i++) {
  6941. var topDist = 0,
  6942. img_topDst = (jQuery(".huge_it_slide_bg_gallery_39").height() - cur_img.height()) / 2,
  6943. newColWidth = colWidth;
  6944. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  6945. if (colRemainder > 0) {
  6946. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  6947. newColWidth += add;
  6948. colRemainder -= add;
  6949. }
  6950. /* Nested loop to create row gridlets for each col.*/
  6951. for (var j = 0; j < rows; j++)  {
  6952. var newRowHeight = rowHeight,
  6953. newRowRemainder = rowRemainder;
  6954. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  6955. if (newRowRemainder > 0) {
  6956. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  6957. newRowHeight += add;
  6958. newRowRemainder -= add;
  6959. }
  6960. /* Create & append gridlet to grid.*/
  6961. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  6962. topDist += newRowHeight;
  6963. img_topDst -= newRowHeight;
  6964. }
  6965. img_leftDist -= newColWidth;
  6966. leftDist += newColWidth;
  6967. }
  6968. /* Set event listener on last gridlet to finish transitioning.*/
  6969. var last_gridlet = grid.children().last();
  6970. /* Show grid & hide the image it replaces.*/
  6971. grid.show();
  6972. cur_img.css('opacity', 0);
  6973. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  6974. grid.children().first().addClass('rs-top-left');
  6975. grid.children().last().addClass('rs-bottom-right');
  6976. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  6977. grid.children().eq(- rows).addClass('rs-top-right');
  6978. /* Execution steps.*/
  6979. setTimeout(function () {
  6980. grid.children().css({
  6981. opacity: op,
  6982. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  6983. });
  6984. }, 1);
  6985. jQuery(next_image_class).css('opacity', 1);
  6986. /* After transition.*/
  6987. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  6988. function huge_it_after_trans() {
  6989. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  6990. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  6991. cur_img.css('opacity', 1);
  6992. grid.remove();
  6993. huge_it_trans_in_progress_gallery_39 = false;
  6994. if (typeof event_stack_gallery_39 !== 'undefined' && event_stack_gallery_39.length > 0) {
  6995. key = event_stack_gallery_39[0].split("-");
  6996. event_stack_gallery_39.shift();
  6997. huge_it_change_image_gallery_39(key[0], key[1], data_gallery_39, true,false);
  6998. }
  6999. }
  7000. }
  7001. function huge_it_sliceH_gallery_39(current_image_class, next_image_class, direction) {
  7002. if (direction == 'right') {
  7003. var translateX = 'min-auto';
  7004. }
  7005. else if (direction == 'left') {
  7006. var translateX = 'auto';
  7007. }
  7008. huge_it_grid_gallery_39(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  7009. }
  7010. function huge_it_sliceV_gallery_39(current_image_class, next_image_class, direction) {
  7011. if (direction == 'right') {
  7012. var translateY = 'min-auto';
  7013. }
  7014. else if (direction == 'left') {
  7015. var translateY = 'auto';
  7016. }
  7017. huge_it_grid_gallery_39(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  7018. }
  7019. function huge_it_slideV_gallery_39(current_image_class, next_image_class, direction) {
  7020. if (direction == 'right') {
  7021. var translateY = 'auto';
  7022. }
  7023. else if (direction == 'left') {
  7024. var translateY = 'min-auto';
  7025. }
  7026. huge_it_grid_gallery_39(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  7027. }
  7028. function huge_it_slideH_gallery_39(current_image_class, next_image_class, direction) {
  7029. if (direction == 'right') {
  7030. var translateX = 'min-auto';
  7031. }
  7032. else if (direction == 'left') {
  7033. var translateX = 'auto';
  7034. }
  7035. huge_it_grid_gallery_39(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  7036. }
  7037. function huge_it_scaleOut_gallery_39(current_image_class, next_image_class, direction) {
  7038. huge_it_grid_gallery_39(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  7039. }
  7040. function huge_it_scaleIn_gallery_39(current_image_class, next_image_class, direction) {
  7041. huge_it_grid_gallery_39(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  7042. }
  7043. function huge_it_blockScale_gallery_39(current_image_class, next_image_class, direction) {
  7044. huge_it_grid_gallery_39(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  7045. }
  7046. function huge_it_kaleidoscope_gallery_39(current_image_class, next_image_class, direction) {
  7047. huge_it_grid_gallery_39(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  7048. }
  7049. function huge_it_fan_gallery_39(current_image_class, next_image_class, direction) {
  7050. if (direction == 'right') {
  7051. var rotate = 45;
  7052. var translateX = 100;
  7053. }
  7054. else if (direction == 'left') {
  7055. var rotate = -45;
  7056. var translateX = -100;
  7057. }
  7058. huge_it_grid_gallery_39(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  7059. }
  7060. function huge_it_blindV_gallery_39(current_image_class, next_image_class, direction) {
  7061. huge_it_grid_gallery_39(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  7062. }
  7063. function huge_it_blindH_gallery_39(current_image_class, next_image_class, direction) {
  7064. huge_it_grid_gallery_39(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  7065. }
  7066. function huge_it_random_gallery_39(current_image_class, next_image_class, direction) {
  7067. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  7068. /* Pick a random transition from the anims array.*/
  7069. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_39"](current_image_class, next_image_class, direction);
  7070. }
  7071. function iterator_gallery_39() {
  7072. var iterator = 1;
  7073. return iterator;
  7074. }
  7075. function huge_it_change_image_gallery_39(current_key, key, data_gallery_39, from_effect,clicked) {
  7076. if (data_gallery_39[key]) {
  7077. if(typeof video_is_playing_gallery_39 != 'undefined' && video_is_playing_gallery_39 && !clicked){
  7078. return false;
  7079. }
  7080. if (!from_effect) {
  7081. // Change image key.
  7082. jQuery("#huge_it_current_image_key_gallery_39").val(key);
  7083. // if (current_key == '-2') { /* Dots.*/
  7084. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_39").attr("data-image_key");
  7085. //  }
  7086. }
  7087. if (huge_it_trans_in_progress_gallery_39) {
  7088. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_39").after(" --IN TRANSACTION-- <br />");
  7089. event_stack_gallery_39.push(current_key + '-' + key);
  7090. return;
  7091. }
  7092. var direction = 'right';
  7093. if (huge_it_current_key_gallery_39 > key) {
  7094. var direction = 'left';
  7095. }
  7096. else if (huge_it_current_key_gallery_39 == key) {
  7097. return false;
  7098. }
  7099. // Set active thumbnail position.
  7100. huge_it_current_key_gallery_39 = key;
  7101. //Change image id, title, description.
  7102. jQuery(".huge_it_slideshow_image_gallery_39").attr('data-image_id', data_gallery_39[key]["id"]);
  7103. jQuery(".huge_it_slideshow_title_text_gallery_39").html(data_gallery_39[key]["alt"]);
  7104. jQuery(".huge_it_slideshow_description_text_gallery_39").html(data_gallery_39[key]["description"]);
  7105. var current_image_class = "#image_id_gallery_39_" + data_gallery_39[current_key]["id"];
  7106. var next_image_class = "#image_id_gallery_39_" + data_gallery_39[key]["id"];
  7107. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_39').length>0) {
  7108. var streffect='none';
  7109. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  7110. huge_it_none_gallery_39(current_image_class, next_image_class, direction);
  7111. }else{
  7112. huge_it_fade_gallery_39(current_image_class, next_image_class, direction);
  7113. }
  7114. }else{
  7115. huge_it_none_gallery_39(current_image_class, next_image_class, direction);
  7116. }
  7117. jQuery('.huge_it_slideshow_title_text_gallery_39').removeClass('none');
  7118. if(jQuery('.huge_it_slideshow_title_text_gallery_39').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_39').addClass('none');}
  7119. jQuery('.huge_it_slideshow_description_text_gallery_39').removeClass('none');
  7120. jQuery('.huge_it_gallery_like_cont_395050').removeClass('none');
  7121. if(jQuery('.huge_it_slideshow_description_text_gallery_39').html()==""){
  7122. jQuery('.huge_it_slideshow_description_text_gallery_39').addClass('none');
  7123. }
  7124. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_39').addClass('none');
  7125. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_39').addClass('none');
  7126. jQuery(current_image_class).find('.huge_it_gallery_like_cont_395050').addClass('none');
  7127. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_39").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  7128. huge_it_move_dots_gallery_39();
  7129. window.clearInterval(huge_it_playInterval_gallery_39);
  7130. play_gallery_39();
  7131. }
  7132. }
  7133. function huge_it_popup_resize_gallery_39() {
  7134. var staticsliderwidth=375;
  7135. var sliderwidth=375;
  7136. var bodyWidth=jQuery(window).width();
  7137. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_39").parent().width();
  7138.  
  7139. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  7140. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  7141. var str=(750/staticsliderwidth);
  7142.  
  7143. jQuery('.huge_it_slideshow_image_wrap_gallery_39').css({'max-height':parentWidth*str-2*0});
  7144.  
  7145. }
  7146. jQuery(window).load(function () {
  7147. jQuery(window).resize(function() {
  7148. huge_it_popup_resize_gallery_39();
  7149. });
  7150. huge_it_popup_resize_gallery_39();
  7151. /* Disable right click.*/
  7152. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  7153. return false;
  7154. });
  7155. /*HOVER SLIDESHOW*/
  7156. jQuery("#huge_it_slideshow_image_container_gallery_39, .huge_it_slideshow_image_container_gallery_39, .huge_it_slideshow_dots_container_gallery_39,#huge_it_slideshow_right_gallery_39,#huge_it_slideshow_left_gallery_39").hover(function(){
  7157. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_39").after(" -- hover -- <br /> ");
  7158. jQuery("#huge_it_slideshow_right_gallery_39").css({'display':'inline'});
  7159. jQuery("#huge_it_slideshow_left_gallery_39").css({'display':'inline'});
  7160. },function(){
  7161. jQuery("#huge_it_slideshow_right_gallery_39").css({'display':'none'});
  7162. jQuery("#huge_it_slideshow_left_gallery_39").css({'display':'none'});
  7163. });
  7164. var pausehover="on";
  7165. if(pausehover=="on"){
  7166. jQuery("#huge_it_slideshow_image_container_gallery_39, .huge_it_slideshow_image_container_gallery_39, .huge_it_slideshow_dots_container_gallery_39,#huge_it_slideshow_right_gallery_39,#huge_it_slideshow_left_gallery_39").hover(function(){
  7167. window.clearInterval(huge_it_playInterval_gallery_39);
  7168. },function(){
  7169. window.clearInterval(huge_it_playInterval_gallery_39);
  7170. play_gallery_39();
  7171. });
  7172. }
  7173. play_gallery_39();
  7174. });
  7175. function play_gallery_39() {
  7176. /* Play.*/
  7177. huge_it_playInterval_gallery_39 = setInterval(function () {
  7178. var iterator = 1;
  7179. huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()) + iterator) % data_gallery_39.length, data_gallery_39,false,false);
  7180. }, '5000');
  7181. }
  7182. jQuery(window).focus(function() {
  7183. var i_gallery_39 = 0;
  7184. jQuery(".huge_it_slider_gallery_39").children("div").each(function () {
  7185. if (jQuery(this).css('opacity') == 1) {
  7186. jQuery("#huge_it_current_image_key_gallery_39").val(i_gallery_39);
  7187. }
  7188. i_gallery_39++;
  7189. });
  7190. play_gallery_39();
  7191. });
  7192. jQuery(window).blur(function() {
  7193. event_stack_gallery_39 = [];
  7194. window.clearInterval(huge_it_playInterval_gallery_39);
  7195. });
  7196. </script>
  7197. <div class="huge_it_slideshow_image_wrap_gallery_39 gallery-img-content"
  7198.     data-rating-type="off">
  7199. <!-- ##########################DOTS######################### -->
  7200. <div class="huge_it_slideshow_dots_container_gallery_39">
  7201. <div class="huge_it_slideshow_dots_thumbnails_gallery_39">
  7202. <div id="huge_it_dots_0_gallery_39"
  7203.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_active_gallery_39"
  7204.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '0', data_gallery_39,false,true);return false;"
  7205.     data-image_id="732" data-image_key="0"></div>
  7206. <div id="huge_it_dots_1_gallery_39"
  7207.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_deactive_gallery_39"
  7208.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '1', data_gallery_39,false,true);return false;"
  7209.     data-image_id="731" data-image_key="1"></div>
  7210. <div id="huge_it_dots_2_gallery_39"
  7211.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_deactive_gallery_39"
  7212.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '2', data_gallery_39,false,true);return false;"
  7213.     data-image_id="730" data-image_key="2"></div>
  7214. <div id="huge_it_dots_3_gallery_39"
  7215.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_deactive_gallery_39"
  7216.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '3', data_gallery_39,false,true);return false;"
  7217.     data-image_id="729" data-image_key="3"></div>
  7218. <div id="huge_it_dots_4_gallery_39"
  7219.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_deactive_gallery_39"
  7220.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '4', data_gallery_39,false,true);return false;"
  7221.     data-image_id="728" data-image_key="4"></div>
  7222. <div id="huge_it_dots_5_gallery_39"
  7223.     class="huge_it_slideshow_dots_gallery_39 huge_it_slideshow_dots_deactive_gallery_39"
  7224.     onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), '5', data_gallery_39,false,true);return false;"
  7225.     data-image_id="727" data-image_key="5"></div>
  7226. </div>
  7227. <a id="huge_it_slideshow_left_gallery_39" href="#"
  7228.   onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()) - iterator_gallery_39()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()) - iterator_gallery_39()) % data_gallery_39.length : data_gallery_39.length - 1, data_gallery_39,false,true);return false;">
  7229. <div id="huge_it_slideshow_left-ico_gallery_39">
  7230. <div><i class="huge_it_slideshow_prev_btn_gallery_39 fa"></i></div>
  7231. </div>
  7232. </a>
  7233. <a id="huge_it_slideshow_right_gallery_39" href="#"
  7234.   onclick="huge_it_change_image_gallery_39(parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_39').val()) + iterator_gallery_39()) % data_gallery_39.length, data_gallery_39,false,true);return false;">
  7235. <div id="huge_it_slideshow_right-ico_39">
  7236. <div><i class="huge_it_slideshow_next_btn_gallery_39 fa"></i></div>
  7237. </div>
  7238. </a>
  7239. </div>
  7240. <!-- ##########################IMAGES######################### -->
  7241. <script>
  7242. jQuery(document).ready(function ($) {
  7243. $('.thumb_wrapper').on('click', function (ev) {
  7244. var hugeid = $(this).data('rowid');
  7245. var myid = hugeid;
  7246. myid = parseInt(myid);
  7247. eval('player_' + myid + '.playVideo()')
  7248. ev.preventDefault();
  7249. });
  7250. });
  7251. </script>
  7252. <div id="huge_it_slideshow_image_container_gallery_39"
  7253.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_39 view-slider">
  7254. <div class="huge_it_slide_container_gallery_39">
  7255. <div class="huge_it_slide_bg_gallery_39">
  7256. <ul class="huge_it_slider_gallery_39">
  7257. <li class="huge_it_slideshow_image_item_gallery_39"
  7258.    id="image_id_gallery_39_0">
  7259. <img decoding="async" alt=""
  7260.     id="huge_it_slideshow_image_gallery_39_0"
  7261.     class="huge_it_slideshow_image_gallery_39"
  7262.     src="https://picoulet.centres-sociaux.fr/files/2025/11/1.png"
  7263.     data-image_id="732"/>
  7264. <div
  7265. class="huge_it_slideshow_title_text_gallery_39 none">
  7266. </div>
  7267. <div
  7268. class="huge_it_slideshow_description_text_gallery_39 none">
  7269. </div>
  7270. </li>
  7271. <li class="huge_it_slideshow_image_second_item_gallery_39"
  7272.    id="image_id_gallery_39_1">
  7273. <img decoding="async" alt=""
  7274.     id="huge_it_slideshow_image_gallery_39_1"
  7275.     class="huge_it_slideshow_image_gallery_39"
  7276.     src="https://picoulet.centres-sociaux.fr/files/2025/11/2.png"
  7277.     data-image_id="731"/>
  7278. <div
  7279. class="huge_it_slideshow_title_text_gallery_39 none">
  7280. </div>
  7281. <div
  7282. class="huge_it_slideshow_description_text_gallery_39 none">
  7283. </div>
  7284. </li>
  7285. <li class="huge_it_slideshow_image_second_item_gallery_39"
  7286.    id="image_id_gallery_39_2">
  7287. <img decoding="async" alt=""
  7288.     id="huge_it_slideshow_image_gallery_39_2"
  7289.     class="huge_it_slideshow_image_gallery_39"
  7290.     src="https://picoulet.centres-sociaux.fr/files/2025/11/3.png"
  7291.     data-image_id="730"/>
  7292. <div
  7293. class="huge_it_slideshow_title_text_gallery_39 none">
  7294. </div>
  7295. <div
  7296. class="huge_it_slideshow_description_text_gallery_39 none">
  7297. </div>
  7298. </li>
  7299. <li class="huge_it_slideshow_image_second_item_gallery_39"
  7300.    id="image_id_gallery_39_3">
  7301. <img decoding="async" alt=""
  7302.     id="huge_it_slideshow_image_gallery_39_3"
  7303.     class="huge_it_slideshow_image_gallery_39"
  7304.     src="https://picoulet.centres-sociaux.fr/files/2025/11/4.png"
  7305.     data-image_id="729"/>
  7306. <div
  7307. class="huge_it_slideshow_title_text_gallery_39 none">
  7308. </div>
  7309. <div
  7310. class="huge_it_slideshow_description_text_gallery_39 none">
  7311. </div>
  7312. </li>
  7313. <li class="huge_it_slideshow_image_second_item_gallery_39"
  7314.    id="image_id_gallery_39_4">
  7315. <img decoding="async" alt=""
  7316.     id="huge_it_slideshow_image_gallery_39_4"
  7317.     class="huge_it_slideshow_image_gallery_39"
  7318.     src="https://picoulet.centres-sociaux.fr/files/2025/11/5.png"
  7319.     data-image_id="728"/>
  7320. <div
  7321. class="huge_it_slideshow_title_text_gallery_39 none">
  7322. </div>
  7323. <div
  7324. class="huge_it_slideshow_description_text_gallery_39 none">
  7325. </div>
  7326. </li>
  7327. <li class="huge_it_slideshow_image_second_item_gallery_39"
  7328.    id="image_id_gallery_39_5">
  7329. <img decoding="async" alt=""
  7330.     id="huge_it_slideshow_image_gallery_39_5"
  7331.     class="huge_it_slideshow_image_gallery_39"
  7332.     src="https://picoulet.centres-sociaux.fr/files/2025/11/6.png"
  7333.     data-image_id="727"/>
  7334. <div
  7335. class="huge_it_slideshow_title_text_gallery_39 none">
  7336. </div>
  7337. <div
  7338. class="huge_it_slideshow_description_text_gallery_39 none">
  7339. </div>
  7340. </li>
  7341. </ul>
  7342. <input type="hidden" id="huge_it_current_image_key_gallery_39" value="0"/>
  7343. </div>
  7344. </div>
  7345. </div>
  7346. </div><style>
  7347. .huge_it_slideshow_image_wrap_gallery_39 {
  7348.    height: 750px;
  7349.    width: 375px;
  7350.    max-width: calc(100% - 2 * 0px);
  7351.    position: relative;
  7352.    display: block;
  7353.    text-align: center;
  7354.    border: 0 px #ffffff solid;
  7355.    box-sizing: content-box;
  7356.    clear: both;
  7357. float:none; margin: 0 auto;}
  7358.  
  7359. .huge_it_slideshow_image_wrap_gallery_39 * {
  7360.    box-sizing: border-box;
  7361.    -moz-box-sizing: border-box;
  7362.    -webkit-box-sizing: border-box;
  7363. }
  7364.  
  7365. .huge_it_slideshow_image_gallery_39 {
  7366. width: 100%;
  7367.    height: 100%;
  7368.    left: 0;
  7369.    top: 0;
  7370. /* height: auto;
  7371.                top: 50%;
  7372.            left: 50%;
  7373.                transform: translate( -50%, -50% ); */
  7374. max-width: 100%;
  7375.    max-height: 100%;
  7376.    position: absolute;
  7377. }
  7378.  
  7379. .huge_it_slider_gallery_39 li iframe {
  7380.    width: 100%;
  7381.    height: 100%;
  7382. }
  7383.  
  7384. .huge_it_slider_gallery_39 li #thevideo {
  7385.    width: 100%;
  7386.    height: 100%;
  7387. }
  7388.  
  7389. .huge_it_slider_gallery_39 li .thumb_wrapper {
  7390.    width: 100%;
  7391.    height: 100%;
  7392. }
  7393.  
  7394. .huge_it_slider_gallery_39 li .thumb_wrapper img {
  7395.    position: relative;
  7396.    /*top: 50%;
  7397.    transform: translateY(-50%);*/
  7398. }
  7399.  
  7400. #huge_it_slideshow_left_gallery_39,
  7401. #huge_it_slideshow_right_gallery_39 {
  7402.    cursor: pointer;
  7403.    display: none;
  7404.    display: block;
  7405.    height: 100%;
  7406.    outline: medium none;
  7407.    position: absolute;
  7408.    /*z-index: 10130;*/
  7409.    z-index: 13;
  7410.    bottom: 25px;
  7411.    top: 50%;
  7412. }
  7413.  
  7414. #huge_it_slideshow_left-ico_gallery_39,
  7415. #huge_it_slideshow_right-ico_gallery_39 {
  7416.    z-index: 13;
  7417.    -moz-box-sizing: content-box;
  7418.    box-sizing: content-box;
  7419.    cursor: pointer;
  7420.    display: table;
  7421.    left: -9999px;
  7422.    line-height: 0;
  7423.    margin-top: -15px;
  7424.    position: absolute;
  7425.    top: 50%;
  7426. }
  7427.  
  7428. #huge_it_slideshow_left-ico_gallery_39:hover,
  7429. #huge_it_slideshow_right-ico_gallery_39:hover {
  7430.    cursor: pointer;
  7431. }
  7432.  
  7433. .huge_it_slideshow_image_container_gallery_39 {
  7434.    display: table;
  7435.    position: relative;
  7436.    top: 0;
  7437.    left: 0;
  7438.    text-align: center;
  7439.    vertical-align: middle;
  7440.    width: 100%;
  7441.    height: 100%;
  7442. }
  7443.  
  7444. .huge_it_slideshow_title_text_gallery_39 {
  7445.    text-decoration: none;
  7446.    position: absolute;
  7447.    z-index: 12;
  7448.    display: inline-block;
  7449. width: 30%;
  7450.    /*height:
  7451. 50 %;*/
  7452. right:0%;top:0%; padding: 2%;
  7453.    text-align: right;
  7454.    font-weight: bold;
  7455.    color: #000000;
  7456.    background: rgba(255,255,255,0.7)  !important;
  7457.    border-style: solid;
  7458.    font-size: 13px;
  7459.    border-width: 0px;
  7460.    border-color: #ffffff;
  7461.    border-radius: 4px;
  7462. }
  7463.  
  7464. .huge_it_slideshow_description_text_gallery_39 {
  7465.    text-decoration: none;
  7466.    position: absolute;
  7467.    z-index: 11;
  7468.    border-style: solid;
  7469.    display: inline-block;
  7470. width: 70%;
  7471.    /*height:
  7472. %;*/
  7473. right:0%;bottom:0%; padding: 3%;
  7474.    text-align: justify;
  7475.    color: #ffffff;
  7476.    background: rgba(0,0,0,0.7) !important;
  7477.    border-style: solid;
  7478.    font-size: 12px;
  7479.    border-width: 0px;
  7480.    border-color: #ffffff;
  7481.    border-radius: 0px;
  7482. }
  7483.  
  7484. .huge_it_slideshow_title_text_gallery_39.none, .huge_it_slideshow_description_text_gallery_39.none,
  7485. .huge_it_slideshow_title_text_gallery_39.hidden, .huge_it_slideshow_description_text_gallery_39.hidden {
  7486.    display: none;
  7487. }
  7488.  
  7489. .huge_it_gallery_like_cont_395050.none {
  7490.    display: none !important;
  7491. }
  7492.  
  7493. .huge_it_slideshow_title_text_gallery_39 h1, .huge_it_slideshow_description_text_gallery_39 h1,
  7494. .huge_it_slideshow_title_text_gallery_39 h2, .huge_it_slideshow_title_text_gallery_39 h2,
  7495. .huge_it_slideshow_title_text_gallery_39 h3, .huge_it_slideshow_title_text_gallery_39 h3,
  7496. .huge_it_slideshow_title_text_gallery_39 h4, .huge_it_slideshow_title_text_gallery_39 h4,
  7497. .huge_it_slideshow_title_text_gallery_39 p, .huge_it_slideshow_title_text_gallery_39 p,
  7498. .huge_it_slideshow_title_text_gallery_39 strong, .huge_it_slideshow_title_text_gallery_39 strong,
  7499. .huge_it_slideshow_title_text_gallery_39 span, .huge_it_slideshow_title_text_gallery_39 span,
  7500. .huge_it_slideshow_title_text_gallery_39 ul, .huge_it_slideshow_title_text_gallery_39 ul,
  7501. .huge_it_slideshow_title_text_gallery_39 li, .huge_it_slideshow_title_text_gallery_39 li {
  7502.    padding: 2px;
  7503.    margin: 0;
  7504. }
  7505.  
  7506. .huge_it_slide_container_gallery_39 {
  7507.    display: table-cell;
  7508.    margin: 0 auto;
  7509.    position: relative;
  7510.    vertical-align: middle;
  7511.    width: 100%;
  7512.    height: 100%;
  7513.    _width: inherit;
  7514.    _height: inherit;
  7515. }
  7516.  
  7517. .huge_it_slide_bg_gallery_39 {
  7518.    margin: 0 auto;
  7519.    width: 100%;
  7520.    height: 100%;
  7521.    _width: inherit;
  7522.    _height: inherit;
  7523. }
  7524.  
  7525. .huge_it_slider_gallery_39 {
  7526.    width: 100%;
  7527.    height: 100%;
  7528.    display: table;
  7529.    padding: 0;
  7530.    margin: 0;
  7531. }
  7532.  
  7533. .huge_it_slideshow_image_item_gallery_39 {
  7534.    width: 100%;
  7535.    height: 100%;
  7536.    display: table-cell;
  7537.    filter: Alpha(opacity=100);
  7538.    opacity: 1;
  7539.    position: absolute;
  7540.    top: 0;
  7541.    left: 0;
  7542.    vertical-align: middle;
  7543.    z-index: 2;
  7544.    margin: 0 !important;
  7545.    padding: 0;
  7546.    overflow: hidden;
  7547.    border-radius: 0px !important;
  7548. }
  7549.  
  7550. .huge_it_slideshow_image_second_item_gallery_39 {
  7551.    width: 100%;
  7552.    height: 100%;
  7553.    display: table-cell;
  7554.    filter: Alpha(opacity=0);
  7555.    opacity: 0;
  7556.    position: absolute;
  7557.    top: 0;
  7558.    left: 0;
  7559.    vertical-align: middle;
  7560.    z-index: 1;
  7561.    overflow: hidden;
  7562.    margin: 0 !important;
  7563.    padding: 0;
  7564.    border-radius: 0px !important;
  7565. }
  7566.  
  7567. .huge_it_grid_gallery_39 {
  7568.    display: none;
  7569.    height: 100%;
  7570.    overflow: hidden;
  7571.    position: absolute;
  7572.    width: 100%;
  7573. }
  7574.  
  7575. .huge_it_gridlet_gallery_39 {
  7576.    opacity: 1;
  7577.    filter: Alpha(opacity=100);
  7578.    position: absolute;
  7579. }
  7580.  
  7581. .huge_it_slideshow_dots_container_gallery_39 {
  7582.    display: table;
  7583.    position: absolute;
  7584.    width: 100% !important;
  7585.    height: 100% !important;
  7586. }
  7587.  
  7588. .huge_it_slideshow_dots_thumbnails_gallery_39 {
  7589.    margin: 0 auto;
  7590.    overflow: hidden;
  7591.    position: absolute;
  7592.    width: 100%;
  7593.    height: 60px;
  7594. }
  7595.  
  7596. .huge_it_slideshow_dots_gallery_39 {
  7597.    display: inline-block;
  7598.    position: relative;
  7599.    cursor: pointer;
  7600.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  7601.    width: 10px;
  7602.    height: 10px;
  7603.    border-radius: 10px;
  7604.    background: #00f;
  7605.    margin: 10px;
  7606.    overflow: hidden;
  7607.    z-index: 17;
  7608. }
  7609.  
  7610. .huge_it_slideshow_dots_active_gallery_39 {
  7611.    opacity: 1;
  7612.    background: #0f0;
  7613.    filter: Alpha(opacity=100);
  7614. }
  7615.  
  7616. .huge_it_slideshow_dots_deactive_gallery_39 {
  7617. }
  7618.  
  7619. .huge_it_slideshow_image_item1_gallery_39 {
  7620.    display: table;
  7621.    width: inherit;
  7622.    height: inherit;
  7623. }
  7624.  
  7625. .huge_it_slideshow_image_item2_gallery_39 {
  7626.    display: table-cell;
  7627.    vertical-align: middle;
  7628.    text-align: center;
  7629. }
  7630.  
  7631. .huge_it_slideshow_image_item2_gallery_39 a {
  7632.    display: block;
  7633.    vertical-align: middle;
  7634.    width: 100%;
  7635.    height: 100%;
  7636. }
  7637.  
  7638. .huge_it_slideshow_image_wrap_gallery_39 {
  7639.    background: #ffffff;
  7640. }
  7641.  
  7642. .huge_it_slideshow_dots_thumbnails_gallery_39 {
  7643. top: 0;
  7644. }
  7645.  
  7646. .huge_it_slideshow_dots_gallery_39 {
  7647.    background: #000000;
  7648. }
  7649.  
  7650. .huge_it_slideshow_dots_active_gallery_39 {
  7651.    background: #ffffff;
  7652. }
  7653.  
  7654. #huge_it_slideshow_left_gallery_39 {
  7655.    left: 0;
  7656.    margin-top: -21px;
  7657.    height: 43px;
  7658.    width: 29px;
  7659.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  7660. }
  7661.  
  7662. #huge_it_slideshow_right_gallery_39 {
  7663.    right: 0;
  7664.    margin-top: -21px;
  7665.    height: 43px;
  7666.    width: 29px;
  7667.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  7668. }
  7669.  
  7670. .thumb_image {
  7671.    position: absolute;
  7672.    width: 100%;
  7673.    height: 100%;
  7674.    top: 0;
  7675.    left: 0;
  7676. }
  7677.  
  7678. .entry-content a {
  7679.    border-bottom: none !important;
  7680. }
  7681.  
  7682. .gallery-img-content .noneDisplay {
  7683.    display: block;
  7684. }
  7685.  
  7686. </style>
  7687. </p>
  7688. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  7689. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/11/2025_decembre_web.pdf">PDF</a></p>
  7690. ]]></content:encoded>
  7692. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/11/30/programme-de-decembre/feed/</wfw:commentRss>
  7693. <slash:comments>1</slash:comments>
  7696. </item>
  7697. <item>
  7698. <title>Programme de novembre 2025</title>
  7699. <link>https://picoulet.centres-sociaux.fr/2025/11/01/novembre-2025/</link>
  7700. <comments>https://picoulet.centres-sociaux.fr/2025/11/01/novembre-2025/#respond</comments>
  7702. <dc:creator><![CDATA[laetitia]]></dc:creator>
  7703. <pubDate>Sat, 01 Nov 2025 11:25:39 +0000</pubDate>
  7704. <category><![CDATA[Non classé]]></category>
  7705. <category><![CDATA[Programmes mensuels]]></category>
  7706. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=5021</guid>
  7707.  
  7708. <description><![CDATA[Fichier à télécharger : PDF Dans le pdf, cliquez sur les pour accéder à plus d&#8217;informations]]></description>
  7709. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  7710. /*===== general options =========*/
  7711. a {
  7712.    box-shadow: none !important;
  7713. }
  7714.  
  7715. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  7716.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  7717. }
  7718.  
  7719. #album_disabled_layer {
  7720.    display: none;
  7721.    position: absolute;
  7722.    width: 100%;
  7723.    height: 100%;
  7724.    text-align: center;
  7725.    background-color: transparent;
  7726.    z-index: 10;
  7727.    padding-top: 20px;
  7728.    color: #fff;
  7729. }
  7730.  
  7731. #album_list_container {
  7732.    position: relative;
  7733. }
  7734.  
  7735. /* ====================== album onhover styles ==========================*/
  7736.  
  7737. #album_list .view {
  7738.    -webkit-box-sizing: border-box;
  7739.    -moz-box-sizing: border-box;
  7740.    -o-box-sizing: border-box;
  7741.    display: none;
  7742.  
  7743. }
  7744.  
  7745. .view .mask,
  7746. .view .content {
  7747.    width: 100%;
  7748.    height: 100%;
  7749.    position: absolute;
  7750.    overflow: hidden;
  7751.    top: 0;
  7752.    left: 0;
  7753. }
  7754.  
  7755. .view h2 {
  7756.    text-transform: uppercase;
  7757.    color: #fff;
  7758.    text-align: center;
  7759.    position: relative;
  7760.    font-size: 17px;
  7761.    font-family: Raleway, serif;
  7762.    padding: 10px;
  7763.    /*background: rgba(0, 0, 0, 0.8);*/
  7764.    margin: 20px 0 0 0;
  7765.  
  7766. }
  7767.  
  7768. .album_back_button a, .view a {
  7769.    text-decoration: none !important;
  7770. }
  7771.  
  7772. .view p {
  7773.    font-family: Merriweather, serif;
  7774.    font-style: italic;
  7775.    font-size: 14px;
  7776.    position: relative;
  7777.    color: #fff;
  7778.    padding: 0px 20px 0px;
  7779.    text-align: center;
  7780.  
  7781. }
  7782.  
  7783. .view a.info {
  7784.    display: inline-block;
  7785.    text-decoration: none;
  7786.    font-size: 13px;
  7787.    padding: 2px 14px;
  7788.    margin-bottom: 3px;
  7789.    background: #000;
  7790.    color: #fff;
  7791.    font-family: Raleway, serif;
  7792.    text-transform: uppercase;
  7793.    box-shadow: 0 0 1px #000
  7794. }
  7795.  
  7796. .mask-text h2 {
  7797.    font-size: 20px !important;
  7798. }
  7799.  
  7800. .view a.info:hover {
  7801.    box-shadow: 0 0 5px #000
  7802. }
  7803.  
  7804. .view .mask-bg {
  7805.    height: 100%;
  7806. }
  7807.  
  7808. .view .album_social {
  7809.    color: #fff;
  7810.    position: absolute;
  7811.    bottom: 3px;
  7812.    left: 3px;
  7813.    border: 1px solid #ffffff;
  7814.    -webkit-border-radius: 3px;
  7815.    -moz-border-radius: 3px;
  7816.    border-radius: 3px;
  7817.    padding: 3px 5px;
  7818.  
  7819. }
  7820.  
  7821. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  7822.    color: #ffffff;
  7823.    outline: none;
  7824. }
  7825.  
  7826. /*1*/
  7827.  
  7828. .view .info {
  7829.    margin-top: 5px;
  7830. }
  7831.  
  7832. .view-first .mask {
  7833.    opacity: 0;
  7834.    background-color: rgba(0, 0, 0, 0.7);
  7835.    transition: all 0.4s ease-in-out;
  7836.  
  7837. }
  7838.  
  7839. .view-first h2 {
  7840.    transform: translateY(-100px);
  7841.    opacity: 0;
  7842.    font-family: Raleway, serif;
  7843.    transition: all 0.2s ease-in-out;
  7844. }
  7845.  
  7846. .view-first p {
  7847.    transform: translateY(100px);
  7848.    opacity: 0;
  7849.    transition: all 0.2s linear;
  7850. }
  7851.  
  7852. .view-first a.info {
  7853.    opacity: 0;
  7854.    transition: all 0.2s ease-in-out;
  7855. }
  7856.  
  7857. /* */
  7858.  
  7859. .view-first:hover img {
  7860.    /*transform: scale(1.1);*/
  7861. }
  7862.  
  7863. .view-first:hover .mask {
  7864.    opacity: 1;
  7865. }
  7866.  
  7867. .view-first:hover h2,
  7868. .view-first:hover p,
  7869. .view-first:hover a.info {
  7870.    opacity: 1;
  7871.    transform: translateY(0px);
  7872. }
  7873.  
  7874. .view-first:hover p {
  7875.    transition-delay: 0.1s;
  7876. }
  7877.  
  7878. .view-first:hover a.info {
  7879.    transition-delay: 0.2s;
  7880. }
  7881.  
  7882. /*2*/
  7883. .view-second img {
  7884.    -webkit-filter: grayscale(0) blur(0);
  7885.    filter: grayscale(0) blur(0);
  7886.    -webkit-transition: .3s ease-in-out;
  7887.    transition: .3s ease-in-out;
  7888. }
  7889.  
  7890. .view-second .mask {
  7891.    background-color: rgba(226, 200, 127, 0.2);
  7892.    transition: all 0.5s linear;
  7893.    opacity: 0;
  7894. }
  7895.  
  7896. .view-second h2 {
  7897.    background: transparent;
  7898.    margin: 20px 40px 0px 40px;
  7899.    transform: scale(0);
  7900.    color: #333;
  7901.    transition: all 0.5s linear;
  7902.    opacity: 0;
  7903. }
  7904.  
  7905. .view-second p {
  7906.    opacity: 0;
  7907.    transform: scale(0);
  7908.    transition: all 0.5s linear;
  7909. }
  7910.  
  7911. .view-second a.info {
  7912.    opacity: 0;
  7913.    transform: scale(0);
  7914.    transition: all 0.5s linear;
  7915. }
  7916.  
  7917. .view-second:hover img {
  7918.    -webkit-filter: grayscale(100%) blur(3px);
  7919.    filter: grayscale(100%) blur(3px);
  7920. }
  7921.  
  7922. .view-second:hover .mask {
  7923.    opacity: 1;
  7924. }
  7925.  
  7926. .view-second:hover h2,
  7927. .view-second:hover p,
  7928. .view-second:hover a.info {
  7929.    transform: scale(1);
  7930.    opacity: 1;
  7931. }
  7932.  
  7933. .view-second img {
  7934.    -webkit-filter: grayscale(0) blur(0);
  7935.    filter: grayscale(0) blur(0);
  7936.    -webkit-transition: .3s ease-in-out;
  7937.    transition: .3s ease-in-out;
  7938. }
  7939.  
  7940. .view-second:hover img {
  7941.    -webkit-filter: grayscale(100%) blur(3px);
  7942.    filter: grayscale(100%) blur(3px);
  7943. }
  7944.  
  7945. /*3*/
  7946.  
  7947. .view-third img {
  7948.    transform: scaleY(1);
  7949.    transition: all .7s ease-in-out;
  7950. }
  7951.  
  7952. .view-third a.info {
  7953.    opacity: 0;
  7954.    transform: scale(0);
  7955.    transition: all 0.5s linear;
  7956. }
  7957.  
  7958. .view-third:hover img {
  7959.    -webkit-transform: scale(10);
  7960.    transform: scale(10);
  7961.    opacity: 0;
  7962. }
  7963.  
  7964. .view-third:hover .mask {
  7965.    opacity: 1;
  7966. }
  7967.  
  7968. .view-third:hover h2,
  7969. .view-third:hover p,
  7970. .view-third:hover a.info {
  7971.    transform: scale(1);
  7972.    opacity: 1;
  7973. }
  7974.  
  7975. /* ==== view 4 ===*/
  7976.  
  7977. .view-forth-wrapper {
  7978.    overflow: hidden;
  7979.    position: relative !important;
  7980.    height: 100%;
  7981.    /* cursor: pointer;*/
  7982. }
  7983.  
  7984. .view-forth img {
  7985.    max-width: 100%;
  7986.    position: relative;
  7987.    top: 0;
  7988.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7989.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  7990. }
  7991.  
  7992. .view-forth .mask {
  7993.    position: absolute;
  7994.    width: 100%;
  7995.    /*    height: 70px;*/
  7996.    /*    bottom: -70px;*/
  7997.    height: 50%;
  7998.    bottom: -50%;
  7999.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  8000.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  8001.    top: inherit;
  8002. }
  8003.  
  8004. .view-forth:hover .mask {
  8005.    bottom: 0;
  8006. }
  8007.  
  8008. .view-forth:hover img {
  8009.    top: -30px;
  8010. }
  8011.  
  8012. /*==  view 5 ==*/
  8013.  
  8014. .view-fifth .view-fifth-wrapper,
  8015. .view-fifth .view-fifth-wrapper img {
  8016.    display: block;
  8017.    position: relative;
  8018. }
  8019.  
  8020. .view-fifth .view-fifth-wrapper {
  8021.    overflow: hidden;
  8022.    height: 100%;
  8023. }
  8024.  
  8025. .view-fifth .view-fifth-wrapper .mask {
  8026.    display: none;
  8027.    position: absolute;
  8028.    background: #333;
  8029.    background: rgba(75, 75, 75, 0.7);
  8030.    width: 100%;
  8031.    height: 100%;
  8032. }
  8033.  
  8034. /* ====================== album category styles ==========================*/
  8035.  
  8036. #filters {
  8037.    margin: 1% 0;
  8038.    padding: 0;
  8039.    list-style: none;
  8040.    list-style-type: none !important;
  8041.  
  8042. }
  8043.  
  8044. #filters li {
  8045.    float: left;
  8046.    list-style-type: none !important;
  8047. }
  8048.  
  8049. #filters li:first-child span {
  8050.    margin-left: 0px;
  8051. }
  8052.  
  8053. #filters li span {
  8054.    display: block;
  8055.    text-decoration: none;
  8056.    cursor: pointer;
  8057. }
  8058.  
  8059. .album_categories {
  8060.    list-style-type: none;
  8061.    margin: 0;
  8062.    padding: 0;
  8063.    overflow: hidden;
  8064.    padding-top: 5px;
  8065. }
  8066.  
  8067. /*=========  sharing buttons  ============*/
  8068.  
  8069. .album_socials {
  8070.    position: relative;
  8071.    top: 3px;
  8072.    width: 100px;
  8073.    height: 28px;
  8074.    margin: 0 auto;
  8075. }
  8076.  
  8077. .album_socials .rwd-share-buttons {
  8078.    top: 0px !important;
  8079.    width: 100% !important;
  8080.    margin: 0px !important;
  8081. }
  8082.  
  8083. .album_socials a {
  8084.    text-decoration: underline !important;
  8085. }
  8086.  
  8087. .gallery_images, .album_image_place {
  8088.    margin-top: 15px;
  8089.    margin-top: 15px;
  8090. }
  8091.  
  8092. #rwd-share-facebook:hover {
  8093.    background-position: 0 -31px !important;
  8094. }
  8095.  
  8096. #rwd-share-twitter:hover {
  8097.    background-position: -31px 32px !important;
  8098. }
  8099.  
  8100. #rwd-share-googleplus:hover {
  8101.    background-position: -66px -31px !important;
  8102. }
  8103.  
  8104. .rwd-share-buttons li, .rwd-share-buttons li a {
  8105.    width: 26px !important;
  8106.    border: 0px !important;
  8107. }
  8108.  
  8109. .rwd-share-buttons {
  8110.    top: 0 !important;
  8111. }
  8112.  
  8113. .img_link_btn {
  8114.    position: absolute;
  8115.    z-index: 99999;
  8116.    bottom: 0;
  8117.    left: 0;
  8118.    right: 0;
  8119.    width: 100%;
  8120.    padding: 8px;
  8121. }
  8122.  
  8123. .rwd-title {
  8124.    padding: 10px 0px !important;
  8125. }
  8126.  
  8127. @media only screen and (max-width: 475px) {
  8128.    .rwd-share-buttons {
  8129.        top: -25px !important;
  8130.    }
  8131.  
  8132.    .rwd-title-text {
  8133.        line-height: 15px;
  8134.    }
  8135. }
  8136.  
  8137. /*=========  hover style ===========*/
  8138.  
  8139. #hover {
  8140.    color: rgba(188, 175, 204, 0.9);
  8141. }
  8142.  
  8143. h2#testimonials {
  8144.    color: #fffae3;
  8145. }
  8146.  
  8147. div#all {
  8148.    width: 100%;
  8149.    height: 100%;
  8150. }
  8151.  
  8152. .view img {
  8153.    height: auto;
  8154. }
  8155.  
  8156. .view {
  8157.    color: #fff;
  8158.    margin: 0 10px 10px 0;
  8159.    overflow: hidden;
  8160.    position: relative;
  8161.    text-align: center;
  8162.    float: left;
  8163.    cursor: default;
  8164.    border: 1px solid #ccc;
  8165. }
  8166.  
  8167. .view-wrapper {
  8168.    height: 100%;
  8169. }
  8170.  
  8171. .view img {
  8172.    display: block;
  8173.    position: relative;
  8174.    transition: all 0.2s linear;
  8175.    height: 100%;
  8176.    width: auto;
  8177.    max-width: 100%;
  8178.    margin: 0 auto;
  8179. }
  8180.  
  8181. .mask-text h2 {
  8182.    font-size: 20px !important;
  8183.    margin-top: 20px !important;
  8184. }
  8185.  
  8186. /* view 1 */
  8187.  
  8188. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  8189.    color: #fff;
  8190. }
  8191.  
  8192. /*  view 2 */
  8193. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  8194.    color: #333;
  8195. }
  8196.  
  8197. .view-second .mask-text h2 {
  8198.    border-bottom: 1px solid #333;
  8199. }
  8200.  
  8201. /* view 3*/
  8202. .view-third .mask {
  8203.    background-color: #ccc;
  8204.    transition: all 0.5s linear;
  8205.    opacity: 0;
  8206.    color: #333;
  8207. }
  8208.  
  8209. .view-third h2 {
  8210.    border-bottom: 1px solid #333;
  8211.    background: transparent;
  8212.    margin: 20px 40px 0px 40px;
  8213.    transform: scale(0);
  8214.    color: #333;
  8215.    transition: all 0.5s linear;
  8216.    opacity: 0;
  8217. }
  8218.  
  8219. .view-third p {
  8220.    color: #333;
  8221.    opacity: 0;
  8222.    transform: scale(0);
  8223.    transition: all 0.5s linear;
  8224. }
  8225.  
  8226. .view-third .text-category {
  8227.    color: #333;
  8228. }
  8229.  
  8230. /* view 4 */
  8231.  
  8232. .view-forth .mask-bg {
  8233.    background: #333;
  8234.    width: 100%;
  8235.    height: 100%;
  8236.    position: absolute;
  8237.    top: 0;
  8238.    left: 0;
  8239. }
  8240.  
  8241. .view-forth .mask-text {
  8242.    color: #fff;
  8243.    position: relative;
  8244.    z-index: 500;
  8245.    padding: 5px 8px;
  8246. }
  8247.  
  8248. .view-forth .mask-text h2 {
  8249.    margin: 0px;
  8250.    font-size: 13px;
  8251.    padding: 2px;
  8252.    color: #fff;
  8253. }
  8254.  
  8255. .view-forth .mask-text h2:hover {
  8256.    cursor: pointer;
  8257. }
  8258.  
  8259. .view-forth .text-category {
  8260.    display: block;
  8261.    font-size: 15px;
  8262.    color: #fff;
  8263. }
  8264.  
  8265. .view-forth p {
  8266.    color: #fff;
  8267. }
  8268.  
  8269. /* view 5 */
  8270. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  8271.    color: #fff;
  8272. }
  8273.  
  8274. </style><script>
  8275. var data_gallery_38 = [];
  8276. var event_stack_gallery_38 = [];
  8277. data_gallery_38["0"]=[];data_gallery_38["0"]["id"]="0";data_gallery_38["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/1-3.png";data_gallery_38["0"]["description"]="";data_gallery_38["0"]["alt"]="";data_gallery_38["1"]=[];data_gallery_38["1"]["id"]="1";data_gallery_38["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/2-2.png";data_gallery_38["1"]["description"]="";data_gallery_38["1"]["alt"]="";data_gallery_38["2"]=[];data_gallery_38["2"]["id"]="2";data_gallery_38["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/4-2.png";data_gallery_38["2"]["description"]="";data_gallery_38["2"]["alt"]="";data_gallery_38["3"]=[];data_gallery_38["3"]["id"]="3";data_gallery_38["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/3-2.png";data_gallery_38["3"]["description"]="";data_gallery_38["3"]["alt"]="";data_gallery_38["4"]=[];data_gallery_38["4"]["id"]="4";data_gallery_38["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/5.png";data_gallery_38["4"]["description"]="";data_gallery_38["4"]["alt"]="";data_gallery_38["5"]=[];data_gallery_38["5"]["id"]="5";data_gallery_38["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/6.png";data_gallery_38["5"]["description"]="";data_gallery_38["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_38 = false;
  8278. var huge_it_transition_duration_gallery_38 = 1000;
  8279. var huge_it_playInterval_gallery_38;
  8280. // Stop autoplay.
  8281. window.clearInterval(huge_it_playInterval_gallery_38);
  8282. // alert('huge_it_current_key_gallery_38');
  8283. var huge_it_current_key_gallery_38 = '';
  8284. function huge_it_move_dots_gallery_38() {
  8285. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_38").position().left;
  8286. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_38").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_38").outerWidth(true);
  8287. }
  8288. function huge_it_testBrowser_cssTransitions_gallery_38() {
  8289. return huge_it_testDom_gallery_38('Transition');
  8290. }
  8291. function huge_it_testBrowser_cssTransforms3d_gallery_38() {
  8292. return huge_it_testDom_gallery_38('Perspective');
  8293. }
  8294. function huge_it_testDom_gallery_38(prop) {
  8295. // Browser vendor CSS prefixes.
  8296. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  8297. // Browser vendor DOM prefixes.
  8298. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  8299. var i = domPrefixes.length;
  8300. while (i--) {
  8301. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  8302. return true;
  8303. }
  8304. }
  8305. return false;
  8306. }
  8307. function huge_it_cube_gallery_38(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  8308. /* If browser does not support 3d transforms/CSS transitions.*/
  8309. if (!huge_it_testBrowser_cssTransitions_gallery_38()) {
  8310. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8311. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8312. return huge_it_fallback_gallery_38(current_image_class, next_image_class, direction);
  8313. }
  8314. if (!huge_it_testBrowser_cssTransforms3d_gallery_38()) {
  8315. return huge_it_fallback3d_gallery_38(current_image_class, next_image_class, direction);
  8316. }
  8317. huge_it_trans_in_progress_gallery_38 = true;
  8318. /* Set active thumbnail.*/
  8319. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8320. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8321. jQuery(".huge_it_slide_bg_gallery_38").css('perspective', 1000);
  8322. jQuery(current_image_class).css({
  8323. transform : 'translateZ(' + tz + 'px)',
  8324. backfaceVisibility : 'hidden'
  8325. });
  8326. jQuery(".huge_it_slideshow_image_wrap_gallery_38,.huge_it_slide_bg_gallery_38,.huge_it_slideshow_image_item_gallery_38,.huge_it_slideshow_image_second_item_gallery_38 ").css('overflow', 'visible');
  8327. jQuery(next_image_class).css({
  8328. opacity : 1,
  8329. filter: 'Alpha(opacity=100)',
  8330. backfaceVisibility : 'hidden',
  8331. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  8332. });
  8333. jQuery(".huge_it_slider_gallery_38").css({
  8334. transform: 'translateZ(-' + tz + 'px)',
  8335. transformStyle: 'preserve-3d'
  8336. });
  8337. /* Execution steps.*/
  8338. setTimeout(function () {
  8339. jQuery(".huge_it_slider_gallery_38").css({
  8340. transition: 'all ' + huge_it_transition_duration_gallery_38 + 'ms ease-in-out',
  8341. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  8342. });
  8343. }, 20);
  8344. /* After transition.*/
  8345. jQuery(".huge_it_slider_gallery_38").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  8346. function huge_it_after_trans() {
  8347. jQuery(".huge_it_slide_bg_gallery_38,.huge_it_slideshow_image_item_gallery_38,.huge_it_slideshow_image_second_item_gallery_38 ").css('overflow', 'hidden');
  8348. jQuery(".huge_it_slide_bg_gallery_38").removeAttr('style');
  8349. jQuery(current_image_class).removeAttr('style');
  8350. jQuery(next_image_class).removeAttr('style');
  8351. jQuery(".huge_it_slider_gallery_38").removeAttr('style');
  8352. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  8353. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  8354. // huge_it_change_watermark_container_gallery_38();
  8355. huge_it_trans_in_progress_gallery_38 = false;
  8356. if (typeof event_stack_gallery_38 !== 'undefined' && event_stack_gallery_38.length > 0) {
  8357. key = event_stack_gallery_38[0].split("-");
  8358. event_stack_gallery_38.shift();
  8359. huge_it_change_image_gallery_38(key[0], key[1], data_gallery_38, true,false);
  8360. }
  8361. }
  8362. }
  8363. function huge_it_cubeH_gallery_38(current_image_class, next_image_class, direction) {
  8364. /* Set to half of image width.*/
  8365. var dimension = jQuery(current_image_class).width() / 2;
  8366. if (direction == 'right') {
  8367. huge_it_cube_gallery_38(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  8368. }
  8369. else if (direction == 'left') {
  8370. huge_it_cube_gallery_38(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  8371. }
  8372. }
  8373. function huge_it_cubeV_gallery_38(current_image_class, next_image_class, direction) {
  8374. /* Set to half of image height.*/
  8375. var dimension = jQuery(current_image_class).height() / 2;
  8376. /* If next slide.*/
  8377. if (direction == 'right') {
  8378. huge_it_cube_gallery_38(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  8379. }
  8380. else if (direction == 'left') {
  8381. huge_it_cube_gallery_38(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  8382. }
  8383. }
  8384. /* For browsers that does not support transitions.*/
  8385. function huge_it_fallback_gallery_38(current_image_class, next_image_class, direction) {
  8386. huge_it_fade_gallery_38(current_image_class, next_image_class, direction);
  8387. }
  8388. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  8389. function huge_it_fallback3d_gallery_38(current_image_class, next_image_class, direction) {
  8390. huge_it_sliceV_gallery_38(current_image_class, next_image_class, direction);
  8391. }
  8392. function huge_it_none_gallery_38(current_image_class, next_image_class, direction) {
  8393. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  8394. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  8395. /* Set active thumbnail.*/
  8396. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8397. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8398. }
  8399. function huge_it_fade_gallery_38(current_image_class, next_image_class, direction) {
  8400. if (huge_it_testBrowser_cssTransitions_gallery_38()) {
  8401. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_38 + 'ms linear');
  8402. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_38 + 'ms linear');
  8403. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  8404. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  8405. }
  8406. else {
  8407. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_38);
  8408. jQuery(next_image_class).animate({
  8409. 'opacity' : 1,
  8410. 'z-index': 2
  8411. }, {
  8412. duration: huge_it_transition_duration_gallery_38,
  8413. complete: function () {return false;}
  8414. });
  8415. // For IE.
  8416. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_38, 0);
  8417. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_38, 1);
  8418. }
  8419. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8420. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8421. }
  8422. function huge_it_grid_gallery_38(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  8423. /* If browser does not support CSS transitions.*/
  8424. if (!huge_it_testBrowser_cssTransitions_gallery_38()) {
  8425. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8426. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8427. return huge_it_fallback_gallery_38(current_image_class, next_image_class, direction);
  8428. }
  8429. huge_it_trans_in_progress_gallery_38 = true;
  8430. /* Set active thumbnail.*/
  8431. jQuery(".huge_it_slideshow_dots_gallery_38").removeClass("huge_it_slideshow_dots_active_gallery_38").addClass("huge_it_slideshow_dots_deactive_gallery_38");
  8432. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_38 + "_gallery_38").removeClass("huge_it_slideshow_dots_deactive_gallery_38").addClass("huge_it_slideshow_dots_active_gallery_38");
  8433. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  8434. var count = (huge_it_transition_duration_gallery_38) / (cols + rows);
  8435. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  8436. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  8437. var delay = (c + r) * count;
  8438. /* Return a gridlet elem with styles for specific transition.*/
  8439. return jQuery('<div class="huge_it_gridlet_gallery_38" />').css({
  8440. width : width,
  8441. height : height,
  8442. top : top,
  8443. left : left,
  8444. backgroundImage : 'url("' + src + '")',
  8445. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_38").css("background-color"),
  8446. /*backgroundColor: rgba(0, 0, 0, 0),*/
  8447. backgroundRepeat: 'no-repeat',
  8448. backgroundPosition : img_left + 'px ' + img_top + 'px',
  8449. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  8450. transition : 'all ' + huge_it_transition_duration_gallery_38 + 'ms ease-in-out ' + delay + 'ms',
  8451. transform : 'none'
  8452. });
  8453. }
  8454. /* Get the current slide's image.*/
  8455. var cur_img = jQuery(current_image_class).find('img');
  8456. /* Create a grid to hold the gridlets.*/
  8457. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_38');
  8458. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  8459. jQuery(current_image_class).prepend(grid);
  8460. /* vars to calculate positioning/size of gridlets*/
  8461. var cont = jQuery(".huge_it_slide_bg_gallery_38");
  8462. var imgWidth = cur_img.width();
  8463. var imgHeight = cur_img.height();
  8464. var contWidth = cont.width(),
  8465. contHeight = cont.height(),
  8466. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  8467. colWidth = Math.floor(contWidth / cols),
  8468. rowHeight = Math.floor(contHeight / rows),
  8469. colRemainder = contWidth - (cols * colWidth),
  8470. colAdd = Math.ceil(colRemainder / cols),
  8471. rowRemainder = contHeight - (rows * rowHeight),
  8472. rowAdd = Math.ceil(rowRemainder / rows),
  8473. leftDist = 0,
  8474. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_38").width() - cur_img.width()) / 2;
  8475. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  8476. tx = tx === 'auto' ? contWidth : tx;
  8477. tx = tx === 'min-auto' ? - contWidth : tx;
  8478. ty = ty === 'auto' ? contHeight : ty;
  8479. ty = ty === 'min-auto' ? - contHeight : ty;
  8480. /* Loop through cols*/
  8481. for (var i = 0; i < cols; i++) {
  8482. var topDist = 0,
  8483. img_topDst = (jQuery(".huge_it_slide_bg_gallery_38").height() - cur_img.height()) / 2,
  8484. newColWidth = colWidth;
  8485. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  8486. if (colRemainder > 0) {
  8487. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  8488. newColWidth += add;
  8489. colRemainder -= add;
  8490. }
  8491. /* Nested loop to create row gridlets for each col.*/
  8492. for (var j = 0; j < rows; j++)  {
  8493. var newRowHeight = rowHeight,
  8494. newRowRemainder = rowRemainder;
  8495. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  8496. if (newRowRemainder > 0) {
  8497. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  8498. newRowHeight += add;
  8499. newRowRemainder -= add;
  8500. }
  8501. /* Create & append gridlet to grid.*/
  8502. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  8503. topDist += newRowHeight;
  8504. img_topDst -= newRowHeight;
  8505. }
  8506. img_leftDist -= newColWidth;
  8507. leftDist += newColWidth;
  8508. }
  8509. /* Set event listener on last gridlet to finish transitioning.*/
  8510. var last_gridlet = grid.children().last();
  8511. /* Show grid & hide the image it replaces.*/
  8512. grid.show();
  8513. cur_img.css('opacity', 0);
  8514. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  8515. grid.children().first().addClass('rs-top-left');
  8516. grid.children().last().addClass('rs-bottom-right');
  8517. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  8518. grid.children().eq(- rows).addClass('rs-top-right');
  8519. /* Execution steps.*/
  8520. setTimeout(function () {
  8521. grid.children().css({
  8522. opacity: op,
  8523. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  8524. });
  8525. }, 1);
  8526. jQuery(next_image_class).css('opacity', 1);
  8527. /* After transition.*/
  8528. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  8529. function huge_it_after_trans() {
  8530. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  8531. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  8532. cur_img.css('opacity', 1);
  8533. grid.remove();
  8534. huge_it_trans_in_progress_gallery_38 = false;
  8535. if (typeof event_stack_gallery_38 !== 'undefined' && event_stack_gallery_38.length > 0) {
  8536. key = event_stack_gallery_38[0].split("-");
  8537. event_stack_gallery_38.shift();
  8538. huge_it_change_image_gallery_38(key[0], key[1], data_gallery_38, true,false);
  8539. }
  8540. }
  8541. }
  8542. function huge_it_sliceH_gallery_38(current_image_class, next_image_class, direction) {
  8543. if (direction == 'right') {
  8544. var translateX = 'min-auto';
  8545. }
  8546. else if (direction == 'left') {
  8547. var translateX = 'auto';
  8548. }
  8549. huge_it_grid_gallery_38(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  8550. }
  8551. function huge_it_sliceV_gallery_38(current_image_class, next_image_class, direction) {
  8552. if (direction == 'right') {
  8553. var translateY = 'min-auto';
  8554. }
  8555. else if (direction == 'left') {
  8556. var translateY = 'auto';
  8557. }
  8558. huge_it_grid_gallery_38(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  8559. }
  8560. function huge_it_slideV_gallery_38(current_image_class, next_image_class, direction) {
  8561. if (direction == 'right') {
  8562. var translateY = 'auto';
  8563. }
  8564. else if (direction == 'left') {
  8565. var translateY = 'min-auto';
  8566. }
  8567. huge_it_grid_gallery_38(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  8568. }
  8569. function huge_it_slideH_gallery_38(current_image_class, next_image_class, direction) {
  8570. if (direction == 'right') {
  8571. var translateX = 'min-auto';
  8572. }
  8573. else if (direction == 'left') {
  8574. var translateX = 'auto';
  8575. }
  8576. huge_it_grid_gallery_38(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  8577. }
  8578. function huge_it_scaleOut_gallery_38(current_image_class, next_image_class, direction) {
  8579. huge_it_grid_gallery_38(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  8580. }
  8581. function huge_it_scaleIn_gallery_38(current_image_class, next_image_class, direction) {
  8582. huge_it_grid_gallery_38(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  8583. }
  8584. function huge_it_blockScale_gallery_38(current_image_class, next_image_class, direction) {
  8585. huge_it_grid_gallery_38(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  8586. }
  8587. function huge_it_kaleidoscope_gallery_38(current_image_class, next_image_class, direction) {
  8588. huge_it_grid_gallery_38(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  8589. }
  8590. function huge_it_fan_gallery_38(current_image_class, next_image_class, direction) {
  8591. if (direction == 'right') {
  8592. var rotate = 45;
  8593. var translateX = 100;
  8594. }
  8595. else if (direction == 'left') {
  8596. var rotate = -45;
  8597. var translateX = -100;
  8598. }
  8599. huge_it_grid_gallery_38(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  8600. }
  8601. function huge_it_blindV_gallery_38(current_image_class, next_image_class, direction) {
  8602. huge_it_grid_gallery_38(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  8603. }
  8604. function huge_it_blindH_gallery_38(current_image_class, next_image_class, direction) {
  8605. huge_it_grid_gallery_38(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  8606. }
  8607. function huge_it_random_gallery_38(current_image_class, next_image_class, direction) {
  8608. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  8609. /* Pick a random transition from the anims array.*/
  8610. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_38"](current_image_class, next_image_class, direction);
  8611. }
  8612. function iterator_gallery_38() {
  8613. var iterator = 1;
  8614. return iterator;
  8615. }
  8616. function huge_it_change_image_gallery_38(current_key, key, data_gallery_38, from_effect,clicked) {
  8617. if (data_gallery_38[key]) {
  8618. if(typeof video_is_playing_gallery_38 != 'undefined' && video_is_playing_gallery_38 && !clicked){
  8619. return false;
  8620. }
  8621. if (!from_effect) {
  8622. // Change image key.
  8623. jQuery("#huge_it_current_image_key_gallery_38").val(key);
  8624. // if (current_key == '-2') { /* Dots.*/
  8625. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_38").attr("data-image_key");
  8626. //  }
  8627. }
  8628. if (huge_it_trans_in_progress_gallery_38) {
  8629. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_38").after(" --IN TRANSACTION-- <br />");
  8630. event_stack_gallery_38.push(current_key + '-' + key);
  8631. return;
  8632. }
  8633. var direction = 'right';
  8634. if (huge_it_current_key_gallery_38 > key) {
  8635. var direction = 'left';
  8636. }
  8637. else if (huge_it_current_key_gallery_38 == key) {
  8638. return false;
  8639. }
  8640. // Set active thumbnail position.
  8641. huge_it_current_key_gallery_38 = key;
  8642. //Change image id, title, description.
  8643. jQuery(".huge_it_slideshow_image_gallery_38").attr('data-image_id', data_gallery_38[key]["id"]);
  8644. jQuery(".huge_it_slideshow_title_text_gallery_38").html(data_gallery_38[key]["alt"]);
  8645. jQuery(".huge_it_slideshow_description_text_gallery_38").html(data_gallery_38[key]["description"]);
  8646. var current_image_class = "#image_id_gallery_38_" + data_gallery_38[current_key]["id"];
  8647. var next_image_class = "#image_id_gallery_38_" + data_gallery_38[key]["id"];
  8648. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_38').length>0) {
  8649. var streffect='none';
  8650. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  8651. huge_it_none_gallery_38(current_image_class, next_image_class, direction);
  8652. }else{
  8653. huge_it_fade_gallery_38(current_image_class, next_image_class, direction);
  8654. }
  8655. }else{
  8656. huge_it_none_gallery_38(current_image_class, next_image_class, direction);
  8657. }
  8658. jQuery('.huge_it_slideshow_title_text_gallery_38').removeClass('none');
  8659. if(jQuery('.huge_it_slideshow_title_text_gallery_38').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_38').addClass('none');}
  8660. jQuery('.huge_it_slideshow_description_text_gallery_38').removeClass('none');
  8661. jQuery('.huge_it_gallery_like_cont_385021').removeClass('none');
  8662. if(jQuery('.huge_it_slideshow_description_text_gallery_38').html()==""){
  8663. jQuery('.huge_it_slideshow_description_text_gallery_38').addClass('none');
  8664. }
  8665. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_38').addClass('none');
  8666. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_38').addClass('none');
  8667. jQuery(current_image_class).find('.huge_it_gallery_like_cont_385021').addClass('none');
  8668. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_38").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  8669. huge_it_move_dots_gallery_38();
  8670. window.clearInterval(huge_it_playInterval_gallery_38);
  8671. play_gallery_38();
  8672. }
  8673. }
  8674. function huge_it_popup_resize_gallery_38() {
  8675. var staticsliderwidth=375;
  8676. var sliderwidth=375;
  8677. var bodyWidth=jQuery(window).width();
  8678. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_38").parent().width();
  8679.  
  8680. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  8681. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  8682. var str=(750/staticsliderwidth);
  8683.  
  8684. jQuery('.huge_it_slideshow_image_wrap_gallery_38').css({'max-height':parentWidth*str-2*0});
  8685.  
  8686. }
  8687. jQuery(window).load(function () {
  8688. jQuery(window).resize(function() {
  8689. huge_it_popup_resize_gallery_38();
  8690. });
  8691. huge_it_popup_resize_gallery_38();
  8692. /* Disable right click.*/
  8693. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  8694. return false;
  8695. });
  8696. /*HOVER SLIDESHOW*/
  8697. jQuery("#huge_it_slideshow_image_container_gallery_38, .huge_it_slideshow_image_container_gallery_38, .huge_it_slideshow_dots_container_gallery_38,#huge_it_slideshow_right_gallery_38,#huge_it_slideshow_left_gallery_38").hover(function(){
  8698. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_38").after(" -- hover -- <br /> ");
  8699. jQuery("#huge_it_slideshow_right_gallery_38").css({'display':'inline'});
  8700. jQuery("#huge_it_slideshow_left_gallery_38").css({'display':'inline'});
  8701. },function(){
  8702. jQuery("#huge_it_slideshow_right_gallery_38").css({'display':'none'});
  8703. jQuery("#huge_it_slideshow_left_gallery_38").css({'display':'none'});
  8704. });
  8705. var pausehover="on";
  8706. if(pausehover=="on"){
  8707. jQuery("#huge_it_slideshow_image_container_gallery_38, .huge_it_slideshow_image_container_gallery_38, .huge_it_slideshow_dots_container_gallery_38,#huge_it_slideshow_right_gallery_38,#huge_it_slideshow_left_gallery_38").hover(function(){
  8708. window.clearInterval(huge_it_playInterval_gallery_38);
  8709. },function(){
  8710. window.clearInterval(huge_it_playInterval_gallery_38);
  8711. play_gallery_38();
  8712. });
  8713. }
  8714. play_gallery_38();
  8715. });
  8716. function play_gallery_38() {
  8717. /* Play.*/
  8718. huge_it_playInterval_gallery_38 = setInterval(function () {
  8719. var iterator = 1;
  8720. huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()) + iterator) % data_gallery_38.length, data_gallery_38,false,false);
  8721. }, '5000');
  8722. }
  8723. jQuery(window).focus(function() {
  8724. var i_gallery_38 = 0;
  8725. jQuery(".huge_it_slider_gallery_38").children("div").each(function () {
  8726. if (jQuery(this).css('opacity') == 1) {
  8727. jQuery("#huge_it_current_image_key_gallery_38").val(i_gallery_38);
  8728. }
  8729. i_gallery_38++;
  8730. });
  8731. play_gallery_38();
  8732. });
  8733. jQuery(window).blur(function() {
  8734. event_stack_gallery_38 = [];
  8735. window.clearInterval(huge_it_playInterval_gallery_38);
  8736. });
  8737. </script>
  8738. <div class="huge_it_slideshow_image_wrap_gallery_38 gallery-img-content"
  8739.     data-rating-type="heart">
  8740. <!-- ##########################DOTS######################### -->
  8741. <div class="huge_it_slideshow_dots_container_gallery_38">
  8742. <div class="huge_it_slideshow_dots_thumbnails_gallery_38">
  8743. <div id="huge_it_dots_0_gallery_38"
  8744.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_active_gallery_38"
  8745.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '0', data_gallery_38,false,true);return false;"
  8746.     data-image_id="726" data-image_key="0"></div>
  8747. <div id="huge_it_dots_1_gallery_38"
  8748.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_deactive_gallery_38"
  8749.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '1', data_gallery_38,false,true);return false;"
  8750.     data-image_id="725" data-image_key="1"></div>
  8751. <div id="huge_it_dots_2_gallery_38"
  8752.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_deactive_gallery_38"
  8753.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '2', data_gallery_38,false,true);return false;"
  8754.     data-image_id="723" data-image_key="2"></div>
  8755. <div id="huge_it_dots_3_gallery_38"
  8756.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_deactive_gallery_38"
  8757.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '3', data_gallery_38,false,true);return false;"
  8758.     data-image_id="724" data-image_key="3"></div>
  8759. <div id="huge_it_dots_4_gallery_38"
  8760.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_deactive_gallery_38"
  8761.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '4', data_gallery_38,false,true);return false;"
  8762.     data-image_id="722" data-image_key="4"></div>
  8763. <div id="huge_it_dots_5_gallery_38"
  8764.     class="huge_it_slideshow_dots_gallery_38 huge_it_slideshow_dots_deactive_gallery_38"
  8765.     onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), '5', data_gallery_38,false,true);return false;"
  8766.     data-image_id="721" data-image_key="5"></div>
  8767. </div>
  8768. <a id="huge_it_slideshow_left_gallery_38" href="#"
  8769.   onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()) - iterator_gallery_38()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()) - iterator_gallery_38()) % data_gallery_38.length : data_gallery_38.length - 1, data_gallery_38,false,true);return false;">
  8770. <div id="huge_it_slideshow_left-ico_gallery_38">
  8771. <div><i class="huge_it_slideshow_prev_btn_gallery_38 fa"></i></div>
  8772. </div>
  8773. </a>
  8774. <a id="huge_it_slideshow_right_gallery_38" href="#"
  8775.   onclick="huge_it_change_image_gallery_38(parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_38').val()) + iterator_gallery_38()) % data_gallery_38.length, data_gallery_38,false,true);return false;">
  8776. <div id="huge_it_slideshow_right-ico_38">
  8777. <div><i class="huge_it_slideshow_next_btn_gallery_38 fa"></i></div>
  8778. </div>
  8779. </a>
  8780. </div>
  8781. <!-- ##########################IMAGES######################### -->
  8782. <script>
  8783. jQuery(document).ready(function ($) {
  8784. $('.thumb_wrapper').on('click', function (ev) {
  8785. var hugeid = $(this).data('rowid');
  8786. var myid = hugeid;
  8787. myid = parseInt(myid);
  8788. eval('player_' + myid + '.playVideo()')
  8789. ev.preventDefault();
  8790. });
  8791. });
  8792. </script>
  8793. <div id="huge_it_slideshow_image_container_gallery_38"
  8794.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_38 view-slider">
  8795. <div class="huge_it_slide_container_gallery_38">
  8796. <div class="huge_it_slide_bg_gallery_38">
  8797. <ul class="huge_it_slider_gallery_38">
  8798. <li class="huge_it_slideshow_image_item_gallery_38"
  8799.    id="image_id_gallery_38_0">
  8800. <div class="huge_it_gallery_like_cont_385021">
  8801. <div class="huge_it_gallery_like_wrapper">
  8802. <span class="huge_it_like">
  8803. <i class="hugeiticons-heart likeheart"></i>
  8804. <span class="huge_it_like_thumb" id="726"
  8805.      data-status="unliked">
  8806. 0 </span>
  8807. <span
  8808. class="huge_it_like_count "
  8809. id="726"></span>
  8810. </span>
  8811. </div>
  8812. </div>
  8813. <img decoding="async" alt=""
  8814.     id="huge_it_slideshow_image_gallery_38_0"
  8815.     class="huge_it_slideshow_image_gallery_38"
  8816.     src="https://picoulet.centres-sociaux.fr/files/2025/10/1-3.png"
  8817.     data-image_id="726"/>
  8818. <div
  8819. class="huge_it_slideshow_title_text_gallery_38 none">
  8820. </div>
  8821. <div
  8822. class="huge_it_slideshow_description_text_gallery_38 none">
  8823. </div>
  8824. </li>
  8825. <li class="huge_it_slideshow_image_second_item_gallery_38"
  8826.    id="image_id_gallery_38_1">
  8827. <div class="huge_it_gallery_like_cont_385021">
  8828. <div class="huge_it_gallery_like_wrapper">
  8829. <span class="huge_it_like">
  8830. <i class="hugeiticons-heart likeheart"></i>
  8831. <span class="huge_it_like_thumb" id="725"
  8832.      data-status="unliked">
  8833. 0 </span>
  8834. <span
  8835. class="huge_it_like_count "
  8836. id="725"></span>
  8837. </span>
  8838. </div>
  8839. </div>
  8840. <img decoding="async" alt=""
  8841.     id="huge_it_slideshow_image_gallery_38_1"
  8842.     class="huge_it_slideshow_image_gallery_38"
  8843.     src="https://picoulet.centres-sociaux.fr/files/2025/10/2-2.png"
  8844.     data-image_id="725"/>
  8845. <div
  8846. class="huge_it_slideshow_title_text_gallery_38 none">
  8847. </div>
  8848. <div
  8849. class="huge_it_slideshow_description_text_gallery_38 none">
  8850. </div>
  8851. </li>
  8852. <li class="huge_it_slideshow_image_second_item_gallery_38"
  8853.    id="image_id_gallery_38_2">
  8854. <div class="huge_it_gallery_like_cont_385021">
  8855. <div class="huge_it_gallery_like_wrapper">
  8856. <span class="huge_it_like">
  8857. <i class="hugeiticons-heart likeheart"></i>
  8858. <span class="huge_it_like_thumb" id="723"
  8859.      data-status="unliked">
  8860. 0 </span>
  8861. <span
  8862. class="huge_it_like_count "
  8863. id="723"></span>
  8864. </span>
  8865. </div>
  8866. </div>
  8867. <img decoding="async" alt=""
  8868.     id="huge_it_slideshow_image_gallery_38_2"
  8869.     class="huge_it_slideshow_image_gallery_38"
  8870.     src="https://picoulet.centres-sociaux.fr/files/2025/10/4-2.png"
  8871.     data-image_id="723"/>
  8872. <div
  8873. class="huge_it_slideshow_title_text_gallery_38 none">
  8874. </div>
  8875. <div
  8876. class="huge_it_slideshow_description_text_gallery_38 none">
  8877. </div>
  8878. </li>
  8879. <li class="huge_it_slideshow_image_second_item_gallery_38"
  8880.    id="image_id_gallery_38_3">
  8881. <div class="huge_it_gallery_like_cont_385021">
  8882. <div class="huge_it_gallery_like_wrapper">
  8883. <span class="huge_it_like">
  8884. <i class="hugeiticons-heart likeheart"></i>
  8885. <span class="huge_it_like_thumb" id="724"
  8886.      data-status="unliked">
  8887. 0 </span>
  8888. <span
  8889. class="huge_it_like_count "
  8890. id="724"></span>
  8891. </span>
  8892. </div>
  8893. </div>
  8894. <img decoding="async" alt=""
  8895.     id="huge_it_slideshow_image_gallery_38_3"
  8896.     class="huge_it_slideshow_image_gallery_38"
  8897.     src="https://picoulet.centres-sociaux.fr/files/2025/10/3-2.png"
  8898.     data-image_id="724"/>
  8899. <div
  8900. class="huge_it_slideshow_title_text_gallery_38 none">
  8901. </div>
  8902. <div
  8903. class="huge_it_slideshow_description_text_gallery_38 none">
  8904. </div>
  8905. </li>
  8906. <li class="huge_it_slideshow_image_second_item_gallery_38"
  8907.    id="image_id_gallery_38_4">
  8908. <div class="huge_it_gallery_like_cont_385021">
  8909. <div class="huge_it_gallery_like_wrapper">
  8910. <span class="huge_it_like">
  8911. <i class="hugeiticons-heart likeheart"></i>
  8912. <span class="huge_it_like_thumb" id="722"
  8913.      data-status="unliked">
  8914. 0 </span>
  8915. <span
  8916. class="huge_it_like_count "
  8917. id="722"></span>
  8918. </span>
  8919. </div>
  8920. </div>
  8921. <img decoding="async" alt=""
  8922.     id="huge_it_slideshow_image_gallery_38_4"
  8923.     class="huge_it_slideshow_image_gallery_38"
  8924.     src="https://picoulet.centres-sociaux.fr/files/2025/10/5.png"
  8925.     data-image_id="722"/>
  8926. <div
  8927. class="huge_it_slideshow_title_text_gallery_38 none">
  8928. </div>
  8929. <div
  8930. class="huge_it_slideshow_description_text_gallery_38 none">
  8931. </div>
  8932. </li>
  8933. <li class="huge_it_slideshow_image_second_item_gallery_38"
  8934.    id="image_id_gallery_38_5">
  8935. <div class="huge_it_gallery_like_cont_385021">
  8936. <div class="huge_it_gallery_like_wrapper">
  8937. <span class="huge_it_like">
  8938. <i class="hugeiticons-heart likeheart"></i>
  8939. <span class="huge_it_like_thumb" id="721"
  8940.      data-status="unliked">
  8941. 0 </span>
  8942. <span
  8943. class="huge_it_like_count "
  8944. id="721"></span>
  8945. </span>
  8946. </div>
  8947. </div>
  8948. <img decoding="async" alt=""
  8949.     id="huge_it_slideshow_image_gallery_38_5"
  8950.     class="huge_it_slideshow_image_gallery_38"
  8951.     src="https://picoulet.centres-sociaux.fr/files/2025/10/6.png"
  8952.     data-image_id="721"/>
  8953. <div
  8954. class="huge_it_slideshow_title_text_gallery_38 none">
  8955. </div>
  8956. <div
  8957. class="huge_it_slideshow_description_text_gallery_38 none">
  8958. </div>
  8959. </li>
  8960. </ul>
  8961. <input type="hidden" id="huge_it_current_image_key_gallery_38" value="0"/>
  8962. </div>
  8963. </div>
  8964. </div>
  8965. </div><style>
  8966. .huge_it_slideshow_image_wrap_gallery_38 {
  8967.    height: 750px;
  8968.    width: 375px;
  8969.    max-width: calc(100% - 2 * 0px);
  8970.    position: relative;
  8971.    display: block;
  8972.    text-align: center;
  8973.    border: 0 px #ffffff solid;
  8974.    box-sizing: content-box;
  8975.    clear: both;
  8976. float:none; margin: 0 auto;}
  8977.  
  8978. .huge_it_slideshow_image_wrap_gallery_38 * {
  8979.    box-sizing: border-box;
  8980.    -moz-box-sizing: border-box;
  8981.    -webkit-box-sizing: border-box;
  8982. }
  8983.  
  8984. .huge_it_slideshow_image_gallery_38 {
  8985. width: 100%;
  8986.    height: 100%;
  8987.    left: 0;
  8988.    top: 0;
  8989. /* height: auto;
  8990.                top: 50%;
  8991.            left: 50%;
  8992.                transform: translate( -50%, -50% ); */
  8993. max-width: 100%;
  8994.    max-height: 100%;
  8995.    position: absolute;
  8996. }
  8997.  
  8998. .huge_it_slider_gallery_38 li iframe {
  8999.    width: 100%;
  9000.    height: 100%;
  9001. }
  9002.  
  9003. .huge_it_slider_gallery_38 li #thevideo {
  9004.    width: 100%;
  9005.    height: 100%;
  9006. }
  9007.  
  9008. .huge_it_slider_gallery_38 li .thumb_wrapper {
  9009.    width: 100%;
  9010.    height: 100%;
  9011. }
  9012.  
  9013. .huge_it_slider_gallery_38 li .thumb_wrapper img {
  9014.    position: relative;
  9015.    /*top: 50%;
  9016.    transform: translateY(-50%);*/
  9017. }
  9018.  
  9019. #huge_it_slideshow_left_gallery_38,
  9020. #huge_it_slideshow_right_gallery_38 {
  9021.    cursor: pointer;
  9022.    display: none;
  9023.    display: block;
  9024.    height: 100%;
  9025.    outline: medium none;
  9026.    position: absolute;
  9027.    /*z-index: 10130;*/
  9028.    z-index: 13;
  9029.    bottom: 25px;
  9030.    top: 50%;
  9031. }
  9032.  
  9033. #huge_it_slideshow_left-ico_gallery_38,
  9034. #huge_it_slideshow_right-ico_gallery_38 {
  9035.    z-index: 13;
  9036.    -moz-box-sizing: content-box;
  9037.    box-sizing: content-box;
  9038.    cursor: pointer;
  9039.    display: table;
  9040.    left: -9999px;
  9041.    line-height: 0;
  9042.    margin-top: -15px;
  9043.    position: absolute;
  9044.    top: 50%;
  9045. }
  9046.  
  9047. #huge_it_slideshow_left-ico_gallery_38:hover,
  9048. #huge_it_slideshow_right-ico_gallery_38:hover {
  9049.    cursor: pointer;
  9050. }
  9051.  
  9052. .huge_it_slideshow_image_container_gallery_38 {
  9053.    display: table;
  9054.    position: relative;
  9055.    top: 0;
  9056.    left: 0;
  9057.    text-align: center;
  9058.    vertical-align: middle;
  9059.    width: 100%;
  9060.    height: 100%;
  9061. }
  9062.  
  9063. .huge_it_slideshow_title_text_gallery_38 {
  9064.    text-decoration: none;
  9065.    position: absolute;
  9066.    z-index: 12;
  9067.    display: inline-block;
  9068. width: 30%;
  9069.    /*height:
  9070. 50 %;*/
  9071. right:0%;top:0%; padding: 2%;
  9072.    text-align: right;
  9073.    font-weight: bold;
  9074.    color: #000000;
  9075.    background: rgba(255,255,255,0.7)  !important;
  9076.    border-style: solid;
  9077.    font-size: 13px;
  9078.    border-width: 0px;
  9079.    border-color: #ffffff;
  9080.    border-radius: 4px;
  9081. }
  9082.  
  9083. .huge_it_slideshow_description_text_gallery_38 {
  9084.    text-decoration: none;
  9085.    position: absolute;
  9086.    z-index: 11;
  9087.    border-style: solid;
  9088.    display: inline-block;
  9089. width: 70%;
  9090.    /*height:
  9091. %;*/
  9092. right:0%;bottom:0%; padding: 3%;
  9093.    text-align: justify;
  9094.    color: #ffffff;
  9095.    background: rgba(0,0,0,0.7) !important;
  9096.    border-style: solid;
  9097.    font-size: 12px;
  9098.    border-width: 0px;
  9099.    border-color: #ffffff;
  9100.    border-radius: 0px;
  9101. }
  9102.  
  9103. .huge_it_slideshow_title_text_gallery_38.none, .huge_it_slideshow_description_text_gallery_38.none,
  9104. .huge_it_slideshow_title_text_gallery_38.hidden, .huge_it_slideshow_description_text_gallery_38.hidden {
  9105.    display: none;
  9106. }
  9107.  
  9108. .huge_it_gallery_like_cont_385021.none {
  9109.    display: none !important;
  9110. }
  9111.  
  9112. .huge_it_slideshow_title_text_gallery_38 h1, .huge_it_slideshow_description_text_gallery_38 h1,
  9113. .huge_it_slideshow_title_text_gallery_38 h2, .huge_it_slideshow_title_text_gallery_38 h2,
  9114. .huge_it_slideshow_title_text_gallery_38 h3, .huge_it_slideshow_title_text_gallery_38 h3,
  9115. .huge_it_slideshow_title_text_gallery_38 h4, .huge_it_slideshow_title_text_gallery_38 h4,
  9116. .huge_it_slideshow_title_text_gallery_38 p, .huge_it_slideshow_title_text_gallery_38 p,
  9117. .huge_it_slideshow_title_text_gallery_38 strong, .huge_it_slideshow_title_text_gallery_38 strong,
  9118. .huge_it_slideshow_title_text_gallery_38 span, .huge_it_slideshow_title_text_gallery_38 span,
  9119. .huge_it_slideshow_title_text_gallery_38 ul, .huge_it_slideshow_title_text_gallery_38 ul,
  9120. .huge_it_slideshow_title_text_gallery_38 li, .huge_it_slideshow_title_text_gallery_38 li {
  9121.    padding: 2px;
  9122.    margin: 0;
  9123. }
  9124.  
  9125. .huge_it_slide_container_gallery_38 {
  9126.    display: table-cell;
  9127.    margin: 0 auto;
  9128.    position: relative;
  9129.    vertical-align: middle;
  9130.    width: 100%;
  9131.    height: 100%;
  9132.    _width: inherit;
  9133.    _height: inherit;
  9134. }
  9135.  
  9136. .huge_it_slide_bg_gallery_38 {
  9137.    margin: 0 auto;
  9138.    width: 100%;
  9139.    height: 100%;
  9140.    _width: inherit;
  9141.    _height: inherit;
  9142. }
  9143.  
  9144. .huge_it_slider_gallery_38 {
  9145.    width: 100%;
  9146.    height: 100%;
  9147.    display: table;
  9148.    padding: 0;
  9149.    margin: 0;
  9150. }
  9151.  
  9152. .huge_it_slideshow_image_item_gallery_38 {
  9153.    width: 100%;
  9154.    height: 100%;
  9155.    display: table-cell;
  9156.    filter: Alpha(opacity=100);
  9157.    opacity: 1;
  9158.    position: absolute;
  9159.    top: 0;
  9160.    left: 0;
  9161.    vertical-align: middle;
  9162.    z-index: 2;
  9163.    margin: 0 !important;
  9164.    padding: 0;
  9165.    overflow: hidden;
  9166.    border-radius: 0px !important;
  9167. }
  9168.  
  9169. .huge_it_slideshow_image_second_item_gallery_38 {
  9170.    width: 100%;
  9171.    height: 100%;
  9172.    display: table-cell;
  9173.    filter: Alpha(opacity=0);
  9174.    opacity: 0;
  9175.    position: absolute;
  9176.    top: 0;
  9177.    left: 0;
  9178.    vertical-align: middle;
  9179.    z-index: 1;
  9180.    overflow: hidden;
  9181.    margin: 0 !important;
  9182.    padding: 0;
  9183.    border-radius: 0px !important;
  9184. }
  9185.  
  9186. .huge_it_grid_gallery_38 {
  9187.    display: none;
  9188.    height: 100%;
  9189.    overflow: hidden;
  9190.    position: absolute;
  9191.    width: 100%;
  9192. }
  9193.  
  9194. .huge_it_gridlet_gallery_38 {
  9195.    opacity: 1;
  9196.    filter: Alpha(opacity=100);
  9197.    position: absolute;
  9198. }
  9199.  
  9200. .huge_it_slideshow_dots_container_gallery_38 {
  9201.    display: table;
  9202.    position: absolute;
  9203.    width: 100% !important;
  9204.    height: 100% !important;
  9205. }
  9206.  
  9207. .huge_it_slideshow_dots_thumbnails_gallery_38 {
  9208.    margin: 0 auto;
  9209.    overflow: hidden;
  9210.    position: absolute;
  9211.    width: 100%;
  9212.    height: 60px;
  9213. }
  9214.  
  9215. .huge_it_slideshow_dots_gallery_38 {
  9216.    display: inline-block;
  9217.    position: relative;
  9218.    cursor: pointer;
  9219.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  9220.    width: 10px;
  9221.    height: 10px;
  9222.    border-radius: 10px;
  9223.    background: #00f;
  9224.    margin: 10px;
  9225.    overflow: hidden;
  9226.    z-index: 17;
  9227. }
  9228.  
  9229. .huge_it_slideshow_dots_active_gallery_38 {
  9230.    opacity: 1;
  9231.    background: #0f0;
  9232.    filter: Alpha(opacity=100);
  9233. }
  9234.  
  9235. .huge_it_slideshow_dots_deactive_gallery_38 {
  9236. }
  9237.  
  9238. .huge_it_slideshow_image_item1_gallery_38 {
  9239.    display: table;
  9240.    width: inherit;
  9241.    height: inherit;
  9242. }
  9243.  
  9244. .huge_it_slideshow_image_item2_gallery_38 {
  9245.    display: table-cell;
  9246.    vertical-align: middle;
  9247.    text-align: center;
  9248. }
  9249.  
  9250. .huge_it_slideshow_image_item2_gallery_38 a {
  9251.    display: block;
  9252.    vertical-align: middle;
  9253.    width: 100%;
  9254.    height: 100%;
  9255. }
  9256.  
  9257. .huge_it_slideshow_image_wrap_gallery_38 {
  9258.    background: #ffffff;
  9259. }
  9260.  
  9261. .huge_it_slideshow_dots_thumbnails_gallery_38 {
  9262. top: 0;
  9263. }
  9264.  
  9265. .huge_it_slideshow_dots_gallery_38 {
  9266.    background: #000000;
  9267. }
  9268.  
  9269. .huge_it_slideshow_dots_active_gallery_38 {
  9270.    background: #ffffff;
  9271. }
  9272.  
  9273. /*/////Like/Dislike Styles BEGIN//////Heart//////*/
  9274. .huge_it_gallery_like_cont_385021 {
  9275.    position: absolute;
  9276.    top: 0;
  9277.    left: 0;
  9278.    z-index: 99;
  9279.    display: none;
  9280. }
  9281.  
  9282. .huge_it_slide_container_gallery_38:hover .huge_it_gallery_like_cont_385021 {
  9283.    display: block;
  9284. }
  9285.  
  9286. .huge_it_gallery_like_cont_385021 .huge_it_gallery_like_wrapper {
  9287.    position: relative;
  9288.    background: rgba(255,255,255,0.7)  !important;
  9289.    display: inline-block;
  9290.    border-radius: 8px;
  9291.    font-size: 0;
  9292. }
  9293.  
  9294. .huge_it_gallery_like_cont_385021 .huge_it_gallery_like_wrapper:hover {
  9295.    background: #D6D4D4;
  9296. }
  9297.  
  9298. .huge_it_gallery_like_cont_385021 .huge_it_gallery_like_wrapper {
  9299.    margin: 3px;
  9300. }
  9301.  
  9302. .huge_it_gallery_like_cont_385021 .huge_it_like {
  9303.    font-size: 0;
  9304. }
  9305.  
  9306. .huge_it_gallery_like_cont_385021 .huge_it_like .huge_it_like_thumb {
  9307.    display: block;
  9308.    float: left;
  9309. ;
  9310.    color: #3D3D3D;
  9311.    width: 38px;
  9312.    height: 38px;
  9313.    padding: 8px 0;
  9314.    font-size: 12px;
  9315.    text-align: center;
  9316.    font-weight: 700;
  9317.    position: relative;
  9318.    cursor: pointer;
  9319. }
  9320.  
  9321. .huge_it_gallery_like_cont_385021 .huge_it_like_count {
  9322.    display: none;
  9323. }
  9324.  
  9325. .huge_it_gallery_like_cont_385021 .huge_it_like .likeheart {
  9326.    font-size: 32px;
  9327.    color: #8F8F8F;
  9328.    position: absolute;
  9329.    top: 4px;
  9330.    left: 3px;
  9331.    transition: 0.3s ease;
  9332. }
  9333.  
  9334. .huge_it_gallery_like_cont_385021 .like_thumb_active {
  9335.    color: #FF2A12 !important;
  9336. }
  9337.  
  9338. .huge_it_gallery_like_cont_385021 .like_font_active {
  9339. color: #1C1C1C !important;
  9340. }
  9341.  
  9342. @media screen and (min-width: 768px) {
  9343.    .huge_it_gallery_like_cont_385021 .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb {
  9344.     color: #1C1C1C !important;
  9345.        }
  9346.  
  9347.    .huge_it_gallery_like_cont_385021 .huge_it_gallery_like_wrapper:hover .likeheart {
  9348.        color: #FF2A12 !important;
  9349.    }
  9350. }
  9351.  
  9352. .youtube-icon {
  9353.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;
  9354. }
  9355.  
  9356. .vimeo-icon {
  9357.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;
  9358. }
  9359.  
  9360. .playbutton {
  9361.    width: 100%;
  9362.    height: 100%;
  9363.    position: absolute;
  9364. }
  9365.  
  9366. /*/////Like/Dislike Styles END//////Heart//////*/
  9367. #huge_it_slideshow_left_gallery_38 {
  9368.    left: 0;
  9369.    margin-top: -21px;
  9370.    height: 43px;
  9371.    width: 29px;
  9372.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  9373. }
  9374.  
  9375. #huge_it_slideshow_right_gallery_38 {
  9376.    right: 0;
  9377.    margin-top: -21px;
  9378.    height: 43px;
  9379.    width: 29px;
  9380.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  9381. }
  9382.  
  9383. .thumb_image {
  9384.    position: absolute;
  9385.    width: 100%;
  9386.    height: 100%;
  9387.    top: 0;
  9388.    left: 0;
  9389. }
  9390.  
  9391. .entry-content a {
  9392.    border-bottom: none !important;
  9393. }
  9394.  
  9395. .gallery-img-content .noneDisplay {
  9396.    display: block;
  9397. }
  9398.  
  9399. </style>
  9400. </p>
  9401. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  9402. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/10/2025_novembre_web.pdf">PDF</a><br />
  9403. Dans le pdf, cliquez sur les <img loading="lazy" loading="lazy" decoding="async" class="alignnone wp-image-4671" src="https://picoulet.centres-sociaux.fr/files/2025/02/lien.gif" alt="" width="17" height="23">pour accéder à plus d&rsquo;informations</p>
  9404. ]]></content:encoded>
  9406. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/11/01/novembre-2025/feed/</wfw:commentRss>
  9407. <slash:comments>0</slash:comments>
  9410. </item>
  9411. <item>
  9412. <title>Programme des Vacances d&#8217;Automne 2025</title>
  9413. <link>https://picoulet.centres-sociaux.fr/2025/10/12/vacs-automne-2025/</link>
  9414. <comments>https://picoulet.centres-sociaux.fr/2025/10/12/vacs-automne-2025/#respond</comments>
  9416. <dc:creator><![CDATA[laetitia]]></dc:creator>
  9417. <pubDate>Sun, 12 Oct 2025 12:14:37 +0000</pubDate>
  9418. <category><![CDATA[Non classé]]></category>
  9419. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=4995</guid>
  9420.  
  9421. <description><![CDATA[Fichier à télécharger : PDF (dans le PDF, cliquez sur les petits &#160;pour plus d&#8217;informations sur les sorties)]]></description>
  9422. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  9423. /*===== general options =========*/
  9424. a {
  9425.    box-shadow: none !important;
  9426. }
  9427.  
  9428. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  9429.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  9430. }
  9431.  
  9432. #album_disabled_layer {
  9433.    display: none;
  9434.    position: absolute;
  9435.    width: 100%;
  9436.    height: 100%;
  9437.    text-align: center;
  9438.    background-color: transparent;
  9439.    z-index: 10;
  9440.    padding-top: 20px;
  9441.    color: #fff;
  9442. }
  9443.  
  9444. #album_list_container {
  9445.    position: relative;
  9446. }
  9447.  
  9448. /* ====================== album onhover styles ==========================*/
  9449.  
  9450. #album_list .view {
  9451.    -webkit-box-sizing: border-box;
  9452.    -moz-box-sizing: border-box;
  9453.    -o-box-sizing: border-box;
  9454.    display: none;
  9455.  
  9456. }
  9457.  
  9458. .view .mask,
  9459. .view .content {
  9460.    width: 100%;
  9461.    height: 100%;
  9462.    position: absolute;
  9463.    overflow: hidden;
  9464.    top: 0;
  9465.    left: 0;
  9466. }
  9467.  
  9468. .view h2 {
  9469.    text-transform: uppercase;
  9470.    color: #fff;
  9471.    text-align: center;
  9472.    position: relative;
  9473.    font-size: 17px;
  9474.    font-family: Raleway, serif;
  9475.    padding: 10px;
  9476.    /*background: rgba(0, 0, 0, 0.8);*/
  9477.    margin: 20px 0 0 0;
  9478.  
  9479. }
  9480.  
  9481. .album_back_button a, .view a {
  9482.    text-decoration: none !important;
  9483. }
  9484.  
  9485. .view p {
  9486.    font-family: Merriweather, serif;
  9487.    font-style: italic;
  9488.    font-size: 14px;
  9489.    position: relative;
  9490.    color: #fff;
  9491.    padding: 0px 20px 0px;
  9492.    text-align: center;
  9493.  
  9494. }
  9495.  
  9496. .view a.info {
  9497.    display: inline-block;
  9498.    text-decoration: none;
  9499.    font-size: 13px;
  9500.    padding: 2px 14px;
  9501.    margin-bottom: 3px;
  9502.    background: #000;
  9503.    color: #fff;
  9504.    font-family: Raleway, serif;
  9505.    text-transform: uppercase;
  9506.    box-shadow: 0 0 1px #000
  9507. }
  9508.  
  9509. .mask-text h2 {
  9510.    font-size: 20px !important;
  9511. }
  9512.  
  9513. .view a.info:hover {
  9514.    box-shadow: 0 0 5px #000
  9515. }
  9516.  
  9517. .view .mask-bg {
  9518.    height: 100%;
  9519. }
  9520.  
  9521. .view .album_social {
  9522.    color: #fff;
  9523.    position: absolute;
  9524.    bottom: 3px;
  9525.    left: 3px;
  9526.    border: 1px solid #ffffff;
  9527.    -webkit-border-radius: 3px;
  9528.    -moz-border-radius: 3px;
  9529.    border-radius: 3px;
  9530.    padding: 3px 5px;
  9531.  
  9532. }
  9533.  
  9534. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  9535.    color: #ffffff;
  9536.    outline: none;
  9537. }
  9538.  
  9539. /*1*/
  9540.  
  9541. .view .info {
  9542.    margin-top: 5px;
  9543. }
  9544.  
  9545. .view-first .mask {
  9546.    opacity: 0;
  9547.    background-color: rgba(0, 0, 0, 0.7);
  9548.    transition: all 0.4s ease-in-out;
  9549.  
  9550. }
  9551.  
  9552. .view-first h2 {
  9553.    transform: translateY(-100px);
  9554.    opacity: 0;
  9555.    font-family: Raleway, serif;
  9556.    transition: all 0.2s ease-in-out;
  9557. }
  9558.  
  9559. .view-first p {
  9560.    transform: translateY(100px);
  9561.    opacity: 0;
  9562.    transition: all 0.2s linear;
  9563. }
  9564.  
  9565. .view-first a.info {
  9566.    opacity: 0;
  9567.    transition: all 0.2s ease-in-out;
  9568. }
  9569.  
  9570. /* */
  9571.  
  9572. .view-first:hover img {
  9573.    /*transform: scale(1.1);*/
  9574. }
  9575.  
  9576. .view-first:hover .mask {
  9577.    opacity: 1;
  9578. }
  9579.  
  9580. .view-first:hover h2,
  9581. .view-first:hover p,
  9582. .view-first:hover a.info {
  9583.    opacity: 1;
  9584.    transform: translateY(0px);
  9585. }
  9586.  
  9587. .view-first:hover p {
  9588.    transition-delay: 0.1s;
  9589. }
  9590.  
  9591. .view-first:hover a.info {
  9592.    transition-delay: 0.2s;
  9593. }
  9594.  
  9595. /*2*/
  9596. .view-second img {
  9597.    -webkit-filter: grayscale(0) blur(0);
  9598.    filter: grayscale(0) blur(0);
  9599.    -webkit-transition: .3s ease-in-out;
  9600.    transition: .3s ease-in-out;
  9601. }
  9602.  
  9603. .view-second .mask {
  9604.    background-color: rgba(226, 200, 127, 0.2);
  9605.    transition: all 0.5s linear;
  9606.    opacity: 0;
  9607. }
  9608.  
  9609. .view-second h2 {
  9610.    background: transparent;
  9611.    margin: 20px 40px 0px 40px;
  9612.    transform: scale(0);
  9613.    color: #333;
  9614.    transition: all 0.5s linear;
  9615.    opacity: 0;
  9616. }
  9617.  
  9618. .view-second p {
  9619.    opacity: 0;
  9620.    transform: scale(0);
  9621.    transition: all 0.5s linear;
  9622. }
  9623.  
  9624. .view-second a.info {
  9625.    opacity: 0;
  9626.    transform: scale(0);
  9627.    transition: all 0.5s linear;
  9628. }
  9629.  
  9630. .view-second:hover img {
  9631.    -webkit-filter: grayscale(100%) blur(3px);
  9632.    filter: grayscale(100%) blur(3px);
  9633. }
  9634.  
  9635. .view-second:hover .mask {
  9636.    opacity: 1;
  9637. }
  9638.  
  9639. .view-second:hover h2,
  9640. .view-second:hover p,
  9641. .view-second:hover a.info {
  9642.    transform: scale(1);
  9643.    opacity: 1;
  9644. }
  9645.  
  9646. .view-second img {
  9647.    -webkit-filter: grayscale(0) blur(0);
  9648.    filter: grayscale(0) blur(0);
  9649.    -webkit-transition: .3s ease-in-out;
  9650.    transition: .3s ease-in-out;
  9651. }
  9652.  
  9653. .view-second:hover img {
  9654.    -webkit-filter: grayscale(100%) blur(3px);
  9655.    filter: grayscale(100%) blur(3px);
  9656. }
  9657.  
  9658. /*3*/
  9659.  
  9660. .view-third img {
  9661.    transform: scaleY(1);
  9662.    transition: all .7s ease-in-out;
  9663. }
  9664.  
  9665. .view-third a.info {
  9666.    opacity: 0;
  9667.    transform: scale(0);
  9668.    transition: all 0.5s linear;
  9669. }
  9670.  
  9671. .view-third:hover img {
  9672.    -webkit-transform: scale(10);
  9673.    transform: scale(10);
  9674.    opacity: 0;
  9675. }
  9676.  
  9677. .view-third:hover .mask {
  9678.    opacity: 1;
  9679. }
  9680.  
  9681. .view-third:hover h2,
  9682. .view-third:hover p,
  9683. .view-third:hover a.info {
  9684.    transform: scale(1);
  9685.    opacity: 1;
  9686. }
  9687.  
  9688. /* ==== view 4 ===*/
  9689.  
  9690. .view-forth-wrapper {
  9691.    overflow: hidden;
  9692.    position: relative !important;
  9693.    height: 100%;
  9694.    /* cursor: pointer;*/
  9695. }
  9696.  
  9697. .view-forth img {
  9698.    max-width: 100%;
  9699.    position: relative;
  9700.    top: 0;
  9701.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  9702.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  9703. }
  9704.  
  9705. .view-forth .mask {
  9706.    position: absolute;
  9707.    width: 100%;
  9708.    /*    height: 70px;*/
  9709.    /*    bottom: -70px;*/
  9710.    height: 50%;
  9711.    bottom: -50%;
  9712.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  9713.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  9714.    top: inherit;
  9715. }
  9716.  
  9717. .view-forth:hover .mask {
  9718.    bottom: 0;
  9719. }
  9720.  
  9721. .view-forth:hover img {
  9722.    top: -30px;
  9723. }
  9724.  
  9725. /*==  view 5 ==*/
  9726.  
  9727. .view-fifth .view-fifth-wrapper,
  9728. .view-fifth .view-fifth-wrapper img {
  9729.    display: block;
  9730.    position: relative;
  9731. }
  9732.  
  9733. .view-fifth .view-fifth-wrapper {
  9734.    overflow: hidden;
  9735.    height: 100%;
  9736. }
  9737.  
  9738. .view-fifth .view-fifth-wrapper .mask {
  9739.    display: none;
  9740.    position: absolute;
  9741.    background: #333;
  9742.    background: rgba(75, 75, 75, 0.7);
  9743.    width: 100%;
  9744.    height: 100%;
  9745. }
  9746.  
  9747. /* ====================== album category styles ==========================*/
  9748.  
  9749. #filters {
  9750.    margin: 1% 0;
  9751.    padding: 0;
  9752.    list-style: none;
  9753.    list-style-type: none !important;
  9754.  
  9755. }
  9756.  
  9757. #filters li {
  9758.    float: left;
  9759.    list-style-type: none !important;
  9760. }
  9761.  
  9762. #filters li:first-child span {
  9763.    margin-left: 0px;
  9764. }
  9765.  
  9766. #filters li span {
  9767.    display: block;
  9768.    text-decoration: none;
  9769.    cursor: pointer;
  9770. }
  9771.  
  9772. .album_categories {
  9773.    list-style-type: none;
  9774.    margin: 0;
  9775.    padding: 0;
  9776.    overflow: hidden;
  9777.    padding-top: 5px;
  9778. }
  9779.  
  9780. /*=========  sharing buttons  ============*/
  9781.  
  9782. .album_socials {
  9783.    position: relative;
  9784.    top: 3px;
  9785.    width: 100px;
  9786.    height: 28px;
  9787.    margin: 0 auto;
  9788. }
  9789.  
  9790. .album_socials .rwd-share-buttons {
  9791.    top: 0px !important;
  9792.    width: 100% !important;
  9793.    margin: 0px !important;
  9794. }
  9795.  
  9796. .album_socials a {
  9797.    text-decoration: underline !important;
  9798. }
  9799.  
  9800. .gallery_images, .album_image_place {
  9801.    margin-top: 15px;
  9802.    margin-top: 15px;
  9803. }
  9804.  
  9805. #rwd-share-facebook:hover {
  9806.    background-position: 0 -31px !important;
  9807. }
  9808.  
  9809. #rwd-share-twitter:hover {
  9810.    background-position: -31px 32px !important;
  9811. }
  9812.  
  9813. #rwd-share-googleplus:hover {
  9814.    background-position: -66px -31px !important;
  9815. }
  9816.  
  9817. .rwd-share-buttons li, .rwd-share-buttons li a {
  9818.    width: 26px !important;
  9819.    border: 0px !important;
  9820. }
  9821.  
  9822. .rwd-share-buttons {
  9823.    top: 0 !important;
  9824. }
  9825.  
  9826. .img_link_btn {
  9827.    position: absolute;
  9828.    z-index: 99999;
  9829.    bottom: 0;
  9830.    left: 0;
  9831.    right: 0;
  9832.    width: 100%;
  9833.    padding: 8px;
  9834. }
  9835.  
  9836. .rwd-title {
  9837.    padding: 10px 0px !important;
  9838. }
  9839.  
  9840. @media only screen and (max-width: 475px) {
  9841.    .rwd-share-buttons {
  9842.        top: -25px !important;
  9843.    }
  9844.  
  9845.    .rwd-title-text {
  9846.        line-height: 15px;
  9847.    }
  9848. }
  9849.  
  9850. /*=========  hover style ===========*/
  9851.  
  9852. #hover {
  9853.    color: rgba(188, 175, 204, 0.9);
  9854. }
  9855.  
  9856. h2#testimonials {
  9857.    color: #fffae3;
  9858. }
  9859.  
  9860. div#all {
  9861.    width: 100%;
  9862.    height: 100%;
  9863. }
  9864.  
  9865. .view img {
  9866.    height: auto;
  9867. }
  9868.  
  9869. .view {
  9870.    color: #fff;
  9871.    margin: 0 10px 10px 0;
  9872.    overflow: hidden;
  9873.    position: relative;
  9874.    text-align: center;
  9875.    float: left;
  9876.    cursor: default;
  9877.    border: 1px solid #ccc;
  9878. }
  9879.  
  9880. .view-wrapper {
  9881.    height: 100%;
  9882. }
  9883.  
  9884. .view img {
  9885.    display: block;
  9886.    position: relative;
  9887.    transition: all 0.2s linear;
  9888.    height: 100%;
  9889.    width: auto;
  9890.    max-width: 100%;
  9891.    margin: 0 auto;
  9892. }
  9893.  
  9894. .mask-text h2 {
  9895.    font-size: 20px !important;
  9896.    margin-top: 20px !important;
  9897. }
  9898.  
  9899. /* view 1 */
  9900.  
  9901. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  9902.    color: #fff;
  9903. }
  9904.  
  9905. /*  view 2 */
  9906. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  9907.    color: #333;
  9908. }
  9909.  
  9910. .view-second .mask-text h2 {
  9911.    border-bottom: 1px solid #333;
  9912. }
  9913.  
  9914. /* view 3*/
  9915. .view-third .mask {
  9916.    background-color: #ccc;
  9917.    transition: all 0.5s linear;
  9918.    opacity: 0;
  9919.    color: #333;
  9920. }
  9921.  
  9922. .view-third h2 {
  9923.    border-bottom: 1px solid #333;
  9924.    background: transparent;
  9925.    margin: 20px 40px 0px 40px;
  9926.    transform: scale(0);
  9927.    color: #333;
  9928.    transition: all 0.5s linear;
  9929.    opacity: 0;
  9930. }
  9931.  
  9932. .view-third p {
  9933.    color: #333;
  9934.    opacity: 0;
  9935.    transform: scale(0);
  9936.    transition: all 0.5s linear;
  9937. }
  9938.  
  9939. .view-third .text-category {
  9940.    color: #333;
  9941. }
  9942.  
  9943. /* view 4 */
  9944.  
  9945. .view-forth .mask-bg {
  9946.    background: #333;
  9947.    width: 100%;
  9948.    height: 100%;
  9949.    position: absolute;
  9950.    top: 0;
  9951.    left: 0;
  9952. }
  9953.  
  9954. .view-forth .mask-text {
  9955.    color: #fff;
  9956.    position: relative;
  9957.    z-index: 500;
  9958.    padding: 5px 8px;
  9959. }
  9960.  
  9961. .view-forth .mask-text h2 {
  9962.    margin: 0px;
  9963.    font-size: 13px;
  9964.    padding: 2px;
  9965.    color: #fff;
  9966. }
  9967.  
  9968. .view-forth .mask-text h2:hover {
  9969.    cursor: pointer;
  9970. }
  9971.  
  9972. .view-forth .text-category {
  9973.    display: block;
  9974.    font-size: 15px;
  9975.    color: #fff;
  9976. }
  9977.  
  9978. .view-forth p {
  9979.    color: #fff;
  9980. }
  9981.  
  9982. /* view 5 */
  9983. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  9984.    color: #fff;
  9985. }
  9986.  
  9987. </style><script>
  9988. var data_gallery_37 = [];
  9989. var event_stack_gallery_37 = [];
  9990. data_gallery_37["0"]=[];data_gallery_37["0"]["id"]="0";data_gallery_37["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/1-1.png";data_gallery_37["0"]["description"]="";data_gallery_37["0"]["alt"]="";data_gallery_37["1"]=[];data_gallery_37["1"]["id"]="1";data_gallery_37["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/2.png";data_gallery_37["1"]["description"]="";data_gallery_37["1"]["alt"]="";data_gallery_37["2"]=[];data_gallery_37["2"]["id"]="2";data_gallery_37["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/3.png";data_gallery_37["2"]["description"]="";data_gallery_37["2"]["alt"]="";data_gallery_37["3"]=[];data_gallery_37["3"]["id"]="3";data_gallery_37["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/4-1.png";data_gallery_37["3"]["description"]="";data_gallery_37["3"]["alt"]=""; var huge_it_trans_in_progress_gallery_37 = false;
  9991. var huge_it_transition_duration_gallery_37 = 1000;
  9992. var huge_it_playInterval_gallery_37;
  9993. // Stop autoplay.
  9994. window.clearInterval(huge_it_playInterval_gallery_37);
  9995. // alert('huge_it_current_key_gallery_37');
  9996. var huge_it_current_key_gallery_37 = '';
  9997. function huge_it_move_dots_gallery_37() {
  9998. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_37").position().left;
  9999. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_37").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_37").outerWidth(true);
  10000. }
  10001. function huge_it_testBrowser_cssTransitions_gallery_37() {
  10002. return huge_it_testDom_gallery_37('Transition');
  10003. }
  10004. function huge_it_testBrowser_cssTransforms3d_gallery_37() {
  10005. return huge_it_testDom_gallery_37('Perspective');
  10006. }
  10007. function huge_it_testDom_gallery_37(prop) {
  10008. // Browser vendor CSS prefixes.
  10009. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  10010. // Browser vendor DOM prefixes.
  10011. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  10012. var i = domPrefixes.length;
  10013. while (i--) {
  10014. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  10015. return true;
  10016. }
  10017. }
  10018. return false;
  10019. }
  10020. function huge_it_cube_gallery_37(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  10021. /* If browser does not support 3d transforms/CSS transitions.*/
  10022. if (!huge_it_testBrowser_cssTransitions_gallery_37()) {
  10023. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10024. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10025. return huge_it_fallback_gallery_37(current_image_class, next_image_class, direction);
  10026. }
  10027. if (!huge_it_testBrowser_cssTransforms3d_gallery_37()) {
  10028. return huge_it_fallback3d_gallery_37(current_image_class, next_image_class, direction);
  10029. }
  10030. huge_it_trans_in_progress_gallery_37 = true;
  10031. /* Set active thumbnail.*/
  10032. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10033. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10034. jQuery(".huge_it_slide_bg_gallery_37").css('perspective', 1000);
  10035. jQuery(current_image_class).css({
  10036. transform : 'translateZ(' + tz + 'px)',
  10037. backfaceVisibility : 'hidden'
  10038. });
  10039. jQuery(".huge_it_slideshow_image_wrap_gallery_37,.huge_it_slide_bg_gallery_37,.huge_it_slideshow_image_item_gallery_37,.huge_it_slideshow_image_second_item_gallery_37 ").css('overflow', 'visible');
  10040. jQuery(next_image_class).css({
  10041. opacity : 1,
  10042. filter: 'Alpha(opacity=100)',
  10043. backfaceVisibility : 'hidden',
  10044. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  10045. });
  10046. jQuery(".huge_it_slider_gallery_37").css({
  10047. transform: 'translateZ(-' + tz + 'px)',
  10048. transformStyle: 'preserve-3d'
  10049. });
  10050. /* Execution steps.*/
  10051. setTimeout(function () {
  10052. jQuery(".huge_it_slider_gallery_37").css({
  10053. transition: 'all ' + huge_it_transition_duration_gallery_37 + 'ms ease-in-out',
  10054. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  10055. });
  10056. }, 20);
  10057. /* After transition.*/
  10058. jQuery(".huge_it_slider_gallery_37").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  10059. function huge_it_after_trans() {
  10060. jQuery(".huge_it_slide_bg_gallery_37,.huge_it_slideshow_image_item_gallery_37,.huge_it_slideshow_image_second_item_gallery_37 ").css('overflow', 'hidden');
  10061. jQuery(".huge_it_slide_bg_gallery_37").removeAttr('style');
  10062. jQuery(current_image_class).removeAttr('style');
  10063. jQuery(next_image_class).removeAttr('style');
  10064. jQuery(".huge_it_slider_gallery_37").removeAttr('style');
  10065. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  10066. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  10067. // huge_it_change_watermark_container_gallery_37();
  10068. huge_it_trans_in_progress_gallery_37 = false;
  10069. if (typeof event_stack_gallery_37 !== 'undefined' && event_stack_gallery_37.length > 0) {
  10070. key = event_stack_gallery_37[0].split("-");
  10071. event_stack_gallery_37.shift();
  10072. huge_it_change_image_gallery_37(key[0], key[1], data_gallery_37, true,false);
  10073. }
  10074. }
  10075. }
  10076. function huge_it_cubeH_gallery_37(current_image_class, next_image_class, direction) {
  10077. /* Set to half of image width.*/
  10078. var dimension = jQuery(current_image_class).width() / 2;
  10079. if (direction == 'right') {
  10080. huge_it_cube_gallery_37(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  10081. }
  10082. else if (direction == 'left') {
  10083. huge_it_cube_gallery_37(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  10084. }
  10085. }
  10086. function huge_it_cubeV_gallery_37(current_image_class, next_image_class, direction) {
  10087. /* Set to half of image height.*/
  10088. var dimension = jQuery(current_image_class).height() / 2;
  10089. /* If next slide.*/
  10090. if (direction == 'right') {
  10091. huge_it_cube_gallery_37(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  10092. }
  10093. else if (direction == 'left') {
  10094. huge_it_cube_gallery_37(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  10095. }
  10096. }
  10097. /* For browsers that does not support transitions.*/
  10098. function huge_it_fallback_gallery_37(current_image_class, next_image_class, direction) {
  10099. huge_it_fade_gallery_37(current_image_class, next_image_class, direction);
  10100. }
  10101. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  10102. function huge_it_fallback3d_gallery_37(current_image_class, next_image_class, direction) {
  10103. huge_it_sliceV_gallery_37(current_image_class, next_image_class, direction);
  10104. }
  10105. function huge_it_none_gallery_37(current_image_class, next_image_class, direction) {
  10106. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  10107. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  10108. /* Set active thumbnail.*/
  10109. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10110. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10111. }
  10112. function huge_it_fade_gallery_37(current_image_class, next_image_class, direction) {
  10113. if (huge_it_testBrowser_cssTransitions_gallery_37()) {
  10114. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_37 + 'ms linear');
  10115. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_37 + 'ms linear');
  10116. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  10117. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  10118. }
  10119. else {
  10120. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_37);
  10121. jQuery(next_image_class).animate({
  10122. 'opacity' : 1,
  10123. 'z-index': 2
  10124. }, {
  10125. duration: huge_it_transition_duration_gallery_37,
  10126. complete: function () {return false;}
  10127. });
  10128. // For IE.
  10129. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_37, 0);
  10130. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_37, 1);
  10131. }
  10132. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10133. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10134. }
  10135. function huge_it_grid_gallery_37(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  10136. /* If browser does not support CSS transitions.*/
  10137. if (!huge_it_testBrowser_cssTransitions_gallery_37()) {
  10138. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10139. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10140. return huge_it_fallback_gallery_37(current_image_class, next_image_class, direction);
  10141. }
  10142. huge_it_trans_in_progress_gallery_37 = true;
  10143. /* Set active thumbnail.*/
  10144. jQuery(".huge_it_slideshow_dots_gallery_37").removeClass("huge_it_slideshow_dots_active_gallery_37").addClass("huge_it_slideshow_dots_deactive_gallery_37");
  10145. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_37 + "_gallery_37").removeClass("huge_it_slideshow_dots_deactive_gallery_37").addClass("huge_it_slideshow_dots_active_gallery_37");
  10146. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  10147. var count = (huge_it_transition_duration_gallery_37) / (cols + rows);
  10148. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  10149. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  10150. var delay = (c + r) * count;
  10151. /* Return a gridlet elem with styles for specific transition.*/
  10152. return jQuery('<div class="huge_it_gridlet_gallery_37" />').css({
  10153. width : width,
  10154. height : height,
  10155. top : top,
  10156. left : left,
  10157. backgroundImage : 'url("' + src + '")',
  10158. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_37").css("background-color"),
  10159. /*backgroundColor: rgba(0, 0, 0, 0),*/
  10160. backgroundRepeat: 'no-repeat',
  10161. backgroundPosition : img_left + 'px ' + img_top + 'px',
  10162. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  10163. transition : 'all ' + huge_it_transition_duration_gallery_37 + 'ms ease-in-out ' + delay + 'ms',
  10164. transform : 'none'
  10165. });
  10166. }
  10167. /* Get the current slide's image.*/
  10168. var cur_img = jQuery(current_image_class).find('img');
  10169. /* Create a grid to hold the gridlets.*/
  10170. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_37');
  10171. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  10172. jQuery(current_image_class).prepend(grid);
  10173. /* vars to calculate positioning/size of gridlets*/
  10174. var cont = jQuery(".huge_it_slide_bg_gallery_37");
  10175. var imgWidth = cur_img.width();
  10176. var imgHeight = cur_img.height();
  10177. var contWidth = cont.width(),
  10178. contHeight = cont.height(),
  10179. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  10180. colWidth = Math.floor(contWidth / cols),
  10181. rowHeight = Math.floor(contHeight / rows),
  10182. colRemainder = contWidth - (cols * colWidth),
  10183. colAdd = Math.ceil(colRemainder / cols),
  10184. rowRemainder = contHeight - (rows * rowHeight),
  10185. rowAdd = Math.ceil(rowRemainder / rows),
  10186. leftDist = 0,
  10187. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_37").width() - cur_img.width()) / 2;
  10188. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  10189. tx = tx === 'auto' ? contWidth : tx;
  10190. tx = tx === 'min-auto' ? - contWidth : tx;
  10191. ty = ty === 'auto' ? contHeight : ty;
  10192. ty = ty === 'min-auto' ? - contHeight : ty;
  10193. /* Loop through cols*/
  10194. for (var i = 0; i < cols; i++) {
  10195. var topDist = 0,
  10196. img_topDst = (jQuery(".huge_it_slide_bg_gallery_37").height() - cur_img.height()) / 2,
  10197. newColWidth = colWidth;
  10198. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  10199. if (colRemainder > 0) {
  10200. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  10201. newColWidth += add;
  10202. colRemainder -= add;
  10203. }
  10204. /* Nested loop to create row gridlets for each col.*/
  10205. for (var j = 0; j < rows; j++)  {
  10206. var newRowHeight = rowHeight,
  10207. newRowRemainder = rowRemainder;
  10208. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  10209. if (newRowRemainder > 0) {
  10210. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  10211. newRowHeight += add;
  10212. newRowRemainder -= add;
  10213. }
  10214. /* Create & append gridlet to grid.*/
  10215. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  10216. topDist += newRowHeight;
  10217. img_topDst -= newRowHeight;
  10218. }
  10219. img_leftDist -= newColWidth;
  10220. leftDist += newColWidth;
  10221. }
  10222. /* Set event listener on last gridlet to finish transitioning.*/
  10223. var last_gridlet = grid.children().last();
  10224. /* Show grid & hide the image it replaces.*/
  10225. grid.show();
  10226. cur_img.css('opacity', 0);
  10227. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  10228. grid.children().first().addClass('rs-top-left');
  10229. grid.children().last().addClass('rs-bottom-right');
  10230. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  10231. grid.children().eq(- rows).addClass('rs-top-right');
  10232. /* Execution steps.*/
  10233. setTimeout(function () {
  10234. grid.children().css({
  10235. opacity: op,
  10236. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  10237. });
  10238. }, 1);
  10239. jQuery(next_image_class).css('opacity', 1);
  10240. /* After transition.*/
  10241. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  10242. function huge_it_after_trans() {
  10243. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  10244. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  10245. cur_img.css('opacity', 1);
  10246. grid.remove();
  10247. huge_it_trans_in_progress_gallery_37 = false;
  10248. if (typeof event_stack_gallery_37 !== 'undefined' && event_stack_gallery_37.length > 0) {
  10249. key = event_stack_gallery_37[0].split("-");
  10250. event_stack_gallery_37.shift();
  10251. huge_it_change_image_gallery_37(key[0], key[1], data_gallery_37, true,false);
  10252. }
  10253. }
  10254. }
  10255. function huge_it_sliceH_gallery_37(current_image_class, next_image_class, direction) {
  10256. if (direction == 'right') {
  10257. var translateX = 'min-auto';
  10258. }
  10259. else if (direction == 'left') {
  10260. var translateX = 'auto';
  10261. }
  10262. huge_it_grid_gallery_37(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  10263. }
  10264. function huge_it_sliceV_gallery_37(current_image_class, next_image_class, direction) {
  10265. if (direction == 'right') {
  10266. var translateY = 'min-auto';
  10267. }
  10268. else if (direction == 'left') {
  10269. var translateY = 'auto';
  10270. }
  10271. huge_it_grid_gallery_37(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  10272. }
  10273. function huge_it_slideV_gallery_37(current_image_class, next_image_class, direction) {
  10274. if (direction == 'right') {
  10275. var translateY = 'auto';
  10276. }
  10277. else if (direction == 'left') {
  10278. var translateY = 'min-auto';
  10279. }
  10280. huge_it_grid_gallery_37(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  10281. }
  10282. function huge_it_slideH_gallery_37(current_image_class, next_image_class, direction) {
  10283. if (direction == 'right') {
  10284. var translateX = 'min-auto';
  10285. }
  10286. else if (direction == 'left') {
  10287. var translateX = 'auto';
  10288. }
  10289. huge_it_grid_gallery_37(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  10290. }
  10291. function huge_it_scaleOut_gallery_37(current_image_class, next_image_class, direction) {
  10292. huge_it_grid_gallery_37(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  10293. }
  10294. function huge_it_scaleIn_gallery_37(current_image_class, next_image_class, direction) {
  10295. huge_it_grid_gallery_37(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  10296. }
  10297. function huge_it_blockScale_gallery_37(current_image_class, next_image_class, direction) {
  10298. huge_it_grid_gallery_37(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  10299. }
  10300. function huge_it_kaleidoscope_gallery_37(current_image_class, next_image_class, direction) {
  10301. huge_it_grid_gallery_37(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  10302. }
  10303. function huge_it_fan_gallery_37(current_image_class, next_image_class, direction) {
  10304. if (direction == 'right') {
  10305. var rotate = 45;
  10306. var translateX = 100;
  10307. }
  10308. else if (direction == 'left') {
  10309. var rotate = -45;
  10310. var translateX = -100;
  10311. }
  10312. huge_it_grid_gallery_37(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  10313. }
  10314. function huge_it_blindV_gallery_37(current_image_class, next_image_class, direction) {
  10315. huge_it_grid_gallery_37(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  10316. }
  10317. function huge_it_blindH_gallery_37(current_image_class, next_image_class, direction) {
  10318. huge_it_grid_gallery_37(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  10319. }
  10320. function huge_it_random_gallery_37(current_image_class, next_image_class, direction) {
  10321. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  10322. /* Pick a random transition from the anims array.*/
  10323. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_37"](current_image_class, next_image_class, direction);
  10324. }
  10325. function iterator_gallery_37() {
  10326. var iterator = 1;
  10327. return iterator;
  10328. }
  10329. function huge_it_change_image_gallery_37(current_key, key, data_gallery_37, from_effect,clicked) {
  10330. if (data_gallery_37[key]) {
  10331. if(typeof video_is_playing_gallery_37 != 'undefined' && video_is_playing_gallery_37 && !clicked){
  10332. return false;
  10333. }
  10334. if (!from_effect) {
  10335. // Change image key.
  10336. jQuery("#huge_it_current_image_key_gallery_37").val(key);
  10337. // if (current_key == '-2') { /* Dots.*/
  10338. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_37").attr("data-image_key");
  10339. //  }
  10340. }
  10341. if (huge_it_trans_in_progress_gallery_37) {
  10342. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_37").after(" --IN TRANSACTION-- <br />");
  10343. event_stack_gallery_37.push(current_key + '-' + key);
  10344. return;
  10345. }
  10346. var direction = 'right';
  10347. if (huge_it_current_key_gallery_37 > key) {
  10348. var direction = 'left';
  10349. }
  10350. else if (huge_it_current_key_gallery_37 == key) {
  10351. return false;
  10352. }
  10353. // Set active thumbnail position.
  10354. huge_it_current_key_gallery_37 = key;
  10355. //Change image id, title, description.
  10356. jQuery(".huge_it_slideshow_image_gallery_37").attr('data-image_id', data_gallery_37[key]["id"]);
  10357. jQuery(".huge_it_slideshow_title_text_gallery_37").html(data_gallery_37[key]["alt"]);
  10358. jQuery(".huge_it_slideshow_description_text_gallery_37").html(data_gallery_37[key]["description"]);
  10359. var current_image_class = "#image_id_gallery_37_" + data_gallery_37[current_key]["id"];
  10360. var next_image_class = "#image_id_gallery_37_" + data_gallery_37[key]["id"];
  10361. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_37').length>0) {
  10362. var streffect='none';
  10363. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  10364. huge_it_none_gallery_37(current_image_class, next_image_class, direction);
  10365. }else{
  10366. huge_it_fade_gallery_37(current_image_class, next_image_class, direction);
  10367. }
  10368. }else{
  10369. huge_it_none_gallery_37(current_image_class, next_image_class, direction);
  10370. }
  10371. jQuery('.huge_it_slideshow_title_text_gallery_37').removeClass('none');
  10372. if(jQuery('.huge_it_slideshow_title_text_gallery_37').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_37').addClass('none');}
  10373. jQuery('.huge_it_slideshow_description_text_gallery_37').removeClass('none');
  10374. jQuery('.huge_it_gallery_like_cont_374995').removeClass('none');
  10375. if(jQuery('.huge_it_slideshow_description_text_gallery_37').html()==""){
  10376. jQuery('.huge_it_slideshow_description_text_gallery_37').addClass('none');
  10377. }
  10378. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_37').addClass('none');
  10379. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_37').addClass('none');
  10380. jQuery(current_image_class).find('.huge_it_gallery_like_cont_374995').addClass('none');
  10381. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_37").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  10382. huge_it_move_dots_gallery_37();
  10383. window.clearInterval(huge_it_playInterval_gallery_37);
  10384. play_gallery_37();
  10385. }
  10386. }
  10387. function huge_it_popup_resize_gallery_37() {
  10388. var staticsliderwidth=600;
  10389. var sliderwidth=600;
  10390. var bodyWidth=jQuery(window).width();
  10391. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_37").parent().width();
  10392.  
  10393. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  10394. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  10395. var str=(900/staticsliderwidth);
  10396.  
  10397. jQuery('.huge_it_slideshow_image_wrap_gallery_37').css({'max-height':parentWidth*str-2*0});
  10398.  
  10399. }
  10400. jQuery(window).load(function () {
  10401. jQuery(window).resize(function() {
  10402. huge_it_popup_resize_gallery_37();
  10403. });
  10404. huge_it_popup_resize_gallery_37();
  10405. /* Disable right click.*/
  10406. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  10407. return false;
  10408. });
  10409. /*HOVER SLIDESHOW*/
  10410. jQuery("#huge_it_slideshow_image_container_gallery_37, .huge_it_slideshow_image_container_gallery_37, .huge_it_slideshow_dots_container_gallery_37,#huge_it_slideshow_right_gallery_37,#huge_it_slideshow_left_gallery_37").hover(function(){
  10411. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_37").after(" -- hover -- <br /> ");
  10412. jQuery("#huge_it_slideshow_right_gallery_37").css({'display':'inline'});
  10413. jQuery("#huge_it_slideshow_left_gallery_37").css({'display':'inline'});
  10414. },function(){
  10415. jQuery("#huge_it_slideshow_right_gallery_37").css({'display':'none'});
  10416. jQuery("#huge_it_slideshow_left_gallery_37").css({'display':'none'});
  10417. });
  10418. var pausehover="on";
  10419. if(pausehover=="on"){
  10420. jQuery("#huge_it_slideshow_image_container_gallery_37, .huge_it_slideshow_image_container_gallery_37, .huge_it_slideshow_dots_container_gallery_37,#huge_it_slideshow_right_gallery_37,#huge_it_slideshow_left_gallery_37").hover(function(){
  10421. window.clearInterval(huge_it_playInterval_gallery_37);
  10422. },function(){
  10423. window.clearInterval(huge_it_playInterval_gallery_37);
  10424. play_gallery_37();
  10425. });
  10426. }
  10427. play_gallery_37();
  10428. });
  10429. function play_gallery_37() {
  10430. /* Play.*/
  10431. huge_it_playInterval_gallery_37 = setInterval(function () {
  10432. var iterator = 1;
  10433. huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()) + iterator) % data_gallery_37.length, data_gallery_37,false,false);
  10434. }, '5000');
  10435. }
  10436. jQuery(window).focus(function() {
  10437. var i_gallery_37 = 0;
  10438. jQuery(".huge_it_slider_gallery_37").children("div").each(function () {
  10439. if (jQuery(this).css('opacity') == 1) {
  10440. jQuery("#huge_it_current_image_key_gallery_37").val(i_gallery_37);
  10441. }
  10442. i_gallery_37++;
  10443. });
  10444. play_gallery_37();
  10445. });
  10446. jQuery(window).blur(function() {
  10447. event_stack_gallery_37 = [];
  10448. window.clearInterval(huge_it_playInterval_gallery_37);
  10449. });
  10450. </script>
  10451. <div class="huge_it_slideshow_image_wrap_gallery_37 gallery-img-content"
  10452.     data-rating-type="heart">
  10453. <!-- ##########################DOTS######################### -->
  10454. <div class="huge_it_slideshow_dots_container_gallery_37">
  10455. <div class="huge_it_slideshow_dots_thumbnails_gallery_37">
  10456. <div id="huge_it_dots_0_gallery_37"
  10457.     class="huge_it_slideshow_dots_gallery_37 huge_it_slideshow_dots_active_gallery_37"
  10458.     onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), '0', data_gallery_37,false,true);return false;"
  10459.     data-image_id="717" data-image_key="0"></div>
  10460. <div id="huge_it_dots_1_gallery_37"
  10461.     class="huge_it_slideshow_dots_gallery_37 huge_it_slideshow_dots_deactive_gallery_37"
  10462.     onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), '1', data_gallery_37,false,true);return false;"
  10463.     data-image_id="713" data-image_key="1"></div>
  10464. <div id="huge_it_dots_2_gallery_37"
  10465.     class="huge_it_slideshow_dots_gallery_37 huge_it_slideshow_dots_deactive_gallery_37"
  10466.     onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), '2', data_gallery_37,false,true);return false;"
  10467.     data-image_id="714" data-image_key="2"></div>
  10468. <div id="huge_it_dots_3_gallery_37"
  10469.     class="huge_it_slideshow_dots_gallery_37 huge_it_slideshow_dots_deactive_gallery_37"
  10470.     onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), '3', data_gallery_37,false,true);return false;"
  10471.     data-image_id="715" data-image_key="3"></div>
  10472. </div>
  10473. <a id="huge_it_slideshow_left_gallery_37" href="#"
  10474.   onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()) - iterator_gallery_37()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()) - iterator_gallery_37()) % data_gallery_37.length : data_gallery_37.length - 1, data_gallery_37,false,true);return false;">
  10475. <div id="huge_it_slideshow_left-ico_gallery_37">
  10476. <div><i class="huge_it_slideshow_prev_btn_gallery_37 fa"></i></div>
  10477. </div>
  10478. </a>
  10479. <a id="huge_it_slideshow_right_gallery_37" href="#"
  10480.   onclick="huge_it_change_image_gallery_37(parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_37').val()) + iterator_gallery_37()) % data_gallery_37.length, data_gallery_37,false,true);return false;">
  10481. <div id="huge_it_slideshow_right-ico_37">
  10482. <div><i class="huge_it_slideshow_next_btn_gallery_37 fa"></i></div>
  10483. </div>
  10484. </a>
  10485. </div>
  10486. <!-- ##########################IMAGES######################### -->
  10487. <script>
  10488. jQuery(document).ready(function ($) {
  10489. $('.thumb_wrapper').on('click', function (ev) {
  10490. var hugeid = $(this).data('rowid');
  10491. var myid = hugeid;
  10492. myid = parseInt(myid);
  10493. eval('player_' + myid + '.playVideo()')
  10494. ev.preventDefault();
  10495. });
  10496. });
  10497. </script>
  10498. <div id="huge_it_slideshow_image_container_gallery_37"
  10499.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_37 view-slider">
  10500. <div class="huge_it_slide_container_gallery_37">
  10501. <div class="huge_it_slide_bg_gallery_37">
  10502. <ul class="huge_it_slider_gallery_37">
  10503. <li class="huge_it_slideshow_image_item_gallery_37"
  10504.    id="image_id_gallery_37_0">
  10505. <div class="huge_it_gallery_like_cont_374995">
  10506. <div class="huge_it_gallery_like_wrapper">
  10507. <span class="huge_it_like">
  10508. <i class="hugeiticons-heart likeheart"></i>
  10509. <span class="huge_it_like_thumb" id="717"
  10510.      data-status="unliked">
  10511. 0 </span>
  10512. <span
  10513. class="huge_it_like_count "
  10514. id="717"></span>
  10515. </span>
  10516. </div>
  10517. </div>
  10518. <img decoding="async" alt=""
  10519.     id="huge_it_slideshow_image_gallery_37_0"
  10520.     class="huge_it_slideshow_image_gallery_37"
  10521.     src="https://picoulet.centres-sociaux.fr/files/2025/10/1-1.png"
  10522.     data-image_id="717"/>
  10523. <div
  10524. class="huge_it_slideshow_title_text_gallery_37 none">
  10525. </div>
  10526. <div
  10527. class="huge_it_slideshow_description_text_gallery_37 none">
  10528. </div>
  10529. </li>
  10530. <li class="huge_it_slideshow_image_second_item_gallery_37"
  10531.    id="image_id_gallery_37_1">
  10532. <div class="huge_it_gallery_like_cont_374995">
  10533. <div class="huge_it_gallery_like_wrapper">
  10534. <span class="huge_it_like">
  10535. <i class="hugeiticons-heart likeheart"></i>
  10536. <span class="huge_it_like_thumb" id="713"
  10537.      data-status="unliked">
  10538. 0 </span>
  10539. <span
  10540. class="huge_it_like_count "
  10541. id="713"></span>
  10542. </span>
  10543. </div>
  10544. </div>
  10545. <img decoding="async" alt=""
  10546.     id="huge_it_slideshow_image_gallery_37_1"
  10547.     class="huge_it_slideshow_image_gallery_37"
  10548.     src="https://picoulet.centres-sociaux.fr/files/2025/10/2.png"
  10549.     data-image_id="713"/>
  10550. <div
  10551. class="huge_it_slideshow_title_text_gallery_37 none">
  10552. </div>
  10553. <div
  10554. class="huge_it_slideshow_description_text_gallery_37 none">
  10555. </div>
  10556. </li>
  10557. <li class="huge_it_slideshow_image_second_item_gallery_37"
  10558.    id="image_id_gallery_37_2">
  10559. <div class="huge_it_gallery_like_cont_374995">
  10560. <div class="huge_it_gallery_like_wrapper">
  10561. <span class="huge_it_like">
  10562. <i class="hugeiticons-heart likeheart"></i>
  10563. <span class="huge_it_like_thumb" id="714"
  10564.      data-status="unliked">
  10565. 0 </span>
  10566. <span
  10567. class="huge_it_like_count "
  10568. id="714"></span>
  10569. </span>
  10570. </div>
  10571. </div>
  10572. <img decoding="async" alt=""
  10573.     id="huge_it_slideshow_image_gallery_37_2"
  10574.     class="huge_it_slideshow_image_gallery_37"
  10575.     src="https://picoulet.centres-sociaux.fr/files/2025/10/3.png"
  10576.     data-image_id="714"/>
  10577. <div
  10578. class="huge_it_slideshow_title_text_gallery_37 none">
  10579. </div>
  10580. <div
  10581. class="huge_it_slideshow_description_text_gallery_37 none">
  10582. </div>
  10583. </li>
  10584. <li class="huge_it_slideshow_image_second_item_gallery_37"
  10585.    id="image_id_gallery_37_3">
  10586. <div class="huge_it_gallery_like_cont_374995">
  10587. <div class="huge_it_gallery_like_wrapper">
  10588. <span class="huge_it_like">
  10589. <i class="hugeiticons-heart likeheart"></i>
  10590. <span class="huge_it_like_thumb" id="715"
  10591.      data-status="unliked">
  10592. 0 </span>
  10593. <span
  10594. class="huge_it_like_count "
  10595. id="715"></span>
  10596. </span>
  10597. </div>
  10598. </div>
  10599. <img decoding="async" alt=""
  10600.     id="huge_it_slideshow_image_gallery_37_3"
  10601.     class="huge_it_slideshow_image_gallery_37"
  10602.     src="https://picoulet.centres-sociaux.fr/files/2025/10/4-1.png"
  10603.     data-image_id="715"/>
  10604. <div
  10605. class="huge_it_slideshow_title_text_gallery_37 none">
  10606. </div>
  10607. <div
  10608. class="huge_it_slideshow_description_text_gallery_37 none">
  10609. </div>
  10610. </li>
  10611. </ul>
  10612. <input type="hidden" id="huge_it_current_image_key_gallery_37" value="0"/>
  10613. </div>
  10614. </div>
  10615. </div>
  10616. </div><style>
  10617. .huge_it_slideshow_image_wrap_gallery_37 {
  10618.    height: 900px;
  10619.    width: 600px;
  10620.    max-width: calc(100% - 2 * 0px);
  10621.    position: relative;
  10622.    display: block;
  10623.    text-align: center;
  10624.    border: 0 px #ffffff solid;
  10625.    box-sizing: content-box;
  10626.    clear: both;
  10627. float:none; margin: 0 auto;}
  10628.  
  10629. .huge_it_slideshow_image_wrap_gallery_37 * {
  10630.    box-sizing: border-box;
  10631.    -moz-box-sizing: border-box;
  10632.    -webkit-box-sizing: border-box;
  10633. }
  10634.  
  10635. .huge_it_slideshow_image_gallery_37 {
  10636. width: 100%;
  10637.    height: 100%;
  10638.    left: 0;
  10639.    top: 0;
  10640. /* height: auto;
  10641.                top: 50%;
  10642.            left: 50%;
  10643.                transform: translate( -50%, -50% ); */
  10644. max-width: 100%;
  10645.    max-height: 100%;
  10646.    position: absolute;
  10647. }
  10648.  
  10649. .huge_it_slider_gallery_37 li iframe {
  10650.    width: 100%;
  10651.    height: 100%;
  10652. }
  10653.  
  10654. .huge_it_slider_gallery_37 li #thevideo {
  10655.    width: 100%;
  10656.    height: 100%;
  10657. }
  10658.  
  10659. .huge_it_slider_gallery_37 li .thumb_wrapper {
  10660.    width: 100%;
  10661.    height: 100%;
  10662. }
  10663.  
  10664. .huge_it_slider_gallery_37 li .thumb_wrapper img {
  10665.    position: relative;
  10666.    /*top: 50%;
  10667.    transform: translateY(-50%);*/
  10668. }
  10669.  
  10670. #huge_it_slideshow_left_gallery_37,
  10671. #huge_it_slideshow_right_gallery_37 {
  10672.    cursor: pointer;
  10673.    display: none;
  10674.    display: block;
  10675.    height: 100%;
  10676.    outline: medium none;
  10677.    position: absolute;
  10678.    /*z-index: 10130;*/
  10679.    z-index: 13;
  10680.    bottom: 25px;
  10681.    top: 50%;
  10682. }
  10683.  
  10684. #huge_it_slideshow_left-ico_gallery_37,
  10685. #huge_it_slideshow_right-ico_gallery_37 {
  10686.    z-index: 13;
  10687.    -moz-box-sizing: content-box;
  10688.    box-sizing: content-box;
  10689.    cursor: pointer;
  10690.    display: table;
  10691.    left: -9999px;
  10692.    line-height: 0;
  10693.    margin-top: -15px;
  10694.    position: absolute;
  10695.    top: 50%;
  10696. }
  10697.  
  10698. #huge_it_slideshow_left-ico_gallery_37:hover,
  10699. #huge_it_slideshow_right-ico_gallery_37:hover {
  10700.    cursor: pointer;
  10701. }
  10702.  
  10703. .huge_it_slideshow_image_container_gallery_37 {
  10704.    display: table;
  10705.    position: relative;
  10706.    top: 0;
  10707.    left: 0;
  10708.    text-align: center;
  10709.    vertical-align: middle;
  10710.    width: 100%;
  10711.    height: 100%;
  10712. }
  10713.  
  10714. .huge_it_slideshow_title_text_gallery_37 {
  10715.    text-decoration: none;
  10716.    position: absolute;
  10717.    z-index: 12;
  10718.    display: inline-block;
  10719. width: 30%;
  10720.    /*height:
  10721. 50 %;*/
  10722. right:0%;top:0%; padding: 2%;
  10723.    text-align: right;
  10724.    font-weight: bold;
  10725.    color: #000000;
  10726.    background: rgba(255,255,255,0.7)  !important;
  10727.    border-style: solid;
  10728.    font-size: 13px;
  10729.    border-width: 0px;
  10730.    border-color: #ffffff;
  10731.    border-radius: 4px;
  10732. }
  10733.  
  10734. .huge_it_slideshow_description_text_gallery_37 {
  10735.    text-decoration: none;
  10736.    position: absolute;
  10737.    z-index: 11;
  10738.    border-style: solid;
  10739.    display: inline-block;
  10740. width: 70%;
  10741.    /*height:
  10742. %;*/
  10743. right:0%;bottom:0%; padding: 3%;
  10744.    text-align: justify;
  10745.    color: #ffffff;
  10746.    background: rgba(0,0,0,0.7) !important;
  10747.    border-style: solid;
  10748.    font-size: 12px;
  10749.    border-width: 0px;
  10750.    border-color: #ffffff;
  10751.    border-radius: 0px;
  10752. }
  10753.  
  10754. .huge_it_slideshow_title_text_gallery_37.none, .huge_it_slideshow_description_text_gallery_37.none,
  10755. .huge_it_slideshow_title_text_gallery_37.hidden, .huge_it_slideshow_description_text_gallery_37.hidden {
  10756.    display: none;
  10757. }
  10758.  
  10759. .huge_it_gallery_like_cont_374995.none {
  10760.    display: none !important;
  10761. }
  10762.  
  10763. .huge_it_slideshow_title_text_gallery_37 h1, .huge_it_slideshow_description_text_gallery_37 h1,
  10764. .huge_it_slideshow_title_text_gallery_37 h2, .huge_it_slideshow_title_text_gallery_37 h2,
  10765. .huge_it_slideshow_title_text_gallery_37 h3, .huge_it_slideshow_title_text_gallery_37 h3,
  10766. .huge_it_slideshow_title_text_gallery_37 h4, .huge_it_slideshow_title_text_gallery_37 h4,
  10767. .huge_it_slideshow_title_text_gallery_37 p, .huge_it_slideshow_title_text_gallery_37 p,
  10768. .huge_it_slideshow_title_text_gallery_37 strong, .huge_it_slideshow_title_text_gallery_37 strong,
  10769. .huge_it_slideshow_title_text_gallery_37 span, .huge_it_slideshow_title_text_gallery_37 span,
  10770. .huge_it_slideshow_title_text_gallery_37 ul, .huge_it_slideshow_title_text_gallery_37 ul,
  10771. .huge_it_slideshow_title_text_gallery_37 li, .huge_it_slideshow_title_text_gallery_37 li {
  10772.    padding: 2px;
  10773.    margin: 0;
  10774. }
  10775.  
  10776. .huge_it_slide_container_gallery_37 {
  10777.    display: table-cell;
  10778.    margin: 0 auto;
  10779.    position: relative;
  10780.    vertical-align: middle;
  10781.    width: 100%;
  10782.    height: 100%;
  10783.    _width: inherit;
  10784.    _height: inherit;
  10785. }
  10786.  
  10787. .huge_it_slide_bg_gallery_37 {
  10788.    margin: 0 auto;
  10789.    width: 100%;
  10790.    height: 100%;
  10791.    _width: inherit;
  10792.    _height: inherit;
  10793. }
  10794.  
  10795. .huge_it_slider_gallery_37 {
  10796.    width: 100%;
  10797.    height: 100%;
  10798.    display: table;
  10799.    padding: 0;
  10800.    margin: 0;
  10801. }
  10802.  
  10803. .huge_it_slideshow_image_item_gallery_37 {
  10804.    width: 100%;
  10805.    height: 100%;
  10806.    display: table-cell;
  10807.    filter: Alpha(opacity=100);
  10808.    opacity: 1;
  10809.    position: absolute;
  10810.    top: 0;
  10811.    left: 0;
  10812.    vertical-align: middle;
  10813.    z-index: 2;
  10814.    margin: 0 !important;
  10815.    padding: 0;
  10816.    overflow: hidden;
  10817.    border-radius: 0px !important;
  10818. }
  10819.  
  10820. .huge_it_slideshow_image_second_item_gallery_37 {
  10821.    width: 100%;
  10822.    height: 100%;
  10823.    display: table-cell;
  10824.    filter: Alpha(opacity=0);
  10825.    opacity: 0;
  10826.    position: absolute;
  10827.    top: 0;
  10828.    left: 0;
  10829.    vertical-align: middle;
  10830.    z-index: 1;
  10831.    overflow: hidden;
  10832.    margin: 0 !important;
  10833.    padding: 0;
  10834.    border-radius: 0px !important;
  10835. }
  10836.  
  10837. .huge_it_grid_gallery_37 {
  10838.    display: none;
  10839.    height: 100%;
  10840.    overflow: hidden;
  10841.    position: absolute;
  10842.    width: 100%;
  10843. }
  10844.  
  10845. .huge_it_gridlet_gallery_37 {
  10846.    opacity: 1;
  10847.    filter: Alpha(opacity=100);
  10848.    position: absolute;
  10849. }
  10850.  
  10851. .huge_it_slideshow_dots_container_gallery_37 {
  10852.    display: table;
  10853.    position: absolute;
  10854.    width: 100% !important;
  10855.    height: 100% !important;
  10856. }
  10857.  
  10858. .huge_it_slideshow_dots_thumbnails_gallery_37 {
  10859.    margin: 0 auto;
  10860.    overflow: hidden;
  10861.    position: absolute;
  10862.    width: 100%;
  10863.    height: 60px;
  10864. }
  10865.  
  10866. .huge_it_slideshow_dots_gallery_37 {
  10867.    display: inline-block;
  10868.    position: relative;
  10869.    cursor: pointer;
  10870.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  10871.    width: 10px;
  10872.    height: 10px;
  10873.    border-radius: 10px;
  10874.    background: #00f;
  10875.    margin: 10px;
  10876.    overflow: hidden;
  10877.    z-index: 17;
  10878. }
  10879.  
  10880. .huge_it_slideshow_dots_active_gallery_37 {
  10881.    opacity: 1;
  10882.    background: #0f0;
  10883.    filter: Alpha(opacity=100);
  10884. }
  10885.  
  10886. .huge_it_slideshow_dots_deactive_gallery_37 {
  10887. }
  10888.  
  10889. .huge_it_slideshow_image_item1_gallery_37 {
  10890.    display: table;
  10891.    width: inherit;
  10892.    height: inherit;
  10893. }
  10894.  
  10895. .huge_it_slideshow_image_item2_gallery_37 {
  10896.    display: table-cell;
  10897.    vertical-align: middle;
  10898.    text-align: center;
  10899. }
  10900.  
  10901. .huge_it_slideshow_image_item2_gallery_37 a {
  10902.    display: block;
  10903.    vertical-align: middle;
  10904.    width: 100%;
  10905.    height: 100%;
  10906. }
  10907.  
  10908. .huge_it_slideshow_image_wrap_gallery_37 {
  10909.    background: #ffffff;
  10910. }
  10911.  
  10912. .huge_it_slideshow_dots_thumbnails_gallery_37 {
  10913. top: 0;
  10914. }
  10915.  
  10916. .huge_it_slideshow_dots_gallery_37 {
  10917.    background: #000000;
  10918. }
  10919.  
  10920. .huge_it_slideshow_dots_active_gallery_37 {
  10921.    background: #ffffff;
  10922. }
  10923.  
  10924. /*/////Like/Dislike Styles BEGIN//////Heart//////*/
  10925. .huge_it_gallery_like_cont_374995 {
  10926.    position: absolute;
  10927.    top: 0;
  10928.    left: 0;
  10929.    z-index: 99;
  10930.    display: none;
  10931. }
  10932.  
  10933. .huge_it_slide_container_gallery_37:hover .huge_it_gallery_like_cont_374995 {
  10934.    display: block;
  10935. }
  10936.  
  10937. .huge_it_gallery_like_cont_374995 .huge_it_gallery_like_wrapper {
  10938.    position: relative;
  10939.    background: rgba(255,255,255,0.7)  !important;
  10940.    display: inline-block;
  10941.    border-radius: 8px;
  10942.    font-size: 0;
  10943. }
  10944.  
  10945. .huge_it_gallery_like_cont_374995 .huge_it_gallery_like_wrapper:hover {
  10946.    background: #D6D4D4;
  10947. }
  10948.  
  10949. .huge_it_gallery_like_cont_374995 .huge_it_gallery_like_wrapper {
  10950.    margin: 3px;
  10951. }
  10952.  
  10953. .huge_it_gallery_like_cont_374995 .huge_it_like {
  10954.    font-size: 0;
  10955. }
  10956.  
  10957. .huge_it_gallery_like_cont_374995 .huge_it_like .huge_it_like_thumb {
  10958.    display: block;
  10959.    float: left;
  10960. ;
  10961.    color: #3D3D3D;
  10962.    width: 38px;
  10963.    height: 38px;
  10964.    padding: 8px 0;
  10965.    font-size: 12px;
  10966.    text-align: center;
  10967.    font-weight: 700;
  10968.    position: relative;
  10969.    cursor: pointer;
  10970. }
  10971.  
  10972. .huge_it_gallery_like_cont_374995 .huge_it_like_count {
  10973.    display: none;
  10974. }
  10975.  
  10976. .huge_it_gallery_like_cont_374995 .huge_it_like .likeheart {
  10977.    font-size: 32px;
  10978.    color: #8F8F8F;
  10979.    position: absolute;
  10980.    top: 4px;
  10981.    left: 3px;
  10982.    transition: 0.3s ease;
  10983. }
  10984.  
  10985. .huge_it_gallery_like_cont_374995 .like_thumb_active {
  10986.    color: #FF2A12 !important;
  10987. }
  10988.  
  10989. .huge_it_gallery_like_cont_374995 .like_font_active {
  10990. color: #1C1C1C !important;
  10991. }
  10992.  
  10993. @media screen and (min-width: 768px) {
  10994.    .huge_it_gallery_like_cont_374995 .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb {
  10995.     color: #1C1C1C !important;
  10996.        }
  10997.  
  10998.    .huge_it_gallery_like_cont_374995 .huge_it_gallery_like_wrapper:hover .likeheart {
  10999.        color: #FF2A12 !important;
  11000.    }
  11001. }
  11002.  
  11003. .youtube-icon {
  11004.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;
  11005. }
  11006.  
  11007. .vimeo-icon {
  11008.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;
  11009. }
  11010.  
  11011. .playbutton {
  11012.    width: 100%;
  11013.    height: 100%;
  11014.    position: absolute;
  11015. }
  11016.  
  11017. /*/////Like/Dislike Styles END//////Heart//////*/
  11018. #huge_it_slideshow_left_gallery_37 {
  11019.    left: 0;
  11020.    margin-top: -21px;
  11021.    height: 43px;
  11022.    width: 29px;
  11023.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  11024. }
  11025.  
  11026. #huge_it_slideshow_right_gallery_37 {
  11027.    right: 0;
  11028.    margin-top: -21px;
  11029.    height: 43px;
  11030.    width: 29px;
  11031.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  11032. }
  11033.  
  11034. .thumb_image {
  11035.    position: absolute;
  11036.    width: 100%;
  11037.    height: 100%;
  11038.    top: 0;
  11039.    left: 0;
  11040. }
  11041.  
  11042. .entry-content a {
  11043.    border-bottom: none !important;
  11044. }
  11045.  
  11046. .gallery-img-content .noneDisplay {
  11047.    display: block;
  11048. }
  11049.  
  11050. </style>
  11051. </p>
  11052. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  11053. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/10/automne_2025_web_avec_liens.pdf">PDF</a><br />
  11054. (dans le PDF, cliquez sur les petits <img loading="lazy" loading="lazy" decoding="async" class="alignnone wp-image-4671" src="https://picoulet.centres-sociaux.fr/files/2025/02/lien.gif" alt="" width="24" height="32">&nbsp;pour plus d&rsquo;informations sur les sorties)</p>
  11055. ]]></content:encoded>
  11057. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/10/12/vacs-automne-2025/feed/</wfw:commentRss>
  11058. <slash:comments>0</slash:comments>
  11061. </item>
  11062. <item>
  11063. <title>Programme d&#8217;Octobre 2025</title>
  11064. <link>https://picoulet.centres-sociaux.fr/2025/09/28/octobre-2025/</link>
  11065. <comments>https://picoulet.centres-sociaux.fr/2025/09/28/octobre-2025/#respond</comments>
  11067. <dc:creator><![CDATA[laetitia]]></dc:creator>
  11068. <pubDate>Sun, 28 Sep 2025 20:27:53 +0000</pubDate>
  11069. <category><![CDATA[Programmes mensuels]]></category>
  11070. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=4972</guid>
  11071.  
  11072. <description><![CDATA[Fichier à télécharger : PDF Cliquez sur les petites mains pour plus d&#8217;infos.]]></description>
  11073. <content:encoded><![CDATA[<p style="text-align: center;"><style>
  11074. /*===== general options =========*/
  11075. a {
  11076.    box-shadow: none !important;
  11077. }
  11078.  
  11079. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  11080.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  11081. }
  11082.  
  11083. #album_disabled_layer {
  11084.    display: none;
  11085.    position: absolute;
  11086.    width: 100%;
  11087.    height: 100%;
  11088.    text-align: center;
  11089.    background-color: transparent;
  11090.    z-index: 10;
  11091.    padding-top: 20px;
  11092.    color: #fff;
  11093. }
  11094.  
  11095. #album_list_container {
  11096.    position: relative;
  11097. }
  11098.  
  11099. /* ====================== album onhover styles ==========================*/
  11100.  
  11101. #album_list .view {
  11102.    -webkit-box-sizing: border-box;
  11103.    -moz-box-sizing: border-box;
  11104.    -o-box-sizing: border-box;
  11105.    display: none;
  11106.  
  11107. }
  11108.  
  11109. .view .mask,
  11110. .view .content {
  11111.    width: 100%;
  11112.    height: 100%;
  11113.    position: absolute;
  11114.    overflow: hidden;
  11115.    top: 0;
  11116.    left: 0;
  11117. }
  11118.  
  11119. .view h2 {
  11120.    text-transform: uppercase;
  11121.    color: #fff;
  11122.    text-align: center;
  11123.    position: relative;
  11124.    font-size: 17px;
  11125.    font-family: Raleway, serif;
  11126.    padding: 10px;
  11127.    /*background: rgba(0, 0, 0, 0.8);*/
  11128.    margin: 20px 0 0 0;
  11129.  
  11130. }
  11131.  
  11132. .album_back_button a, .view a {
  11133.    text-decoration: none !important;
  11134. }
  11135.  
  11136. .view p {
  11137.    font-family: Merriweather, serif;
  11138.    font-style: italic;
  11139.    font-size: 14px;
  11140.    position: relative;
  11141.    color: #fff;
  11142.    padding: 0px 20px 0px;
  11143.    text-align: center;
  11144.  
  11145. }
  11146.  
  11147. .view a.info {
  11148.    display: inline-block;
  11149.    text-decoration: none;
  11150.    font-size: 13px;
  11151.    padding: 2px 14px;
  11152.    margin-bottom: 3px;
  11153.    background: #000;
  11154.    color: #fff;
  11155.    font-family: Raleway, serif;
  11156.    text-transform: uppercase;
  11157.    box-shadow: 0 0 1px #000
  11158. }
  11159.  
  11160. .mask-text h2 {
  11161.    font-size: 20px !important;
  11162. }
  11163.  
  11164. .view a.info:hover {
  11165.    box-shadow: 0 0 5px #000
  11166. }
  11167.  
  11168. .view .mask-bg {
  11169.    height: 100%;
  11170. }
  11171.  
  11172. .view .album_social {
  11173.    color: #fff;
  11174.    position: absolute;
  11175.    bottom: 3px;
  11176.    left: 3px;
  11177.    border: 1px solid #ffffff;
  11178.    -webkit-border-radius: 3px;
  11179.    -moz-border-radius: 3px;
  11180.    border-radius: 3px;
  11181.    padding: 3px 5px;
  11182.  
  11183. }
  11184.  
  11185. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  11186.    color: #ffffff;
  11187.    outline: none;
  11188. }
  11189.  
  11190. /*1*/
  11191.  
  11192. .view .info {
  11193.    margin-top: 5px;
  11194. }
  11195.  
  11196. .view-first .mask {
  11197.    opacity: 0;
  11198.    background-color: rgba(0, 0, 0, 0.7);
  11199.    transition: all 0.4s ease-in-out;
  11200.  
  11201. }
  11202.  
  11203. .view-first h2 {
  11204.    transform: translateY(-100px);
  11205.    opacity: 0;
  11206.    font-family: Raleway, serif;
  11207.    transition: all 0.2s ease-in-out;
  11208. }
  11209.  
  11210. .view-first p {
  11211.    transform: translateY(100px);
  11212.    opacity: 0;
  11213.    transition: all 0.2s linear;
  11214. }
  11215.  
  11216. .view-first a.info {
  11217.    opacity: 0;
  11218.    transition: all 0.2s ease-in-out;
  11219. }
  11220.  
  11221. /* */
  11222.  
  11223. .view-first:hover img {
  11224.    /*transform: scale(1.1);*/
  11225. }
  11226.  
  11227. .view-first:hover .mask {
  11228.    opacity: 1;
  11229. }
  11230.  
  11231. .view-first:hover h2,
  11232. .view-first:hover p,
  11233. .view-first:hover a.info {
  11234.    opacity: 1;
  11235.    transform: translateY(0px);
  11236. }
  11237.  
  11238. .view-first:hover p {
  11239.    transition-delay: 0.1s;
  11240. }
  11241.  
  11242. .view-first:hover a.info {
  11243.    transition-delay: 0.2s;
  11244. }
  11245.  
  11246. /*2*/
  11247. .view-second img {
  11248.    -webkit-filter: grayscale(0) blur(0);
  11249.    filter: grayscale(0) blur(0);
  11250.    -webkit-transition: .3s ease-in-out;
  11251.    transition: .3s ease-in-out;
  11252. }
  11253.  
  11254. .view-second .mask {
  11255.    background-color: rgba(226, 200, 127, 0.2);
  11256.    transition: all 0.5s linear;
  11257.    opacity: 0;
  11258. }
  11259.  
  11260. .view-second h2 {
  11261.    background: transparent;
  11262.    margin: 20px 40px 0px 40px;
  11263.    transform: scale(0);
  11264.    color: #333;
  11265.    transition: all 0.5s linear;
  11266.    opacity: 0;
  11267. }
  11268.  
  11269. .view-second p {
  11270.    opacity: 0;
  11271.    transform: scale(0);
  11272.    transition: all 0.5s linear;
  11273. }
  11274.  
  11275. .view-second a.info {
  11276.    opacity: 0;
  11277.    transform: scale(0);
  11278.    transition: all 0.5s linear;
  11279. }
  11280.  
  11281. .view-second:hover img {
  11282.    -webkit-filter: grayscale(100%) blur(3px);
  11283.    filter: grayscale(100%) blur(3px);
  11284. }
  11285.  
  11286. .view-second:hover .mask {
  11287.    opacity: 1;
  11288. }
  11289.  
  11290. .view-second:hover h2,
  11291. .view-second:hover p,
  11292. .view-second:hover a.info {
  11293.    transform: scale(1);
  11294.    opacity: 1;
  11295. }
  11296.  
  11297. .view-second img {
  11298.    -webkit-filter: grayscale(0) blur(0);
  11299.    filter: grayscale(0) blur(0);
  11300.    -webkit-transition: .3s ease-in-out;
  11301.    transition: .3s ease-in-out;
  11302. }
  11303.  
  11304. .view-second:hover img {
  11305.    -webkit-filter: grayscale(100%) blur(3px);
  11306.    filter: grayscale(100%) blur(3px);
  11307. }
  11308.  
  11309. /*3*/
  11310.  
  11311. .view-third img {
  11312.    transform: scaleY(1);
  11313.    transition: all .7s ease-in-out;
  11314. }
  11315.  
  11316. .view-third a.info {
  11317.    opacity: 0;
  11318.    transform: scale(0);
  11319.    transition: all 0.5s linear;
  11320. }
  11321.  
  11322. .view-third:hover img {
  11323.    -webkit-transform: scale(10);
  11324.    transform: scale(10);
  11325.    opacity: 0;
  11326. }
  11327.  
  11328. .view-third:hover .mask {
  11329.    opacity: 1;
  11330. }
  11331.  
  11332. .view-third:hover h2,
  11333. .view-third:hover p,
  11334. .view-third:hover a.info {
  11335.    transform: scale(1);
  11336.    opacity: 1;
  11337. }
  11338.  
  11339. /* ==== view 4 ===*/
  11340.  
  11341. .view-forth-wrapper {
  11342.    overflow: hidden;
  11343.    position: relative !important;
  11344.    height: 100%;
  11345.    /* cursor: pointer;*/
  11346. }
  11347.  
  11348. .view-forth img {
  11349.    max-width: 100%;
  11350.    position: relative;
  11351.    top: 0;
  11352.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  11353.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  11354. }
  11355.  
  11356. .view-forth .mask {
  11357.    position: absolute;
  11358.    width: 100%;
  11359.    /*    height: 70px;*/
  11360.    /*    bottom: -70px;*/
  11361.    height: 50%;
  11362.    bottom: -50%;
  11363.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  11364.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  11365.    top: inherit;
  11366. }
  11367.  
  11368. .view-forth:hover .mask {
  11369.    bottom: 0;
  11370. }
  11371.  
  11372. .view-forth:hover img {
  11373.    top: -30px;
  11374. }
  11375.  
  11376. /*==  view 5 ==*/
  11377.  
  11378. .view-fifth .view-fifth-wrapper,
  11379. .view-fifth .view-fifth-wrapper img {
  11380.    display: block;
  11381.    position: relative;
  11382. }
  11383.  
  11384. .view-fifth .view-fifth-wrapper {
  11385.    overflow: hidden;
  11386.    height: 100%;
  11387. }
  11388.  
  11389. .view-fifth .view-fifth-wrapper .mask {
  11390.    display: none;
  11391.    position: absolute;
  11392.    background: #333;
  11393.    background: rgba(75, 75, 75, 0.7);
  11394.    width: 100%;
  11395.    height: 100%;
  11396. }
  11397.  
  11398. /* ====================== album category styles ==========================*/
  11399.  
  11400. #filters {
  11401.    margin: 1% 0;
  11402.    padding: 0;
  11403.    list-style: none;
  11404.    list-style-type: none !important;
  11405.  
  11406. }
  11407.  
  11408. #filters li {
  11409.    float: left;
  11410.    list-style-type: none !important;
  11411. }
  11412.  
  11413. #filters li:first-child span {
  11414.    margin-left: 0px;
  11415. }
  11416.  
  11417. #filters li span {
  11418.    display: block;
  11419.    text-decoration: none;
  11420.    cursor: pointer;
  11421. }
  11422.  
  11423. .album_categories {
  11424.    list-style-type: none;
  11425.    margin: 0;
  11426.    padding: 0;
  11427.    overflow: hidden;
  11428.    padding-top: 5px;
  11429. }
  11430.  
  11431. /*=========  sharing buttons  ============*/
  11432.  
  11433. .album_socials {
  11434.    position: relative;
  11435.    top: 3px;
  11436.    width: 100px;
  11437.    height: 28px;
  11438.    margin: 0 auto;
  11439. }
  11440.  
  11441. .album_socials .rwd-share-buttons {
  11442.    top: 0px !important;
  11443.    width: 100% !important;
  11444.    margin: 0px !important;
  11445. }
  11446.  
  11447. .album_socials a {
  11448.    text-decoration: underline !important;
  11449. }
  11450.  
  11451. .gallery_images, .album_image_place {
  11452.    margin-top: 15px;
  11453.    margin-top: 15px;
  11454. }
  11455.  
  11456. #rwd-share-facebook:hover {
  11457.    background-position: 0 -31px !important;
  11458. }
  11459.  
  11460. #rwd-share-twitter:hover {
  11461.    background-position: -31px 32px !important;
  11462. }
  11463.  
  11464. #rwd-share-googleplus:hover {
  11465.    background-position: -66px -31px !important;
  11466. }
  11467.  
  11468. .rwd-share-buttons li, .rwd-share-buttons li a {
  11469.    width: 26px !important;
  11470.    border: 0px !important;
  11471. }
  11472.  
  11473. .rwd-share-buttons {
  11474.    top: 0 !important;
  11475. }
  11476.  
  11477. .img_link_btn {
  11478.    position: absolute;
  11479.    z-index: 99999;
  11480.    bottom: 0;
  11481.    left: 0;
  11482.    right: 0;
  11483.    width: 100%;
  11484.    padding: 8px;
  11485. }
  11486.  
  11487. .rwd-title {
  11488.    padding: 10px 0px !important;
  11489. }
  11490.  
  11491. @media only screen and (max-width: 475px) {
  11492.    .rwd-share-buttons {
  11493.        top: -25px !important;
  11494.    }
  11495.  
  11496.    .rwd-title-text {
  11497.        line-height: 15px;
  11498.    }
  11499. }
  11500.  
  11501. /*=========  hover style ===========*/
  11502.  
  11503. #hover {
  11504.    color: rgba(188, 175, 204, 0.9);
  11505. }
  11506.  
  11507. h2#testimonials {
  11508.    color: #fffae3;
  11509. }
  11510.  
  11511. div#all {
  11512.    width: 100%;
  11513.    height: 100%;
  11514. }
  11515.  
  11516. .view img {
  11517.    height: auto;
  11518. }
  11519.  
  11520. .view {
  11521.    color: #fff;
  11522.    margin: 0 10px 10px 0;
  11523.    overflow: hidden;
  11524.    position: relative;
  11525.    text-align: center;
  11526.    float: left;
  11527.    cursor: default;
  11528.    border: 1px solid #ccc;
  11529. }
  11530.  
  11531. .view-wrapper {
  11532.    height: 100%;
  11533. }
  11534.  
  11535. .view img {
  11536.    display: block;
  11537.    position: relative;
  11538.    transition: all 0.2s linear;
  11539.    height: 100%;
  11540.    width: auto;
  11541.    max-width: 100%;
  11542.    margin: 0 auto;
  11543. }
  11544.  
  11545. .mask-text h2 {
  11546.    font-size: 20px !important;
  11547.    margin-top: 20px !important;
  11548. }
  11549.  
  11550. /* view 1 */
  11551.  
  11552. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  11553.    color: #fff;
  11554. }
  11555.  
  11556. /*  view 2 */
  11557. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  11558.    color: #333;
  11559. }
  11560.  
  11561. .view-second .mask-text h2 {
  11562.    border-bottom: 1px solid #333;
  11563. }
  11564.  
  11565. /* view 3*/
  11566. .view-third .mask {
  11567.    background-color: #ccc;
  11568.    transition: all 0.5s linear;
  11569.    opacity: 0;
  11570.    color: #333;
  11571. }
  11572.  
  11573. .view-third h2 {
  11574.    border-bottom: 1px solid #333;
  11575.    background: transparent;
  11576.    margin: 20px 40px 0px 40px;
  11577.    transform: scale(0);
  11578.    color: #333;
  11579.    transition: all 0.5s linear;
  11580.    opacity: 0;
  11581. }
  11582.  
  11583. .view-third p {
  11584.    color: #333;
  11585.    opacity: 0;
  11586.    transform: scale(0);
  11587.    transition: all 0.5s linear;
  11588. }
  11589.  
  11590. .view-third .text-category {
  11591.    color: #333;
  11592. }
  11593.  
  11594. /* view 4 */
  11595.  
  11596. .view-forth .mask-bg {
  11597.    background: #333;
  11598.    width: 100%;
  11599.    height: 100%;
  11600.    position: absolute;
  11601.    top: 0;
  11602.    left: 0;
  11603. }
  11604.  
  11605. .view-forth .mask-text {
  11606.    color: #fff;
  11607.    position: relative;
  11608.    z-index: 500;
  11609.    padding: 5px 8px;
  11610. }
  11611.  
  11612. .view-forth .mask-text h2 {
  11613.    margin: 0px;
  11614.    font-size: 13px;
  11615.    padding: 2px;
  11616.    color: #fff;
  11617. }
  11618.  
  11619. .view-forth .mask-text h2:hover {
  11620.    cursor: pointer;
  11621. }
  11622.  
  11623. .view-forth .text-category {
  11624.    display: block;
  11625.    font-size: 15px;
  11626.    color: #fff;
  11627. }
  11628.  
  11629. .view-forth p {
  11630.    color: #fff;
  11631. }
  11632.  
  11633. /* view 5 */
  11634. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  11635.    color: #fff;
  11636. }
  11637.  
  11638. </style><script>
  11639. var data_gallery_36 = [];
  11640. var event_stack_gallery_36 = [];
  11641. data_gallery_36["0"]=[];data_gallery_36["0"]["id"]="0";data_gallery_36["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/09/1.png";data_gallery_36["0"]["description"]="";data_gallery_36["0"]["alt"]="";data_gallery_36["1"]=[];data_gallery_36["1"]["id"]="1";data_gallery_36["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/09/2.png";data_gallery_36["1"]["description"]="";data_gallery_36["1"]["alt"]="";data_gallery_36["2"]=[];data_gallery_36["2"]["id"]="2";data_gallery_36["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/09/3.png";data_gallery_36["2"]["description"]="";data_gallery_36["2"]["alt"]="";data_gallery_36["3"]=[];data_gallery_36["3"]["id"]="3";data_gallery_36["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/10/4.png";data_gallery_36["3"]["description"]="";data_gallery_36["3"]["alt"]="";data_gallery_36["4"]=[];data_gallery_36["4"]["id"]="4";data_gallery_36["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/09/5.png";data_gallery_36["4"]["description"]="";data_gallery_36["4"]["alt"]="";data_gallery_36["5"]=[];data_gallery_36["5"]["id"]="5";data_gallery_36["5"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/09/6.png";data_gallery_36["5"]["description"]="";data_gallery_36["5"]["alt"]=""; var huge_it_trans_in_progress_gallery_36 = false;
  11642. var huge_it_transition_duration_gallery_36 = 1000;
  11643. var huge_it_playInterval_gallery_36;
  11644. // Stop autoplay.
  11645. window.clearInterval(huge_it_playInterval_gallery_36);
  11646. // alert('huge_it_current_key_gallery_36');
  11647. var huge_it_current_key_gallery_36 = '';
  11648. function huge_it_move_dots_gallery_36() {
  11649. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_36").position().left;
  11650. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_36").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_36").outerWidth(true);
  11651. }
  11652. function huge_it_testBrowser_cssTransitions_gallery_36() {
  11653. return huge_it_testDom_gallery_36('Transition');
  11654. }
  11655. function huge_it_testBrowser_cssTransforms3d_gallery_36() {
  11656. return huge_it_testDom_gallery_36('Perspective');
  11657. }
  11658. function huge_it_testDom_gallery_36(prop) {
  11659. // Browser vendor CSS prefixes.
  11660. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  11661. // Browser vendor DOM prefixes.
  11662. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  11663. var i = domPrefixes.length;
  11664. while (i--) {
  11665. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  11666. return true;
  11667. }
  11668. }
  11669. return false;
  11670. }
  11671. function huge_it_cube_gallery_36(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  11672. /* If browser does not support 3d transforms/CSS transitions.*/
  11673. if (!huge_it_testBrowser_cssTransitions_gallery_36()) {
  11674. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11675. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11676. return huge_it_fallback_gallery_36(current_image_class, next_image_class, direction);
  11677. }
  11678. if (!huge_it_testBrowser_cssTransforms3d_gallery_36()) {
  11679. return huge_it_fallback3d_gallery_36(current_image_class, next_image_class, direction);
  11680. }
  11681. huge_it_trans_in_progress_gallery_36 = true;
  11682. /* Set active thumbnail.*/
  11683. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11684. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11685. jQuery(".huge_it_slide_bg_gallery_36").css('perspective', 1000);
  11686. jQuery(current_image_class).css({
  11687. transform : 'translateZ(' + tz + 'px)',
  11688. backfaceVisibility : 'hidden'
  11689. });
  11690. jQuery(".huge_it_slideshow_image_wrap_gallery_36,.huge_it_slide_bg_gallery_36,.huge_it_slideshow_image_item_gallery_36,.huge_it_slideshow_image_second_item_gallery_36 ").css('overflow', 'visible');
  11691. jQuery(next_image_class).css({
  11692. opacity : 1,
  11693. filter: 'Alpha(opacity=100)',
  11694. backfaceVisibility : 'hidden',
  11695. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  11696. });
  11697. jQuery(".huge_it_slider_gallery_36").css({
  11698. transform: 'translateZ(-' + tz + 'px)',
  11699. transformStyle: 'preserve-3d'
  11700. });
  11701. /* Execution steps.*/
  11702. setTimeout(function () {
  11703. jQuery(".huge_it_slider_gallery_36").css({
  11704. transition: 'all ' + huge_it_transition_duration_gallery_36 + 'ms ease-in-out',
  11705. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  11706. });
  11707. }, 20);
  11708. /* After transition.*/
  11709. jQuery(".huge_it_slider_gallery_36").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  11710. function huge_it_after_trans() {
  11711. jQuery(".huge_it_slide_bg_gallery_36,.huge_it_slideshow_image_item_gallery_36,.huge_it_slideshow_image_second_item_gallery_36 ").css('overflow', 'hidden');
  11712. jQuery(".huge_it_slide_bg_gallery_36").removeAttr('style');
  11713. jQuery(current_image_class).removeAttr('style');
  11714. jQuery(next_image_class).removeAttr('style');
  11715. jQuery(".huge_it_slider_gallery_36").removeAttr('style');
  11716. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  11717. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  11718. // huge_it_change_watermark_container_gallery_36();
  11719. huge_it_trans_in_progress_gallery_36 = false;
  11720. if (typeof event_stack_gallery_36 !== 'undefined' && event_stack_gallery_36.length > 0) {
  11721. key = event_stack_gallery_36[0].split("-");
  11722. event_stack_gallery_36.shift();
  11723. huge_it_change_image_gallery_36(key[0], key[1], data_gallery_36, true,false);
  11724. }
  11725. }
  11726. }
  11727. function huge_it_cubeH_gallery_36(current_image_class, next_image_class, direction) {
  11728. /* Set to half of image width.*/
  11729. var dimension = jQuery(current_image_class).width() / 2;
  11730. if (direction == 'right') {
  11731. huge_it_cube_gallery_36(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  11732. }
  11733. else if (direction == 'left') {
  11734. huge_it_cube_gallery_36(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  11735. }
  11736. }
  11737. function huge_it_cubeV_gallery_36(current_image_class, next_image_class, direction) {
  11738. /* Set to half of image height.*/
  11739. var dimension = jQuery(current_image_class).height() / 2;
  11740. /* If next slide.*/
  11741. if (direction == 'right') {
  11742. huge_it_cube_gallery_36(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  11743. }
  11744. else if (direction == 'left') {
  11745. huge_it_cube_gallery_36(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  11746. }
  11747. }
  11748. /* For browsers that does not support transitions.*/
  11749. function huge_it_fallback_gallery_36(current_image_class, next_image_class, direction) {
  11750. huge_it_fade_gallery_36(current_image_class, next_image_class, direction);
  11751. }
  11752. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  11753. function huge_it_fallback3d_gallery_36(current_image_class, next_image_class, direction) {
  11754. huge_it_sliceV_gallery_36(current_image_class, next_image_class, direction);
  11755. }
  11756. function huge_it_none_gallery_36(current_image_class, next_image_class, direction) {
  11757. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  11758. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  11759. /* Set active thumbnail.*/
  11760. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11761. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11762. }
  11763. function huge_it_fade_gallery_36(current_image_class, next_image_class, direction) {
  11764. if (huge_it_testBrowser_cssTransitions_gallery_36()) {
  11765. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_36 + 'ms linear');
  11766. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_36 + 'ms linear');
  11767. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  11768. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  11769. }
  11770. else {
  11771. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_36);
  11772. jQuery(next_image_class).animate({
  11773. 'opacity' : 1,
  11774. 'z-index': 2
  11775. }, {
  11776. duration: huge_it_transition_duration_gallery_36,
  11777. complete: function () {return false;}
  11778. });
  11779. // For IE.
  11780. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_36, 0);
  11781. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_36, 1);
  11782. }
  11783. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11784. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11785. }
  11786. function huge_it_grid_gallery_36(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  11787. /* If browser does not support CSS transitions.*/
  11788. if (!huge_it_testBrowser_cssTransitions_gallery_36()) {
  11789. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11790. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11791. return huge_it_fallback_gallery_36(current_image_class, next_image_class, direction);
  11792. }
  11793. huge_it_trans_in_progress_gallery_36 = true;
  11794. /* Set active thumbnail.*/
  11795. jQuery(".huge_it_slideshow_dots_gallery_36").removeClass("huge_it_slideshow_dots_active_gallery_36").addClass("huge_it_slideshow_dots_deactive_gallery_36");
  11796. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_36 + "_gallery_36").removeClass("huge_it_slideshow_dots_deactive_gallery_36").addClass("huge_it_slideshow_dots_active_gallery_36");
  11797. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  11798. var count = (huge_it_transition_duration_gallery_36) / (cols + rows);
  11799. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  11800. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  11801. var delay = (c + r) * count;
  11802. /* Return a gridlet elem with styles for specific transition.*/
  11803. return jQuery('<div class="huge_it_gridlet_gallery_36" />').css({
  11804. width : width,
  11805. height : height,
  11806. top : top,
  11807. left : left,
  11808. backgroundImage : 'url("' + src + '")',
  11809. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_36").css("background-color"),
  11810. /*backgroundColor: rgba(0, 0, 0, 0),*/
  11811. backgroundRepeat: 'no-repeat',
  11812. backgroundPosition : img_left + 'px ' + img_top + 'px',
  11813. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  11814. transition : 'all ' + huge_it_transition_duration_gallery_36 + 'ms ease-in-out ' + delay + 'ms',
  11815. transform : 'none'
  11816. });
  11817. }
  11818. /* Get the current slide's image.*/
  11819. var cur_img = jQuery(current_image_class).find('img');
  11820. /* Create a grid to hold the gridlets.*/
  11821. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_36');
  11822. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  11823. jQuery(current_image_class).prepend(grid);
  11824. /* vars to calculate positioning/size of gridlets*/
  11825. var cont = jQuery(".huge_it_slide_bg_gallery_36");
  11826. var imgWidth = cur_img.width();
  11827. var imgHeight = cur_img.height();
  11828. var contWidth = cont.width(),
  11829. contHeight = cont.height(),
  11830. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  11831. colWidth = Math.floor(contWidth / cols),
  11832. rowHeight = Math.floor(contHeight / rows),
  11833. colRemainder = contWidth - (cols * colWidth),
  11834. colAdd = Math.ceil(colRemainder / cols),
  11835. rowRemainder = contHeight - (rows * rowHeight),
  11836. rowAdd = Math.ceil(rowRemainder / rows),
  11837. leftDist = 0,
  11838. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_36").width() - cur_img.width()) / 2;
  11839. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  11840. tx = tx === 'auto' ? contWidth : tx;
  11841. tx = tx === 'min-auto' ? - contWidth : tx;
  11842. ty = ty === 'auto' ? contHeight : ty;
  11843. ty = ty === 'min-auto' ? - contHeight : ty;
  11844. /* Loop through cols*/
  11845. for (var i = 0; i < cols; i++) {
  11846. var topDist = 0,
  11847. img_topDst = (jQuery(".huge_it_slide_bg_gallery_36").height() - cur_img.height()) / 2,
  11848. newColWidth = colWidth;
  11849. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  11850. if (colRemainder > 0) {
  11851. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  11852. newColWidth += add;
  11853. colRemainder -= add;
  11854. }
  11855. /* Nested loop to create row gridlets for each col.*/
  11856. for (var j = 0; j < rows; j++)  {
  11857. var newRowHeight = rowHeight,
  11858. newRowRemainder = rowRemainder;
  11859. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  11860. if (newRowRemainder > 0) {
  11861. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  11862. newRowHeight += add;
  11863. newRowRemainder -= add;
  11864. }
  11865. /* Create & append gridlet to grid.*/
  11866. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  11867. topDist += newRowHeight;
  11868. img_topDst -= newRowHeight;
  11869. }
  11870. img_leftDist -= newColWidth;
  11871. leftDist += newColWidth;
  11872. }
  11873. /* Set event listener on last gridlet to finish transitioning.*/
  11874. var last_gridlet = grid.children().last();
  11875. /* Show grid & hide the image it replaces.*/
  11876. grid.show();
  11877. cur_img.css('opacity', 0);
  11878. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  11879. grid.children().first().addClass('rs-top-left');
  11880. grid.children().last().addClass('rs-bottom-right');
  11881. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  11882. grid.children().eq(- rows).addClass('rs-top-right');
  11883. /* Execution steps.*/
  11884. setTimeout(function () {
  11885. grid.children().css({
  11886. opacity: op,
  11887. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  11888. });
  11889. }, 1);
  11890. jQuery(next_image_class).css('opacity', 1);
  11891. /* After transition.*/
  11892. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  11893. function huge_it_after_trans() {
  11894. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  11895. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  11896. cur_img.css('opacity', 1);
  11897. grid.remove();
  11898. huge_it_trans_in_progress_gallery_36 = false;
  11899. if (typeof event_stack_gallery_36 !== 'undefined' && event_stack_gallery_36.length > 0) {
  11900. key = event_stack_gallery_36[0].split("-");
  11901. event_stack_gallery_36.shift();
  11902. huge_it_change_image_gallery_36(key[0], key[1], data_gallery_36, true,false);
  11903. }
  11904. }
  11905. }
  11906. function huge_it_sliceH_gallery_36(current_image_class, next_image_class, direction) {
  11907. if (direction == 'right') {
  11908. var translateX = 'min-auto';
  11909. }
  11910. else if (direction == 'left') {
  11911. var translateX = 'auto';
  11912. }
  11913. huge_it_grid_gallery_36(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  11914. }
  11915. function huge_it_sliceV_gallery_36(current_image_class, next_image_class, direction) {
  11916. if (direction == 'right') {
  11917. var translateY = 'min-auto';
  11918. }
  11919. else if (direction == 'left') {
  11920. var translateY = 'auto';
  11921. }
  11922. huge_it_grid_gallery_36(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  11923. }
  11924. function huge_it_slideV_gallery_36(current_image_class, next_image_class, direction) {
  11925. if (direction == 'right') {
  11926. var translateY = 'auto';
  11927. }
  11928. else if (direction == 'left') {
  11929. var translateY = 'min-auto';
  11930. }
  11931. huge_it_grid_gallery_36(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  11932. }
  11933. function huge_it_slideH_gallery_36(current_image_class, next_image_class, direction) {
  11934. if (direction == 'right') {
  11935. var translateX = 'min-auto';
  11936. }
  11937. else if (direction == 'left') {
  11938. var translateX = 'auto';
  11939. }
  11940. huge_it_grid_gallery_36(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  11941. }
  11942. function huge_it_scaleOut_gallery_36(current_image_class, next_image_class, direction) {
  11943. huge_it_grid_gallery_36(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  11944. }
  11945. function huge_it_scaleIn_gallery_36(current_image_class, next_image_class, direction) {
  11946. huge_it_grid_gallery_36(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  11947. }
  11948. function huge_it_blockScale_gallery_36(current_image_class, next_image_class, direction) {
  11949. huge_it_grid_gallery_36(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  11950. }
  11951. function huge_it_kaleidoscope_gallery_36(current_image_class, next_image_class, direction) {
  11952. huge_it_grid_gallery_36(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  11953. }
  11954. function huge_it_fan_gallery_36(current_image_class, next_image_class, direction) {
  11955. if (direction == 'right') {
  11956. var rotate = 45;
  11957. var translateX = 100;
  11958. }
  11959. else if (direction == 'left') {
  11960. var rotate = -45;
  11961. var translateX = -100;
  11962. }
  11963. huge_it_grid_gallery_36(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  11964. }
  11965. function huge_it_blindV_gallery_36(current_image_class, next_image_class, direction) {
  11966. huge_it_grid_gallery_36(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  11967. }
  11968. function huge_it_blindH_gallery_36(current_image_class, next_image_class, direction) {
  11969. huge_it_grid_gallery_36(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  11970. }
  11971. function huge_it_random_gallery_36(current_image_class, next_image_class, direction) {
  11972. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  11973. /* Pick a random transition from the anims array.*/
  11974. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_36"](current_image_class, next_image_class, direction);
  11975. }
  11976. function iterator_gallery_36() {
  11977. var iterator = 1;
  11978. return iterator;
  11979. }
  11980. function huge_it_change_image_gallery_36(current_key, key, data_gallery_36, from_effect,clicked) {
  11981. if (data_gallery_36[key]) {
  11982. if(typeof video_is_playing_gallery_36 != 'undefined' && video_is_playing_gallery_36 && !clicked){
  11983. return false;
  11984. }
  11985. if (!from_effect) {
  11986. // Change image key.
  11987. jQuery("#huge_it_current_image_key_gallery_36").val(key);
  11988. // if (current_key == '-2') { /* Dots.*/
  11989. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_36").attr("data-image_key");
  11990. //  }
  11991. }
  11992. if (huge_it_trans_in_progress_gallery_36) {
  11993. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_36").after(" --IN TRANSACTION-- <br />");
  11994. event_stack_gallery_36.push(current_key + '-' + key);
  11995. return;
  11996. }
  11997. var direction = 'right';
  11998. if (huge_it_current_key_gallery_36 > key) {
  11999. var direction = 'left';
  12000. }
  12001. else if (huge_it_current_key_gallery_36 == key) {
  12002. return false;
  12003. }
  12004. // Set active thumbnail position.
  12005. huge_it_current_key_gallery_36 = key;
  12006. //Change image id, title, description.
  12007. jQuery(".huge_it_slideshow_image_gallery_36").attr('data-image_id', data_gallery_36[key]["id"]);
  12008. jQuery(".huge_it_slideshow_title_text_gallery_36").html(data_gallery_36[key]["alt"]);
  12009. jQuery(".huge_it_slideshow_description_text_gallery_36").html(data_gallery_36[key]["description"]);
  12010. var current_image_class = "#image_id_gallery_36_" + data_gallery_36[current_key]["id"];
  12011. var next_image_class = "#image_id_gallery_36_" + data_gallery_36[key]["id"];
  12012. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_36').length>0) {
  12013. var streffect='none';
  12014. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  12015. huge_it_none_gallery_36(current_image_class, next_image_class, direction);
  12016. }else{
  12017. huge_it_fade_gallery_36(current_image_class, next_image_class, direction);
  12018. }
  12019. }else{
  12020. huge_it_none_gallery_36(current_image_class, next_image_class, direction);
  12021. }
  12022. jQuery('.huge_it_slideshow_title_text_gallery_36').removeClass('none');
  12023. if(jQuery('.huge_it_slideshow_title_text_gallery_36').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_36').addClass('none');}
  12024. jQuery('.huge_it_slideshow_description_text_gallery_36').removeClass('none');
  12025. jQuery('.huge_it_gallery_like_cont_364972').removeClass('none');
  12026. if(jQuery('.huge_it_slideshow_description_text_gallery_36').html()==""){
  12027. jQuery('.huge_it_slideshow_description_text_gallery_36').addClass('none');
  12028. }
  12029. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_36').addClass('none');
  12030. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_36').addClass('none');
  12031. jQuery(current_image_class).find('.huge_it_gallery_like_cont_364972').addClass('none');
  12032. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_36").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  12033. huge_it_move_dots_gallery_36();
  12034. window.clearInterval(huge_it_playInterval_gallery_36);
  12035. play_gallery_36();
  12036. }
  12037. }
  12038. function huge_it_popup_resize_gallery_36() {
  12039. var staticsliderwidth=375;
  12040. var sliderwidth=375;
  12041. var bodyWidth=jQuery(window).width();
  12042. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_36").parent().width();
  12043.  
  12044. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  12045. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  12046. var str=(750/staticsliderwidth);
  12047.  
  12048. jQuery('.huge_it_slideshow_image_wrap_gallery_36').css({'max-height':parentWidth*str-2*0});
  12049.  
  12050. }
  12051. jQuery(window).load(function () {
  12052. jQuery(window).resize(function() {
  12053. huge_it_popup_resize_gallery_36();
  12054. });
  12055. huge_it_popup_resize_gallery_36();
  12056. /* Disable right click.*/
  12057. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  12058. return false;
  12059. });
  12060. /*HOVER SLIDESHOW*/
  12061. jQuery("#huge_it_slideshow_image_container_gallery_36, .huge_it_slideshow_image_container_gallery_36, .huge_it_slideshow_dots_container_gallery_36,#huge_it_slideshow_right_gallery_36,#huge_it_slideshow_left_gallery_36").hover(function(){
  12062. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_36").after(" -- hover -- <br /> ");
  12063. jQuery("#huge_it_slideshow_right_gallery_36").css({'display':'inline'});
  12064. jQuery("#huge_it_slideshow_left_gallery_36").css({'display':'inline'});
  12065. },function(){
  12066. jQuery("#huge_it_slideshow_right_gallery_36").css({'display':'none'});
  12067. jQuery("#huge_it_slideshow_left_gallery_36").css({'display':'none'});
  12068. });
  12069. var pausehover="on";
  12070. if(pausehover=="on"){
  12071. jQuery("#huge_it_slideshow_image_container_gallery_36, .huge_it_slideshow_image_container_gallery_36, .huge_it_slideshow_dots_container_gallery_36,#huge_it_slideshow_right_gallery_36,#huge_it_slideshow_left_gallery_36").hover(function(){
  12072. window.clearInterval(huge_it_playInterval_gallery_36);
  12073. },function(){
  12074. window.clearInterval(huge_it_playInterval_gallery_36);
  12075. play_gallery_36();
  12076. });
  12077. }
  12078. play_gallery_36();
  12079. });
  12080. function play_gallery_36() {
  12081. /* Play.*/
  12082. huge_it_playInterval_gallery_36 = setInterval(function () {
  12083. var iterator = 1;
  12084. huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()) + iterator) % data_gallery_36.length, data_gallery_36,false,false);
  12085. }, '5000');
  12086. }
  12087. jQuery(window).focus(function() {
  12088. var i_gallery_36 = 0;
  12089. jQuery(".huge_it_slider_gallery_36").children("div").each(function () {
  12090. if (jQuery(this).css('opacity') == 1) {
  12091. jQuery("#huge_it_current_image_key_gallery_36").val(i_gallery_36);
  12092. }
  12093. i_gallery_36++;
  12094. });
  12095. play_gallery_36();
  12096. });
  12097. jQuery(window).blur(function() {
  12098. event_stack_gallery_36 = [];
  12099. window.clearInterval(huge_it_playInterval_gallery_36);
  12100. });
  12101. </script>
  12102. <div class="huge_it_slideshow_image_wrap_gallery_36 gallery-img-content"
  12103.     data-rating-type="off">
  12104. <!-- ##########################DOTS######################### -->
  12105. <div class="huge_it_slideshow_dots_container_gallery_36">
  12106. <div class="huge_it_slideshow_dots_thumbnails_gallery_36">
  12107. <div id="huge_it_dots_0_gallery_36"
  12108.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_active_gallery_36"
  12109.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '0', data_gallery_36,false,true);return false;"
  12110.     data-image_id="712" data-image_key="0"></div>
  12111. <div id="huge_it_dots_1_gallery_36"
  12112.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_deactive_gallery_36"
  12113.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '1', data_gallery_36,false,true);return false;"
  12114.     data-image_id="711" data-image_key="1"></div>
  12115. <div id="huge_it_dots_2_gallery_36"
  12116.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_deactive_gallery_36"
  12117.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '2', data_gallery_36,false,true);return false;"
  12118.     data-image_id="710" data-image_key="2"></div>
  12119. <div id="huge_it_dots_3_gallery_36"
  12120.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_deactive_gallery_36"
  12121.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '3', data_gallery_36,false,true);return false;"
  12122.     data-image_id="709" data-image_key="3"></div>
  12123. <div id="huge_it_dots_4_gallery_36"
  12124.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_deactive_gallery_36"
  12125.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '4', data_gallery_36,false,true);return false;"
  12126.     data-image_id="708" data-image_key="4"></div>
  12127. <div id="huge_it_dots_5_gallery_36"
  12128.     class="huge_it_slideshow_dots_gallery_36 huge_it_slideshow_dots_deactive_gallery_36"
  12129.     onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), '5', data_gallery_36,false,true);return false;"
  12130.     data-image_id="707" data-image_key="5"></div>
  12131. </div>
  12132. <a id="huge_it_slideshow_left_gallery_36" href="#"
  12133.   onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()) - iterator_gallery_36()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()) - iterator_gallery_36()) % data_gallery_36.length : data_gallery_36.length - 1, data_gallery_36,false,true);return false;">
  12134. <div id="huge_it_slideshow_left-ico_gallery_36">
  12135. <div><i class="huge_it_slideshow_prev_btn_gallery_36 fa"></i></div>
  12136. </div>
  12137. </a>
  12138. <a id="huge_it_slideshow_right_gallery_36" href="#"
  12139.   onclick="huge_it_change_image_gallery_36(parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_36').val()) + iterator_gallery_36()) % data_gallery_36.length, data_gallery_36,false,true);return false;">
  12140. <div id="huge_it_slideshow_right-ico_36">
  12141. <div><i class="huge_it_slideshow_next_btn_gallery_36 fa"></i></div>
  12142. </div>
  12143. </a>
  12144. </div>
  12145. <!-- ##########################IMAGES######################### -->
  12146. <script>
  12147. jQuery(document).ready(function ($) {
  12148. $('.thumb_wrapper').on('click', function (ev) {
  12149. var hugeid = $(this).data('rowid');
  12150. var myid = hugeid;
  12151. myid = parseInt(myid);
  12152. eval('player_' + myid + '.playVideo()')
  12153. ev.preventDefault();
  12154. });
  12155. });
  12156. </script>
  12157. <div id="huge_it_slideshow_image_container_gallery_36"
  12158.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_36 view-slider">
  12159. <div class="huge_it_slide_container_gallery_36">
  12160. <div class="huge_it_slide_bg_gallery_36">
  12161. <ul class="huge_it_slider_gallery_36">
  12162. <li class="huge_it_slideshow_image_item_gallery_36"
  12163.    id="image_id_gallery_36_0">
  12164. <img decoding="async" alt=""
  12165.     id="huge_it_slideshow_image_gallery_36_0"
  12166.     class="huge_it_slideshow_image_gallery_36"
  12167.     src="https://picoulet.centres-sociaux.fr/files/2025/09/1.png"
  12168.     data-image_id="712"/>
  12169. <div
  12170. class="huge_it_slideshow_title_text_gallery_36 none">
  12171. </div>
  12172. <div
  12173. class="huge_it_slideshow_description_text_gallery_36 none">
  12174. </div>
  12175. </li>
  12176. <li class="huge_it_slideshow_image_second_item_gallery_36"
  12177.    id="image_id_gallery_36_1">
  12178. <img decoding="async" alt=""
  12179.     id="huge_it_slideshow_image_gallery_36_1"
  12180.     class="huge_it_slideshow_image_gallery_36"
  12181.     src="https://picoulet.centres-sociaux.fr/files/2025/09/2.png"
  12182.     data-image_id="711"/>
  12183. <div
  12184. class="huge_it_slideshow_title_text_gallery_36 none">
  12185. </div>
  12186. <div
  12187. class="huge_it_slideshow_description_text_gallery_36 none">
  12188. </div>
  12189. </li>
  12190. <li class="huge_it_slideshow_image_second_item_gallery_36"
  12191.    id="image_id_gallery_36_2">
  12192. <img decoding="async" alt=""
  12193.     id="huge_it_slideshow_image_gallery_36_2"
  12194.     class="huge_it_slideshow_image_gallery_36"
  12195.     src="https://picoulet.centres-sociaux.fr/files/2025/09/3.png"
  12196.     data-image_id="710"/>
  12197. <div
  12198. class="huge_it_slideshow_title_text_gallery_36 none">
  12199. </div>
  12200. <div
  12201. class="huge_it_slideshow_description_text_gallery_36 none">
  12202. </div>
  12203. </li>
  12204. <li class="huge_it_slideshow_image_second_item_gallery_36"
  12205.    id="image_id_gallery_36_3">
  12206. <img decoding="async" alt=""
  12207.     id="huge_it_slideshow_image_gallery_36_3"
  12208.     class="huge_it_slideshow_image_gallery_36"
  12209.     src="https://picoulet.centres-sociaux.fr/files/2025/10/4.png"
  12210.     data-image_id="709"/>
  12211. <div
  12212. class="huge_it_slideshow_title_text_gallery_36 none">
  12213. </div>
  12214. <div
  12215. class="huge_it_slideshow_description_text_gallery_36 none">
  12216. </div>
  12217. </li>
  12218. <li class="huge_it_slideshow_image_second_item_gallery_36"
  12219.    id="image_id_gallery_36_4">
  12220. <img decoding="async" alt=""
  12221.     id="huge_it_slideshow_image_gallery_36_4"
  12222.     class="huge_it_slideshow_image_gallery_36"
  12223.     src="https://picoulet.centres-sociaux.fr/files/2025/09/5.png"
  12224.     data-image_id="708"/>
  12225. <div
  12226. class="huge_it_slideshow_title_text_gallery_36 none">
  12227. </div>
  12228. <div
  12229. class="huge_it_slideshow_description_text_gallery_36 none">
  12230. </div>
  12231. </li>
  12232. <li class="huge_it_slideshow_image_second_item_gallery_36"
  12233.    id="image_id_gallery_36_5">
  12234. <img decoding="async" alt=""
  12235.     id="huge_it_slideshow_image_gallery_36_5"
  12236.     class="huge_it_slideshow_image_gallery_36"
  12237.     src="https://picoulet.centres-sociaux.fr/files/2025/09/6.png"
  12238.     data-image_id="707"/>
  12239. <div
  12240. class="huge_it_slideshow_title_text_gallery_36 none">
  12241. </div>
  12242. <div
  12243. class="huge_it_slideshow_description_text_gallery_36 none">
  12244. </div>
  12245. </li>
  12246. </ul>
  12247. <input type="hidden" id="huge_it_current_image_key_gallery_36" value="0"/>
  12248. </div>
  12249. </div>
  12250. </div>
  12251. </div><style>
  12252. .huge_it_slideshow_image_wrap_gallery_36 {
  12253.    height: 750px;
  12254.    width: 375px;
  12255.    max-width: calc(100% - 2 * 0px);
  12256.    position: relative;
  12257.    display: block;
  12258.    text-align: center;
  12259.    border: 0 px #ffffff solid;
  12260.    box-sizing: content-box;
  12261.    clear: both;
  12262. float:none; margin: 0 auto;}
  12263.  
  12264. .huge_it_slideshow_image_wrap_gallery_36 * {
  12265.    box-sizing: border-box;
  12266.    -moz-box-sizing: border-box;
  12267.    -webkit-box-sizing: border-box;
  12268. }
  12269.  
  12270. .huge_it_slideshow_image_gallery_36 {
  12271. width: 100%;
  12272.    height: 100%;
  12273.    left: 0;
  12274.    top: 0;
  12275. /* height: auto;
  12276.                top: 50%;
  12277.            left: 50%;
  12278.                transform: translate( -50%, -50% ); */
  12279. max-width: 100%;
  12280.    max-height: 100%;
  12281.    position: absolute;
  12282. }
  12283.  
  12284. .huge_it_slider_gallery_36 li iframe {
  12285.    width: 100%;
  12286.    height: 100%;
  12287. }
  12288.  
  12289. .huge_it_slider_gallery_36 li #thevideo {
  12290.    width: 100%;
  12291.    height: 100%;
  12292. }
  12293.  
  12294. .huge_it_slider_gallery_36 li .thumb_wrapper {
  12295.    width: 100%;
  12296.    height: 100%;
  12297. }
  12298.  
  12299. .huge_it_slider_gallery_36 li .thumb_wrapper img {
  12300.    position: relative;
  12301.    /*top: 50%;
  12302.    transform: translateY(-50%);*/
  12303. }
  12304.  
  12305. #huge_it_slideshow_left_gallery_36,
  12306. #huge_it_slideshow_right_gallery_36 {
  12307.    cursor: pointer;
  12308.    display: none;
  12309.    display: block;
  12310.    height: 100%;
  12311.    outline: medium none;
  12312.    position: absolute;
  12313.    /*z-index: 10130;*/
  12314.    z-index: 13;
  12315.    bottom: 25px;
  12316.    top: 50%;
  12317. }
  12318.  
  12319. #huge_it_slideshow_left-ico_gallery_36,
  12320. #huge_it_slideshow_right-ico_gallery_36 {
  12321.    z-index: 13;
  12322.    -moz-box-sizing: content-box;
  12323.    box-sizing: content-box;
  12324.    cursor: pointer;
  12325.    display: table;
  12326.    left: -9999px;
  12327.    line-height: 0;
  12328.    margin-top: -15px;
  12329.    position: absolute;
  12330.    top: 50%;
  12331. }
  12332.  
  12333. #huge_it_slideshow_left-ico_gallery_36:hover,
  12334. #huge_it_slideshow_right-ico_gallery_36:hover {
  12335.    cursor: pointer;
  12336. }
  12337.  
  12338. .huge_it_slideshow_image_container_gallery_36 {
  12339.    display: table;
  12340.    position: relative;
  12341.    top: 0;
  12342.    left: 0;
  12343.    text-align: center;
  12344.    vertical-align: middle;
  12345.    width: 100%;
  12346.    height: 100%;
  12347. }
  12348.  
  12349. .huge_it_slideshow_title_text_gallery_36 {
  12350.    text-decoration: none;
  12351.    position: absolute;
  12352.    z-index: 12;
  12353.    display: inline-block;
  12354. width: 30%;
  12355.    /*height:
  12356. 50 %;*/
  12357. right:0%;top:0%; padding: 2%;
  12358.    text-align: right;
  12359.    font-weight: bold;
  12360.    color: #000000;
  12361.    background: rgba(255,255,255,0.7)  !important;
  12362.    border-style: solid;
  12363.    font-size: 13px;
  12364.    border-width: 0px;
  12365.    border-color: #ffffff;
  12366.    border-radius: 4px;
  12367. }
  12368.  
  12369. .huge_it_slideshow_description_text_gallery_36 {
  12370.    text-decoration: none;
  12371.    position: absolute;
  12372.    z-index: 11;
  12373.    border-style: solid;
  12374.    display: inline-block;
  12375. width: 70%;
  12376.    /*height:
  12377. %;*/
  12378. right:0%;bottom:0%; padding: 3%;
  12379.    text-align: justify;
  12380.    color: #ffffff;
  12381.    background: rgba(0,0,0,0.7) !important;
  12382.    border-style: solid;
  12383.    font-size: 12px;
  12384.    border-width: 0px;
  12385.    border-color: #ffffff;
  12386.    border-radius: 0px;
  12387. }
  12388.  
  12389. .huge_it_slideshow_title_text_gallery_36.none, .huge_it_slideshow_description_text_gallery_36.none,
  12390. .huge_it_slideshow_title_text_gallery_36.hidden, .huge_it_slideshow_description_text_gallery_36.hidden {
  12391.    display: none;
  12392. }
  12393.  
  12394. .huge_it_gallery_like_cont_364972.none {
  12395.    display: none !important;
  12396. }
  12397.  
  12398. .huge_it_slideshow_title_text_gallery_36 h1, .huge_it_slideshow_description_text_gallery_36 h1,
  12399. .huge_it_slideshow_title_text_gallery_36 h2, .huge_it_slideshow_title_text_gallery_36 h2,
  12400. .huge_it_slideshow_title_text_gallery_36 h3, .huge_it_slideshow_title_text_gallery_36 h3,
  12401. .huge_it_slideshow_title_text_gallery_36 h4, .huge_it_slideshow_title_text_gallery_36 h4,
  12402. .huge_it_slideshow_title_text_gallery_36 p, .huge_it_slideshow_title_text_gallery_36 p,
  12403. .huge_it_slideshow_title_text_gallery_36 strong, .huge_it_slideshow_title_text_gallery_36 strong,
  12404. .huge_it_slideshow_title_text_gallery_36 span, .huge_it_slideshow_title_text_gallery_36 span,
  12405. .huge_it_slideshow_title_text_gallery_36 ul, .huge_it_slideshow_title_text_gallery_36 ul,
  12406. .huge_it_slideshow_title_text_gallery_36 li, .huge_it_slideshow_title_text_gallery_36 li {
  12407.    padding: 2px;
  12408.    margin: 0;
  12409. }
  12410.  
  12411. .huge_it_slide_container_gallery_36 {
  12412.    display: table-cell;
  12413.    margin: 0 auto;
  12414.    position: relative;
  12415.    vertical-align: middle;
  12416.    width: 100%;
  12417.    height: 100%;
  12418.    _width: inherit;
  12419.    _height: inherit;
  12420. }
  12421.  
  12422. .huge_it_slide_bg_gallery_36 {
  12423.    margin: 0 auto;
  12424.    width: 100%;
  12425.    height: 100%;
  12426.    _width: inherit;
  12427.    _height: inherit;
  12428. }
  12429.  
  12430. .huge_it_slider_gallery_36 {
  12431.    width: 100%;
  12432.    height: 100%;
  12433.    display: table;
  12434.    padding: 0;
  12435.    margin: 0;
  12436. }
  12437.  
  12438. .huge_it_slideshow_image_item_gallery_36 {
  12439.    width: 100%;
  12440.    height: 100%;
  12441.    display: table-cell;
  12442.    filter: Alpha(opacity=100);
  12443.    opacity: 1;
  12444.    position: absolute;
  12445.    top: 0;
  12446.    left: 0;
  12447.    vertical-align: middle;
  12448.    z-index: 2;
  12449.    margin: 0 !important;
  12450.    padding: 0;
  12451.    overflow: hidden;
  12452.    border-radius: 0px !important;
  12453. }
  12454.  
  12455. .huge_it_slideshow_image_second_item_gallery_36 {
  12456.    width: 100%;
  12457.    height: 100%;
  12458.    display: table-cell;
  12459.    filter: Alpha(opacity=0);
  12460.    opacity: 0;
  12461.    position: absolute;
  12462.    top: 0;
  12463.    left: 0;
  12464.    vertical-align: middle;
  12465.    z-index: 1;
  12466.    overflow: hidden;
  12467.    margin: 0 !important;
  12468.    padding: 0;
  12469.    border-radius: 0px !important;
  12470. }
  12471.  
  12472. .huge_it_grid_gallery_36 {
  12473.    display: none;
  12474.    height: 100%;
  12475.    overflow: hidden;
  12476.    position: absolute;
  12477.    width: 100%;
  12478. }
  12479.  
  12480. .huge_it_gridlet_gallery_36 {
  12481.    opacity: 1;
  12482.    filter: Alpha(opacity=100);
  12483.    position: absolute;
  12484. }
  12485.  
  12486. .huge_it_slideshow_dots_container_gallery_36 {
  12487.    display: table;
  12488.    position: absolute;
  12489.    width: 100% !important;
  12490.    height: 100% !important;
  12491. }
  12492.  
  12493. .huge_it_slideshow_dots_thumbnails_gallery_36 {
  12494.    margin: 0 auto;
  12495.    overflow: hidden;
  12496.    position: absolute;
  12497.    width: 100%;
  12498.    height: 60px;
  12499. }
  12500.  
  12501. .huge_it_slideshow_dots_gallery_36 {
  12502.    display: inline-block;
  12503.    position: relative;
  12504.    cursor: pointer;
  12505.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  12506.    width: 10px;
  12507.    height: 10px;
  12508.    border-radius: 10px;
  12509.    background: #00f;
  12510.    margin: 10px;
  12511.    overflow: hidden;
  12512.    z-index: 17;
  12513. }
  12514.  
  12515. .huge_it_slideshow_dots_active_gallery_36 {
  12516.    opacity: 1;
  12517.    background: #0f0;
  12518.    filter: Alpha(opacity=100);
  12519. }
  12520.  
  12521. .huge_it_slideshow_dots_deactive_gallery_36 {
  12522. }
  12523.  
  12524. .huge_it_slideshow_image_item1_gallery_36 {
  12525.    display: table;
  12526.    width: inherit;
  12527.    height: inherit;
  12528. }
  12529.  
  12530. .huge_it_slideshow_image_item2_gallery_36 {
  12531.    display: table-cell;
  12532.    vertical-align: middle;
  12533.    text-align: center;
  12534. }
  12535.  
  12536. .huge_it_slideshow_image_item2_gallery_36 a {
  12537.    display: block;
  12538.    vertical-align: middle;
  12539.    width: 100%;
  12540.    height: 100%;
  12541. }
  12542.  
  12543. .huge_it_slideshow_image_wrap_gallery_36 {
  12544.    background: #ffffff;
  12545. }
  12546.  
  12547. .huge_it_slideshow_dots_thumbnails_gallery_36 {
  12548. top: 0;
  12549. }
  12550.  
  12551. .huge_it_slideshow_dots_gallery_36 {
  12552.    background: #000000;
  12553. }
  12554.  
  12555. .huge_it_slideshow_dots_active_gallery_36 {
  12556.    background: #ffffff;
  12557. }
  12558.  
  12559. #huge_it_slideshow_left_gallery_36 {
  12560.    left: 0;
  12561.    margin-top: -21px;
  12562.    height: 43px;
  12563.    width: 29px;
  12564.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  12565. }
  12566.  
  12567. #huge_it_slideshow_right_gallery_36 {
  12568.    right: 0;
  12569.    margin-top: -21px;
  12570.    height: 43px;
  12571.    width: 29px;
  12572.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  12573. }
  12574.  
  12575. .thumb_image {
  12576.    position: absolute;
  12577.    width: 100%;
  12578.    height: 100%;
  12579.    top: 0;
  12580.    left: 0;
  12581. }
  12582.  
  12583. .entry-content a {
  12584.    border-bottom: none !important;
  12585. }
  12586.  
  12587. .gallery-img-content .noneDisplay {
  12588.    display: block;
  12589. }
  12590.  
  12591. </style>
  12592. </p>
  12593. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  12594. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/10/octobre_web.pdf">PDF</a><br />
  12595. Cliquez sur les petites mains pour plus d&rsquo;infos.</p>
  12596. ]]></content:encoded>
  12598. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/09/28/octobre-2025/feed/</wfw:commentRss>
  12599. <slash:comments>0</slash:comments>
  12602. </item>
  12603. <item>
  12604. <title>Programme des Vacances d’Été</title>
  12605. <link>https://picoulet.centres-sociaux.fr/2025/06/24/vacances-dete/</link>
  12606. <comments>https://picoulet.centres-sociaux.fr/2025/06/24/vacances-dete/#respond</comments>
  12608. <dc:creator><![CDATA[laetitia]]></dc:creator>
  12609. <pubDate>Tue, 24 Jun 2025 13:37:55 +0000</pubDate>
  12610. <category><![CDATA[Non classé]]></category>
  12611. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=4811</guid>
  12612.  
  12613. <description><![CDATA[Retrouvez ci-dessous le programme du mois de Juillet. Attention, les horaires d&#8217;ouverture changent pour la période estivale. Les inscriptions se font uniquement sur place, à partir du 30 juin. Veuillez noter que certaines sorties et activités sont réservées à nos inscrit.e.s de la saison 2024-2025. &#160; &#160; Fichier à télécharger : PDF]]></description>
  12614. <content:encoded><![CDATA[<p style="text-align: left;">Retrouvez ci-dessous le programme du mois de Juillet.</p>
  12615. <p>Attention, les horaires d&rsquo;ouverture changent pour la période estivale.<br />
  12616. Les <strong>inscriptions</strong> se font uniquement sur place, <strong>à partir du 30 juin</strong>.<br />
  12617. Veuillez noter que certaines sorties et activités sont réservées à nos inscrit.e.s de la saison 2024-2025.</p>
  12618. <p>&nbsp;</p>
  12619. <style>
  12620. /*===== general options =========*/
  12621. a {
  12622.    box-shadow: none !important;
  12623. }
  12624.  
  12625. .view *:not(i), .album_categories *, .album_back_button *, #album_disabled_layer {
  12626.    font-family: sans-serif, Arial, Verdana, Sylfaen !important;
  12627. }
  12628.  
  12629. #album_disabled_layer {
  12630.    display: none;
  12631.    position: absolute;
  12632.    width: 100%;
  12633.    height: 100%;
  12634.    text-align: center;
  12635.    background-color: transparent;
  12636.    z-index: 10;
  12637.    padding-top: 20px;
  12638.    color: #fff;
  12639. }
  12640.  
  12641. #album_list_container {
  12642.    position: relative;
  12643. }
  12644.  
  12645. /* ====================== album onhover styles ==========================*/
  12646.  
  12647. #album_list .view {
  12648.    -webkit-box-sizing: border-box;
  12649.    -moz-box-sizing: border-box;
  12650.    -o-box-sizing: border-box;
  12651.    display: none;
  12652.  
  12653. }
  12654.  
  12655. .view .mask,
  12656. .view .content {
  12657.    width: 100%;
  12658.    height: 100%;
  12659.    position: absolute;
  12660.    overflow: hidden;
  12661.    top: 0;
  12662.    left: 0;
  12663. }
  12664.  
  12665. .view h2 {
  12666.    text-transform: uppercase;
  12667.    color: #fff;
  12668.    text-align: center;
  12669.    position: relative;
  12670.    font-size: 17px;
  12671.    font-family: Raleway, serif;
  12672.    padding: 10px;
  12673.    /*background: rgba(0, 0, 0, 0.8);*/
  12674.    margin: 20px 0 0 0;
  12675.  
  12676. }
  12677.  
  12678. .album_back_button a, .view a {
  12679.    text-decoration: none !important;
  12680. }
  12681.  
  12682. .view p {
  12683.    font-family: Merriweather, serif;
  12684.    font-style: italic;
  12685.    font-size: 14px;
  12686.    position: relative;
  12687.    color: #fff;
  12688.    padding: 0px 20px 0px;
  12689.    text-align: center;
  12690.  
  12691. }
  12692.  
  12693. .view a.info {
  12694.    display: inline-block;
  12695.    text-decoration: none;
  12696.    font-size: 13px;
  12697.    padding: 2px 14px;
  12698.    margin-bottom: 3px;
  12699.    background: #000;
  12700.    color: #fff;
  12701.    font-family: Raleway, serif;
  12702.    text-transform: uppercase;
  12703.    box-shadow: 0 0 1px #000
  12704. }
  12705.  
  12706. .mask-text h2 {
  12707.    font-size: 20px !important;
  12708. }
  12709.  
  12710. .view a.info:hover {
  12711.    box-shadow: 0 0 5px #000
  12712. }
  12713.  
  12714. .view .mask-bg {
  12715.    height: 100%;
  12716. }
  12717.  
  12718. .view .album_social {
  12719.    color: #fff;
  12720.    position: absolute;
  12721.    bottom: 3px;
  12722.    left: 3px;
  12723.    border: 1px solid #ffffff;
  12724.    -webkit-border-radius: 3px;
  12725.    -moz-border-radius: 3px;
  12726.    border-radius: 3px;
  12727.    padding: 3px 5px;
  12728.  
  12729. }
  12730.  
  12731. .view .album_social:active, .view .album_social:focus, .view .album_social:hover {
  12732.    color: #ffffff;
  12733.    outline: none;
  12734. }
  12735.  
  12736. /*1*/
  12737.  
  12738. .view .info {
  12739.    margin-top: 5px;
  12740. }
  12741.  
  12742. .view-first .mask {
  12743.    opacity: 0;
  12744.    background-color: rgba(0, 0, 0, 0.7);
  12745.    transition: all 0.4s ease-in-out;
  12746.  
  12747. }
  12748.  
  12749. .view-first h2 {
  12750.    transform: translateY(-100px);
  12751.    opacity: 0;
  12752.    font-family: Raleway, serif;
  12753.    transition: all 0.2s ease-in-out;
  12754. }
  12755.  
  12756. .view-first p {
  12757.    transform: translateY(100px);
  12758.    opacity: 0;
  12759.    transition: all 0.2s linear;
  12760. }
  12761.  
  12762. .view-first a.info {
  12763.    opacity: 0;
  12764.    transition: all 0.2s ease-in-out;
  12765. }
  12766.  
  12767. /* */
  12768.  
  12769. .view-first:hover img {
  12770.    /*transform: scale(1.1);*/
  12771. }
  12772.  
  12773. .view-first:hover .mask {
  12774.    opacity: 1;
  12775. }
  12776.  
  12777. .view-first:hover h2,
  12778. .view-first:hover p,
  12779. .view-first:hover a.info {
  12780.    opacity: 1;
  12781.    transform: translateY(0px);
  12782. }
  12783.  
  12784. .view-first:hover p {
  12785.    transition-delay: 0.1s;
  12786. }
  12787.  
  12788. .view-first:hover a.info {
  12789.    transition-delay: 0.2s;
  12790. }
  12791.  
  12792. /*2*/
  12793. .view-second img {
  12794.    -webkit-filter: grayscale(0) blur(0);
  12795.    filter: grayscale(0) blur(0);
  12796.    -webkit-transition: .3s ease-in-out;
  12797.    transition: .3s ease-in-out;
  12798. }
  12799.  
  12800. .view-second .mask {
  12801.    background-color: rgba(226, 200, 127, 0.2);
  12802.    transition: all 0.5s linear;
  12803.    opacity: 0;
  12804. }
  12805.  
  12806. .view-second h2 {
  12807.    background: transparent;
  12808.    margin: 20px 40px 0px 40px;
  12809.    transform: scale(0);
  12810.    color: #333;
  12811.    transition: all 0.5s linear;
  12812.    opacity: 0;
  12813. }
  12814.  
  12815. .view-second p {
  12816.    opacity: 0;
  12817.    transform: scale(0);
  12818.    transition: all 0.5s linear;
  12819. }
  12820.  
  12821. .view-second a.info {
  12822.    opacity: 0;
  12823.    transform: scale(0);
  12824.    transition: all 0.5s linear;
  12825. }
  12826.  
  12827. .view-second:hover img {
  12828.    -webkit-filter: grayscale(100%) blur(3px);
  12829.    filter: grayscale(100%) blur(3px);
  12830. }
  12831.  
  12832. .view-second:hover .mask {
  12833.    opacity: 1;
  12834. }
  12835.  
  12836. .view-second:hover h2,
  12837. .view-second:hover p,
  12838. .view-second:hover a.info {
  12839.    transform: scale(1);
  12840.    opacity: 1;
  12841. }
  12842.  
  12843. .view-second img {
  12844.    -webkit-filter: grayscale(0) blur(0);
  12845.    filter: grayscale(0) blur(0);
  12846.    -webkit-transition: .3s ease-in-out;
  12847.    transition: .3s ease-in-out;
  12848. }
  12849.  
  12850. .view-second:hover img {
  12851.    -webkit-filter: grayscale(100%) blur(3px);
  12852.    filter: grayscale(100%) blur(3px);
  12853. }
  12854.  
  12855. /*3*/
  12856.  
  12857. .view-third img {
  12858.    transform: scaleY(1);
  12859.    transition: all .7s ease-in-out;
  12860. }
  12861.  
  12862. .view-third a.info {
  12863.    opacity: 0;
  12864.    transform: scale(0);
  12865.    transition: all 0.5s linear;
  12866. }
  12867.  
  12868. .view-third:hover img {
  12869.    -webkit-transform: scale(10);
  12870.    transform: scale(10);
  12871.    opacity: 0;
  12872. }
  12873.  
  12874. .view-third:hover .mask {
  12875.    opacity: 1;
  12876. }
  12877.  
  12878. .view-third:hover h2,
  12879. .view-third:hover p,
  12880. .view-third:hover a.info {
  12881.    transform: scale(1);
  12882.    opacity: 1;
  12883. }
  12884.  
  12885. /* ==== view 4 ===*/
  12886.  
  12887. .view-forth-wrapper {
  12888.    overflow: hidden;
  12889.    position: relative !important;
  12890.    height: 100%;
  12891.    /* cursor: pointer;*/
  12892. }
  12893.  
  12894. .view-forth img {
  12895.    max-width: 100%;
  12896.    position: relative;
  12897.    top: 0;
  12898.    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  12899.    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  12900. }
  12901.  
  12902. .view-forth .mask {
  12903.    position: absolute;
  12904.    width: 100%;
  12905.    /*    height: 70px;*/
  12906.    /*    bottom: -70px;*/
  12907.    height: 50%;
  12908.    bottom: -50%;
  12909.    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  12910.    transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  12911.    top: inherit;
  12912. }
  12913.  
  12914. .view-forth:hover .mask {
  12915.    bottom: 0;
  12916. }
  12917.  
  12918. .view-forth:hover img {
  12919.    top: -30px;
  12920. }
  12921.  
  12922. /*==  view 5 ==*/
  12923.  
  12924. .view-fifth .view-fifth-wrapper,
  12925. .view-fifth .view-fifth-wrapper img {
  12926.    display: block;
  12927.    position: relative;
  12928. }
  12929.  
  12930. .view-fifth .view-fifth-wrapper {
  12931.    overflow: hidden;
  12932.    height: 100%;
  12933. }
  12934.  
  12935. .view-fifth .view-fifth-wrapper .mask {
  12936.    display: none;
  12937.    position: absolute;
  12938.    background: #333;
  12939.    background: rgba(75, 75, 75, 0.7);
  12940.    width: 100%;
  12941.    height: 100%;
  12942. }
  12943.  
  12944. /* ====================== album category styles ==========================*/
  12945.  
  12946. #filters {
  12947.    margin: 1% 0;
  12948.    padding: 0;
  12949.    list-style: none;
  12950.    list-style-type: none !important;
  12951.  
  12952. }
  12953.  
  12954. #filters li {
  12955.    float: left;
  12956.    list-style-type: none !important;
  12957. }
  12958.  
  12959. #filters li:first-child span {
  12960.    margin-left: 0px;
  12961. }
  12962.  
  12963. #filters li span {
  12964.    display: block;
  12965.    text-decoration: none;
  12966.    cursor: pointer;
  12967. }
  12968.  
  12969. .album_categories {
  12970.    list-style-type: none;
  12971.    margin: 0;
  12972.    padding: 0;
  12973.    overflow: hidden;
  12974.    padding-top: 5px;
  12975. }
  12976.  
  12977. /*=========  sharing buttons  ============*/
  12978.  
  12979. .album_socials {
  12980.    position: relative;
  12981.    top: 3px;
  12982.    width: 100px;
  12983.    height: 28px;
  12984.    margin: 0 auto;
  12985. }
  12986.  
  12987. .album_socials .rwd-share-buttons {
  12988.    top: 0px !important;
  12989.    width: 100% !important;
  12990.    margin: 0px !important;
  12991. }
  12992.  
  12993. .album_socials a {
  12994.    text-decoration: underline !important;
  12995. }
  12996.  
  12997. .gallery_images, .album_image_place {
  12998.    margin-top: 15px;
  12999.    margin-top: 15px;
  13000. }
  13001.  
  13002. #rwd-share-facebook:hover {
  13003.    background-position: 0 -31px !important;
  13004. }
  13005.  
  13006. #rwd-share-twitter:hover {
  13007.    background-position: -31px 32px !important;
  13008. }
  13009.  
  13010. #rwd-share-googleplus:hover {
  13011.    background-position: -66px -31px !important;
  13012. }
  13013.  
  13014. .rwd-share-buttons li, .rwd-share-buttons li a {
  13015.    width: 26px !important;
  13016.    border: 0px !important;
  13017. }
  13018.  
  13019. .rwd-share-buttons {
  13020.    top: 0 !important;
  13021. }
  13022.  
  13023. .img_link_btn {
  13024.    position: absolute;
  13025.    z-index: 99999;
  13026.    bottom: 0;
  13027.    left: 0;
  13028.    right: 0;
  13029.    width: 100%;
  13030.    padding: 8px;
  13031. }
  13032.  
  13033. .rwd-title {
  13034.    padding: 10px 0px !important;
  13035. }
  13036.  
  13037. @media only screen and (max-width: 475px) {
  13038.    .rwd-share-buttons {
  13039.        top: -25px !important;
  13040.    }
  13041.  
  13042.    .rwd-title-text {
  13043.        line-height: 15px;
  13044.    }
  13045. }
  13046.  
  13047. /*=========  hover style ===========*/
  13048.  
  13049. #hover {
  13050.    color: rgba(188, 175, 204, 0.9);
  13051. }
  13052.  
  13053. h2#testimonials {
  13054.    color: #fffae3;
  13055. }
  13056.  
  13057. div#all {
  13058.    width: 100%;
  13059.    height: 100%;
  13060. }
  13061.  
  13062. .view img {
  13063.    height: auto;
  13064. }
  13065.  
  13066. .view {
  13067.    color: #fff;
  13068.    margin: 0 10px 10px 0;
  13069.    overflow: hidden;
  13070.    position: relative;
  13071.    text-align: center;
  13072.    float: left;
  13073.    cursor: default;
  13074.    border: 1px solid #ccc;
  13075. }
  13076.  
  13077. .view-wrapper {
  13078.    height: 100%;
  13079. }
  13080.  
  13081. .view img {
  13082.    display: block;
  13083.    position: relative;
  13084.    transition: all 0.2s linear;
  13085.    height: 100%;
  13086.    width: auto;
  13087.    max-width: 100%;
  13088.    margin: 0 auto;
  13089. }
  13090.  
  13091. .mask-text h2 {
  13092.    font-size: 20px !important;
  13093.    margin-top: 20px !important;
  13094. }
  13095.  
  13096. /* view 1 */
  13097.  
  13098. .view-first .text-category, .view-first .mask-text h2, .view-first .mask-text p {
  13099.    color: #fff;
  13100. }
  13101.  
  13102. /*  view 2 */
  13103. .view-second .text-category, .view-second .mask-text h2, .view-second p {
  13104.    color: #333;
  13105. }
  13106.  
  13107. .view-second .mask-text h2 {
  13108.    border-bottom: 1px solid #333;
  13109. }
  13110.  
  13111. /* view 3*/
  13112. .view-third .mask {
  13113.    background-color: #ccc;
  13114.    transition: all 0.5s linear;
  13115.    opacity: 0;
  13116.    color: #333;
  13117. }
  13118.  
  13119. .view-third h2 {
  13120.    border-bottom: 1px solid #333;
  13121.    background: transparent;
  13122.    margin: 20px 40px 0px 40px;
  13123.    transform: scale(0);
  13124.    color: #333;
  13125.    transition: all 0.5s linear;
  13126.    opacity: 0;
  13127. }
  13128.  
  13129. .view-third p {
  13130.    color: #333;
  13131.    opacity: 0;
  13132.    transform: scale(0);
  13133.    transition: all 0.5s linear;
  13134. }
  13135.  
  13136. .view-third .text-category {
  13137.    color: #333;
  13138. }
  13139.  
  13140. /* view 4 */
  13141.  
  13142. .view-forth .mask-bg {
  13143.    background: #333;
  13144.    width: 100%;
  13145.    height: 100%;
  13146.    position: absolute;
  13147.    top: 0;
  13148.    left: 0;
  13149. }
  13150.  
  13151. .view-forth .mask-text {
  13152.    color: #fff;
  13153.    position: relative;
  13154.    z-index: 500;
  13155.    padding: 5px 8px;
  13156. }
  13157.  
  13158. .view-forth .mask-text h2 {
  13159.    margin: 0px;
  13160.    font-size: 13px;
  13161.    padding: 2px;
  13162.    color: #fff;
  13163. }
  13164.  
  13165. .view-forth .mask-text h2:hover {
  13166.    cursor: pointer;
  13167. }
  13168.  
  13169. .view-forth .text-category {
  13170.    display: block;
  13171.    font-size: 15px;
  13172.    color: #fff;
  13173. }
  13174.  
  13175. .view-forth p {
  13176.    color: #fff;
  13177. }
  13178.  
  13179. /* view 5 */
  13180. .view-fifth .text-category, .view-fifth .text-category *, .view-fifth .mask-text h2, .view-fifth .mask-text p {
  13181.    color: #fff;
  13182. }
  13183.  
  13184. </style><script>
  13185. var data_gallery_34 = [];
  13186. var event_stack_gallery_34 = [];
  13187. data_gallery_34["0"]=[];data_gallery_34["0"]["id"]="0";data_gallery_34["0"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/06/1.png";data_gallery_34["0"]["description"]="";data_gallery_34["0"]["alt"]="";data_gallery_34["1"]=[];data_gallery_34["1"]["id"]="1";data_gallery_34["1"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/06/2.png";data_gallery_34["1"]["description"]="";data_gallery_34["1"]["alt"]="";data_gallery_34["2"]=[];data_gallery_34["2"]["id"]="2";data_gallery_34["2"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/06/3.png";data_gallery_34["2"]["description"]="";data_gallery_34["2"]["alt"]="";data_gallery_34["3"]=[];data_gallery_34["3"]["id"]="3";data_gallery_34["3"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/06/4.png";data_gallery_34["3"]["description"]="";data_gallery_34["3"]["alt"]="";data_gallery_34["4"]=[];data_gallery_34["4"]["id"]="4";data_gallery_34["4"]["image_url"]="https://picoulet.centres-sociaux.fr/files/2025/06/5.png";data_gallery_34["4"]["description"]="";data_gallery_34["4"]["alt"]=""; var huge_it_trans_in_progress_gallery_34 = false;
  13188. var huge_it_transition_duration_gallery_34 = 1000;
  13189. var huge_it_playInterval_gallery_34;
  13190. // Stop autoplay.
  13191. window.clearInterval(huge_it_playInterval_gallery_34);
  13192. // alert('huge_it_current_key_gallery_34');
  13193. var huge_it_current_key_gallery_34 = '';
  13194. function huge_it_move_dots_gallery_34() {
  13195. var image_left = jQuery(".huge_it_slideshow_dots_active_gallery_34").position().left;
  13196. var image_right = jQuery(".huge_it_slideshow_dots_active_gallery_34").position().left + jQuery(".huge_it_slideshow_dots_active_gallery_34").outerWidth(true);
  13197. }
  13198. function huge_it_testBrowser_cssTransitions_gallery_34() {
  13199. return huge_it_testDom_gallery_34('Transition');
  13200. }
  13201. function huge_it_testBrowser_cssTransforms3d_gallery_34() {
  13202. return huge_it_testDom_gallery_34('Perspective');
  13203. }
  13204. function huge_it_testDom_gallery_34(prop) {
  13205. // Browser vendor CSS prefixes.
  13206. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-'];
  13207. // Browser vendor DOM prefixes.
  13208. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml'];
  13209. var i = domPrefixes.length;
  13210. while (i--) {
  13211. if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') {
  13212. return true;
  13213. }
  13214. }
  13215. return false;
  13216. }
  13217. function huge_it_cube_gallery_34(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) {
  13218. /* If browser does not support 3d transforms/CSS transitions.*/
  13219. if (!huge_it_testBrowser_cssTransitions_gallery_34()) {
  13220. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13221. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13222. return huge_it_fallback_gallery_34(current_image_class, next_image_class, direction);
  13223. }
  13224. if (!huge_it_testBrowser_cssTransforms3d_gallery_34()) {
  13225. return huge_it_fallback3d_gallery_34(current_image_class, next_image_class, direction);
  13226. }
  13227. huge_it_trans_in_progress_gallery_34 = true;
  13228. /* Set active thumbnail.*/
  13229. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13230. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13231. jQuery(".huge_it_slide_bg_gallery_34").css('perspective', 1000);
  13232. jQuery(current_image_class).css({
  13233. transform : 'translateZ(' + tz + 'px)',
  13234. backfaceVisibility : 'hidden'
  13235. });
  13236. jQuery(".huge_it_slideshow_image_wrap_gallery_34,.huge_it_slide_bg_gallery_34,.huge_it_slideshow_image_item_gallery_34,.huge_it_slideshow_image_second_item_gallery_34 ").css('overflow', 'visible');
  13237. jQuery(next_image_class).css({
  13238. opacity : 1,
  13239. filter: 'Alpha(opacity=100)',
  13240. backfaceVisibility : 'hidden',
  13241. transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)'
  13242. });
  13243. jQuery(".huge_it_slider_gallery_34").css({
  13244. transform: 'translateZ(-' + tz + 'px)',
  13245. transformStyle: 'preserve-3d'
  13246. });
  13247. /* Execution steps.*/
  13248. setTimeout(function () {
  13249. jQuery(".huge_it_slider_gallery_34").css({
  13250. transition: 'all ' + huge_it_transition_duration_gallery_34 + 'ms ease-in-out',
  13251. transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)'
  13252. });
  13253. }, 20);
  13254. /* After transition.*/
  13255. jQuery(".huge_it_slider_gallery_34").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  13256. function huge_it_after_trans() {
  13257. jQuery(".huge_it_slide_bg_gallery_34,.huge_it_slideshow_image_item_gallery_34,.huge_it_slideshow_image_second_item_gallery_34 ").css('overflow', 'hidden');
  13258. jQuery(".huge_it_slide_bg_gallery_34").removeAttr('style');
  13259. jQuery(current_image_class).removeAttr('style');
  13260. jQuery(next_image_class).removeAttr('style');
  13261. jQuery(".huge_it_slider_gallery_34").removeAttr('style');
  13262. jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1});
  13263. jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2});
  13264. // huge_it_change_watermark_container_gallery_34();
  13265. huge_it_trans_in_progress_gallery_34 = false;
  13266. if (typeof event_stack_gallery_34 !== 'undefined' && event_stack_gallery_34.length > 0) {
  13267. key = event_stack_gallery_34[0].split("-");
  13268. event_stack_gallery_34.shift();
  13269. huge_it_change_image_gallery_34(key[0], key[1], data_gallery_34, true,false);
  13270. }
  13271. }
  13272. }
  13273. function huge_it_cubeH_gallery_34(current_image_class, next_image_class, direction) {
  13274. /* Set to half of image width.*/
  13275. var dimension = jQuery(current_image_class).width() / 2;
  13276. if (direction == 'right') {
  13277. huge_it_cube_gallery_34(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction);
  13278. }
  13279. else if (direction == 'left') {
  13280. huge_it_cube_gallery_34(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction);
  13281. }
  13282. }
  13283. function huge_it_cubeV_gallery_34(current_image_class, next_image_class, direction) {
  13284. /* Set to half of image height.*/
  13285. var dimension = jQuery(current_image_class).height() / 2;
  13286. /* If next slide.*/
  13287. if (direction == 'right') {
  13288. huge_it_cube_gallery_34(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction);
  13289. }
  13290. else if (direction == 'left') {
  13291. huge_it_cube_gallery_34(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction);
  13292. }
  13293. }
  13294. /* For browsers that does not support transitions.*/
  13295. function huge_it_fallback_gallery_34(current_image_class, next_image_class, direction) {
  13296. huge_it_fade_gallery_34(current_image_class, next_image_class, direction);
  13297. }
  13298. /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/
  13299. function huge_it_fallback3d_gallery_34(current_image_class, next_image_class, direction) {
  13300. huge_it_sliceV_gallery_34(current_image_class, next_image_class, direction);
  13301. }
  13302. function huge_it_none_gallery_34(current_image_class, next_image_class, direction) {
  13303. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  13304. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  13305. /* Set active thumbnail.*/
  13306. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13307. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13308. }
  13309. function huge_it_fade_gallery_34(current_image_class, next_image_class, direction) {
  13310. if (huge_it_testBrowser_cssTransitions_gallery_34()) {
  13311. jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_34 + 'ms linear');
  13312. jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_gallery_34 + 'ms linear');
  13313. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  13314. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  13315. }
  13316. else {
  13317. jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_gallery_34);
  13318. jQuery(next_image_class).animate({
  13319. 'opacity' : 1,
  13320. 'z-index': 2
  13321. }, {
  13322. duration: huge_it_transition_duration_gallery_34,
  13323. complete: function () {return false;}
  13324. });
  13325. // For IE.
  13326. jQuery(current_image_class).fadeTo(huge_it_transition_duration_gallery_34, 0);
  13327. jQuery(next_image_class).fadeTo(huge_it_transition_duration_gallery_34, 1);
  13328. }
  13329. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13330. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13331. }
  13332. function huge_it_grid_gallery_34(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) {
  13333. /* If browser does not support CSS transitions.*/
  13334. if (!huge_it_testBrowser_cssTransitions_gallery_34()) {
  13335. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13336. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13337. return huge_it_fallback_gallery_34(current_image_class, next_image_class, direction);
  13338. }
  13339. huge_it_trans_in_progress_gallery_34 = true;
  13340. /* Set active thumbnail.*/
  13341. jQuery(".huge_it_slideshow_dots_gallery_34").removeClass("huge_it_slideshow_dots_active_gallery_34").addClass("huge_it_slideshow_dots_deactive_gallery_34");
  13342. jQuery("#huge_it_dots_" + huge_it_current_key_gallery_34 + "_gallery_34").removeClass("huge_it_slideshow_dots_deactive_gallery_34").addClass("huge_it_slideshow_dots_active_gallery_34");
  13343. /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/
  13344. var count = (huge_it_transition_duration_gallery_34) / (cols + rows);
  13345. /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/
  13346. function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) {
  13347. var delay = (c + r) * count;
  13348. /* Return a gridlet elem with styles for specific transition.*/
  13349. return jQuery('<div class="huge_it_gridlet_gallery_34" />').css({
  13350. width : width,
  13351. height : height,
  13352. top : top,
  13353. left : left,
  13354. backgroundImage : 'url("' + src + '")',
  13355. backgroundColor: jQuery(".huge_it_slideshow_image_wrap_gallery_34").css("background-color"),
  13356. /*backgroundColor: rgba(0, 0, 0, 0),*/
  13357. backgroundRepeat: 'no-repeat',
  13358. backgroundPosition : img_left + 'px ' + img_top + 'px',
  13359. backgroundSize : imgWidth + 'px ' + imgHeight + 'px',
  13360. transition : 'all ' + huge_it_transition_duration_gallery_34 + 'ms ease-in-out ' + delay + 'ms',
  13361. transform : 'none'
  13362. });
  13363. }
  13364. /* Get the current slide's image.*/
  13365. var cur_img = jQuery(current_image_class).find('img');
  13366. /* Create a grid to hold the gridlets.*/
  13367. var grid = jQuery('<div />').addClass('huge_it_grid_gallery_34');
  13368. /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/
  13369. jQuery(current_image_class).prepend(grid);
  13370. /* vars to calculate positioning/size of gridlets*/
  13371. var cont = jQuery(".huge_it_slide_bg_gallery_34");
  13372. var imgWidth = cur_img.width();
  13373. var imgHeight = cur_img.height();
  13374. var contWidth = cont.width(),
  13375. contHeight = cont.height(),
  13376. imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/
  13377. colWidth = Math.floor(contWidth / cols),
  13378. rowHeight = Math.floor(contHeight / rows),
  13379. colRemainder = contWidth - (cols * colWidth),
  13380. colAdd = Math.ceil(colRemainder / cols),
  13381. rowRemainder = contHeight - (rows * rowHeight),
  13382. rowAdd = Math.ceil(rowRemainder / rows),
  13383. leftDist = 0,
  13384. img_leftDist = (jQuery(".huge_it_slide_bg_gallery_34").width() - cur_img.width()) / 2;
  13385. /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/
  13386. tx = tx === 'auto' ? contWidth : tx;
  13387. tx = tx === 'min-auto' ? - contWidth : tx;
  13388. ty = ty === 'auto' ? contHeight : ty;
  13389. ty = ty === 'min-auto' ? - contHeight : ty;
  13390. /* Loop through cols*/
  13391. for (var i = 0; i < cols; i++) {
  13392. var topDist = 0,
  13393. img_topDst = (jQuery(".huge_it_slide_bg_gallery_34").height() - cur_img.height()) / 2,
  13394. newColWidth = colWidth;
  13395. /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/
  13396. if (colRemainder > 0) {
  13397. var add = colRemainder >= colAdd ? colAdd : colRemainder;
  13398. newColWidth += add;
  13399. colRemainder -= add;
  13400. }
  13401. /* Nested loop to create row gridlets for each col.*/
  13402. for (var j = 0; j < rows; j++)  {
  13403. var newRowHeight = rowHeight,
  13404. newRowRemainder = rowRemainder;
  13405. /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/
  13406. if (newRowRemainder > 0) {
  13407. add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder;
  13408. newRowHeight += add;
  13409. newRowRemainder -= add;
  13410. }
  13411. /* Create & append gridlet to grid.*/
  13412. grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j));
  13413. topDist += newRowHeight;
  13414. img_topDst -= newRowHeight;
  13415. }
  13416. img_leftDist -= newColWidth;
  13417. leftDist += newColWidth;
  13418. }
  13419. /* Set event listener on last gridlet to finish transitioning.*/
  13420. var last_gridlet = grid.children().last();
  13421. /* Show grid & hide the image it replaces.*/
  13422. grid.show();
  13423. cur_img.css('opacity', 0);
  13424. /* Add identifying classes to corner gridlets (useful if applying border radius).*/
  13425. grid.children().first().addClass('rs-top-left');
  13426. grid.children().last().addClass('rs-bottom-right');
  13427. grid.children().eq(rows - 1).addClass('rs-bottom-left');
  13428. grid.children().eq(- rows).addClass('rs-top-right');
  13429. /* Execution steps.*/
  13430. setTimeout(function () {
  13431. grid.children().css({
  13432. opacity: op,
  13433. transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')'
  13434. });
  13435. }, 1);
  13436. jQuery(next_image_class).css('opacity', 1);
  13437. /* After transition.*/
  13438. jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans));
  13439. function huge_it_after_trans() {
  13440. jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1});
  13441. jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2});
  13442. cur_img.css('opacity', 1);
  13443. grid.remove();
  13444. huge_it_trans_in_progress_gallery_34 = false;
  13445. if (typeof event_stack_gallery_34 !== 'undefined' && event_stack_gallery_34.length > 0) {
  13446. key = event_stack_gallery_34[0].split("-");
  13447. event_stack_gallery_34.shift();
  13448. huge_it_change_image_gallery_34(key[0], key[1], data_gallery_34, true,false);
  13449. }
  13450. }
  13451. }
  13452. function huge_it_sliceH_gallery_34(current_image_class, next_image_class, direction) {
  13453. if (direction == 'right') {
  13454. var translateX = 'min-auto';
  13455. }
  13456. else if (direction == 'left') {
  13457. var translateX = 'auto';
  13458. }
  13459. huge_it_grid_gallery_34(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  13460. }
  13461. function huge_it_sliceV_gallery_34(current_image_class, next_image_class, direction) {
  13462. if (direction == 'right') {
  13463. var translateY = 'min-auto';
  13464. }
  13465. else if (direction == 'left') {
  13466. var translateY = 'auto';
  13467. }
  13468. huge_it_grid_gallery_34(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction);
  13469. }
  13470. function huge_it_slideV_gallery_34(current_image_class, next_image_class, direction) {
  13471. if (direction == 'right') {
  13472. var translateY = 'auto';
  13473. }
  13474. else if (direction == 'left') {
  13475. var translateY = 'min-auto';
  13476. }
  13477. huge_it_grid_gallery_34(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction);
  13478. }
  13479. function huge_it_slideH_gallery_34(current_image_class, next_image_class, direction) {
  13480. if (direction == 'right') {
  13481. var translateX = 'min-auto';
  13482. }
  13483. else if (direction == 'left') {
  13484. var translateX = 'auto';
  13485. }
  13486. huge_it_grid_gallery_34(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction);
  13487. }
  13488. function huge_it_scaleOut_gallery_34(current_image_class, next_image_class, direction) {
  13489. huge_it_grid_gallery_34(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction);
  13490. }
  13491. function huge_it_scaleIn_gallery_34(current_image_class, next_image_class, direction) {
  13492. huge_it_grid_gallery_34(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction);
  13493. }
  13494. function huge_it_blockScale_gallery_34(current_image_class, next_image_class, direction) {
  13495. huge_it_grid_gallery_34(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction);
  13496. }
  13497. function huge_it_kaleidoscope_gallery_34(current_image_class, next_image_class, direction) {
  13498. huge_it_grid_gallery_34(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction);
  13499. }
  13500. function huge_it_fan_gallery_34(current_image_class, next_image_class, direction) {
  13501. if (direction == 'right') {
  13502. var rotate = 45;
  13503. var translateX = 100;
  13504. }
  13505. else if (direction == 'left') {
  13506. var rotate = -45;
  13507. var translateX = -100;
  13508. }
  13509. huge_it_grid_gallery_34(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction);
  13510. }
  13511. function huge_it_blindV_gallery_34(current_image_class, next_image_class, direction) {
  13512. huge_it_grid_gallery_34(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  13513. }
  13514. function huge_it_blindH_gallery_34(current_image_class, next_image_class, direction) {
  13515. huge_it_grid_gallery_34(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class);
  13516. }
  13517. function huge_it_random_gallery_34(current_image_class, next_image_class, direction) {
  13518. var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV'];
  13519. /* Pick a random transition from the anims array.*/
  13520. this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_gallery_34"](current_image_class, next_image_class, direction);
  13521. }
  13522. function iterator_gallery_34() {
  13523. var iterator = 1;
  13524. return iterator;
  13525. }
  13526. function huge_it_change_image_gallery_34(current_key, key, data_gallery_34, from_effect,clicked) {
  13527. if (data_gallery_34[key]) {
  13528. if(typeof video_is_playing_gallery_34 != 'undefined' && video_is_playing_gallery_34 && !clicked){
  13529. return false;
  13530. }
  13531. if (!from_effect) {
  13532. // Change image key.
  13533. jQuery("#huge_it_current_image_key_gallery_34").val(key);
  13534. // if (current_key == '-2') { /* Dots.*/
  13535. current_key = jQuery(".huge_it_slideshow_dots_active_gallery_34").attr("data-image_key");
  13536. //  }
  13537. }
  13538. if (huge_it_trans_in_progress_gallery_34) {
  13539. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_34").after(" --IN TRANSACTION-- <br />");
  13540. event_stack_gallery_34.push(current_key + '-' + key);
  13541. return;
  13542. }
  13543. var direction = 'right';
  13544. if (huge_it_current_key_gallery_34 > key) {
  13545. var direction = 'left';
  13546. }
  13547. else if (huge_it_current_key_gallery_34 == key) {
  13548. return false;
  13549. }
  13550. // Set active thumbnail position.
  13551. huge_it_current_key_gallery_34 = key;
  13552. //Change image id, title, description.
  13553. jQuery(".huge_it_slideshow_image_gallery_34").attr('data-image_id', data_gallery_34[key]["id"]);
  13554. jQuery(".huge_it_slideshow_title_text_gallery_34").html(data_gallery_34[key]["alt"]);
  13555. jQuery(".huge_it_slideshow_description_text_gallery_34").html(data_gallery_34[key]["description"]);
  13556. var current_image_class = "#image_id_gallery_34_" + data_gallery_34[current_key]["id"];
  13557. var next_image_class = "#image_id_gallery_34_" + data_gallery_34[key]["id"];
  13558. if(jQuery(current_image_class).find('.huge_it_video_frame_gallery_34').length>0) {
  13559. var streffect='slideH';
  13560. if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){
  13561. huge_it_slideH_gallery_34(current_image_class, next_image_class, direction);
  13562. }else{
  13563. huge_it_fade_gallery_34(current_image_class, next_image_class, direction);
  13564. }
  13565. }else{
  13566. huge_it_slideH_gallery_34(current_image_class, next_image_class, direction);
  13567. }
  13568. jQuery('.huge_it_slideshow_title_text_gallery_34').removeClass('none');
  13569. if(jQuery('.huge_it_slideshow_title_text_gallery_34').html()==""){jQuery('.huge_it_slideshow_title_text_gallery_34').addClass('none');}
  13570. jQuery('.huge_it_slideshow_description_text_gallery_34').removeClass('none');
  13571. jQuery('.huge_it_gallery_like_cont_344811').removeClass('none');
  13572. if(jQuery('.huge_it_slideshow_description_text_gallery_34').html()==""){
  13573. jQuery('.huge_it_slideshow_description_text_gallery_34').addClass('none');
  13574. }
  13575. jQuery(current_image_class).find('.huge_it_slideshow_title_text_gallery_34').addClass('none');
  13576. jQuery(current_image_class).find('.huge_it_slideshow_description_text_gallery_34').addClass('none');
  13577. jQuery(current_image_class).find('.huge_it_gallery_like_cont_344811').addClass('none');
  13578. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_34").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--");
  13579. huge_it_move_dots_gallery_34();
  13580. window.clearInterval(huge_it_playInterval_gallery_34);
  13581. play_gallery_34();
  13582. }
  13583. }
  13584. function huge_it_popup_resize_gallery_34() {
  13585. var staticsliderwidth=600;
  13586. var sliderwidth=600;
  13587. var bodyWidth=jQuery(window).width();
  13588. var parentWidth = jQuery(".huge_it_slideshow_image_wrap_gallery_34").parent().width();
  13589.  
  13590. if(sliderwidth>parentWidth){sliderwidth=parentWidth;}
  13591. if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;}
  13592. var str=(900/staticsliderwidth);
  13593.  
  13594. jQuery('.huge_it_slideshow_image_wrap_gallery_34').css({'max-height':parentWidth*str-2*0});
  13595.  
  13596. }
  13597. jQuery(window).load(function () {
  13598. jQuery(window).resize(function() {
  13599. huge_it_popup_resize_gallery_34();
  13600. });
  13601. huge_it_popup_resize_gallery_34();
  13602. /* Disable right click.*/
  13603. jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () {
  13604. return false;
  13605. });
  13606. /*HOVER SLIDESHOW*/
  13607. jQuery("#huge_it_slideshow_image_container_gallery_34, .huge_it_slideshow_image_container_gallery_34, .huge_it_slideshow_dots_container_gallery_34,#huge_it_slideshow_right_gallery_34,#huge_it_slideshow_left_gallery_34").hover(function(){
  13608. //errorlogjQuery(".huge_it_slideshow_image_wrap_gallery_34").after(" -- hover -- <br /> ");
  13609. jQuery("#huge_it_slideshow_right_gallery_34").css({'display':'inline'});
  13610. jQuery("#huge_it_slideshow_left_gallery_34").css({'display':'inline'});
  13611. },function(){
  13612. jQuery("#huge_it_slideshow_right_gallery_34").css({'display':'none'});
  13613. jQuery("#huge_it_slideshow_left_gallery_34").css({'display':'none'});
  13614. });
  13615. var pausehover="on";
  13616. if(pausehover=="on"){
  13617. jQuery("#huge_it_slideshow_image_container_gallery_34, .huge_it_slideshow_image_container_gallery_34, .huge_it_slideshow_dots_container_gallery_34,#huge_it_slideshow_right_gallery_34,#huge_it_slideshow_left_gallery_34").hover(function(){
  13618. window.clearInterval(huge_it_playInterval_gallery_34);
  13619. },function(){
  13620. window.clearInterval(huge_it_playInterval_gallery_34);
  13621. play_gallery_34();
  13622. });
  13623. }
  13624. play_gallery_34();
  13625. });
  13626. function play_gallery_34() {
  13627. /* Play.*/
  13628. huge_it_playInterval_gallery_34 = setInterval(function () {
  13629. var iterator = 1;
  13630. huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()) + iterator) % data_gallery_34.length, data_gallery_34,false,false);
  13631. }, '5000');
  13632. }
  13633. jQuery(window).focus(function() {
  13634. var i_gallery_34 = 0;
  13635. jQuery(".huge_it_slider_gallery_34").children("div").each(function () {
  13636. if (jQuery(this).css('opacity') == 1) {
  13637. jQuery("#huge_it_current_image_key_gallery_34").val(i_gallery_34);
  13638. }
  13639. i_gallery_34++;
  13640. });
  13641. play_gallery_34();
  13642. });
  13643. jQuery(window).blur(function() {
  13644. event_stack_gallery_34 = [];
  13645. window.clearInterval(huge_it_playInterval_gallery_34);
  13646. });
  13647. </script>
  13648. <div class="huge_it_slideshow_image_wrap_gallery_34 gallery-img-content"
  13649.     data-rating-type="heart">
  13650. <!-- ##########################DOTS######################### -->
  13651. <div class="huge_it_slideshow_dots_container_gallery_34">
  13652. <div class="huge_it_slideshow_dots_thumbnails_gallery_34">
  13653. <div id="huge_it_dots_0_gallery_34"
  13654.     class="huge_it_slideshow_dots_gallery_34 huge_it_slideshow_dots_active_gallery_34"
  13655.     onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), '0', data_gallery_34,false,true);return false;"
  13656.     data-image_id="608" data-image_key="0"></div>
  13657. <div id="huge_it_dots_1_gallery_34"
  13658.     class="huge_it_slideshow_dots_gallery_34 huge_it_slideshow_dots_deactive_gallery_34"
  13659.     onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), '1', data_gallery_34,false,true);return false;"
  13660.     data-image_id="609" data-image_key="1"></div>
  13661. <div id="huge_it_dots_2_gallery_34"
  13662.     class="huge_it_slideshow_dots_gallery_34 huge_it_slideshow_dots_deactive_gallery_34"
  13663.     onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), '2', data_gallery_34,false,true);return false;"
  13664.     data-image_id="610" data-image_key="2"></div>
  13665. <div id="huge_it_dots_3_gallery_34"
  13666.     class="huge_it_slideshow_dots_gallery_34 huge_it_slideshow_dots_deactive_gallery_34"
  13667.     onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), '3', data_gallery_34,false,true);return false;"
  13668.     data-image_id="614" data-image_key="3"></div>
  13669. <div id="huge_it_dots_4_gallery_34"
  13670.     class="huge_it_slideshow_dots_gallery_34 huge_it_slideshow_dots_deactive_gallery_34"
  13671.     onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), '4', data_gallery_34,false,true);return false;"
  13672.     data-image_id="615" data-image_key="4"></div>
  13673. </div>
  13674. <a id="huge_it_slideshow_left_gallery_34" href="#"
  13675.   onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()) - iterator_gallery_34()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()) - iterator_gallery_34()) % data_gallery_34.length : data_gallery_34.length - 1, data_gallery_34,false,true);return false;">
  13676. <div id="huge_it_slideshow_left-ico_gallery_34">
  13677. <div><i class="huge_it_slideshow_prev_btn_gallery_34 fa"></i></div>
  13678. </div>
  13679. </a>
  13680. <a id="huge_it_slideshow_right_gallery_34" href="#"
  13681.   onclick="huge_it_change_image_gallery_34(parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()), (parseInt(jQuery('#huge_it_current_image_key_gallery_34').val()) + iterator_gallery_34()) % data_gallery_34.length, data_gallery_34,false,true);return false;">
  13682. <div id="huge_it_slideshow_right-ico_34">
  13683. <div><i class="huge_it_slideshow_next_btn_gallery_34 fa"></i></div>
  13684. </div>
  13685. </a>
  13686. </div>
  13687. <!-- ##########################IMAGES######################### -->
  13688. <script>
  13689. jQuery(document).ready(function ($) {
  13690. $('.thumb_wrapper').on('click', function (ev) {
  13691. var hugeid = $(this).data('rowid');
  13692. var myid = hugeid;
  13693. myid = parseInt(myid);
  13694. eval('player_' + myid + '.playVideo()')
  13695. ev.preventDefault();
  13696. });
  13697. });
  13698. </script>
  13699. <div id="huge_it_slideshow_image_container_gallery_34"
  13700.     class="huge_it_slideshow_image_container_gallery huge_it_slideshow_image_container_gallery_34 view-slider">
  13701. <div class="huge_it_slide_container_gallery_34">
  13702. <div class="huge_it_slide_bg_gallery_34">
  13703. <ul class="huge_it_slider_gallery_34">
  13704. <li class="huge_it_slideshow_image_item_gallery_34"
  13705.    id="image_id_gallery_34_0">
  13706. <div class="huge_it_gallery_like_cont_344811">
  13707. <div class="huge_it_gallery_like_wrapper">
  13708. <span class="huge_it_like">
  13709. <i class="hugeiticons-heart likeheart"></i>
  13710. <span class="huge_it_like_thumb" id="608"
  13711.      data-status="unliked">
  13712. 0 </span>
  13713. <span
  13714. class="huge_it_like_count "
  13715. id="608"></span>
  13716. </span>
  13717. </div>
  13718. </div>
  13719. <img decoding="async" alt=""
  13720.     id="huge_it_slideshow_image_gallery_34_0"
  13721.     class="huge_it_slideshow_image_gallery_34"
  13722.     src="https://picoulet.centres-sociaux.fr/files/2025/06/1.png"
  13723.     data-image_id="608"/>
  13724. <div
  13725. class="huge_it_slideshow_title_text_gallery_34 none">
  13726. </div>
  13727. <div
  13728. class="huge_it_slideshow_description_text_gallery_34 none">
  13729. </div>
  13730. </li>
  13731. <li class="huge_it_slideshow_image_second_item_gallery_34"
  13732.    id="image_id_gallery_34_1">
  13733. <div class="huge_it_gallery_like_cont_344811">
  13734. <div class="huge_it_gallery_like_wrapper">
  13735. <span class="huge_it_like">
  13736. <i class="hugeiticons-heart likeheart"></i>
  13737. <span class="huge_it_like_thumb" id="609"
  13738.      data-status="unliked">
  13739. 0 </span>
  13740. <span
  13741. class="huge_it_like_count "
  13742. id="609"></span>
  13743. </span>
  13744. </div>
  13745. </div>
  13746. <img decoding="async" alt=""
  13747.     id="huge_it_slideshow_image_gallery_34_1"
  13748.     class="huge_it_slideshow_image_gallery_34"
  13749.     src="https://picoulet.centres-sociaux.fr/files/2025/06/2.png"
  13750.     data-image_id="609"/>
  13751. <div
  13752. class="huge_it_slideshow_title_text_gallery_34 none">
  13753. </div>
  13754. <div
  13755. class="huge_it_slideshow_description_text_gallery_34 none">
  13756. </div>
  13757. </li>
  13758. <li class="huge_it_slideshow_image_second_item_gallery_34"
  13759.    id="image_id_gallery_34_2">
  13760. <div class="huge_it_gallery_like_cont_344811">
  13761. <div class="huge_it_gallery_like_wrapper">
  13762. <span class="huge_it_like">
  13763. <i class="hugeiticons-heart likeheart"></i>
  13764. <span class="huge_it_like_thumb" id="610"
  13765.      data-status="unliked">
  13766. 0 </span>
  13767. <span
  13768. class="huge_it_like_count "
  13769. id="610"></span>
  13770. </span>
  13771. </div>
  13772. </div>
  13773. <img decoding="async" alt=""
  13774.     id="huge_it_slideshow_image_gallery_34_2"
  13775.     class="huge_it_slideshow_image_gallery_34"
  13776.     src="https://picoulet.centres-sociaux.fr/files/2025/06/3.png"
  13777.     data-image_id="610"/>
  13778. <div
  13779. class="huge_it_slideshow_title_text_gallery_34 none">
  13780. </div>
  13781. <div
  13782. class="huge_it_slideshow_description_text_gallery_34 none">
  13783. </div>
  13784. </li>
  13785. <li class="huge_it_slideshow_image_second_item_gallery_34"
  13786.    id="image_id_gallery_34_3">
  13787. <div class="huge_it_gallery_like_cont_344811">
  13788. <div class="huge_it_gallery_like_wrapper">
  13789. <span class="huge_it_like">
  13790. <i class="hugeiticons-heart likeheart"></i>
  13791. <span class="huge_it_like_thumb" id="614"
  13792.      data-status="unliked">
  13793. 0 </span>
  13794. <span
  13795. class="huge_it_like_count "
  13796. id="614"></span>
  13797. </span>
  13798. </div>
  13799. </div>
  13800. <img decoding="async" alt=""
  13801.     id="huge_it_slideshow_image_gallery_34_3"
  13802.     class="huge_it_slideshow_image_gallery_34"
  13803.     src="https://picoulet.centres-sociaux.fr/files/2025/06/4.png"
  13804.     data-image_id="614"/>
  13805. <div
  13806. class="huge_it_slideshow_title_text_gallery_34 none">
  13807. </div>
  13808. <div
  13809. class="huge_it_slideshow_description_text_gallery_34 none">
  13810. </div>
  13811. </li>
  13812. <li class="huge_it_slideshow_image_second_item_gallery_34"
  13813.    id="image_id_gallery_34_4">
  13814. <div class="huge_it_gallery_like_cont_344811">
  13815. <div class="huge_it_gallery_like_wrapper">
  13816. <span class="huge_it_like">
  13817. <i class="hugeiticons-heart likeheart"></i>
  13818. <span class="huge_it_like_thumb" id="615"
  13819.      data-status="unliked">
  13820. 1 </span>
  13821. <span
  13822. class="huge_it_like_count "
  13823. id="615"></span>
  13824. </span>
  13825. </div>
  13826. </div>
  13827. <img decoding="async" alt=""
  13828.     id="huge_it_slideshow_image_gallery_34_4"
  13829.     class="huge_it_slideshow_image_gallery_34"
  13830.     src="https://picoulet.centres-sociaux.fr/files/2025/06/5.png"
  13831.     data-image_id="615"/>
  13832. <div
  13833. class="huge_it_slideshow_title_text_gallery_34 none">
  13834. </div>
  13835. <div
  13836. class="huge_it_slideshow_description_text_gallery_34 none">
  13837. </div>
  13838. </li>
  13839. </ul>
  13840. <input type="hidden" id="huge_it_current_image_key_gallery_34" value="0"/>
  13841. </div>
  13842. </div>
  13843. </div>
  13844. </div><style>
  13845. .huge_it_slideshow_image_wrap_gallery_34 {
  13846.    height: 900px;
  13847.    width: 600px;
  13848.    max-width: calc(100% - 2 * 0px);
  13849.    position: relative;
  13850.    display: block;
  13851.    text-align: center;
  13852.    border: 0 px #ffffff solid;
  13853.    box-sizing: content-box;
  13854.    clear: both;
  13855. float:none; margin: 0 auto;}
  13856.  
  13857. .huge_it_slideshow_image_wrap_gallery_34 * {
  13858.    box-sizing: border-box;
  13859.    -moz-box-sizing: border-box;
  13860.    -webkit-box-sizing: border-box;
  13861. }
  13862.  
  13863. .huge_it_slideshow_image_gallery_34 {
  13864. width: 100%;
  13865.    height: 100%;
  13866.    left: 0;
  13867.    top: 0;
  13868. /* height: auto;
  13869.                top: 50%;
  13870.            left: 50%;
  13871.                transform: translate( -50%, -50% ); */
  13872. max-width: 100%;
  13873.    max-height: 100%;
  13874.    position: absolute;
  13875. }
  13876.  
  13877. .huge_it_slider_gallery_34 li iframe {
  13878.    width: 100%;
  13879.    height: 100%;
  13880. }
  13881.  
  13882. .huge_it_slider_gallery_34 li #thevideo {
  13883.    width: 100%;
  13884.    height: 100%;
  13885. }
  13886.  
  13887. .huge_it_slider_gallery_34 li .thumb_wrapper {
  13888.    width: 100%;
  13889.    height: 100%;
  13890. }
  13891.  
  13892. .huge_it_slider_gallery_34 li .thumb_wrapper img {
  13893.    position: relative;
  13894.    /*top: 50%;
  13895.    transform: translateY(-50%);*/
  13896. }
  13897.  
  13898. #huge_it_slideshow_left_gallery_34,
  13899. #huge_it_slideshow_right_gallery_34 {
  13900.    cursor: pointer;
  13901.    display: none;
  13902.    display: block;
  13903.    height: 100%;
  13904.    outline: medium none;
  13905.    position: absolute;
  13906.    /*z-index: 10130;*/
  13907.    z-index: 13;
  13908.    bottom: 25px;
  13909.    top: 50%;
  13910. }
  13911.  
  13912. #huge_it_slideshow_left-ico_gallery_34,
  13913. #huge_it_slideshow_right-ico_gallery_34 {
  13914.    z-index: 13;
  13915.    -moz-box-sizing: content-box;
  13916.    box-sizing: content-box;
  13917.    cursor: pointer;
  13918.    display: table;
  13919.    left: -9999px;
  13920.    line-height: 0;
  13921.    margin-top: -15px;
  13922.    position: absolute;
  13923.    top: 50%;
  13924. }
  13925.  
  13926. #huge_it_slideshow_left-ico_gallery_34:hover,
  13927. #huge_it_slideshow_right-ico_gallery_34:hover {
  13928.    cursor: pointer;
  13929. }
  13930.  
  13931. .huge_it_slideshow_image_container_gallery_34 {
  13932.    display: table;
  13933.    position: relative;
  13934.    top: 0;
  13935.    left: 0;
  13936.    text-align: center;
  13937.    vertical-align: middle;
  13938.    width: 100%;
  13939.    height: 100%;
  13940. }
  13941.  
  13942. .huge_it_slideshow_title_text_gallery_34 {
  13943.    text-decoration: none;
  13944.    position: absolute;
  13945.    z-index: 12;
  13946.    display: inline-block;
  13947. width: 30%;
  13948.    /*height:
  13949. 50 %;*/
  13950. right:0%;top:0%; padding: 2%;
  13951.    text-align: right;
  13952.    font-weight: bold;
  13953.    color: #000000;
  13954.    background: rgba(255,255,255,0.7)  !important;
  13955.    border-style: solid;
  13956.    font-size: 13px;
  13957.    border-width: 0px;
  13958.    border-color: #ffffff;
  13959.    border-radius: 4px;
  13960. }
  13961.  
  13962. .huge_it_slideshow_description_text_gallery_34 {
  13963.    text-decoration: none;
  13964.    position: absolute;
  13965.    z-index: 11;
  13966.    border-style: solid;
  13967.    display: inline-block;
  13968. width: 70%;
  13969.    /*height:
  13970. %;*/
  13971. right:0%;bottom:0%; padding: 3%;
  13972.    text-align: justify;
  13973.    color: #ffffff;
  13974.    background: rgba(0,0,0,0.7) !important;
  13975.    border-style: solid;
  13976.    font-size: 12px;
  13977.    border-width: 0px;
  13978.    border-color: #ffffff;
  13979.    border-radius: 0px;
  13980. }
  13981.  
  13982. .huge_it_slideshow_title_text_gallery_34.none, .huge_it_slideshow_description_text_gallery_34.none,
  13983. .huge_it_slideshow_title_text_gallery_34.hidden, .huge_it_slideshow_description_text_gallery_34.hidden {
  13984.    display: none;
  13985. }
  13986.  
  13987. .huge_it_gallery_like_cont_344811.none {
  13988.    display: none !important;
  13989. }
  13990.  
  13991. .huge_it_slideshow_title_text_gallery_34 h1, .huge_it_slideshow_description_text_gallery_34 h1,
  13992. .huge_it_slideshow_title_text_gallery_34 h2, .huge_it_slideshow_title_text_gallery_34 h2,
  13993. .huge_it_slideshow_title_text_gallery_34 h3, .huge_it_slideshow_title_text_gallery_34 h3,
  13994. .huge_it_slideshow_title_text_gallery_34 h4, .huge_it_slideshow_title_text_gallery_34 h4,
  13995. .huge_it_slideshow_title_text_gallery_34 p, .huge_it_slideshow_title_text_gallery_34 p,
  13996. .huge_it_slideshow_title_text_gallery_34 strong, .huge_it_slideshow_title_text_gallery_34 strong,
  13997. .huge_it_slideshow_title_text_gallery_34 span, .huge_it_slideshow_title_text_gallery_34 span,
  13998. .huge_it_slideshow_title_text_gallery_34 ul, .huge_it_slideshow_title_text_gallery_34 ul,
  13999. .huge_it_slideshow_title_text_gallery_34 li, .huge_it_slideshow_title_text_gallery_34 li {
  14000.    padding: 2px;
  14001.    margin: 0;
  14002. }
  14003.  
  14004. .huge_it_slide_container_gallery_34 {
  14005.    display: table-cell;
  14006.    margin: 0 auto;
  14007.    position: relative;
  14008.    vertical-align: middle;
  14009.    width: 100%;
  14010.    height: 100%;
  14011.    _width: inherit;
  14012.    _height: inherit;
  14013. }
  14014.  
  14015. .huge_it_slide_bg_gallery_34 {
  14016.    margin: 0 auto;
  14017.    width: 100%;
  14018.    height: 100%;
  14019.    _width: inherit;
  14020.    _height: inherit;
  14021. }
  14022.  
  14023. .huge_it_slider_gallery_34 {
  14024.    width: 100%;
  14025.    height: 100%;
  14026.    display: table;
  14027.    padding: 0;
  14028.    margin: 0;
  14029. }
  14030.  
  14031. .huge_it_slideshow_image_item_gallery_34 {
  14032.    width: 100%;
  14033.    height: 100%;
  14034.    display: table-cell;
  14035.    filter: Alpha(opacity=100);
  14036.    opacity: 1;
  14037.    position: absolute;
  14038.    top: 0;
  14039.    left: 0;
  14040.    vertical-align: middle;
  14041.    z-index: 2;
  14042.    margin: 0 !important;
  14043.    padding: 0;
  14044.    overflow: hidden;
  14045.    border-radius: 0px !important;
  14046. }
  14047.  
  14048. .huge_it_slideshow_image_second_item_gallery_34 {
  14049.    width: 100%;
  14050.    height: 100%;
  14051.    display: table-cell;
  14052.    filter: Alpha(opacity=0);
  14053.    opacity: 0;
  14054.    position: absolute;
  14055.    top: 0;
  14056.    left: 0;
  14057.    vertical-align: middle;
  14058.    z-index: 1;
  14059.    overflow: hidden;
  14060.    margin: 0 !important;
  14061.    padding: 0;
  14062.    border-radius: 0px !important;
  14063. }
  14064.  
  14065. .huge_it_grid_gallery_34 {
  14066.    display: none;
  14067.    height: 100%;
  14068.    overflow: hidden;
  14069.    position: absolute;
  14070.    width: 100%;
  14071. }
  14072.  
  14073. .huge_it_gridlet_gallery_34 {
  14074.    opacity: 1;
  14075.    filter: Alpha(opacity=100);
  14076.    position: absolute;
  14077. }
  14078.  
  14079. .huge_it_slideshow_dots_container_gallery_34 {
  14080.    display: table;
  14081.    position: absolute;
  14082.    width: 100% !important;
  14083.    height: 100% !important;
  14084. }
  14085.  
  14086. .huge_it_slideshow_dots_thumbnails_gallery_34 {
  14087.    margin: 0 auto;
  14088.    overflow: hidden;
  14089.    position: absolute;
  14090.    width: 100%;
  14091.    height: 60px;
  14092. }
  14093.  
  14094. .huge_it_slideshow_dots_gallery_34 {
  14095.    display: inline-block;
  14096.    position: relative;
  14097.    cursor: pointer;
  14098.    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px rgba(255, 255, 255, 0.1);
  14099.    width: 10px;
  14100.    height: 10px;
  14101.    border-radius: 10px;
  14102.    background: #00f;
  14103.    margin: 10px;
  14104.    overflow: hidden;
  14105.    z-index: 17;
  14106. }
  14107.  
  14108. .huge_it_slideshow_dots_active_gallery_34 {
  14109.    opacity: 1;
  14110.    background: #0f0;
  14111.    filter: Alpha(opacity=100);
  14112. }
  14113.  
  14114. .huge_it_slideshow_dots_deactive_gallery_34 {
  14115. }
  14116.  
  14117. .huge_it_slideshow_image_item1_gallery_34 {
  14118.    display: table;
  14119.    width: inherit;
  14120.    height: inherit;
  14121. }
  14122.  
  14123. .huge_it_slideshow_image_item2_gallery_34 {
  14124.    display: table-cell;
  14125.    vertical-align: middle;
  14126.    text-align: center;
  14127. }
  14128.  
  14129. .huge_it_slideshow_image_item2_gallery_34 a {
  14130.    display: block;
  14131.    vertical-align: middle;
  14132.    width: 100%;
  14133.    height: 100%;
  14134. }
  14135.  
  14136. .huge_it_slideshow_image_wrap_gallery_34 {
  14137.    background: #ffffff;
  14138. }
  14139.  
  14140. .huge_it_slideshow_dots_thumbnails_gallery_34 {
  14141. top: 0;
  14142. }
  14143.  
  14144. .huge_it_slideshow_dots_gallery_34 {
  14145.    background: #000000;
  14146. }
  14147.  
  14148. .huge_it_slideshow_dots_active_gallery_34 {
  14149.    background: #ffffff;
  14150. }
  14151.  
  14152. /*/////Like/Dislike Styles BEGIN//////Heart//////*/
  14153. .huge_it_gallery_like_cont_344811 {
  14154.    position: absolute;
  14155.    top: 0;
  14156.    left: 0;
  14157.    z-index: 99;
  14158.    display: none;
  14159. }
  14160.  
  14161. .huge_it_slide_container_gallery_34:hover .huge_it_gallery_like_cont_344811 {
  14162.    display: block;
  14163. }
  14164.  
  14165. .huge_it_gallery_like_cont_344811 .huge_it_gallery_like_wrapper {
  14166.    position: relative;
  14167.    background: rgba(255,255,255,0.7)  !important;
  14168.    display: inline-block;
  14169.    border-radius: 8px;
  14170.    font-size: 0;
  14171. }
  14172.  
  14173. .huge_it_gallery_like_cont_344811 .huge_it_gallery_like_wrapper:hover {
  14174.    background: #D6D4D4;
  14175. }
  14176.  
  14177. .huge_it_gallery_like_cont_344811 .huge_it_gallery_like_wrapper {
  14178.    margin: 3px;
  14179. }
  14180.  
  14181. .huge_it_gallery_like_cont_344811 .huge_it_like {
  14182.    font-size: 0;
  14183. }
  14184.  
  14185. .huge_it_gallery_like_cont_344811 .huge_it_like .huge_it_like_thumb {
  14186.    display: block;
  14187.    float: left;
  14188. ;
  14189.    color: #3D3D3D;
  14190.    width: 38px;
  14191.    height: 38px;
  14192.    padding: 8px 0;
  14193.    font-size: 12px;
  14194.    text-align: center;
  14195.    font-weight: 700;
  14196.    position: relative;
  14197.    cursor: pointer;
  14198. }
  14199.  
  14200. .huge_it_gallery_like_cont_344811 .huge_it_like_count {
  14201.    display: none;
  14202. }
  14203.  
  14204. .huge_it_gallery_like_cont_344811 .huge_it_like .likeheart {
  14205.    font-size: 32px;
  14206.    color: #8F8F8F;
  14207.    position: absolute;
  14208.    top: 4px;
  14209.    left: 3px;
  14210.    transition: 0.3s ease;
  14211. }
  14212.  
  14213. .huge_it_gallery_like_cont_344811 .like_thumb_active {
  14214.    color: #FF2A12 !important;
  14215. }
  14216.  
  14217. .huge_it_gallery_like_cont_344811 .like_font_active {
  14218. color: #1C1C1C !important;
  14219. }
  14220.  
  14221. @media screen and (min-width: 768px) {
  14222.    .huge_it_gallery_like_cont_344811 .huge_it_gallery_like_wrapper:hover .huge_it_like_thumb {
  14223.     color: #1C1C1C !important;
  14224.        }
  14225.  
  14226.    .huge_it_gallery_like_cont_344811 .huge_it_gallery_like_wrapper:hover .likeheart {
  14227.        color: #FF2A12 !important;
  14228.    }
  14229. }
  14230.  
  14231. .youtube-icon {
  14232.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.youtube.png) center center no-repeat;
  14233. }
  14234.  
  14235. .vimeo-icon {
  14236.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/admin_images/play.vimeo.png) center center no-repeat;
  14237. }
  14238.  
  14239. .playbutton {
  14240.    width: 100%;
  14241.    height: 100%;
  14242.    position: absolute;
  14243. }
  14244.  
  14245. /*/////Like/Dislike Styles END//////Heart//////*/
  14246. #huge_it_slideshow_left_gallery_34 {
  14247.    left: 0;
  14248.    margin-top: -21px;
  14249.    height: 43px;
  14250.    width: 29px;
  14251.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) left top no-repeat;
  14252. }
  14253.  
  14254. #huge_it_slideshow_right_gallery_34 {
  14255.    right: 0;
  14256.    margin-top: -21px;
  14257.    height: 43px;
  14258.    width: 29px;
  14259.    background: url(https://picoulet.centres-sociaux.fr/wp-content/plugins/gallery-images/assets/images/front_images/arrows/arrows.simple.png) right top no-repeat;
  14260. }
  14261.  
  14262. .thumb_image {
  14263.    position: absolute;
  14264.    width: 100%;
  14265.    height: 100%;
  14266.    top: 0;
  14267.    left: 0;
  14268. }
  14269.  
  14270. .entry-content a {
  14271.    border-bottom: none !important;
  14272. }
  14273.  
  14274. .gallery-img-content .noneDisplay {
  14275.    display: block;
  14276. }
  14277.  
  14278. </style>
  14279.  
  14280. <p>&nbsp;</p>
  14281. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  14282. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/06/2025_ete_web.pdf">PDF</a></p>
  14283. ]]></content:encoded>
  14285. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/06/24/vacances-dete/feed/</wfw:commentRss>
  14286. <slash:comments>0</slash:comments>
  14289. </item>
  14290. <item>
  14291. <title>Programme de Juin 2025</title>
  14292. <link>https://picoulet.centres-sociaux.fr/2025/05/29/juin-2025/</link>
  14293. <comments>https://picoulet.centres-sociaux.fr/2025/05/29/juin-2025/#respond</comments>
  14295. <dc:creator><![CDATA[laetitia]]></dc:creator>
  14296. <pubDate>Thu, 29 May 2025 10:05:59 +0000</pubDate>
  14297. <category><![CDATA[Non classé]]></category>
  14298. <category><![CDATA[Programmes mensuels]]></category>
  14299. <guid isPermaLink="false">https://picoulet.centres-sociaux.fr/?p=4775</guid>
  14300.  
  14301. <description><![CDATA[Fichier à télécharger : PDF]]></description>
  14302. <content:encoded><![CDATA[<p><img loading="lazy" loading="lazy" decoding="async" class="wp-image-4776 aligncenter" src="https://picoulet.centres-sociaux.fr/files/2025/05/2025_juin.png" alt="" width="600" height="848"></p>
  14303. <p style="text-align: center;"><img decoding="async" class="alignnone size-full wp-image-2397" src="https://picoulet.centres-sociaux.fr/files/2017/08/240_F_30149499_4cH2CIVYDq7ijgHTG276rP0G11CRqxNk-e1555695488649.jpg" alt="" width="200" height="75"><br />
  14304. Fichier à télécharger : <a href="https://picoulet.centres-sociaux.fr/files/2025/05/2025_juin_web.pdf">PDF</a></p>
  14305. ]]></content:encoded>
  14307. <wfw:commentRss>https://picoulet.centres-sociaux.fr/2025/05/29/juin-2025/feed/</wfw:commentRss>
  14308. <slash:comments>0</slash:comments>
  14311. </item>
  14312. </channel>
  14313. </rss>
  14314.  

If you would like to create a banner that links to this page (i.e. this validation result), do the following:

  1. Download the "valid RSS" banner.

  2. Upload the image to your own server. (This step is important. Please do not link directly to the image on this server.)

  3. Add this HTML to your page (change the image src attribute if necessary):

If you would like to create a text link instead, here is the URL you can use:

http://www.rssboard.org/rss-validator/check.cgi?url=https%3A//picoulet.centres-sociaux.fr/feed/

Home · About · News · Docs · Terms

 
Software created by Sam Ruby, Mark Pilgrim, Joseph Walton and Phil Ringnalda

RSS icon

Main Menu
RSS Advisory Board
RSS Specification
RSS Profile
RSS Validator
RSS Autodiscovery
Board Members
Charter
RSS-Public Mailing List
RSS Language Codes
RSSCloud Interface
RSS History
RSS Feeds
Subscribe to Really Simple Syndication This Weblog
Social Media
Mastodon
Other Formats
Atom
RDF Site Summary

Hosted by Workbench