Le webzine du Pavillon France Milan 2015

<!doctype html>      <html class="no-js" lang="fr-FR">  <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://france-milan-2015.fr/fr/franceexpo2015","20151002212322","https://web.archive.org/","web","/_static/", "1443821002"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="content-language" content="FR"/> <meta name="robots" content="index, follow, all"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <title>Le webzine du Pavillon France Milan 2015</title> <meta name="description" content="Les contenus publi茅s sur les r茅seaux sociaux #Pavillonfrance2015"/> <meta name="keywords" content="#Pavillonfrance2015"/> <link rel="image_src" href="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/socialThumb.png"/> <meta property="og:title" content="Le webzine du Pavillon France Milan 2015"/> <meta property="og:image" content="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/socialThumb.png"/> <meta property="og:site_name" content="Le webzine du Pavillon France Milan 2015"/> <meta property="og:description" content="Les contenus publi茅s sur les r茅seaux sociaux #Pavillonfrance2015"/> <meta property="og:type" content="website"/> <link rel="shortcut icon" type="images/x-icon" href="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/favicon.ico"/> <link rel="shortcut icon" type="images/png" href="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/favicon.png"/>   <link href="https://web.archive.org/web/20151002212322cs_/http://france-milan-2015.fr/_css/core.css?update=5" rel="stylesheet" type="text/css" media="all"/> <link href="https://web.archive.org/web/20151002212322cs_/http://france-milan-2015.fr/_css/paul.css?update=4" rel="stylesheet" type="text/css" media="all"/> <link href="https://web.archive.org/web/20151002212322cs_/http://france-milan-2015.fr/_css/ctn.css?update=4" rel="stylesheet" type="text/css" media="all"/> <meta name="viewport" content="width=1200px"/> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/jquery.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/jquery.address.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/greensock/plugins/CSSPlugin.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/greensock/plugins/ScrollToPlugin.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/greensock/easing/EasePack.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/greensock/TweenLite.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/greensock/TweenMax.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/ate.min.js" type="text/javascript"></script>  <script type="text/javascript"> //////////////////////////////////////////////////////////////////////////////////// // INIT function debug($text) { } //////////////////////////////////////////////////////////////////////////////////// $_PAGE_ID = "franceexpo2015"; $_SITE_ROOT = "https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/"; $_DEVICE_TYPE = "computer"; var windowWidth = 994; var windowHeight = 500; </script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/functions.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/core.js" type="text/javascript"></script> </head> <body class="franceexpo2015"> <div id="root">  <div id="menu" class="full"> <div id="menu_inner"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/" class="logo_top"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/logo_top.png" alt="Pavillon France"/></a> <div id="menuTopMarker"></div> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/" class="logo_expo"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/logo_expo2.png" alt="Expo Milano 2015"/></a> <div id="mobile_menuBlock"> <div id="searchBlock"> <form id="searchForm" action="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/recherche" method="get"> <input type="text" class="key_input" name="key" value=""/> <a href="#search" class="btnSearch"></a> </form> </div> <script type="text/javascript"> $("#searchForm").submit(function(e) { var key = $("#searchForm input[name='key']").val(); var sLink = "https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/recherche/" + key; document.location.href = sLink; return false; }); </script> <ul class="menu_arbo"> <li class="theme"> <a href="#pavillon_france" class="theme_a" rel="pavillon_france">Le pavillon de la france</a> <ul class="sub_menu" rel="pavillon_france"> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/exposition_universelle" class="sub_a" rel="exposition_universelle">L'exposition universelle</a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/reponses_francaises" class="sub_a" rel="reponses_francaises">Les r茅ponses fran莽aises</a></li> <li class="sub"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/concept_pavillon" class="sub_a" rel="concept_pavillon">Le concept du pavillon</a> <ul class="sub_sub_menu"> <li class="sub_sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/architecture" class="sub_sub_a" rel="architecture">L'architecture</a></li> <li class="sub_sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/scenographie" class="sub_sub_a" rel="scenographie">La sc茅nographie</a></li> </ul> </li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/citexpo" class="sub_a" rel="citeexpo">CIT脡XPO</a></li> </ul> </li> <li class="theme"> <a href="#actu" class="theme_a" rel="actu">L'actu</a> <ul class="sub_menu" rel="actu"> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/calendrier_evenements" class="sub_a" rel="calendrier_evenements">Calendrier des 茅v茅nements</a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/franceexpo2015" class="sub_a" rel="franceexpo2015">#FranceExpo2015</a></li> </ul> </li> <li class="theme"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/nos_partenaires" class="theme_a" rel="nos_partenaires">Nos partenaires</a> </li> <li class="theme"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon" class="theme_a zoom-sur" rel="zoom-sur">Les amis du Pavillon</a> <ul class="sub_menu" rel="zoom-sur"> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/20/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/19/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/18/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/17/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/16/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/15/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/14/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/13/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/12/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/11/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/10/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/9/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/8/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/7/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/6/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/5/" class="sub_a" rel=""></a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/2/" class="sub_a" rel=""></a></li> </ul> </li> <li class="theme"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/infos-pratiques" class="theme_a infos-pratiques" rel="infos-pratiques">Infos pratiques</a> </li> <li class="theme"> <a href="#pavillon_france" class="theme_a" rel="ils_parlent">Ils en parlent</a> <ul class="sub_menu" rel="ils_parlent"> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/ambassadeurs" class="sub_a" rel="ils_parlent_ambassadeurs">Ambassadeurs</a></li> <li class="sub"><a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/revue_presse" class="sub_a" rel="ils_parlent_presse">Presse</a></li> </ul> </li> </ul> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/presse" class="link_presse" rel="presse">presse</a> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/contact" class="link_contact" rel="contact">Contacts</a> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/phototeque" class="link_phototeque" rel="phototeque">Phototh猫que</a> <div class="langsList"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/franceexpo2015" class="link_fr" rel="link_fr" title="fran莽ais"></a> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/en/franceexpo2015" class="link_en" rel="link_en" title="anglais"></a> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/it/franceexpo2015" class="link_it" rel="link_it" title="italien"></a> </div> </div> <script type="text/javascript"> $(".menu_arbo .theme_a").click(function(e) { showSubMenu($(this).attr("rel")); var href = $(this).attr("href"); if(href.indexOf("#") > -1) return false; }); function showSubMenu($theme){ //hideLangs(); $(".theme_a[rel='"+$theme+"']").addClass("selected"); $(".theme_a[rel!='"+$theme+"']").removeClass("selected"); $(".menu_arbo .sub_menu").each(function(index, element) { var id = $(this).attr("rel"); if(id == $theme){ $(this).slideDown(300); }else{ $(this).slideUp(300); } }); } function hideSubMenus(){ $(".theme_a").removeClass("selected"); $(".menu_arbo .sub_menu").each(function(index, element) { $(this).slideUp(300); }); } function activeMenuLink($page_id){ $("#menu a").each(function(index, element) { var id = $(this).attr("rel"); if(id == $page_id){ $(this).addClass('active'); $(this).closest('.sub').addClass('active'); }else{ $(this).removeClass('active'); } }); } showSubMenu('actu'); activeMenuLink('franceexpo2015'); </script> </div> </div> <div id="body"> <div id="rightColumn" class="static"> <div id="newsList"> <h3>En direct</h3> <div id="newsContainer"> </div> </div> </div> <script type="text/javascript"> //#rightColumn var nbNews = 28; var newsStart = 0; var newsListLength = 6; var newsLoaded = 0; var newsXHR; function checkNewsFillPage(){ if(newsLoaded == nbNews) return; var pageHeight = $(document).height(); var scrollTop = $(document).scrollTop(); var newsHeight = $("#newsList").innerHeight(); var visibleHeight = newsHeight - scrollTop; if(visibleHeight < windowHeight){ loadNextNews(); } } function loadNews($start,$length){ debug("loadNews : " + $start + "," + $length); if(newsLoaded == nbNews) return; var datas = {}; datas.start = $start; datas.length = $length; datas.lang = "fr"; datas.action = "getNews"; //if(newsXHR) newsXHR.abort(); newsXHR = $.ajax({ url: "https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/actions.php", dataType: 'json', data: datas, type: 'POST', success: function($datas){ if($datas.results.complete == 1){ // var news = $datas.results.news; newsLoaded += news.length; //alert(newsLoaded); var i = 0; var nb = news.length; while(i < nb){ var newDatas = news[i]; var newLink = newDatas.link; var HTML = "<a href='"+newLink+"' class='newsItem' rel='"+newDatas.id+"'>"; HTML += "<span class='visuel' style='background-image:url(http://france-milan-2015.fr/files/news/thumb_"+newDatas.id+".jpg?nocache=2015100211);'>"; HTML += "<span class='theme'>"+newDatas.theme+"</span>"; HTML += "</span>"; HTML += "<span class='title'>"+newDatas.title+"</span>"; HTML += "</a>"; $("#newsContainer").append(HTML); var newsItem = $("#newsContainer .newsItem[rel='"+newDatas.id+"']"); TweenLite.to(newsItem,0,{opacity:0}); TweenLite.to(newsItem,0.3,{delay:0.2*i,opacity:1}); if(newDatas.page_id == '0' && newDatas.event_id == '0'){ newsItem.click(function(e) { //alert("afficher popin"); showPopin("new","id=" + $(this).attr('rel')); return false; }); } i++; } $(document).trigger('SIZE_CHANGED'); }else if($datas.results.error){ debug("une erreur est survenue : " + $datas.results.error + " [code 2]"); }else{ debug("une erreur est survenue... merci de r茅essayer 脿 nouveau [code 1]"); } }, error: function($datas){ debug("une erreur est survenue... merci de r茅essayer 脿 nouveau [code 0]"); } }); newsStart = newsStart + $length; } function loadNextNews(){ if(newsLoaded == nbNews) return; loadNews(newsStart,newsListLength); } //SIZE_CHANGED </script> <div class="limited"> <div class="stdCtnBlock fexpo_top"> <h1>#FranceExpo2015</h1> <div class="ctn editable" rel="franceexpo2015_presentation"> <p class="light" style="font-size:19px;color:#babdc8;">Publiez vous aussi sur cette page en utilisant le hashtag #FranceExpo2015 sur les r茅seaux sociaux</p> </div> <ul class="eventsFilters"> <li rel="pavillon">Pavillon France</li> <li rel="populaire">populaires</li> <li rel="all">Tous</li> </ul> </div> <div id="snsBlocs"></div> <script type="text/javascript"> var flux = null; if(!flux_length) var flux_length = 6; var flux_page = 0; //var flux_query = "fr"; var flux_query = ""; var snsXHR; function getSnsDatas($flux){ if(snsXHR) snsXHR.abort(); $("#snsBlocs").html(""); $(".eventsFilters li[rel!='"+$flux+"']").removeClass('selected'); $(".eventsFilters li[rel='"+$flux+"']").addClass('selected'); flux_page = 0; flux = $flux; getNextSnsDatas(); } function getNextSnsDatas(){ //flux_next if(!flux) return; $('.moreSnsLoader').css("display","block"); flux_page++; var datas = {}; datas.get_sns_flux = 1; datas.flux = flux; datas.query = flux_query; datas.page_size = flux_length; datas.page = flux_page; var flux_url; switch(flux){ case "all" : //$flux_url = "https://web.archive.org/web/20151002212322/http://62.210.129.77:8000/api/feed/"; flux_url = "https://web.archive.org/web/20151002212322/http://62.210.129.77:8000/api/feed/"; break; case "populaire" : flux_url = "https://web.archive.org/web/20151002212322/http://62.210.129.77:8000/api/highlight/"; break; case "pavillon" : flux_url = "https://web.archive.org/web/20151002212322/http://62.210.129.77:8000/api/feed/"; break; } flux_url = "https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/actions.php"; newsXHR = $.ajax({ url: flux_url, dataType: 'json', data: datas, type: 'POST', success: function($datas){ var items = $datas.results; var i = 0; var nb = items.length; while(i < nb){ var itemDatas = items[i]; var type; var size = "normal"; var isIndex = false; var largeIndex = false; switch(itemDatas.source){ case 1 : type = "facebook"; break; case 2 : type = "twitter"; break; case 3 : type = "instagram"; break; case 4 : type = "vine"; break; case 5 : type = "googleplus"; break; case 6 : type = "youtube"; break; } if(type == "facebook" && itemDatas.picture_medium != null){ size = "large"; if(itemDatas.title == ""){ largeIndex = true; size = "normal"; } } if(type == "twitter" && itemDatas.picture_small != null){ size = "large"; } var lastNormalItem = $("#snsBlocs .snsItem.normal:last"); var pair = ""; if(lastNormalItem.length != 0){ if(!$(lastNormalItem).hasClass("pair")){ pair = "pair"; } } if(type == "twitter"){ itemDatas.url = 'https://web.archive.org/web/20151002212322/https://twitter.com/twitter/status/'+itemDatas.source_id; } var HTML = ""; HTML += "<a href='"+itemDatas.url+"' target='_blank' class='snsItem "+type+" "+size+" "+pair+"' rel='"+itemDatas.id+"'"; if(type == 'instagram'){ HTML += " style='background-image:url("+itemDatas.picture_small+");' "; } var timeLabel = ""; if(itemDatas.created_time){ var created_date = new Date(itemDatas.created_time); var now = new Date(); var timeDiff = Math.abs(created_date.getTime() - now.getTime()); var diffDays = Math.floor(timeDiff / (1000 * 3600 * 24)); var hours = Math.round(Math.abs(created_date.getTime() - now.getTime()) / 3600000); if(diffDays > 1){ timeLabel = "il y a " + diffDays + " jours"; }else if(diffDays == 1){ timeLabel = "il y a 1 jour"; }else if(hours > 1){ timeLabel = "il y a " + hours + " heures"; }else if(hours == 1){ timeLabel = "il y a 1 heure"; }else{ timeLabel = "il y a quelques minutes"; } } HTML += "><span class='snsItemInner fitToContainer'>"; HTML += "<span class='icon'><img src='https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/_img/icon_"+type+".png' /></span>"; if(type == 'facebook'){ //poster_name if(size == "large"){ HTML += "<span class='media'>"; HTML += "<span class='img'><span class='inner'><span class='bgimg' style='background-image:url("+itemDatas.picture_medium+")'>"; HTML += "</span></span></span>"; HTML += "</span>"; } HTML += "<span class='textBlock'>"; var icon = 'https://web.archive.org/web/20151002212322/https://graph.facebook.com/'+itemDatas.poster_id+'/picture'; HTML += "<span class='poster'>"; HTML += "<span class='poster_avatar'><img src='" + icon + "' /></span>"; HTML += "<span class='poster_name'>" + itemDatas.poster_name + "</span>"; HTML += "<span class='poster_time'>"+timeLabel+"</span>"; HTML += "</span>"; HTML += "<span class='message'>" + itemDatas.title.replace(/(<([^>]+)>)/ig,""); if(largeIndex){ HTML += "<img src='"+itemDatas.picture_medium+"' class='messageIllu' />"; } if(itemDatas.media && itemDatas.title == ""){ HTML += "<img src='"+itemDatas.media+"' class='messageIllu' />"; } HTML += "</span>"; HTML += "</span>"; //media } if(type == 'twitter'){ if(size == "large"){ HTML += "<span class='media'>"; HTML += "<span class='img'><span class='inner'><span class='bgimg' style='background-image:url("+itemDatas.picture_small+")'>"; HTML += "</span></span></span>"; HTML += "</span>"; } HTML += "<span class='textBlock'>"; HTML += "<span class='poster'>"; HTML += "<span class='poster_avatar'><img src='" + itemDatas.icon + "' /></span>"; HTML += "<span class='poster_name'>" + itemDatas.poster_screen_name + "</span>"; HTML += "<span class='poster_time'>"+timeLabel+"</span>"; HTML += "</span>"; HTML += "<span class='message'>" + itemDatas.message.replace(/(<([^>]+)>)/ig,"") + "</span>"; HTML += "</span>"; // } if(type == 'googleplus'){ if(size == "large"){ HTML += "<span class='media'>"; HTML += "<span class='img'><span class='inner'><span class='bgimg' style='background-image:url("+itemDatas.picture_small+")'>"; HTML += "</span></span></span>"; HTML += "</span>"; } HTML += "<span class='textBlock'>"; HTML += "<span class='poster'>"; HTML += "<span class='poster_avatar'><img src='" + itemDatas.icon + "' /></span>"; HTML += "<span class='poster_name'>" + itemDatas.poster_name + "</span>"; HTML += "<span class='poster_time'>"+timeLabel+"</span>"; HTML += "</span>"; HTML += "<span class='message'>" + itemDatas.message.replace(/(<([^>]+)>)/ig,"") + "</span>"; HTML += "</span>"; // } HTML += "</span></a>"; if(size == "normal"){ if(pair == "pair"){ $(lastNormalItem).after(HTML); }else{ $("#snsBlocs").append(HTML); } }else{ $("#snsBlocs").append(HTML); } var snsItem = $("#snsBlocs .snsItem[rel='"+itemDatas.id+"']"); TweenLite.to(snsItem,0,{opacity:0}); TweenLite.to(snsItem,0.3,{delay:0.2*i,opacity:1}); i++; if(pair == 0){ pair = 1; }else{ pair = 0; } } $('.moreSnsLoader').css("display","none"); $(document).trigger('SIZE_CHANGED'); }, error: function($datas){ debug("une erreur est survenue... merci de r茅essayer 脿 nouveau [SNS code 0]"); } }); } function snsResizeBlocs(){ //var snsBlocsWidth = $("#snsBlocs").innerWidth(); var snsBlocsWidth = $("#snsBlocs").width(); var snsItemWidth = Math.floor((snsBlocsWidth-17)/2); var snsItemHeight = Math.floor(snsItemWidth*.8); var originalWidth = 420; var originalHeight = 336; var zoom = snsItemWidth/originalWidth; $("#snsBlocs .snsItem.normal").css("width",snsItemWidth + "px").css("height",snsItemHeight + "px"); $("#snsBlocs .snsItem.large").css("width",snsBlocsWidth + "px").css("height",snsItemHeight + "px"); } </script> <div class="clear"></div> </div> <script type="text/javascript"> function checkSnsFillPage(){ var pageHeight = $(document).height(); var scrollTop = $(document).scrollTop(); var snsHeight = $("#snsBlocs").innerHeight(); var visibleHeight = snsHeight - scrollTop; //debug("SNS visibleHeight : " + visibleHeight); if(visibleHeight < windowHeight){ getNextSnsDatas(); } } /* $(window).scroll(function(){ checkNewsFillPage(); checkSnsFillPage(); }); */ function fillPage(){ var pageHeight = $(document).height(); $("#rightColumn").css("height",(pageHeight + 100) + "px"); var bodyHeight = $("#body").innerHeight(); //debug("bodyHeight : " + bodyHeight + " / pageHeight : " + pageHeight); /* if(bodyHeight - 130 < pageHeight){ $("#body").css("height",(pageHeight - 130) + "px"); }*/ if(bodyHeight < pageHeight){ $("#body").css("height",(pageHeight+10) + "px"); } } function scrolled() { //do by scroll start fillPage(); updateMenu(); $(this).off('scroll')[0].setTimeout(function(){ //debug("SCROLL STOP"); checkSnsFillPage(); checkNewsFillPage(); updateMenu(); fillPage(); $(this).on('scroll',scrolled); }, 500) } $(window).on('scroll',scrolled); $(document).bind('SIZE_CHANGED',function(){ //var pageHeight = $(document).innerHeight(); fillPage(); snsResizeBlocs(); checkSnsFillPage(); checkNewsFillPage(); }); $(".eventsFilters li").click(function(e) { getSnsDatas($(this).attr("rel")); }); getSnsDatas("all"); </script> <div class="clear"></div> </div> <div class="clear"></div> <div id="footer"> <div class="links"> <div class="sns"> <a href="https://web.archive.org/web/20151002212322/https://twitter.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/btn_twitter.png" alt="twitter"/></a> <a href="https://web.archive.org/web/20151002212322/https://www.facebook.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/btn_facebook.png" alt="facebook"/></a> <a href="https://web.archive.org/web/20151002212322/https://www.youtube.com/user/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/btn_youtube.png" alt="youtube"/></a> <a href="https://web.archive.org/web/20151002212322/http://instagram.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/btn_instagram.png" alt="instagram"/></a> </div> <div class="clear"></div> <div class="fMenu"> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/plan_du_site">plan du site</a> <span>|</span>  <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/citexpo">CIT脡XPO</a> <span>|</span> <a href="https://web.archive.org/web/20151002212322/http://www.expo2015.org/">expo2015.org</a> <span>|</span> <a href="https://web.archive.org/web/20151002212322/http://france-milan-2015.fr/fr/mentions_legales">Mentions l茅gales</a> </div> </div> <div class="droits"> <img src="https://web.archive.org/web/20151002212322im_/http://france-milan-2015.fr/_img/footer_logo.png" alt="Pavillon France" class="pavFrance"/> <div class="interface ctn editable" rel="footer_droits"> <p><strong>Tous droits r茅serv茅s 2014-2015</strong><br>Pavillon France 2015</p> </div> </div> <div class="clear"></div> </div> <div class="clear"></div>  </div>  <div id="popin"> <div class="btnClose"></div> <div id="popin_content"></div> </div> <div id="popin_bg"></div> <script src="https://web.archive.org/web/20151002212322js_/http://france-milan-2015.fr/_js/popin.js" type="text/javascript"></script>  <script type="text/javascript"> $(document).trigger('CODE_LOADED'); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//web.archive.org/web/20151002212322/http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55191668-1', 'auto'); ga('send', 'pageview'); </script> </body> </html>

CINXE.COM

Le webzine du Pavillon France Milan 2015