CINXE.COM
Accueil du Pavillon France 2015
<!doctype html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="fr-FR"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="fr-FR"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="fr-FR"> <![endif]--> <!--[if IE 9]> <html class="no-js ie9 oldie" lang="fr-FR"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="fr-FR"> <!--<![endif]--> <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/","20150813013823","https://web.archive.org/","web","/_static/", "1439429903"); </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" /> <!-- End Wayback Rewrite JS Include --> <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>Accueil du Pavillon France 2015</title> <meta name="description" content="Le Pavillon France à Milan pour l'exposition universelle de 2015"/> <meta name="keywords" content="accueil site Pavillon france milan exposition universelle nourrir planete"/> <link rel="image_src" href="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/socialThumb.png"/> <meta property="og:title" content="Accueil du Pavillon France 2015"/> <meta property="og:image" content="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/socialThumb.png"/> <meta property="og:site_name" content="Accueil du Pavillon France 2015"/> <meta property="og:description" content="Le Pavillon France à Milan pour l'exposition universelle de 2015"/> <meta property="og:type" content="website"/> <link rel="shortcut icon" type="images/x-icon" href="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/favicon.ico"/> <link rel="shortcut icon" type="images/png" href="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/favicon.png"/> <!--<meta name="viewport" content="width=device-width,initial-scale=1" />--> <!--<meta name="viewport" content="width=1000px,initial-scale=1" /> --> <link href="https://web.archive.org/web/20150813013823cs_/http://france-milan-2015.fr/_css/core.css?update=4" rel="stylesheet" type="text/css" media="all"/> <link href="https://web.archive.org/web/20150813013823cs_/http://france-milan-2015.fr/_css/paul.css?update=4" rel="stylesheet" type="text/css" media="all"/> <link href="https://web.archive.org/web/20150813013823cs_/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/20150813013823js_/http://france-milan-2015.fr/_js/jquery.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/jquery.address.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/greensock/plugins/CSSPlugin.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/greensock/plugins/ScrollToPlugin.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/greensock/easing/EasePack.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/greensock/TweenLite.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/greensock/TweenMax.min.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/ate.min.js" type="text/javascript"></script> <!-- <link href="_js/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> <script src="http://france-milan-2015.fr/_js/jquery.mCustomScrollbar.concat.min.js" type="text/javascript"></script> --> <script type="text/javascript"> //////////////////////////////////////////////////////////////////////////////////// // INIT function debug($text) { } //////////////////////////////////////////////////////////////////////////////////// $_PAGE_ID = "index"; $_SITE_ROOT = "https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/"; $_DEVICE_TYPE = "computer"; var windowWidth = 994; var windowHeight = 500; </script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/functions.js" type="text/javascript"></script> <script src="https://web.archive.org/web/20150813013823js_/http://france-milan-2015.fr/_js/core.js" type="text/javascript"></script> </head> <body class="index"> <div id="root"> <!-- ROOT >> --> <div id="menu" class="full"> <div id="menu_inner"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/" class="logo_top"><img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/logo_top.png" alt="Pavillon France"/></a> <div id="menuTopMarker"></div> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/" class="logo_expo"><img src="https://web.archive.org/web/20150813013823im_/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/http://france-milan-2015.fr/fr/les-amis-du-pavillon/theme/5/" class="sub_a" rel=""></a></li> </ul> </li> <li class="theme"> <a href="https://web.archive.org/web/20150813013823/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/20150813013823/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/20150813013823/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/20150813013823/http://france-milan-2015.fr/fr/presse" class="link_presse" rel="presse">presse</a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/contact" class="link_contact" rel="contact">Contacts</a> <a href="https://web.archive.org/web/20150813013823/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/20150813013823/http://france-milan-2015.fr/fr/accueil" class="link_fr" rel="link_fr" title="français"></a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/en/home" class="link_en" rel="link_en" title="anglais"></a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/it/casa" 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(''); activeMenuLink('index'); </script> </div> </div> <div id="body"> <div class="home_slider"> <div class="slide_nav"></div> <div class="slider_container"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/citexpo" class="slider_diapo" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/slide_home/large_9.jpg);" rel="0"> <span class="legend"> <span class="t"> En partenariat avec Alimentation Générale </span> <span class="btn">Découvrir</span> </span> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/architecture" class="slider_diapo" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/slide_home/large_2.jpg);" rel="1"> <span class="legend"> <span class="t"> <strong>L'architecture du Pavillon de la France</strong><br> </span> <span class="btn">Découvrir</span> </span> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/franceexpo2015" class="slider_diapo" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/slide_home/large_8.jpg);" rel="2"> <span class="legend"> <span class="t"> Evénement à l'Elysée - 18 mars 2015 <br> </span> <span class="btn">Découvrir</span> </span> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/calendrier_evenements" class="slider_diapo" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/slide_home/large_6.jpg);" rel="3"> <span class="legend"> <span class="t"> <strong>Le calendrier des évènements du Pavillon de la France</strong><br> </span> <span class="btn">Découvrir</span> </span> </a> </div> </div> <script type="text/javascript"> var diapo_id = 0; var diapo_nb = $(".slider_container .slider_diapo").length; var diapo_int; var n = 0; if(diapo_nb > 1){ while(n < diapo_nb){ var navItem = "<a href='#getDiapo' rel='"+n+"' class='nav_"+n+"'><span></span></a>"; $(".slide_nav").append(navItem); n++; } $(".slide_nav a").click(function(e) { clearInterval(diapo_int); slide_slideDiapo($(this).attr("rel")); }); } function slide_slideDiapo($id){ diapo_id = $id; var diapo = $(".slider_container .slider_diapo[rel='"+$id+"']"); TweenLite.to(diapo,0,{opacity:0,scale:1.2,rotation:-5}); $(".slider_container").append(diapo); //legend //t var legendBlock = diapo.find(".legend"); var legendBlockText = legendBlock.find(".t"); var legendBlockBtn = legendBlock.find(".btn"); TweenLite.to(legendBlock,0,{opacity:0,x:-20}); TweenLite.to(legendBlockText,0,{opacity:0,x:-20}); TweenLite.to(legendBlockBtn,0,{opacity:0,x:-20}); TweenLite.to(diapo,0.4,{opacity:1,scale:1,rotation:0}); TweenLite.to(legendBlock,0.3,{opacity:1,x:0,delay:0.3}); TweenLite.to(legendBlockText,0.3,{opacity:1,x:0,delay:0.6}); TweenLite.to(legendBlockBtn,0.3,{opacity:1,x:0,delay:0.9}); $(".slide_nav a[rel='"+$id+"']").addClass("selected"); $(".slide_nav a[rel!='"+$id+"']").removeClass("selected"); } function slide_next(){ diapo_id++; if(diapo_id > diapo_nb -1) diapo_id = 0; slide_slideDiapo(diapo_id); } function slide_prev(){ diapo_id--; if(diapo_id < 0) diapo_id = diapo_nb -1; slide_slideDiapo(diapo_id); } slide_slideDiapo(0); if(diapo_nb > 1) diapo_int = setInterval(slide_next,5000); </script> <div class="home_longBlock homeEvents"> <!--<div class="inner fitToContainer stayOnTop">--> <div class="inner stayOnTop"> <div class="editable eTitle" rel="home_evenements"> événements </div> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/exposition-everydayclimatechange-28-juillet-28-aout" class="event_big"> <div class="img" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/events/159.jpg)"></div> <div> <div class="d_date"> <div class="d">17</div> <div class="m">aout</div> </div> </div> <h5>Exposition #EverydayClimateChange 28 juillet- 28 août</h5> <div class="entete">Du lundi au vendredi de 14h à 19h - Entrée gratuite</div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_11" class="event_small"> <div class="d_date"> <div class="d">19</div> <div class="m">aout</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/lagriculture-ecologiquement-intensive-mirage-ou-espoir" class="event_small"> <div class="d_date"> <div class="d">19</div> <div class="m">aout</div> </div> <h5>L'agriculture écologiquement intensive, mirage ou espoir?</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_12" class="event_small"> <div class="d_date"> <div class="d">26</div> <div class="m">aout</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/comprendre-la-denutrition-des-seniors" class="event_small"> <div class="d_date"> <div class="d">26</div> <div class="m">aout</div> </div> <h5>Comprendre la dénutrition des seniors</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/mois-dedie-a-la-gastronomie-et-de-lart-de-vivre" class="event_small"> <div class="d_date"> <div class="d">01</div> <div class="m">sept</div> </div> <h5>Mois dédié à la gastronomie et de l'art de vivre</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_13" class="event_small"> <div class="d_date"> <div class="d">02</div> <div class="m">sept</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/bacteries-positives-du-sol" class="event_small"> <div class="d_date"> <div class="d">02</div> <div class="m">sept</div> </div> <h5>"Bactéries "positives" du sol"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/traverser-loubli" class="event_small"> <div class="d_date"> <div class="d">08</div> <div class="m">sept</div> </div> <h5>Traverser l'oubli</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_14" class="event_small"> <div class="d_date"> <div class="d">09</div> <div class="m">sept</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/des-algues-dans-notre-assiette" class="event_small"> <div class="d_date"> <div class="d">09</div> <div class="m">sept</div> </div> <h5>"Des algues dans notre assiette"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_15" class="event_small"> <div class="d_date"> <div class="d">16</div> <div class="m">sept</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/des-microalgues-pour-produire-du-biocarburant" class="event_small"> <div class="d_date"> <div class="d">16</div> <div class="m">sept</div> </div> <h5>"Des microalgues pour produire du biocarburant?"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/cycle-cinema-pavillon-loeil-et-la-bouche" class="event_small"> <div class="d_date"> <div class="d">17</div> <div class="m">sept</div> </div> <h5>Cycle Cinéma Pavillon : L'oeil et la Bouche</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_16" class="event_small"> <div class="d_date"> <div class="d">23</div> <div class="m">sept</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/changement-climatique" class="event_small"> <div class="d_date"> <div class="d">23</div> <div class="m">sept</div> </div> <h5>"Changement Climatique"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/cycle-cinema-pavillon-entre-les-bras-la-cuisine-en-heritage" class="event_small"> <div class="d_date"> <div class="d">24</div> <div class="m">sept</div> </div> <h5>Cycle Cinéma Pavillon : Entre les Bras : La Cuisine en héritage </h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/au-temps-ou-les-arabes-dansaient-radhouane-el-meddeb-compagnie-de-soi-la-francia-in-scena" class="event_small"> <div class="d_date"> <div class="d">25</div> <div class="m">sept</div> </div> <h5>" AU TEMPS OÙ LES ARABES DANSAIENT ", RADHOUANE EL MEDDEB / COMPAGNIE DE SOI - LA FRANCIA IN SCENA</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/festival-international-de-la-photographie-culinaire" class="event_small"> <div class="d_date"> <div class="d">26</div> <div class="m">sept</div> </div> <h5>Festival International de la Photographie Culinaire</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/du-25-au-27-septembre-cest-la-fete-de-la-gastronomie" class="event_small"> <div class="d_date"> <div class="d">27</div> <div class="m">sept</div> </div> <h5>Du 25 au 27 septembre : C'est la fête de la gastronomie ! </h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_17" class="event_small"> <div class="d_date"> <div class="d">30</div> <div class="m">sept</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/lavenir-des-biotechnologies" class="event_small"> <div class="d_date"> <div class="d">30</div> <div class="m">sept</div> </div> <h5>"L'avenir des biotechnologies"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/double-cross-from-both-sides-of-a-mountain-la-francia-in-scena" class="event_small"> <div class="d_date"> <div class="d">01</div> <div class="m">oct</div> </div> <h5>DOUBLE CROSS – FROM BOTH SIDES OF A MOUNTAIN - LA FRANCIA IN SCENA</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/le-kung-fu-de-dieudonne-niangouna-la-francia-in-scena" class="event_small"> <div class="d_date"> <div class="d">02</div> <div class="m">oct</div> </div> <h5>« Le kung-fu », de Dieudonné Niangouna - LA FRANCIA IN SCENA</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/democracy-de-maud-le-pladec-la-francia-in-scena-a-partir-de-20h30" class="event_small"> <div class="d_date"> <div class="d">06</div> <div class="m">oct</div> </div> <h5>« Democracy » de Maud Le Pladec - LA FRANCIA IN SCENA - À partir de 20h30 </h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_18" class="event_small"> <div class="d_date"> <div class="d">07</div> <div class="m">oct</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/quel-poisson-mangerons-nous-demain" class="event_small"> <div class="d_date"> <div class="d">07</div> <div class="m">oct</div> </div> <h5>"Quel poisson mangerons nous demain?"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/cycle-cinema-pavillon-lours" class="event_small"> <div class="d_date"> <div class="d">08</div> <div class="m">oct</div> </div> <h5>Cycle Cinéma Pavillon: L'Ours </h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/lancement-semaine-du-gout" class="event_small"> <div class="d_date"> <div class="d">12</div> <div class="m">oct</div> </div> <h5>Lancement Semaine du goût</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/faire-renaitre-la-foret-seche-en-afrique" class="event_small"> <div class="d_date"> <div class="d">14</div> <div class="m">oct</div> </div> <h5>"Faire renaître la fôret sèche en Afrique"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/cycle-cinema-pavillon-le-monde-du-silence" class="event_small"> <div class="d_date"> <div class="d">15</div> <div class="m">oct</div> </div> <h5>Cycle Cinéma Pavillon : Le monde du silence</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/la-france-et-le-japon-reunis-pour-la-semaine-du-gout" class="event_small"> <div class="d_date"> <div class="d">19</div> <div class="m">oct</div> </div> <h5>La France et le Japon réunis pour la Semaine du goût </h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/fenetres-de-mathurin-bolze-la-francia-in-scena" class="event_small"> <div class="d_date"> <div class="d">21</div> <div class="m">oct</div> </div> <h5>« Fenêtres » de Mathurin Bolze - LA FRANCIA IN SCENA</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/les-mercredis-du-pavillon-de-la-france_19" class="event_small"> <div class="d_date"> <div class="d">21</div> <div class="m">oct</div> </div> <h5>Les mercredis du Pavillon de la France</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/sinspirer-des-ecosystemes-pour-repenser-lagriculture" class="event_small"> <div class="d_date"> <div class="d">21</div> <div class="m">oct</div> </div> <h5>"S'inspirer des écosystèmes pour repenser l'agriculture"</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/barons-perches-de-mathurin-bolze-la-francia-in-scena" class="event_small"> <div class="d_date"> <div class="d">23</div> <div class="m">oct</div> </div> <h5>« Barons Perchés » de Mathurin Bolze - LA FRANCIA IN SCENA</h5> <div class="clear"></div> </a> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/event/cycle-cinema-pavillon-le-bonheur-est-dans-le-pre" class="event_small"> <div class="d_date"> <div class="d">29</div> <div class="m">oct</div> </div> <h5>Cycle Cinéma Pavillon: Le Bonheur est dans le pré </h5> <div class="clear"></div> </a> </div> </div> <div class="home_blocks1"> <div class="home_smallBlock home_pageLink" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/pages_thumbs/119.jpg);"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/architecture"> <div class="over"> <div class="editable" rel="home_archi"> L’architecture du Pavillon France </div> <div class="editable btn" rel="home_archi_btn"> Le Pavillon en image </div> </div> </a> </div> <div class="home_smallBlock noMarginRight homePartenaires"> <div class="fitToContainer"> <div class="imgContainer"> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/9_home.png);" rel="0"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/50_home.png);" rel="1"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/10_home.png);" rel="2"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/43_home.png);" rel="3"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/27_home.png);" rel="4"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/11_home.png);" rel="5"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/35_home.png);" rel="6"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/55_home.png);" rel="7"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/4_home.png);" rel="8"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/17_home.png);" rel="9"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/26_home.png);" rel="10"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/13_home.png);" rel="11"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/14_home.png);" rel="12"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/36_home.png);" rel="13"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/53_home.png);" rel="14"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/45_home.png);" rel="15"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/7_home.png);" rel="16"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/42_home.png);" rel="17"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/33_home.png);" rel="18"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/6_home.png);" rel="19"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/38_home.png);" rel="20"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/1_home.png);" rel="21"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/28_home.png);" rel="22"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/15_home.png);" rel="23"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/2_home.png);" rel="24"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/23_home.png);" rel="25"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/5_home.png);" rel="26"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/32_home.png);" rel="27"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/18_home.png);" rel="28"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/51_home.png);" rel="29"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/40_home.png);" rel="30"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/49_home.png);" rel="31"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/34_home.png);" rel="32"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/47_home.png);" rel="33"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/24_home.png);" rel="34"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/25_home.png);" rel="35"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/46_home.png);" rel="36"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/60_home.png);" rel="37"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/21_home.png);" rel="38"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/57_home.png);" rel="39"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/20_home.png);" rel="40"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/41_home.png);" rel="41"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/8_home.png);" rel="42"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/44_home.png);" rel="43"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/30_home.png);" rel="44"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/3_home.png);" rel="45"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/29_home.png);" rel="46"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/52_home.png);" rel="47"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/39_home.png);" rel="48"></div> <div class="home_partenaireItem" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/partenaires/31_home.png);" rel="49"></div> </div> <div class="btnNext"></div> <div class="btnPrev"></div> <span class="editable home_partenaire" rel="home_partenaire"> les partenaires </span> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/devenir_partenaire" class="home_btn_partenaire"> <span class="editable" rel="home_btn_partenaire"> devenez partenaire </span> </a> </div> </div> <script type="text/javascript"> var partenaires_int; var partenaires_id = 0; var partenaires_nb = $(".home_partenaireItem").length; function partenaires_getItem($id){ partenaires_id = $id; $(".home_partenaireItem").each(function(index, element) { var id = $(this).attr("rel"); if(id == $id){ $(".homePartenaires .imgContainer").append($(this)); TweenLite.to($(this),0.3,{opacity:1}); }else{ TweenLite.to($(this),0.3,{opacity:0}); } }); } function partenaires_next(){ partenaires_id++; if(partenaires_id > partenaires_nb-1) partenaires_id = 0; partenaires_getItem(partenaires_id); } function partenaires_prev(){ partenaires_id--; if(partenaires_id < 0) partenaires_id = partenaires_nb-1; partenaires_getItem(partenaires_id); } partenaires_getItem(0); partenaires_int = setInterval(partenaires_next,2000); $(".homePartenaires .btnNext").click(function(e) { clearInterval(partenaires_int); partenaires_next(); }); $(".homePartenaires .btnPrev").click(function(e) { clearInterval(partenaires_int); partenaires_prev(); }); </script> <div class="home_smallBlock home_appli"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/infos-pratiques" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/illustrations/home_appli_fr.png?2);"> </a> </div> <div class="home_smallBlock noMarginRight home_pageLink" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/pages_thumbs/117.jpg);"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/reponses_francaises"> <div class="over"> <div class="editable" rel="home_reponses"> Les réponses de la France </div> <div class="editable btn" rel="home_reponses_btn"> Découvrir les réponses </div> </div> </a> </div> </div> <div class="clear"></div> <div class="home_smallBlock home_pageLink" style="background-image:url(https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/files/pages_thumbs/120.jpg);"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/scenographie"> <div class="over"> <div class="editable" rel="home_sceno"> La scénographie du Pavillon France </div> <div class="editable btn" rel="home_archi_btn"> Le Pavillon en image </div> </div> </a> </div> <div class="home_largeBlock noMarginRight home_pageLink home_conceptBlock"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/concept_pavillon" class="btn"> <span class="editable t1" rel="home_concept"> Le concept du Pavillon France </span> <span class="editable t2" rel="home_concept_btn"> Découvrir le Pavillon </span> </a> </div> <div class="clear"></div> <div class="home_blocks2"> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/reponses_francaises"> <div class="home_longBlock noMarginRight"> <div class="home_piliers fitToContainer"> <div class="editable home_piliers_title" rel="home_piliers_title"> Les réponses de la France<h5>en 4 piliers</h5> </div> <img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/pilierBtn1.png" alt=""/> <div class="editable home_pilier_txt" rel="home_pilier1"> Sécurité alimentaire </div> <img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/pilierBtn2.png" alt=""/> <div class="editable home_pilier_txt" rel="home_pilier2"> Produire plus, produire mieux </div> <img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/pilierBtn3.png" alt=""/> <div class="editable home_pilier_txt" rel="home_pilier3"> Transfert d'innovation </div> <img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/pilierBtn4.png" alt=""/> <div class="editable home_pilier_txt" rel="home_pilier4"> Plaisir et Santé </div> </div> </div> </a> <div class="home_smallBlock noMarginRight homeFranceexpo2015"> <div class="inner fitToContainer"> <div class="editable t" rel="home_webzine"> Publiez vous aussi sur cette page en utilisant le hashtag <em>#FranceExpo2015</em> sur les réseaux sociaux </div> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/franceexpo2015"> <div class="editable" rel="home_webzine_btn"> Découvrir le Webzine </div> </a> </div> </div> </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/20150813013823/http://62.210.129.77:8000/api/feed/"; flux_url = "https://web.archive.org/web/20150813013823/http://62.210.129.77:8000/api/feed/"; break; case "populaire" : flux_url = "https://web.archive.org/web/20150813013823/http://62.210.129.77:8000/api/highlight/"; break; case "pavillon" : flux_url = "https://web.archive.org/web/20150813013823/http://62.210.129.77:8000/api/feed/"; break; } flux_url = "https://web.archive.org/web/20150813013823/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"; } largeIndex = true; } if(type == "twitter" && itemDatas.picture_small != null){ size = "large"; } size = "normal"; isIndex = true; 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/20150813013823/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/20150813013823/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/20150813013823/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="home_sLargeBlock"> <div id="homeMap"> {MAP} </div> <div class="mapLegende"> <div class="inner fitToContainer"> <img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/logo_expo2.png" alt="" class="logo"/> <div class="editable t" rel="home_map"> <b>Expo 2015 S.p.A.</b><br>Via Rovello, 2 – 20121 Milano </div> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/files/pdf_acces_fr.pdf" target="_blank"> <span class="editable" rel="home_map_btn"> Téléchargez l'accès au site Expo </span> </a> </div> </div> </div> <script type="text/javascript"> $(document).bind('SIZE_CHANGED',function(){ var bodyWidth = $("#body").innerWidth(); var blocWidth = (bodyWidth-34)/3; var snsContainerWidth = blocWidth*2 + 17; $("#snsBlocs").css("with",(snsContainerWidth) + "px"); $("#snsBlocs").width(snsContainerWidth); snsResizeBlocs(); blocWidth = blocWidth -0.5; var smallBlockWidth = blocWidth; var smallBlockHeight = smallBlockWidth*.8; $(".home_smallBlock,.mapLegende").css("width",smallBlockWidth + "px").css("height",smallBlockHeight + "px"); $(".home_longBlock").css("width",smallBlockWidth + "px").css("height",(smallBlockHeight*2+17) + "px"); $(".home_largeBlock").css("width",(smallBlockWidth*2+17) + "px").css("height",smallBlockHeight + "px"); $(".home_blocks2").css("width",smallBlockWidth + "px"); $(".home_sLargeBlock").css("width",$("#body").innerWidth() + "px").css("height",smallBlockHeight + "px"); $("#homeMap").css("width",(smallBlockWidth*2+17+17) + "px").css("height",smallBlockHeight + "px"); ///////////////////////////////////////////////////////////////////////////////////////// var homeInner = $(".homeEvents .inner"); TweenLite.to(homeInner,0,{scale:1, transformOrigin:"left top"}); var homeInnerHeight = homeInner.innerHeight(); while(homeInnerHeight > 780){ $(".homeEvents .inner .event_small:last").remove(); homeInnerHeight = homeInner.innerHeight(); } $(".homeEvents .inner .event_small:last").addClass("last"); fitToContainer(homeInner); }); getSnsDatas("all"); </script> <script type="text/javascript" src="https://web.archive.org/web/20150813013823js_/http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> //MAPS var map; var myPlace; var initialize; initialize = function(){ myPlace = new google.maps.LatLng('45.465648', '9.172141'); var styles = [ { stylers: [ { saturation: -100 } ] },{ featureType: "road", elementType: "geometry", stylers: [ { lightness: 100 }, { visibility: "simplified" } ] },{ featureType: "road", elementType: "labels", stylers: [ { visibility: "off" } ] } ]; var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"}); var icon = { url: 'https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/_img/gmap-logo.min.svg', iconsize: [16, 26], iconanchor: [12, 46] }; var marker = new google.maps.Marker({ position: myPlace }); var mapOptions = { zoom: 15, center: myPlace, disableDefaultUI: true, //scrollwheel: false, mapTypeControlOptions: { mapTypeId: [google.maps.MapTypeId.ROADMAP, 'map_style'] } }; map = new google.maps.Map($('#homeMap')[0],mapOptions); map.mapTypes.set('map_style', styledMap); map.setMapTypeId('map_style'); marker.setMap(map); map.setCenter(myPlace); $(document).bind('SIZE_CHANGED', function() { map.setCenter(myPlace); }); }; initialize(); </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/20150813013823/https://twitter.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/btn_twitter.png" alt="twitter"/></a> <a href="https://web.archive.org/web/20150813013823/https://www.facebook.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/btn_facebook.png" alt="facebook"/></a> <a href="https://web.archive.org/web/20150813013823/https://www.youtube.com/user/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20150813013823im_/http://france-milan-2015.fr/_img/btn_youtube.png" alt="youtube"/></a> <a href="https://web.archive.org/web/20150813013823/http://instagram.com/franceexpo2015" target="_blank"><img src="https://web.archive.org/web/20150813013823im_/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/20150813013823/http://france-milan-2015.fr/fr/plan_du_site">plan du site</a> <span>|</span> <!--<a href="http://france-milan-2015.fr/fr/credits">crédits</a> <span>|</span> --> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/citexpo">CITÉXPO</a> <span>|</span> <a href="https://web.archive.org/web/20150813013823/http://www.expo2015.org/">expo2015.org</a> <span>|</span> <a href="https://web.archive.org/web/20150813013823/http://france-milan-2015.fr/fr/mentions_legales">Mentions légales</a> </div> </div> <div class="droits"> <img src="https://web.archive.org/web/20150813013823im_/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> <!-- << ROOT --> </div> <!-- POPIN >> --> <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/20150813013823js_/http://france-milan-2015.fr/_js/popin.js" type="text/javascript"></script> <!-- << POPIN --> <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/20150813013823/http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-55191668-1', 'auto'); ga('send', 'pageview'); </script> </body> </html><!-- FILE ARCHIVED ON 01:38:23 Aug 13, 2015 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:23:50 Nov 24, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.51 exclusion.robots: 0.025 exclusion.robots.policy: 0.015 esindex: 0.01 cdx.remote: 9.308 LoadShardBlock: 322.281 (3) PetaboxLoader3.datanode: 113.859 (4) PetaboxLoader3.resolve: 334.246 (2) load_resource: 214.455 -->