{"id":6157,"date":"2026-01-23T19:21:09","date_gmt":"2026-01-23T18:21:09","guid":{"rendered":"https:\/\/un-autre-regard.org\/?p=6157"},"modified":"2026-01-25T09:13:07","modified_gmt":"2026-01-25T08:13:07","slug":"un-beau-bokeh-de-noel","status":"publish","type":"post","link":"https:\/\/un-autre-regard.org\/index.php\/2026\/01\/23\/un-beau-bokeh-de-noel\/","title":{"rendered":"\u2022 Un beau bokeh (de No\u00ebl)"},"content":{"rendered":"\n<p>Le club s&rsquo;est donn\u00e9 comme th\u00e8me : le <em><strong>bokeh<\/strong><\/em>, avec un sujet si possible en relation avec les r\u00e9centes f\u00eates de fin d&rsquo;ann\u00e9e.<\/p>\n<p>Le <em>bokeh<\/em> est un terme d\u2019origine japonaise signifiant &lsquo;flou&rsquo;. En photographie, c&rsquo;est un effet volontaire et artistique, li\u00e9 \u00e0 la profondeur de champ et au flou d\u2019arri\u00e8re-plan qui en r\u00e9sulte.\u00a0 On utilise souvent le terme <em>bokeh<\/em> pour \u00e9voquer les points lumineux circulaires ou g\u00e9om\u00e9triques flous dans une photo.\u00a0<\/p>\n<p>Quatre adh\u00e9rents (Hubert, Jean-Louis, Sandrine et Val\u00e9rie) se sont frott\u00e9s \u00e0 cet exercice, et vous pr\u00e9sentent leurs r\u00e9alisations.<\/p>\n\n<style>\n    \/* Portfolio Options Configuration Goes Here*\/\n    #gallery .tile:hover{\n        cursor: pointer !important;\n    }\n\n    \/* - - - - - - - - - - - - - - -*\/\n    \/* Tile Hover Customizations *\/\n\n    \/* Customize overlay background *\/\n    #gallery .crp-tile-inner .overlay,\n    #gallery .tile .caption {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner.crp-details-bg .details {\n        background-color: rgba(0,0,0,0.50196078431373) !important;\n    }\n\n    #gallery .crp-tile-inner .details h3 {\n        color: #ffffff;\n        text-align: center;\n        font-size: 18px;\n    }\n\n    #gallery .crp-tile-inner .details p {\n        color: #ffffff;\n        text-align: center;\n        font-size: 11px;\n    }\n\n        #gallery .crp-tile-inner .details h3 {\n        margin-bottom: 0px;\n    }\n    \n<\/style>\n\n<!--Here Goes HTML-->\n<div class=\"crp-wrapper\">\n    <div id=\"gallery\">\n        <div id=\"ftg-items\" class=\"ftg-items\">\n                            <div id=\"crp-tile-2872\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2872\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_1.jpgl_.jpg\" data-width=\"1080\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2871\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2871\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_1.JPGl_.jpg\" data-width=\"719\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2870\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2870\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_3.JPGl_.jpg\" data-width=\"1591\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2869\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2869\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_2.jpgl_.jpg\" data-width=\"721\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2868\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2868\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_3.JPGl_.jpg\" data-width=\"719\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2867\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2867\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_6.JPGl_.jpg\" data-width=\"1623\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2866\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2866\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_1.jpgl_.jpg\" data-width=\"1620\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2865\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2865\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_1.jpgl_.jpg\" data-width=\"720\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2864\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2864\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_3.jpgl_.jpg\" data-width=\"1080\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2863\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2863\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_2.jpgl_.jpg\" data-width=\"1350\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2862\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2862\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_2.jpgl_.jpg\" data-width=\"720\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                            <div id=\"crp-tile-2861\" class=\"tile\" data-url=\"\">\n                                        <div class=\"crp-tile-inner details33 crp-details-bg image01\">\n                    \n                    \n                    \n                    <div id=\"2861\" class=\"tile-inner\">\n                                                <img decoding=\"async\" class=\"crp-item crp-tile-img\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_3.jpgl_.jpg\" data-width=\"1619\" data-height=\"1080\" \/>\n                        <div class='overlay'><\/div>                    <\/div>\n                                        <\/div>\n\n                                    <\/div>\n                                        <ul id=\"crp-light-gallery\" class=\"crp-light-gallery\" style=\"display: none;\" >\n                                    \n                    <li id=\"crp-light-gallery-item-2872\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_1.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_1.jpgl_-300x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2871\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_1.JPGl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_1.JPGl_-200x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2870\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_3.JPGl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_3.JPGl_-300x204.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2869\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_2.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_hubert_2.jpgl_-200x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2868\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_3.JPGl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_3.JPGl_-200x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2867\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_6.JPGl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_jeanlouis_6.JPGl_-300x200.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2866\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_1.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_1.jpgl_-300x200.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2865\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_1.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_1.jpgl_-200x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2864\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_3.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_3.jpgl_-300x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2863\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_2.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_sandrine_2.jpgl_-300x240.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2862\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_2.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_2.jpgl_-200x300.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                    \n                    <li id=\"crp-light-gallery-item-2861\" data-src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_3.jpgl_.jpg\" data-sub-html=\"\" data-url=\"\">\n                        <a href=\"#\">\n                            <img decoding=\"async\" src=\"https:\/\/un-autre-regard.org\/wp-content\/uploads\/2026\/01\/r_valerie_3.jpgl_-300x200.jpg\" \/>\n                        <\/a>\n                    <\/li>\n                                <\/ul>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<!--Here Goes JS-->\n<script>\n    (function($) {\n        jQuery(document).ready(function(){\n\n            var tileParams = {};\n\n            if(0) {\n                tileParams.approxTileWidth = 250;\n                tileParams.approxTileHeight = 250;\n                tileParams.minTileWidth = 200;\n            }\n\n            if(0) {\n                tileParams.addBlock1Height = 40;\n                tileParams.addBlock2Height = 100;\n            }\n            jQuery('#gallery').crpTiledLayer(tileParams);\n\n            jQuery( \".crp-light-gallery\" ).each(function() {\n              var id = $( this ).attr(\"id\");\n              jQuery(\"#\" + id).lightGallery({\n                mode: 'slide',\n                useCSS: true,\n                cssEasing: 'ease', \/\/'cubic-bezier(0.25, 0, 0.25, 1)',\/\/\n                easing: 'linear', \/\/'for jquery animation',\/\/\n                speed: 600,\n                addClass: '',\n\n                closable: true,\n                loop: true,\n                auto: false,\n                pause: 6000,\n                escKey: true,\n                controls: true,\n                hideControlOnEnd: false,\n\n                preload: 1, \/\/number of preload slides. will exicute only after the current slide is fully loaded. ex:\/\/ you clicked on 4th image and if preload = 1 then 3rd slide and 5th slide will be loaded in the background after the 4th slide is fully loaded.. if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ...\n                showAfterLoad: true,\n                selector: null,\n                index: false,\n\n                lang: {\n                    allPhotos: 'All photos'\n                },\n                counter: false,\n\n                exThumbImage: false,\n                thumbnail: true,\n                showThumbByDefault:false,\n                animateThumb: true,\n                currentPagerPosition: 'middle',\n                thumbWidth: 150,\n                thumbMargin: 10,\n\n\n                mobileSrc: false,\n                mobileSrcMaxWidth: 640,\n                swipeThreshold: 50,\n                enableTouch: true,\n                enableDrag: true,\n\n                vimeoColor: 'CCCCCC',\n                youtubePlayerParams: false, \/\/ See: https:\/\/developers.google.com\/youtube\/player_parameters,\n                videoAutoplay: true,\n                videoMaxWidth: '855px',\n\n                dynamic: false,\n                dynamicEl: [],\n\n                \/\/ Callbacks el = current plugin\n                onOpen        : function(el) {}, \/\/ Executes immediately after the gallery is loaded.\n                onSlideBefore : function(el) {}, \/\/ Executes immediately before each transition.\n                onSlideAfter  : function(el) {}, \/\/ Executes immediately after each transition.\n                onSlideNext   : function(el) {}, \/\/ Executes immediately before each \"Next\" transition.\n                onSlidePrev   : function(el) {}, \/\/ Executes immediately before each \"Prev\" transition.\n                onBeforeClose : function(el) {}, \/\/ Executes immediately before the start of the close process.\n                onCloseAfter  : function(el) {}, \/\/ Executes immediately once lightGallery is closed.\n                onOpenExternal  : function(el, index) {\n                    if($(el).attr('data-url')) {\n                        var href = $(el).attr(\"data-url\");\n                    } else {\n                        var href = $(\"#crp-light-gallery li\").eq(index).attr('data-url');\n                    }\n                    if(href) {\n                        crp_loadHref(href,true);\n                    }else {\n                        return false;\n                    }\n\n                }, \/\/ Executes immediately before each \"open external\" transition.\n                onToggleInfo  : function(el) {\n                  var $info = $(\".lg-info\");\n                  if($info.css(\"opacity\") == 1){\n                    $info.fadeTo(\"slow\",0);\n                  }else{\n                    $info.fadeTo(\"slow\",1);\n                  }\n                } \/\/ Executes immediately before each \"toggle info\" transition.\n              });\n            });\n\n            jQuery(\".tile\").on('click', function (event){\n                if(jQuery(event.target).hasClass('crp-product-buy-button') || jQuery(event.target).hasClass('crp-product-checkout-button')) {\n                    return false;\n                } else if(jQuery(event.target).is(\"a\")) {\n                  return true;\n                }\n\n                \n                event.preventDefault();\n                if(jQuery(event.target).hasClass(\"fa\") && !jQuery(event.target).hasClass(\"zoom\")) return;\n\n                                var tileId = jQuery(\".tile-inner\", jQuery(this)).attr(\"id\");\n                var target = jQuery(\"#crp-light-gallery-item-\"+tileId);\n                                target.trigger( \"click\" );\n            });\n\n        });\n    })( jQuery );\n\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Le club s&rsquo;est donn\u00e9 comme th\u00e8me : le bokeh, avec un sujet si possible en relation avec les r\u00e9centes f\u00eates de fin d&rsquo;ann\u00e9e. Le bokeh est un terme d\u2019origine japonaise signifiant &lsquo;flou&rsquo;. En photographie, c&rsquo;est un effet volontaire et artistique, li\u00e9 \u00e0 la profondeur de champ et au flou d\u2019arri\u00e8re-plan qui en r\u00e9sulte.\u00a0 On utilise [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-6157","post","type-post","status-publish","format-standard","hentry","category-actualites"],"_links":{"self":[{"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/posts\/6157","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/comments?post=6157"}],"version-history":[{"count":4,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/posts\/6157\/revisions"}],"predecessor-version":[{"id":6168,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/posts\/6157\/revisions\/6168"}],"wp:attachment":[{"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/media?parent=6157"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/categories?post=6157"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/un-autre-regard.org\/index.php\/wp-json\/wp\/v2\/tags?post=6157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}