{"id":5259,"date":"2019-11-29T16:22:32","date_gmt":"2019-11-29T16:22:32","guid":{"rendered":"https:\/\/www.gaha6994.odns.fr\/studio-folio.com_v2\/?page_id=5259"},"modified":"2024-08-08T16:46:04","modified_gmt":"2024-08-08T14:46:04","slug":"showcase","status":"publish","type":"page","link":"https:\/\/www.studiofolio.fr\/?page_id=5259","title":{"rendered":"Portfolio"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section bklyn_overlay_effect=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_number=\u00a0\u00bb10&Prime; bklyn_overlay_effect_density=\u00a0\u00bb500&Prime; bklyn_overlay_effect_particle_shape=\u00a0\u00bbpolygon\u00a0\u00bb bklyn_overlay_effect_particle_color_random=\u00a0\u00bbon\u00a0\u00bb bklyn_overlay_effect_particle_size=\u00a0\u00bb5&Prime; bklyn_overlay_effect_randomize_opacity=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_opacity_animate=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_connect_particles=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_mouse_interaction=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_activate_boundaries=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_moving_direction=\u00a0\u00bbright\u00a0\u00bb el_name=\u00a0\u00bbFirst Section \/ Padding bottom 40px \/ Particle ON\u00a0\u00bb bklyn_section_anchor_id=\u00a0\u00bbWork\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1575132186628{padding-bottom: 40px !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}\u00a0\u00bb bklyn_overlay_effect_line_color=\u00a0\u00bbrgba(255,255,255,0)\u00a0\u00bb][vc_row delay=\u00a0\u00bbtrue\u00a0\u00bb el_name=\u00a0\u00bbSection \/ Page Title\u00a0\u00bb effect=\u00a0\u00bbfadeIn\u00a0\u00bb delay_timer=\u00a0\u00bb0&Prime;][vc_column css=\u00a0\u00bb.vc_custom_1575035380803{background-position: 0 0 !important;background-repeat: no-repeat !important;}\u00a0\u00bb]<div class=\"wpb_content_element \"><style type=\"text\/css\">#ut_header_6ac65377baca4 h1.section-title { font-size:80px !important;letter-spacing:-0.03em; }<\/style><header id=\"ut_header_6ac65377baca4\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-7 header-center header-tablet-center header-mobile-center\"><h1 data-title=\"Mes r\u00e9alisations\"  data-responsive-font=\"section_title\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;80&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;,&quot;letter-spacing&quot;:{&quot;desktop_large&quot;:&quot;-0.03&quot;}}\" class=\"section-title  \"><span>Mes r\u00e9alisations<\/span><\/h1><div data-delay=\"0\" class=\"lead \"><p>Parcourez ci-dessous une s\u00e9lection des projets d\u00e9j\u00e0 r\u00e9alis\u00e9s.<\/p>\n<\/div><\/header><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section overflow_visible=\u00a0\u00bbtrue\u00a0\u00bb cursor_skin=\u00a0\u00bblight\u00a0\u00bb el_name=\u00a0\u00bbSecond Section\u00a0\u00bb][vc_row overflow_visible=\u00a0\u00bbtrue\u00a0\u00bb full_width=\u00a0\u00bbstretch_row_content_no_spaces\u00a0\u00bb cursor_skin=\u00a0\u00bblight\u00a0\u00bb delay=\u00a0\u00bbtrue\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1723128361185{padding-top: 20px !important;padding-bottom: 0px !important;}\u00a0\u00bb el_name=\u00a0\u00bbRow \/ Padding top 40px \/ Padding bottom 0 \/ Showcase Modul 20px margin bottom\u00a0\u00bb effect=\u00a0\u00bbfadeIn\u00a0\u00bb delay_timer=\u00a0\u00bb0&Prime;][vc_column]<div class=\"wpb_content_element  vc_custom_1723128167247\">        \r\n        <script type=\"text\/javascript\">\r\n        (function($) {\r\n\r\n            \"use strict\";\r\n\r\n            \/* check if is in vc front end\r\n            ================================================== *\/\r\n            function inIframe() {\r\n\r\n                var field = 'vc_editable';\r\n                var url = window.location.href ;\r\n\r\n                if( url.indexOf('?' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else if( url.indexOf('&' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else {\r\n\r\n                    return false;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            if( inIframe() ) {\r\n\r\n                $(window).trigger(\"load\");\r\n\r\n            }\r\n\r\n            $(window).on(\"load\", function(){\r\n\r\n                $(document).ready( function(){\r\n\r\n                var inc = \"0\";\r\n\r\n                function calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, increament ) {\r\n                    \r\n                    var step = increament ? increament : 0.1,\r\n                        extra_spacing = $container.hasClass('ut-portfolio-item-container-with-background') ? guttersize : 0,\r\n                        size = ( $container.get(0).getBoundingClientRect().width - extra_spacing - guttersize ) \/ columns - ( guttersize * ( columns - 1 ) \/ columns ) - step;\r\n\r\n                    if( ( ( size + guttersize ) * columns ) < $container.get(0).getBoundingClientRect().width ) {\r\n                                                \r\n                        inc = 0;                        \r\n                        return size;                        \r\n                        \r\n                    } else {\r\n                        \r\n                        inc = inc + 0.2;\r\n                        return calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, inc );\r\n                        \r\n                    }                    \r\n                \r\n                }\r\n\t\t\t\t\r\n                var $win = $(window),\r\n                    $container = $(\"#ut-portfolio-items-5911\"),\r\n\t\t\t\t\tcolumns = 4,\r\n\t\t\t\t\tgutter = \"on\",\r\n\t\t\t\t\tgutterwidth = \"\",\r\n                    guttersize = \"1\";\r\n                \r\n\t\t\t\t$container.on( \"layoutComplete\", function( event, filteredItems ){\r\n\r\n\t\t\t\t\t$(filteredItems).each(function( index, element ){\r\n\r\n\t\t\t\t\t\t$(element.element).addClass(\"sorted\").css({\r\n\t\t\t\t\t\t\t\"opacity\" : \"1\", \"transform\" : \"scale(1)\" \t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t});\r\n\r\n                    $container.addClass(\"layoutComplete\");\r\n\r\n                    $(window).trigger('scroll');\r\n                    $.waypoints(\"refresh\");\r\n                    $.force_appear();\r\n\r\n                    setTimeout(function(  ) {\r\n\r\n                        $(window).trigger('scroll');\r\n                        $.waypoints(\"refresh\");\r\n                        $.force_appear();\r\n\r\n                    }, 401 );\r\n\r\n\r\n\t\t\t\t});\r\n\t\t\t\t\r\n                var hide_timout;\r\n                \r\n\t\t\t\tfunction hide_portfolio_articles( selector ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n                    \r\n\t\t\t\t\tclearTimeout( hide_timout );\r\n                    \r\n\t\t\t\t\t$(\"> .ut-portfolio-article\", \"#ut-portfolio-items-5911\").each(function(){\r\n\r\n\r\n\t\t\t\t\t\tif( $(window).width() <= 1024 ) {\r\n                            \r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            }); \r\n                            \r\n                        } else {\r\n                        \r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             }); \r\n                            \r\n                        } \r\n\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsetTimeout( function() {\r\n\r\n\t\t\t\t\t\t$(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-5911\").each(function(){\r\n                            \r\n                            var $this = $(this);\r\n                            \r\n\t\t\t\t\t\t\t$this.clearQueue().css({\r\n\t\t\t\t\t\t\t\t\"visibility\" : \"hidden\",\r\n\t\t\t\t\t\t\t\t\"opacity\" : \"0\"\r\n\t\t\t\t\t\t\t}).removeClass( $this.children(\".ut-portfolio-item\").data(\"effect\") ); \r\n\r\n\t\t\t\t\t\t});\r\n\r\n                        hide_timout = setTimeout(function(  ) {\r\n\r\n                            $container.isotope({ filter: selector });\r\n                        \r\n                        }, 400 );\r\n                            \r\n\t\t\t\t\t}, 400 );\r\n\r\n\t\t\t\t}\r\n\r\n                function hide_and_relayout_portfolio_articles( callback ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n\r\n                    $(\"> .ut-portfolio-article\", \"#ut-portfolio-items-5911\").each(function(){\r\n\r\n                        if( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                    setTimeout( function() {\r\n\r\n                        if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                            callback();\r\n\r\n                        }\r\n\r\n                    }, 350 );\r\n\r\n                }\r\n\r\n\t\t\t\tfunction ut_call_isotope( force_column, callback ) {\r\n\r\n\t\t\t\t\tif( $(window).width() > 1024) {\r\n\t\t\t\t\t\tcolumns = 4;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t} \r\n\r\n\t\t\t\t\tif( force_column ) {\r\n\t\t\t\t\t    columns = force_column;\r\n                    }\r\n\r\n\t\t\t\t\tif( $(window).width() <= 1024) {\r\n\t\t\t\t\t\tcolumns = 2;\r\n                        guttersize = \"1\";\r\n\t\t\t\t\t} \r\n                    \r\n\t\t\t\t\tif( $(window).width() <= 767) {\r\n                        columns = 1;\r\n                        guttersize = 1.5;\r\n\t\t\t\t\t} \t\t\t\t\r\n\t\t\t\t\t\r\n                    if( $(window).width() <= 400 ) {\r\n                        guttersize = 1;\r\n                    }\r\n\r\n\t\t\t\t\tif( gutter === \"on\" ) {\r\n                        \r\n                        $container.children().width( calculate_portfolio_item_width_with_gutter( $container, columns, ( 20 * guttersize ), false ) ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 20 * guttersize;\r\n                        \r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\r\n                        $container.children().width( $container.get(0).getBoundingClientRect().width \/ columns - 0.05 ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 0;\r\n                        \r\n\t\t\t\t\t}\r\n\r\n                    if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                        callback( columns, gutterwidth );\r\n\r\n                    } else {\r\n\r\n                        $container.ut_require_js({\r\n                            plugin: 'isotope',\r\n                            source: 'isotope',\r\n                            callback: function (element) {\r\n\r\n                                element.addClass(\"animated\").isotope({\r\n\r\n                                    itemSelector : \".ut-portfolio-article\",\r\n                                    layoutMode: \"fitRows\",\r\n                                    masonry: { columnWidth: element.get(0).getBoundingClientRect().width \/ columns - gutterwidth },\r\n                                    itemPositionDataEnabled: true,\r\n                                    transitionDuration: 0\r\n\r\n                                }).isotope(\"layout\");\r\n\r\n                                $('.ut-lazy-wait', $container ).each(function (index, element ) {\r\n\r\n                                    $(element).removeClass('ut-lazy-wait');\r\n\r\n                                });\r\n\r\n                            }\r\n\r\n                        });\r\n\r\n                    }\r\n\r\n\t\t\t\t}\r\n\r\n                $(window).utresize(function(){\r\n\r\n                    \/* update isotope *\/\r\n                    ut_call_isotope();\r\n\r\n                });\r\n\r\n                \/* create isotope *\/\r\n                ut_call_isotope();\r\n\r\n\t\t\t\t\/* additional call for ajax filter *\/\r\n\t\t\t\t\r\n                    \/* Isotope Filtering\r\n                    ================================================== *\/\r\n                    $(\"#ut-portfolio-menu-5911 a\").each(function( index ) {\r\n\r\n                        if( $(this).parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        var searchforclass = $(this).attr(\"data-filter\");\r\n\r\n                        if( !$(searchforclass).length  ) {\r\n                            \/\/ hide filter if we do not have any children to filter\r\n                            $(this).hide();\r\n                        }\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-5911 a\").on('click', function(event) {\r\n\r\n                        var $this = $(this);\r\n\r\n                        if( $this.parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        if( $this.hasClass(\"selected\") ) {\r\n\r\n                            event.preventDefault();\r\n                            return;\r\n\r\n                        }\r\n\r\n                        var selector = $this.attr(\"data-filter\");\r\n\r\n                        if ( !$this.hasClass(\"selected\") ) {\r\n\r\n                            $this.parents(\"#ut-portfolio-menu-5911\").find(\".selected\").removeClass(\"selected\");\r\n                            $this.addClass(\"selected\");\r\n\r\n                        }\r\n\r\n                        hide_portfolio_articles( selector );\r\n\r\n                        return false;\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-5911 .ut-portfolio-layout-change a\").on('click', function(event) {\r\n\r\n                        var $this = $(this),\r\n                            $columns = $this.data('default-columns'),\r\n                            $columns_alternate = $this.data('alternate-columns');\r\n\r\n                        var selector = $(\"#ut-portfolio-menu-5911 a.selected\").attr(\"data-filter\");\r\n\r\n                        \/\/ restore initial layout\r\n                        if( $this.hasClass('ut-alternate-columns-active') ) {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-5911\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function() {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.removeClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        \/\/ switch to alternate layout\r\n                        } else {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns_alternate, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-5911\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function(  ) {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.addClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        }\r\n\r\n                        event.preventDefault();\r\n\r\n                    });\r\n\r\n\t\t\t\t\t\t\t\t       \r\n           \t\t});\r\n        \r\n            });\r\n\t\t\t\r\n        }(jQuery));\r\n\r\n        <\/script>        \r\n       \t\r\n\t\t<style id=\"ut-portfolio-custom-css-5911\" type=\"text\/css\">.ut-portfolio-5911 .ut-portfolio-item-container { background: rgba(0, 0, 0, 1) ; }.ut-portfolio-5911 .ut-portfolio-item-container { padding-top: 20px; }.ut-portfolio-5911.ut-carousel { background: rgba(0, 0, 0, 1) !important; }.ut-portfolio-5911 .ut-portfolio-item-packery-container { background: rgba(0, 0, 0, 1) ; }#ut-masonry-5911 { background: rgba(0, 0, 0, 1) ; }#ut-react-carousel-container-5911 { background: rgba(0, 0, 0, 1) ; }.ut-portfolio-5911 .ut-portfolio-info-c h3 {font-family:\"Monoton\" ; font-weight: 400 ; font-size: 40px ; line-height: 30px ;}.ut-portfolio-5911 .portfolio-title {font-family:\"Raleway\" ; font-weight: 500 ; font-size: 20px ;}.ut-portfolio-5911 .ut-portfolio-info-c span {font-family:\"Raleway\" ; font-weight: 600 ; font-size: 10px ; line-height: 12px ; text-transform: uppercase ;}.ut-portfolio-5911 .ut-portfolio-info-c h3 { color: rgba(255, 255, 255, 1) ; }.ut-portfolio-5911 .portfolio-title { color: rgba(255, 255, 255, 1); }.ut-portfolio-5911 .ut-portfolio-info-c, .ut-portfolio-5911 .ut-portfolio-info-c span { color: rgba(255, 255, 255, 1) ; }.ut-portfolio-5911 .ut-hover-layer .ut-portfolio-info { -webkit-justify-content: center !important; justify-content: center !important; }.ut-portfolio-5911 .ut-hover-layer .ut-portfolio-info-c { align-self: center !important; text-align: center; }.ut-portfolio-5911 .portfolio-style-two .ut-portfolio-info i { text-align: center ;}.ut-portfolio-5911 .ut-portfolio-menu li a { font-weight: 500 !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { text-transform: uppercase !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { font-style: italic !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { letter-spacing: 0em !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { color: rgba(23, 23, 23, 0.5) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { background: rgba(255, 255, 255, 0) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a { border-color: rgba(255, 255, 255, 0) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a:hover { color: rgba(21, 21, 21, 1) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a:hover { background: rgba(255, 255, 255, 0) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a:hover { border-color: rgba(255, 255, 255, 0) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a.selected { color: rgba(255, 255, 255, 1) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a.selected { background: rgba(21, 21, 21, 1) !important; }.ut-portfolio-5911 .ut-portfolio-menu li a.selected { border-color: rgba(255, 255, 255, 0) !important; }.ut-portfolio-5911 .ut-hover-layer{background:-webkit-linear-gradient(145deg, rgba(0, 72, 255, 0.7) 0%, rgba(0, 151, 255, 0.64) 100%)!important;;background:-moz-linear-gradient(145deg, rgba(0, 72, 255, 0.7) 0%, rgba(0, 151, 255, 0.64) 100%)!important;;background:-o-linear-gradient(145deg, rgba(0, 72, 255, 0.7) 0%, rgba(0, 151, 255, 0.64) 100%)!important;;background:linear-gradient(145deg, rgba(0, 72, 255, 0.7) 0%, rgba(0, 151, 255, 0.64) 100%)!important;;}<\/style><style id=\"ut-portfolio-single-custom-css\" type=\"text\/css\"><\/style><div id=\"ut-loader-5911\" class=\"ut-portfolio-detail-loader\"><i class=\"Bklyn-Core-Rotate-2\"><\/i><\/div><a id=\"ut-portfolio-details-anchor-5911\" href=\"#\" class=\"ut-portfolio-offset-anchor-top\"><\/a><div id=\"ut-portfolio-details-navigation-5911\" class=\"ut-portfolio-details-navigation grid-container\" data-slideup-width=\"centered\"><a class=\"prev-portfolio-details\" data-wrap=\"5911\" href=\"#\"><\/a><a class=\"close-portfolio-details\" data-wrap=\"5911\" href=\"#\"><\/a><a class=\"next-portfolio-details\" data-wrap=\"5911\" href=\"#\"><\/a><\/div><div id=\"ut-portfolio-details-wrap-5911\" class=\"ut-portfolio-details-wrap clearfix\"><div id=\"ut-portfolio-details-5911\" class=\"inner ut-portfolio-details\"><\/div><\/div><div class=\"clear\"><\/div><div id=\"ut-portfolio-wrap\" class=\"ut-portfolio-wrap ut-portfolio-5911\" data-slideup-title=\"on\" data-slideup-width=\"centered\" data-textcolor=\"rgba(255, 255, 255, 1)\" data-opacity=\"1\" data-hovercolor=\"\"><a class=\"ut-portfolio-offset-anchor\" style=\"top:-120px;\" id=\"ut-portfolio-items-5911-anchor\"><\/a><div class=\"ut-portfolio-menu-wrap ut-portfolio-menu-wrap-center\" style=\"text-align:center;\"><ul id=\"ut-portfolio-menu-5911\" class=\"ut-portfolio-menu style_three ut-portfolio-menu-40\"><li><a href=\"#\" data-filter=\"*\" class=\"selected\">All<\/a><\/li><li><a href=\"#\" data-filter=\".packaging-filt\">Packaging<\/a><\/li><\/ul><\/div><div id=\"ut-portfolio-items-5911\" class=\"ut-portfolio-item-container has-gutter guttersize-1 ut-portfolio-item-container-with-background\"><article id=\"ut-portfolio-article-6129\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 packaging-filt  ut-portfolio-article-tilt\"><div class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-square \" rel=\"bookmark\" title=\"Living Bag\" href=\"https:\/\/www.studiofolio.fr\/?portfolio=living-bag\" target=\"_self\" ><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Living Bag<\/h3><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-6121\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 packaging-filt  ut-portfolio-article-tilt\"><div class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-square \" rel=\"bookmark\" title=\"Camille\" href=\"https:\/\/www.studiofolio.fr\/?portfolio=camille\" target=\"_self\" ><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Camille<\/h3><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-6105\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 packaging-filt  ut-portfolio-article-tilt\"><div class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-square \" rel=\"bookmark\" title=\"Cam\u00e9lia\" href=\"https:\/\/www.studiofolio.fr\/?portfolio=camelia\" target=\"_self\" ><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Cam\u00e9lia<\/h3><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-6082\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 packaging-filt  ut-portfolio-article-tilt\"><div class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-square \" rel=\"bookmark\" title=\"Alcin\" href=\"https:\/\/www.studiofolio.fr\/?portfolio=alcin\" target=\"_self\" ><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Alcin<\/h3><\/div><\/div><\/div><\/a><\/div><\/div><\/article><article id=\"ut-portfolio-article-6035\" class=\"ut-portfolio-article ut-masonry portfolio-style-one gutter gutter-1 packaging-filt  ut-portfolio-article-tilt\"><div class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioFadeIn\" class=\"ut-portfolio-item ut-hover\"><a class=\"ut-square \" rel=\"bookmark\" title=\"Bluesail\" href=\"https:\/\/www.studiofolio.fr\/?portfolio=bluesail\" target=\"_self\" ><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><h3 class=\"portfolio-title\">Bluesail<\/h3><\/div><\/div><\/div><\/a><\/div><\/div><\/article><\/div><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section][vc_section background_attachment=\u00a0\u00bbscroll\u00a0\u00bb el_name=\u00a0\u00bbSecond Section\u00a0\u00bb][vc_row delay=\u00a0\u00bbtrue\u00a0\u00bb effect=\u00a0\u00bbfadeIn\u00a0\u00bb delay_timer=\u00a0\u00bb200&Prime; animation_duration=\u00a0\u00bb2s\u00a0\u00bb][vc_column width=\u00a0\u00bb1\/4&Prime;]<style type=\"text\/css\">#ut_custom_heading6ac65377c8bc9 { font-size:18px !important; }#ut_custom_heading6ac65377c8bc9 { text-align:left; }@media (min-width: 768px) and (max-width: 1024px) { #ut_custom_heading6ac65377c8bc9 { text-align:left; } }@media (max-width: 767px) { #ut_custom_heading6ac65377c8bc9 { text-align:left; } }<\/style><h3 id=\"ut_custom_heading6ac65377c8bc9\" data-responsive-font=\"h3\" data-responsive-font-settings=\"{&quot;base-font-size&quot;:&quot;global&quot;,&quot;font-size&quot;:{&quot;desktop_large&quot;:&quot;18&quot;},&quot;base-line-height&quot;:&quot;global&quot;,&quot;base-letter-spacing&quot;:&quot;global&quot;}\" class=\"ut-custom-heading-module   vc_custom_1723047196503\" data-appear-effect=\"effect-8\" data-appear-top-offset=\"full\"><span class=\"\" >Ils me font confiance<\/span><\/h3>[\/vc_column][vc_column width=\u00a0\u00bb3\/4&Prime; effect=\u00a0\u00bbnone\u00a0\u00bb]<div id=\"ut_cc_outer_6ac65377c8c93\" class=\"wpb_content_element \"><style type=\"text\/css\">#ut_cc_6ac65377c8c91.ut-brands:not(.ut-brands-carousel) {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}#ut_cc_6ac65377c8c91 .ut-single-brand-logo{opacity: 1;}#ut_cc_6ac65377c8c91 .ut-single-brand.ut-single-brand-link:hover .ut-single-brand-logo,#ut_cc_6ac65377c8c91 .ut-single-brand.ut-single-brand-cells:hover .ut-single-brand-logo,#ut_cc_6ac65377c8c91 .ut-single-brand:not(.ut-single-brand-link):not(.ut-single-brand-cells) .ut-single-brand-logo:hover {opacity: 1;}#ut_cc_6ac65377c8c91 .ut-single-brand-logo img{max-height: 40px;}#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand {border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:first-child {border-left: 1px solid #DDD;}@media (min-width: 1025px) {#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(4n+1) {border-left: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(-n+4) {border-top: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand:nth-last-child(-n+4) {padding-bottom: 0;}}@media (min-width: 768px) and (max-width: 1024px) {#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(4n+1) {border-left: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(-n+4) {border-top: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand:nth-last-child(-n+4) {padding-bottom: 0;}}@media (max-width: 767px) {#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(2n+1) {border-left: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-cells .ut-single-brand:nth-child(-n+2) {border-top: 1px solid #DDD;}#ut_cc_6ac65377c8c91.ut-brands-display-plain:not(.ut-brands-carousel) .ut-single-brand:nth-last-child(-n+2) {padding-bottom: 0;}}<\/style><div id=\"ut_cc_6ac65377c8c91\" class=\"ut-brands  ut-brands-columns-4 ut-brands-display-plain ut-brands-no-border-top ut-brands-no-border-bottom ut-animate-brand-logos\" data-effect=\"fadeIn\" data-delay=\"250\" data-appear-top-offset=\"almost\" data-animate-tablet=\"true\" data-animate-mobile=\"true\"><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-leonard_v1.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-harder_v1.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-bergues_v1.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-Syrch.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-WattElse_v1.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-Rousseau_v1.png\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-SavoyOffset.png\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-Rubberex.png\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-MME_v1.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-UNwatch.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-EditionsJunod.svg\"><\/div><\/div><div class=\"ut-single-brand  ut-single-brand-plain\"><div class=\"ut-single-brand-logo\"><img class=\"animated ut-lozad\" alt=\"Image\" data-src=\"https:\/\/www.studiofolio.fr\/wp-content\/uploads\/2024\/08\/logo-YellowRelay.svg\"><\/div><\/div><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section bklyn_overlay_effect=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_number=\u00a0\u00bb10&Prime; bklyn_overlay_effect_density=\u00a0\u00bb500&Prime; bklyn_overlay_effect_particle_shape=\u00a0\u00bbpolygon\u00a0\u00bb bklyn_overlay_effect_particle_color_random=\u00a0\u00bbon\u00a0\u00bb bklyn_overlay_effect_particle_size=\u00a0\u00bb5&Prime; bklyn_overlay_effect_randomize_opacity=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_opacity_animate=\u00a0\u00bbtrue\u00a0\u00bb bklyn_overlay_effect_connect_particles=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_mouse_interaction=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_activate_boundaries=\u00a0\u00bbfalse\u00a0\u00bb bklyn_overlay_effect_moving_direction=\u00a0\u00bbright\u00a0\u00bb el_name=\u00a0\u00bbFirst Section \/ Padding bottom 40px \/ Particle ON\u00a0\u00bb bklyn_section_anchor_id=\u00a0\u00bbWork\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1575132186628{padding-bottom: 40px !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}\u00a0\u00bb bklyn_overlay_effect_line_color=\u00a0\u00bbrgba(255,255,255,0)\u00a0\u00bb][vc_row delay=\u00a0\u00bbtrue\u00a0\u00bb el_name=\u00a0\u00bbSection \/ Page Title\u00a0\u00bb effect=\u00a0\u00bbfadeIn\u00a0\u00bb delay_timer=\u00a0\u00bb0&Prime;][vc_column css=\u00a0\u00bb.vc_custom_1575035380803{background-position: 0 0 !important;background-repeat: no-repeat !important;}\u00a0\u00bb][\/vc_column][\/vc_row][\/vc_section][vc_section overflow_visible=\u00a0\u00bbtrue\u00a0\u00bb cursor_skin=\u00a0\u00bblight\u00a0\u00bb el_name=\u00a0\u00bbSecond Section\u00a0\u00bb][vc_row overflow_visible=\u00a0\u00bbtrue\u00a0\u00bb full_width=\u00a0\u00bbstretch_row_content_no_spaces\u00a0\u00bb cursor_skin=\u00a0\u00bblight\u00a0\u00bb delay=\u00a0\u00bbtrue\u00a0\u00bb css=\u00a0\u00bb.vc_custom_1723128361185{padding-top: 20px [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":5818,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5259","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/pages\/5259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5259"}],"version-history":[{"count":6,"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/pages\/5259\/revisions"}],"predecessor-version":[{"id":5959,"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/pages\/5259\/revisions\/5959"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=\/wp\/v2\/media\/5818"}],"wp:attachment":[{"href":"https:\/\/www.studiofolio.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}