CINXE.COM

<!doctype html> <html lang="fr"> <head> <meta charset="utf-8">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KVVBFG');</script>  <script > window.dataLayer=window.dataLayer||[]; dataLayer.push({'userstatus': 'false'}); </script> <script defer src="https://cdns.symplr.de/structurae.net/structurae.js"></script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent for specific regions according to your requirements gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', }); </script> <title> Structurae [fr]: Reflections at Keppel Bay </title> <meta name="Description" content="Reflections at Keppel Bay, photo de Inge Kanakaris-Wirtl de 2020 (ID 339564)"> <meta name="Keywords" content="Reflections at Keppel Bay, Singapour, fichier JPG, photo, photographie, image" /> <meta name="Author-Corporate" content="Nicolas Janberg"> <meta name="Author-Personal" content="Nicolas Janberg, Chief Editor"> <meta property="fb:admins" content="1346871745" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta property="og:title" content="Structurae [fr]: Reflections at Keppel Bay" /> <meta property="og:description" content="Reflections at Keppel Bay, photo de Inge Kanakaris-Wirtl de 2020 (ID 339564)" /> <meta property="og:site_name" content="Structurae" /> <meta property="og:type" content="website" /> <meta property="og:image" content="//files.structurae.net/files/photos/2055/img-8ccfc8774fb04e7b759e5dc3ec65322f-v-1.jpg" /> <meta property="og:image:secure_url" content="//files.structurae.net/files/photos/2055/img-8ccfc8774fb04e7b759e5dc3ec65322f-v-1.jpg" /> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW,ARCHIVE,IMAGES"> <script src="/layouts/js/html5shiv.min.js"></script> <script src="/layouts/js/html5shiv-printshiv.min.js"></script> <script type="text/javascript">document.documentElement.className += " js";</script> <script src="https://browser.sentry-cdn.com/6.13.3/bundle.tracing.min.js" integrity="sha384-bMCNwkS0NNIDdeiv/LpGYQjDzjnZSqqN12IWUUyPlSTLXQloo4EAl9P9mW9AyVzw" crossorigin="anonymous"></script> <script> Sentry.init({ dsn: 'https://52c48690c89f4a8fbbc28a4e842145c8@bm-sentry.com/5', integrations: [new Sentry.Integrations.BrowserTracing()], tracesSampleRate: 0.2 }); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/layouts/css/styles-newest.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/font-awesome.min.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/scrollableTabs.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/new-header.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/permissions.css?v=20241119ao" type="text/css">     <meta property="og:url" content="https://structurae.net/fr/medias/339564-reflections-at-keppel-bay" /> <link rel="canonical" href="https://structurae.net/fr/medias/339564-reflections-at-keppel-bay" /> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || {cmd: []}; var cookiesEnabled = 1; // =0 enabled; =1 disabled. var personalizedAdsDisabled = 1; googletag.cmd.push(function() { googletag.pubads().setCookieOptions(cookiesEnabled); googletag.pubads().setRequestNonPersonalizedAds(personalizedAdsDisabled); // Define leaderboard ad for header var ads_leaderboard = googletag .defineSlot('/57419936/StructuraeLeaderBoard/StructuraeLeaderBoardFR', [[120, 60], [320, 50], [970, 90], [728, 90]], 'leaderboard') .addService(googletag.pubads()); var mapping = googletag.sizeMapping() .addSize([1024, 100], [[970, 90], [728, 90]]) .addSize([800, 100], [728, 90]) .addSize([0, 0], [[320, 50],[120,60]]) .build(); ads_leaderboard.defineSizeMapping(mapping); // Define in-page ad var ads_inpage = googletag .defineSlot('/57419936/InPageAds/StructuraeInpageFR', [[300, 250], [300, 300]], 'inpagead') .addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); }); </script> <link href="/layouts/js/new/owl.carousel.2.0.0/assets/owl.theme.default.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/owl.carousel.2.0.0/assets/owl.carousel.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/justifiedGallery/justifiedGallery.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/photoswipe/photoswipe.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/photoswipe/default-skin/default-skin.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/css/secondaryMenuLevel.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/css/videoWrapper.css?v=20241119ao" type="text/css" rel="stylesheet" /> </head> <body class="">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVVBFG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="top" > <div class="ym-wrapper"> <div class="ym-wbox ym-clearfix"> <div id="shoppingCartIcon"> <a href="/fr/panier"><i class="fa fa-shopping-cart"></i></a> <div class="cart-total"> 0 </div> </div> <div class="login-info-area"> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn mystructurae-login-btn-popup" style="border: 1px solid #6BADB0; border-radius: 4px; background-color: #6BADB0">Login</a> </div> <div class="float-left"> <ul class="nolist flaglist"> <li class="short-language " > <a href="/de/medien/339564-reflections-at-keppel-bay" > DE</a> </li> <li class="short-language " > <a href="/en/media/339564-reflections-at-keppel-bay" > EN</a> </li> <li class="short-language last-language language-active-li" > <a href="/fr/medias/339564-reflections-at-keppel-bay" class="language-active"> FR</a> </li> <li class="top-tag">Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil</li> </ul> </div> <div class="float-right top-search-icon"> <i class="fa fa-search" aria-hidden="true"></i> </div> <div id="top-search" class="sub-search hidden"> <form class="ym-searchform " method="GET" action="/fr/recherche/"> <input class="ym-searchfield" name="search" value="" type="text" placeholder="Recherche du site..." /> <input class="ym-searchbutton" type="submit" value="Recherche" /> </form> </div> </div> </div> </div> <div id="header"> <div class="ym-wrapper"> <div class="ym-wbox ym-clearfix"> <span class="logo"> <a href="/fr/"> <img class="main-logo" src="https://files.structurae.net/images/structurae.png" alt="Structurae - Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil" /> </a> <span class="logo-tag">Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil</span> </span> </div> </div> </div> <nav class="mobile-nav" onresize="resizeMenu()"> <a class="li-logo" href="/fr/"> <img class="nav-logo padding-12" src="https://files.structurae.net/images/small-structurae-white.png" alt="Structurae - Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil" /> </a> <button class="btn-menu"> <span class="bar"></span> </button> <div id="shoppingCartIcon"> <a href="/fr/panier"><i class="fa fa-shopping-cart"></i></a> <div class="cart-total"> 0 </div> </div> <ul class="mobile-menu"> <li class="margin-auto one-column mobile-navi-language-search"> <div id="top-search" class="nav-mobile-search margin-auto"> <form class="ym-searchform " method="GET" action="/fr/recherche/"> <input class="ym-searchfield" name="search" value="" type="text" placeholder="Recherche du site..." /> <input class="ym-searchbutton" type="submit" value="Recherche" /> </form> </div> <div class="login-info-area mobile-login-area margin-auto"> <a href="/fr/mon-structurae/inscription" id="myStructuraeRegisterBtn" class="nav-register-mobile mystructurae-login-btn" style="border: 1px dotted #777; border-radius: 6px; background-color: #F2C771">Cr茅茅r un compte</a>   <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="nav-login-mobile mystructurae-login-btn mystructurae-login-btn-popup" style="border: 1px dotted #777; border-radius: 6px; background-color: #6BADB0; color: white;">Login</a> </div> </li> <li class="slide"> <a class="mobile-menu-item" href="/">Accueil</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/ouvrages/">Ouvrages</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/recherche?fromMenu=1">Recherche</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/parametricsearch?fromMenu=1">Recherche param茅trique</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/attractions-de-loisir">Attractions de loisir</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/barrages">Barrages</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/batiments">B芒timents & immeubles</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/ouvrages-maritimes-offshore">Ouvrages maritimes & offshore</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/planification-urbaine">Planification urbaine</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/ponts">Ponts et viaducs</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/infrastructure">Projets d'infrastructure</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/tours">Tours et m芒ts</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/tunnels-cavernes-et-puits">Tunnels, cavernes et puits</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/evenements">脡v茅nements</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/prix-et-distincions">Prix et distincions</a> </li> <li> <a class="mobile-submenu-item" href="/fr/ouvrages/ouvrages-et-monuments-historiques">Ouvrages et monuments historiques</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/entreprises/">Entreprises</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/produits-services/">Produits & Services</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/personnes/">Personnes</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/litterature/">Litt茅rature</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/fr/litterature/recherche/?fromMenu=1">Recherche</a> </li> <li> <a class="mobile-submenu-item" href="/fr/litterature/auteurs/">Index des auteurs</a> </li> <li> <a class="mobile-submenu-item" href="/fr/litterature/periodiques/">P茅riodiques</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/geographie/">G茅ographie</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/shop">Shop</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/fr/shop/abonnement/">Structurae Plus / Structurae Pro</a> </li> <li> <a class="mobile-submenu-item" href="https://structurae.myspreadshop.net/">Merchandising</a> </li> <li> <a class="mobile-submenu-item" href="/fr/shop/#booksHeader">Livres num茅riques</a> </li> <li> <a class="mobile-submenu-item" href="/fr/shop/#proceedingsHeader">Actes de congr猫s</a> </li> <li> <a class="mobile-submenu-item" href="/fr/shop/#papersHeader">Papiers de conf茅rence</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/infolettre/">Newsletter</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/fr/mon-structurae/inscription" style="border: 1px dotted #777; border-radius: 6px; background-color: #F2C771; padding: 5px; margin-left: 10px;">Inscription gratuite</a> </li> <li class="margin-auto one-column mobile-navi-language-search"> <div class="mobile-language margin-auto mobile-navi-language-search"> <ul class="nolist flaglist"> <li class="short-language " > <a href="/de/medien/339564-reflections-at-keppel-bay" > DE</a> </li> <li class="short-language " > <a href="/en/media/339564-reflections-at-keppel-bay" > EN</a> </li> <li class="short-language last-language language-active-li" > <a href="/fr/medias/339564-reflections-at-keppel-bay" class="language-active"> FR</a> </li> </ul> </div> </li> </ul> </nav> <nav id="nav" class="fixedsticky"> <div style="position:relative"> <div class="nav-hidden-submenu-2 submenu submenu-margin" id="submenu"> <div id="item-2-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/fr/ouvrages/recherche?fromMenu=1"> <img class="flexible nobotmargin round " src="/images/magnifying_glass_icon2.png"> <span > Recherche </span> </a> </div> <div id="item-2-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/fr/ouvrages/parametricsearch?fromMenu=1"> <img class="flexible nobotmargin round sliders " src="/images/magnifying_glass_icon2.png"> <i class="fa fa-sliders"></i><span class="star">PLUS</span><span class="starpro">PRO</span> <span class="sliders"> <nobr> Recherche param茅trique </nobr> </span> </a> </div> <hr class="block"> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/attractions-de-loisir"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/amusement-rides.png"> <span > Attractions de loisir </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/barrages"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/wikipedia/Shinsui-614-r1.JPG"> <span > Barrages </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/batiments"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20100605/dsc04245_shift.jpg"> <span > B芒timents & immeubles </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/ouvrages-maritimes-offshore"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/statoil/gullfaksc01.jpg"> <span > Ouvrages maritimes & offshore </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/planification-urbaine"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/5256/dsc01079.jpg"> <span > Planification urbaine </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/ponts"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20100625/dsc05930.jpg"> <span > Ponts et viaducs </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/infrastructure"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/2510/einhausung_a3_goldbach_hosbach.jpg"> <span > Projets d'infrastructure </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/tours"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/2445/dsc_0171.jpg"> <span > Tours et m芒ts </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/tunnels-cavernes-et-puits"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20130606/DSC08343.JPG"> <span > Tunnels, cavernes et puits </span> </a> </div> <hr class="block"> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/evenements"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/events.png"> <span > 脡v茅nements </span> </a> </div> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/prix-et-distincions"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/structure-awards.png"> <span > Prix et distincions </span> </a> </div> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/fr/ouvrages/ouvrages-et-monuments-historiques"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/historic-structures.jpg"> <span > Ouvrages et monuments historiques </span> </a> </div> </div> <div class="nav-hidden-submenu-6 submenu submenu-margin" id="submenu"> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/fr/litterature/recherche/?fromMenu=1"> <img class="flexible nobotmargin round " src="/images/magnifying_glass_icon2.png"> <span > Recherche </span> </a> </div> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/fr/litterature/auteurs/"> <img class="flexible nobotmargin round " src="/images/a-z.png"> <span > Index des auteurs </span> </a> </div> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/fr/litterature/periodiques/"> <img class="flexible nobotmargin round " src="/images/newspaper.png"> <span > P茅riodiques </span> </a> </div> </div> <div class="nav-hidden-submenu-8 submenu submenu-margin" id="submenu"> <div id="item-8-1" class="submenu-item round "> <a class="submenu-a round" href="/fr/shop/abonnement/"> <div class="roundshop"> <span class="subscriptionstar">PLUS</span><span class="subscriptionstarpro">PRO</span> </div> <span > Structurae Plus<br>Structurae Pro </span> </a> </div> <div id="item-8-1" class="submenu-item round "> <a class="submenu-a round" href="https://structurae.myspreadshop.fr/"> <div class="roundshop"> <i class="fa fa-gift"></i> </div> <span > Merchandising </span> </a> </div> <hr class="block"> <div id="item-8-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/shop/#booksHeader"> <img class="flexible nobotmargin " src="/layouts/images/books.jpeg"> <span > Livres num茅riques </span> </a> </div> <div id="item-8-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/shop/#proceedingsHeader"> <img class="flexible nobotmargin " src="/layouts/images/proceedings.jpeg"> <span > Actes de congr猫s </span> </a> </div> <div id="item-8-2" class="submenu-item with-image "> <a class="submenu-a " href="/fr/shop/#papersHeader"> <img class="flexible nobotmargin " src="/layouts/images/papers.png"> <span > Papiers de conf茅rence </span> </a> </div> </div> <div class="ym-wrapper"> <div class="ym-wbox ym-hlist ym-clearfix"> <button id="MenuToggle"><div><b></b><b></b><b></b></div><span>MENU</span></button>  <ul class="pageNav"> <li class="li-main-logo"> <a class="li-logo" href="/fr/"> <img class="nav-logo" src="/favicon-32x32.png" alt="Structurae - Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil" /> </a> </li> <li id="1" class="home-menu "><a href="//structurae.net/fr/">Accueil</a></li> <li id="2" class=" "><a href="//structurae.net/fr/ouvrages/">Ouvrages</a></li> <li id="3" class=" "><a href="//structurae.net/fr/entreprises/">Entreprises</a></li> <li id="4" class=" "><a href="//structurae.net/fr/produits-services/">Produits & Services</a></li> <li id="5" class=" "><a href="//structurae.net/fr/personnes/">Personnes</a></li> <li id="6" class=" "><a href="//structurae.net/fr/litterature/">Litt茅rature</a></li> <li id="7" class=" "><a href="//structurae.net/fr/geographie/">G茅ographie</a></li> <li id="8" class=" shop"><a href="//structurae.net/fr/shop">Shop</a></li> <li id="9" class=" "><a href="//structurae.net/fr/infolettre/">Newsletter</a></li> <li id="10" class=" mystructurae"><a href="//structurae.net/fr/mon-structurae/inscription">Inscription gratuite</a></li> </ul>  </div> </div> </div> </nav> <div id="main"> <div class="advertisements-background"></div> <div class="ym-wrapper"> <div class="ym-wbox homepage"> <div class="sponsors-advertisment"> <div class="header-buttons"> <p class="advertisements fr">Publicit茅</p> <div id="structurae.net_lb_1"></div> </div> </div> <div class="paywall-content"> <h1> </h1> <div class="mediaContent "> <div class="mediaContainer"> <div class="mediaItem "> <img class="flexible bordered mediaObject" style="margin: 0 auto;" src="https://files.structurae.net/files/photos/2055/img-8ccfc8774fb04e7b759e5dc3ec65322f-v-1.jpg" alt="Reflections at Keppel Bay " itemprop="contentUrl" /> <meta itemprop="thumbnailUrl" content="https://files.structurae.net/files/thumbs/2055/img-8ccfc8774fb04e7b759e5dc3ec65322f-v-1.jpg"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn-popup"> <span class="favorites fr "> <span class="icon"></span><span class="text"> Ajouter aux favoris </span> </span> <span class="favorites mobile"> <span class="icon"></span><span class="text"></span> </span> </a> </div> </div> <div id="richscope" itemscope itemtype="http://schema.org/ImageObject"> <h1 itemprop="name" class="mediah1">Reflections at Keppel Bay</h1> </div> <div class="keywords"> </div> </div> <table class="mediaInfo"> <tr class="minfo"> <td> <div class="mediaDetails"> <table> <tbody> <tr> <th>Media-ID:</th> <td>339564</td> </tr> <tr> <th>Cr茅茅(s) en/le:</th> <td itemprop="dateCreated">janvier 2020 </td> </tr> <tr> <th>Auteur:</th> <td itemprop="creator">Inge Kanakaris-Wirtl (<a href='mailto:kanakari.photos@gmail.com'>kanakari.photos@gmail.com</a>, <a href='http://www.flickr.com/photos/bridgestream/'>http://www.flickr.com/photos/bridgestream/</a>) </td> </tr> <tr class="nested"> <th colspan="2"> <table> <tr> <th>Note l茅gale / conditions d'utilisation:</th> </tr> <tr> <td><p>Cette oeuvre ne peut 锚tre utilis茅e sans la permission de l'auteur ou d茅tenteur des droits.</p></td> </tr> </table> </th> </tr> <tr> <th>Publi茅(e) le:</th> <td itemprop="datePublished">22.04.2020</td> </tr> <tr> <th>Modifi茅(e) le:</th> <td itemprop="dateModified">22.04.2020</td> </tr> </tbody> </table> </div> <div class="mediaContribute"> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_newsletter wall_teaser"> <div class="teaser_headline" style="max-width: none; font-size: 1.45rem;">Corriger/ajouter des donn茅es</div> <em class="teaser_category" style="border: none; padding: 0 10px; font-size: 0.79rem;">Avez-vous des donn茅es suppl茅mentaires ou des corrections 脿 nous donner pour cette page?<br>Veuillez vous enregistrer (login) ou inscrire gratuitement pour acc茅der au formulaire.<br></em> <div class="wrapper_contribute"> <p class="login-required"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn mystructurae-login-btn-popup"> Login </a> <a href="/fr/mon-structurae/inscription" class="mystructurae-register-btn"> INSCRIPTION GRATUITE </a> </p> </div> </aside> </div> </div> </td> <td> <div class="mediaAvailable"> <div> <h2>D'autres m茅dias pour cet ouvrage</h2> <div class="ym-sidebox"> <div class="img-small-text ym-clearfix" style="margin: 0;"> <a href="/fr/ouvrages/reflections-at-keppel-bay/medias"><img src="https://files.structurae.net/files/192x128/1/reflections_at_keppel_bay.jpg" alt="" /></a> <div class="h4eq"> <a href="/fr/ouvrages/reflections-at-keppel-bay/medias">Reflections at Keppel Bay</a> </div> <p> <span> Singapour (2011) </span> </p> </div> </div> </div> <div class="paywall-content"> <div> <h2>Autres m茅dias similaires</h2> <div class="ym-sidebox"> <div class="medium-access-container"> <div class="medium-image-access-container"> <div class=" access-color-layer small-access-notloggedin on-bottom medium-image-access"> </div> <a href="/fr/ouvrages/planification-urbaine/complexes-de-batiments/medias"><img src="https://files.structurae.net/files/192x128/1/001130/fh000023.jpg" alt="" /></a> </div> <div class="h4eq medium-image-access-title"> <a href="/fr/ouvrages/planification-urbaine/complexes-de-batiments/medias">Complexe de b芒timents</a> </div> </div> </div> </div> </div> </div> <div class="mediaContribute mobile"> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_newsletter wall_teaser"> <div class="teaser_headline" style="max-width: none; font-size: 1.45rem;">Corriger/ajouter des donn茅es</div> <em class="teaser_category" style="border: none; padding: 0 10px; font-size: 0.79rem;">Avez-vous des donn茅es suppl茅mentaires ou des corrections 脿 nous donner pour cette page?<br>Veuillez vous enregistrer (login) ou inscrire gratuitement pour acc茅der au formulaire.<br></em> <div class="wrapper_contribute"> <p class="login-required"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn mystructurae-login-btn-popup"> Login </a> <a href="/fr/mon-structurae/inscription" class="mystructurae-register-btn"> INSCRIPTION GRATUITE </a> </p> </div> </aside> </div> </div> </td> </tr> </table> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.org/article" }, "headline": "Structurae [fr]: Reflections at Keppel Bay", "image": "https://structurae.net/images/structurae.png", "datePublished": "{ts '2025-03-02 02:11:35'}", "dateModified": "{ts '2025-03-02 02:11:35'}", "author": { "@type": "Organization", "name": "Structurae" }, "publisher": { "name": "Structurae", "@type": "Organization", "logo": { "@type": "ImageObject", "url": "https://structurae.net/images/structurae.png" } }, "description": "Structurae [fr]: Reflections at Keppel Bay", "isAccessibleForFree": "true", "hasPart": { "@type": "WebPageElement", "isAccessibleForFree": "true", "cssSelector" : ".paywall-content" } } </script> <div class="google-ads"> <div class="ym-sidebox" style="text-align: -webkit-center; margin-bottom: 40px;"> <article class="js_column_item mod_teaser_base mod_advert wall_teaser"> <em class="advert_text" style="text-transform: uppercase;">Publicit茅</em> <div id="structurae.net_mr_2"></div> </article> </div> </div> </div> </div> </div> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebSite", "name": "Structurae", "alternateName": "Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil", "url": "https://structurae.net/fr/", "potentialAction": { "@type": "SearchAction", "target": "https://structurae.net/fr/recherche/{search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Structurae", "alternateName": "Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil", "url": "https://structurae.net/fr/", "logo": "https://structurae.net/images/structurae_default_preview_image.png", "sameAs": [ "https://www.facebook.com/Structurae", "https://www.twitter.com/Structurae", "https://www.instagram.com/structurae/", "https://www.youtube.com/@StructuraeDatabase", "https://www.linkedin.com/company/structurae-database/", "https://pinterest.com/structurae/", "https://structurae.net/en/", "https://structurae.net/de/" ] } </script> <footer> <div id="footer"> <div class="ym-wrapper"> <div class="ym-wbox"> <div class="ym-grid linearize-level-1"> <div class="ym-g33 ym-gl"> <div class="ym-gbox-left mod-secondarynav">  <div class="h3eq"><i class="icon-cog"></i> Nos services <i class="icon-chevron-down"></i></div> <ul class="footerQuick"> <li > <a href="/fr/about/">脌 propos de Structurae</a> </li> <li > <a href="/fr/submit/">Soumission de donn茅es</a> </li> <li > <a href="/fr/licensing/">Licenses d'images</a> </li> <li > <a href="/fr/com/">Votre publicit茅 sur Structurae</a> </li> <li > <a href="https://docs.structurae.net/fr/legal/imprint/">Mentions l茅gales</a> </li> <li > <a href="https://docs.structurae.net/fr/legal/terms/">Conditions g茅n茅rales d鈥榰tilisation et de vente</a> </li> <li > <a href="https://docs.structurae.net/fr/legal/terms-subscriptions/">Conditions g茅n茅rales d'abonnement</a> </li> <li > <a href="https://docs.structurae.net/fr/legal/privacy/">Politique de confidentialit茅</a> </li> <li > <a href="/fr/about/contact/">Contact</a> </li> <li class="last" > <a href="/fr/about/thanks/">Remerciements</a> </li> </ul> </div> </div> <div class="ym-g33 ym-gl"> <div class="ym-gbox mod-statistics">  <div class="h3eq"><i class="icon-bar-chart"></i> Statistiques du contenu</div> <ul> <li class="wBg"> <span>85293</span> <a href="/fr/ouvrages/"> Ouvrages & projets </a> </li> <li> <span>11871</span> <a href="/fr/personnes/"> Personnes </a> </li> <li class="wBg"> <span>16304</span> <a href="/fr/entreprises/"> Entreprises </a> </li> <li> <span>1701</span> <a href="/fr/produits-services/"> Produits & services </a> </li> <li class="wBg"> <span>414363</span> M茅dias </li> <li> <span>648704</span> <a href="/fr/litterature/"> Publications </a> </li> <li class="wBg"> <span>671</span> <a href="/fr/litterature/periodiques/"> Revues </a> </li> <li> <span>72246</span> Liens </li> </ul> </div> </div> <div class="ym-g33 ym-gr"> <div class="ym-gbox-right">  <div class="h3eq">Suivez-nous sur</div> <p> <a href="https://www.linkedin.com/company/structurae-database/" title="Structurae @ LinkedIn" target="_blank" class="social_footer"><i class="fa fa-linkedin-square fa-3x"></i></a> <a href="https://www.xing.com/companies/structurae/" title="Structurae @ Xing" target="_blank" class="social_footer"><i class="fa fa-xing-square fa-3x"></i></a> <a href="https://www.youtube.com/@StructuraeDatabase" title="Structurae @ YouTube" target="_blank" class="social_footer"><i class="fa fa-youtube-square fa-3x"></i></a> <a href="https://www.instagram.com/structurae/" title="Structurae @ Instagram" target="_blank" class="social_footer"><i class="fa fa-instagram fa-3x" aria-hidden="true"></i></a> <a href="https://www.facebook.com/Structurae" title="Structurae @ Facebook" target="_blank" class="social_footer"><i class="fa fa-facebook-square fa-3x"></i></a> <a href="https://pinterest.com/structurae/" title="Structurae @ Pinterest" target="_blank" class="social_footer"><i class="fa fa-pinterest-square fa-3x"></i></a> </p> <hr> <div class="h3eq"><i class="fa fa-envelope" aria-hidden="true" style="vertical-align: middle;"></i> Newsletter / Lettre d'information</div> <ul> <li> <a href="/fr/infolettre/" target="_blank"> <i class="fa fa-plus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Inscription </a> </li> <li> <a href="/fr/infolettre/unsubscribe/" target="_blank"> <i class="fa fa-minus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> D茅sinscription </a> </li> </ul> <hr> <div class="h3eq"><i class="fa fa-hourglass-half" aria-hidden="true" style="vertical-align: middle;"></i> Abonnements (Structurae Plus/Pro)</div> <ul> <li> <a href="/fr/shop/abonnement/" target="_blank"><i class="fa fa-plus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> S'abonner</a> </li> <li> <a href="/fr/shop/resiliation-abonnements/" target="_blank"><i class="fa fa-minus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Annuler une souscription</a> </li> </ul> </div> </div> </div> <p class="copyright">Structurae Version 7.0 - © 1998-2023 Nicolas Janberg. Tous droits r茅serv茅s. Le contenu de ce site est sans garanties.</p> </div> </div> </div> </footer> <div id="ajaxLoginPopup" style="display:none"> <div class="ym-columnar"> <form action="/mystructurae/login/ajax-login.cfm" method="post" id="mystructurae_login" class="ym-form"> <input type="hidden" name="redirect_after_login" value="" /> <div class="h3eq"><img src="https://structurae.net/images/small-mon-structurae.png" alt="Mon Structurae"> </div> <p class="ajax-login-error"> </p> <div class="ym-fbox-text"> <label for="email">Adresse e-mail</label> <input type="text" id="email" name="email"> </div> <div class="ym-fbox-text"> <label for="password">Mot de passe</label> <input type="password" id="password" name="password"> </div> <div class="ym-fbox-text"> <a href="/fr/mon-structurae/mot-passe-perdu" style="float: left; margin-top: 6px;"> Mot de passe oubli茅? </a> <button type="submit" name="loginSubmit" style="float: right; margin: 0;">Idenfication</button> </div> <div class="ym-fbox-text"> <a href="/fr/mon-structurae/inscription">Pas de compte? Inscrivez-vous gratuitement!</a> </div> </form> </div> </div> <div id="plusPopup" style="display:none"> <div class="permission-login-box plus category "> <div class="subscriber-access-box"> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_wide wall_teaser" style="border-radius: 10px;"> <div class="wrapper_contribute_white"> <div class="top"> <h2>Le contenu et toutes les fonctionnalit茅s ne sont enti猫rement disponibles qu'avec</h2> <div class="logo"> <img class="permission-logo" src="https://files.structurae.net/images/structurae-plus.png" alt="Structurae - Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil" /> </div> <div class="logo"> <img class="permission-logo" src="https://files.structurae.net/images/structurae-pro.png" alt="Structurae - Base de donn茅es et galerie internationale d'ouvrages d'art et du g茅nie civil" /> </div> </div> <div class="buttons"> <p class="login-required"> <a href="/fr/shop/abonnement/" class="plus-access-button" target="_blank"> S'ABONNER MAINTENANT ! </a> </p> <p class="login-required"> <a href="#ajaxLoginPopup" class="green-login mystructurae-login-btn mystructurae-login-btn-popup" style="width: 73%; margin: 0 auto;z-index:0;"> Login </a> </p> </div> </div> </aside> </div> </div> </div> </div> <div id="limitExceededPopup" style="display:none"> <div> <h3><div style="text-align : center ; max-width : 300px ;"><span class="fa-stack fa-lg"> <i class="fa fa-download fa-stack-2x"></i> <i class="fa fa-ban fa-stack-2x" style="color: red;"></i> </span> <p style="color: red;">Vous avez d茅pass茅 votre limite de t茅l茅chargement mensuelle !</p> </p><p style="font-weight : normal ;">Les abonn茅路es 脿 Structurae Plus peuvent t茅l茅charger <strong>30</strong> images ou ensembles de donn茅es par mois. </p><p style="font-weight : normal ;">Les utilisateurs路rices de Structurae Pro sont limit茅s 脿 <strong>50</strong>.</p></div></h3> </div> </div> <div id="ajaxRegistrationPopup" class="main-registration-box" style="display:none"> <div class="mandatory-fields"> <form action="/mystructurae/register/ajax-register.cfm" method="post" id="mystructurae_register"> <input type="hidden" name="redirect_after_register" value="" /> <h3>Donn茅es obligatoires</h3> <div class="registration-field-box"> <label for="firstName" >Pr茅nom</label> <input type="text" id="firstName" name="firstName" required aria-required="true" > <span class="error-notification firstname"></span> </div> <div class="registration-field-box"> <label for="lastName" >Nom de famille</label> <input type="text" id="lastName" name="lastName" required aria-required="true" > <span class="error-notification lastname"></span> </div> <div class="registration-field-box"> <label for="email" >Adresse e-mail</label> <input type="email" id="email" name="email" required aria-required="true" > <span class="error-notification email"></span> </div> <div class="registration-field-box"> <label for="password" >Mot de passe</label> <input type="password" name="password" id="password" required aria-required="true" > <span class="error-notification password"></span> </div> <div class="registration-field-box"> <label for="passwordRepeat" >R茅p茅tez le mot de passe</label> <input type="password" id="passwordRepeat" name="passwordRepeat" required aria-required="true" > </div> <div class="registration-terms-box cart"> <input type="checkbox" name="terms" /> <label for="terms">J'accepte les <a href="https://docs.structurae.net/fr/legal/terms/" target="_blank">Conditions d鈥榰tilisation et g茅n茅rales de vente</a> de Structurae.</label> </div> <div class="registration-terms-error-box"> <span class="error-notification terms"></span> </div> <div class="registration-terms-box cart"> <input type="checkbox" name="privacy" /> <label for="privacy">J'accepte la <a href="https://docs.structurae.net/fr/legal/privacy/" target="_blank">politique de confidentialit茅 des donn茅es personelles</a>.</label> </div> <div class="registration-terms-error-box"> <span class="error-notification privacy"></span> </div> <div class="registration-terms-box cart"> <input type="checkbox" name="newsletter" /> <label for="newsletter">Je souhaite 锚tre inform茅 des nouveaux contenus et fonctionnalit茅s par e-mail.</label> </div> <div class="registration-field-box"> <div class="g-recaptcha" data-sitekey="6LcPhSQUAAAAAJVtCOFsu4-L_ajbH9-hL4wMrg9f"></div> <span class="error-notification captcha"></span> </div> <div class="submit-button-box"> <button type="submit" name="registerSubmit">INSCRIPTION POUR UN COMPTE GRATUIT</button> </div> <div class="already-registered-note"> Vous avez d茅j脿 un compte? <a class="mystructurae-login-btn-popup" href="#ajaxLoginPopup" data-redirect="/fr/panier/sortie-caisse">Login</a> </div> </form> </div> </div> <div id="favoritesConfirmationPopup" style="display:none"> <div class="ym-columnar"> <div class="ym-fbox-text" style="margin-top:10px;"> Voulez-vous vraiment supprimer cet 茅l茅ment de vos favoris? </div> <div class="ym-fbox-text" style="margin-top:20px; display:flex;"> <input type="button" class="fav-confirmation yes" name="yes" value="Oui"> <input type="button" class="fav-confirmation cancel" name="cancel" value="Annuler"> </div> </div> </div> <div id="addToCartPopup" style="display:none"> <div class="ym-columnar"> <div class="item"> <span id="additemsuccess">L'article a 茅t茅 ajout茅 au panier.</span> <span id="additemerror">L'article n'a pas pu 锚tre ajout茅 au panier. Veuillez r茅essayer.</span> <span id="additemduplicate">Vous avez d茅j脿 ajout茅 cet article 脿 votre panier. Il ne peut pas 锚tre ajout茅 une deuxi猫me fois.</span> <div class="details"> <table> <tr> <td id="additemimg"></td> <td id="additemname"></td> </tr> </table> </div> </div> <div class="buttons"> <a class="continue" href="/fr/panier"> <span class="text"> Passez 脿 la caisse </span> </a> <a class="continue" id="addtocartpopupclose"> <span class="text"> Continuez 脿 naviguer </span> </a> </div> </div> </div> <script src="/layouts/js/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="/yaml/add-ons/accessible-tabs/jquery.tabs.js" type="text/javascript"></script> <script src="/layouts/js/jquery.quick.pagination.min.js" type="text/javascript"></script> <script src="/layouts/js/stickyNavBar.js"></script> <script src="/layouts/js/fixedsticky.js" type="text/javascript"></script> <script src="/layouts/js//new/scripts.js?v=10" type="text/javascript"></script> <script src="/layouts/js/access.js?v=2021092702pd"></script> <script src="/layouts/js/classes/moduleGallery.js" type="text/javascript"></script> <script type="text/javascript"> jQuery.moduleGallery.setItemId('339564'); </script> <link rel="stylesheet" href="/layouts/css/jquery.fancybox.css" type="text/css"> <script src="/layouts/js/classes/jquery.fancybox.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("a.mystructurae-login-btn-popup").fancybox({ beforeLoad: function() { if (typeof $(this.element).data('redirect') !== undefined && $(this.element).data('redirect') != '') $('input[name="redirect_after_login"]').val($(this.element).data('redirect')); } }); $("a.mystructurae-register-btn-popup").fancybox({ beforeLoad: function() { if (typeof $(this.element).data('redirect') !== undefined && $(this.element).data('redirect') != '') $('input[name="redirect_after_register"]').val($(this.element).data('redirect')); } }); $(".del-fav-icon").fancybox({}); $("a.addtocart-popup").fancybox({}); $('#ajaxLoginPopup button[name="loginSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.success) { $.fancybox.close(); if ($('input[name="redirect_after_login"]').val() != '') location.href = $('input[name="redirect_after_login"]').val(); else location.reload(); } else { $('.ajax-login-error').text(response.message).show(); } submitInput.prop('disabled', false); }, error: function(response){ }, dataType: 'json' }); }); $('.addtocart-popup').on('click', function(e) { e.preventDefault(); $('#additemsuccess').hide(); $('#additemduplicate').hide(); $('#additemerror').hide(); $('#additemimg').empty(); $('#additemname').empty(); var itemId = $(this).data("id"); var itemSource = $(this).data("source"); var clientLang = $(this).data("lang"); var cartId = $(this).data("cartid"); var period = ""; var version = ""; var name = ""; if(itemSource == "subscription"){ period = $(this).data("period"); version = $(this).data("version"); name = $(this).data("name"); } var addToCartUrl = "/fr/panier/ajout-panier"; $.ajax({ url: addToCartUrl, type: 'POST', data: { id: itemId, source: itemSource, lang: clientLang, cartid: cartId, period: period, version: version, name: name }, success: function(response) { if(response.SUCCESS == true){ $('#additemsuccess').show(); $('#addToCartPopup .details').show(); $('#additemname').append("<a href='" + response.ITEMURL + "'>" + response.ITEMNAME + "</a>"); $('#additemimg').append("<img src='" + response.ITEMIMG + "'>"); if(itemSource != "subscription"){ $('.cart-total').each(function() { $(this)[0].innerHTML=response.ITEMSCOUNT; }); } $("#addToCartPopup").find("a.continue").attr("href",response.CARTURL); $("#addToCartPopup").show(); } else if (response.ALREADYADDED == true) { $('#additemduplicate').show(); $('#addToCartPopup .details').show(); $('#additemname').append("<a href='" + response.ITEMURL + "'>" + response.ITEMNAME + "</a>"); $('#additemimg').append("<img src='" + response.ITEMIMG + "'>"); $("#addToCartPopup").show(); } else { $('#additemerror').show(); $('#addToCartPopup .details').hide(); $("#addToCartPopup").show(); } }, error: function(response){ $('#additemerror').show(); $('#addToCartPopup .details').hide(); $("#addToCartPopup").show(); }, dataType: 'json' }); }); $('#addtocartpopupclose').on('click', function(e){ $.fancybox.close(); }); $('#ajaxRegistrationPopup button[name="registerSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { $('.error-notification').text(""); if (response.success) { $('.ajax-login-error').text("Veuillez d'abord confirmer votre compte.").show(); $(".mystructurae-login-btn-popup").click(); } else { var errors = response.errors; $.each(errors, function( index, value ) { $('.error-notification.' + index).html(value); }); } submitInput.prop('disabled', false); }, error: function(response){ console.log(response); }, dataType: 'json' }); }); $("a.btnDataContribution").fancybox({ beforeLoad: function() { $('#dataContributionPopup form').show(); $('#dataContributionPopup textarea[name="message"]').val(''); $('.success-message').hide(); $('.error-message').hide(); $('input[name="dataContributionSubmit"]').prop('disabled', false); $('input[name="dataContributionClose"]').hide(); } }); $('input[name="dataContributionSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.error) { $('#dataContributionPopup .error-message').text(response.error).show(); $('#dataContributionPopup .success-message').hide(); submitInput.prop('disabled', false); } else if (response.success) { $('#dataContributionPopup .success-message').text(response.success).show(); $('#dataContributionPopup .error-message').hide(); form.hide(); $('input[name="dataContributionClose"]').show(); } }, dataType: 'json' }); }); $('input[name="dataContributionClose"]').on('click', function(e) { $.fancybox.close(); }); if ($('#contributionForm').length) { $('input[name="contributionSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.error) { $('#contributionForm .error-message').text(response.error).show(); $('#contributionForm .success-message').hide(); } else if (response.success) { $('#contributionForm .success-message').text(response.success).show(); $('#contributionForm .error-message').hide(); form.find('textarea').val('').hide(); submitInput.hide(); } submitInput.prop('disabled', false); }, dataType: 'json' }); }); } }); </script> <script src="/layouts/js/classes/jquery.ajaxSection.js" type="text/javascript"></script> <script src="/layouts/js/new/jquery.syncheight.js" type="text/javascript"></script> <script src="/layouts/js/new/jquery.flexslider-min.js" type="text/javascript"></script> <script src="/layouts/js/new/owl.carousel.2.0.0/owl.carousel.min.js"></script> <script src="/layouts/js/new/justifiedGallery/jquery.justifiedGallery.min.js"></script> <script src="/layouts/js/new/photoswipe/photoswipe.min.js"></script> <script src="/layouts/js/new/photoswipe/photoswipe-ui-default.min.js"></script> <script src='https://www.google.com/recaptcha/api.js'></script> <script type="text/javascript"> var dataLayer = window.dataLayer || []; dataLayer.push({ 'usertype': 'notlogged', 'businessid': '' }); </script> </body> </html> <script type="text/javascript"> function reportWindowSize() { var windowWidth = window.innerWidth; var windowHeight = window.innerHeight; var mediaContent = $('.mediaObject')[0]; var mediaWidth = 0; var mediaHeight = 0; var isPdf = $(mediaContent).hasClass("pdfObject"); if(mediaContent !== undefined){ mediaWidth = $(mediaContent).width(); mediaHeight = $(mediaContent).height(); } if(windowWidth < mediaWidth + 300 && !isPdf){ $('span.download').hide(); $('span.download.mobile').show(); $('span.favorites').hide(); $('span.favorites.mobile').show(); } else if (!isPdf){ $('span.download').show(); $('span.download.mobile').hide(); $('span.favorites').show(); $('span.favorites.mobile').hide(); } if(windowWidth < mediaWidth + 300 && isPdf){ mediaContent.width = windowWidth - 40 + "px"; mediaContent.height = windowHeight / 2 + "px"; $('span.download').hide(); $('span.download.mobile').show(); $('span.favorites').hide(); $('span.favorites.mobile').show(); } if (isPdf && windowWidth > 1000){ mediaContent.width = $(mediaContent).data("maxwidth"); mediaContent.height = $(mediaContent).data("maxheight"); $('span.download').show(); $('span.download.mobile').hide(); $('span.favorites').show(); $('span.favorites.mobile').hide(); } } $(document).on("click",".a--favorites",function(){ var favButton = $(this); var favSpan = $(this).find('.favorites') var mediaID = favButton.data("mediaid"); var favID = favButton.data("fav-id"); if(favSpan.hasClass('in--favorites')){ $.post('/lib/services/service.cfm', { cmd: 'deleteFromFavorites', favoriteId: favID }, function(data) { if(data == 1){ $("span.favorites").removeClass('in--favorites'); $('.a--favorites').data("fav-id",0); $("span.favorites:not('.mobile')").find("span.text").html("Ajouter aux favoris"); } } ); } else { $.post('/lib/services/service.cfm', { cmd: 'setAsFavorite', favoriteType: 'media', favoriteId: mediaID }, function(data) { if(data.SUCCESS == 1){ $("span.favorites").addClass('in--favorites'); $('.a--favorites').data("fav-id",data.RESULTS.GENERATEDKEY); $("span.favorites:not('.mobile')").find("span.text").html("Favori"); } } ); } }); window.onload = function() { window.onresize = reportWindowSize; reportWindowSize(); }; </script>