La nuit de l'info

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
~~NOCACHE~~
<HTML>Dernière mise a jour: 24/04/2017 11:05:02<div id="map"></div>
<div id="cities" style="display:none;height:0px">
            <div class="mapData"
             data-lng="5.43258"
             data-lat="43.5233"
             data-name="Aix-en-provence"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/121" style="display:block">Campus Ynov Aix</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="2.26371"
             data-lat="49.8728"
             data-name="Amiens"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/91" style="display:block">IUT D'Amiens</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="6.02405"
             data-lat="47.2378"
             data-name="Besancon"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/56" style="display:block">Besancon</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="1.32806"
             data-lat="47.5939"
             data-name="Blois"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/133" style="display:block">Blois - DI</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-0.57918"
             data-lat="44.8378"
             data-name="Bordeaux"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/57" style="display:block">Bordeaux</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="2.39878"
             data-lat="47.081"
             data-name="Bourges"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/59" style="display:block">INSA Centre Val de Loire</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-4.50211"
             data-lat="48.3998"
             data-name="Brest"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/117" style="display:block">UBO</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/150" style="display:block">Université de Bretagne Occidentale, Département Informatique</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="4.72206"
             data-lat="49.7376"
             data-name="Charleville-Mézières"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/134" style="display:block">IFTS</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="4.76585"
             data-lat="45.7836"
             data-name="Ecully"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/93" style="display:block">EXIA.CESI</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="2.44006"
             data-lat="48.6259"
             data-name="Evry"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/101" style="display:block">Université d'Evry</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="5.47939"
             data-lat="43.4455"
             data-name="Gardanne"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/123" style="display:block">Ecole des Mines de Saint-Étienne - Campus Georges Charpak Provence</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-0.756462"
             data-lat="48.0872"
             data-name="Laval"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/99" style="display:block">Campus Laval (Mayenne)</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="5.91278"
             data-lat="45.5595"
             data-name="Le Bourget-du-Lac"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/74" style="display:block">Université Savoie Mont-Blanc</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="3.05614"
             data-lat="50.6292"
             data-name="Lille"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/122" style="display:block">EPSI</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/68" style="display:block">Lille 1</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="4.85702"
             data-lat="45.757"
             data-name="Lyon 3ème"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/158" style="display:block">Ecole Epitech Lyon</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="1.71167"
             data-lat="48.975"
             data-name="Mantes-la-Ville"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/136" style="display:block">ISTY - Institut des Sciences et Techniques des Yvelines</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="7.33589"
             data-lat="47.7508"
             data-name="Mulhouse"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/69" style="display:block">Mulhouse</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="6.1846"
             data-lat="48.6936"
             data-name="Nancy"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/135" style="display:block">TELECOM Nancy - Lorraine INP</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-1.53896"
             data-lat="47.2056"
             data-name="NANTES"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/162" style="display:block">NANTES YNOV CAMPUS</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="7.27014"
             data-lat="43.6958"
             data-name="Nice"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/126" style="display:block">Epitech Nice</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="2.34283"
             data-lat="48.8157"
             data-name="Paris"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/157" style="display:block">ECE Paris</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/64" style="display:block">ESIEA Ecole d'Ingénieurs du Monde Numérique</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/89" style="display:block">EPITA</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/66" style="display:block">IN TECH INFO</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/67" style="display:block">IUT PARIS DESCARTES</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/96" style="display:block">ISEP</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/70" style="display:block">Paris 1 Panthéon-Sorbonne</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/71" style="display:block">Paris Ouest Nanterre La Defense</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-0.370797"
             data-lat="43.2951"
             data-name="Pau"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/73" style="display:block">Pau</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="4.03333"
             data-lat="49.25"
             data-name="Reims"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/151" style="display:block">Cnam Champagne-Ardenne</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-1.69098"
             data-lat="48.1042"
             data-name="Rennes"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/124" style="display:block">Epitech Rennes</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="55.5004"
             data-lat="-20.9052"
             data-name="Saint Denis"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/108" style="display:block">Université de la Réunion (ESIROI)</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="5.65"
             data-lat="45.1667"
             data-name="Seyssinet-Pariset"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/153" style="display:block">Seyssinet-Pariset</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="7.05522"
             data-lat="43.6164"
             data-name="Sophia Antipolis"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/75" style="display:block">Sophia Antipolis</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="10.6404"
             data-lat="35.822"
             data-name="Sousse"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/144" style="display:block">Université de Sousse</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="7.7496"
             data-lat="48.5838"
             data-name="Strasbourg"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/88" style="display:block">Epitech Strasbourg</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/77" style="display:block">Strasbourg</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="1.44421"
             data-lat="43.6047"
             data-name="Toulouse"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/54" style="display:block">Toulouse</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="0.684725"
             data-lat="47.3649"
             data-name="Tours"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/100" style="display:block">Polytech Tours</a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="4.91651"
             data-lat="44.9166"
             data-name="Valence"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/81" style="display:block">IUT Valence</a>
                        </li>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/94" style="display:block">LPO Algoud-Laffemas / BTS SIO </a>
                        </li>
                                    </ul>
        </div>
            <div class="mapData"
             data-lng="-3.39318"
             data-lat="47.7473"
             data-name="Vannes"
             >
                <p>Voici les différents sites :</p>
                <ul>
                                            <li>
                            <a href="http://www.nuitdelinfo.com/n2i/sites/85" style="display:block">ENSIBS - Université Bretagne Sud</a>
                        </li>
                                    </ul>
        </div>
    </div>
<div class="siteList">
        <nav class="indexCities"><a href="#A">A</a> - <a href="#B">B</a> - <a href="#C">C</a> - <a href="#E">E</a> - <a href="#G">G</a> - <a href="#L">L</a> - <a href="#M">M</a> - <a href="#N">N</a> - <a href="#P">P</a> - <a href="#R">R</a> - <a href="#S">S</a> - <a href="#T">T</a> - <a href="#V">V</a></nav>
        <h3 id="A" class="cityLetter">A</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/121">Campus Ynov Aix</a>
                        Aix-en-provence                    </div>
                    <div class="counters">
                        participants
                        <div class="count">48</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/91">IUT D'Amiens</a>
                        Amiens                    </div>
                    <div class="counters">
                        participants
                        <div class="count">94</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                <h3 id="B" class="cityLetter">B</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/56">Besancon</a>
                        Besancon                    </div>
                    <div class="counters">
                        participants
                        <div class="count">72</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/133">Blois - DI</a>
                        Blois                    </div>
                    <div class="counters">
                        participants
                        <div class="count">29</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/57">Bordeaux</a>
                        Bordeaux                    </div>
                    <div class="counters">
                        participants
                        <div class="count">274</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/59">INSA Centre Val de Loire</a>
                        Bourges                    </div>
                    <div class="counters">
                        participants
                        <div class="count">70</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/117">UBO</a>
                        Brest                    </div>
                    <div class="counters">
                        participants
                        <div class="count">0</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/150">Université de Bretagne Occidentale, Département Informatique</a>
                        Brest                    </div>
                    <div class="counters">
                        participants
                        <div class="count">10</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="C" class="cityLetter">C</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/134">IFTS</a>
                        Charleville-Mézières                    </div>
                    <div class="counters">
                        participants
                        <div class="count">0</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="E" class="cityLetter">E</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/93">EXIA.CESI</a>
                        Ecully                    </div>
                    <div class="counters">
                        participants
                        <div class="count">17</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/101">Université d'Evry</a>
                        Evry                    </div>
                    <div class="counters">
                        participants
                        <div class="count">59</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="G" class="cityLetter">G</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/123">Ecole des Mines de Saint-Étienne - Campus Georges Charpak Provence</a>
                        Gardanne                    </div>
                    <div class="counters">
                        participants
                        <div class="count">54</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                <h3 id="L" class="cityLetter">L</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/99">Campus Laval (Mayenne)</a>
                        Laval                    </div>
                    <div class="counters">
                        participants
                        <div class="count">140</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/74">Université Savoie Mont-Blanc</a>
                        Le Bourget-du-Lac                    </div>
                    <div class="counters">
                        participants
                        <div class="count">105</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/122">EPSI</a>
                        Lille                    </div>
                    <div class="counters">
                        participants
                        <div class="count">37</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/68">Lille 1</a>
                        Lille                    </div>
                    <div class="counters">
                        participants
                        <div class="count">157</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/158">Ecole Epitech Lyon</a>
                        Lyon 3ème                    </div>
                    <div class="counters">
                        participants
                        <div class="count">58</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="M" class="cityLetter">M</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/136">ISTY - Institut des Sciences et Techniques des Yvelines</a>
                        Mantes-la-Ville                    </div>
                    <div class="counters">
                        participants
                        <div class="count">120</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/69">Mulhouse</a>
                        Mulhouse                    </div>
                    <div class="counters">
                        participants
                        <div class="count">74</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="N" class="cityLetter">N</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/135">TELECOM Nancy - Lorraine INP</a>
                        Nancy                    </div>
                    <div class="counters">
                        participants
                        <div class="count">46</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/162">NANTES YNOV CAMPUS</a>
                        NANTES                    </div>
                    <div class="counters">
                        participants
                        <div class="count">0</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/126">Epitech Nice</a>
                        Nice                    </div>
                    <div class="counters">
                        participants
                        <div class="count">0</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="P" class="cityLetter">P</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/157">ECE Paris</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">10</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/64">ESIEA Ecole d'Ingénieurs du Monde Numérique</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">116</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/89">EPITA</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">8</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">3</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/66">IN TECH INFO</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">30</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/67">IUT PARIS DESCARTES</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">88</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">2</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/96">ISEP</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">14</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/70">Paris 1 Panthéon-Sorbonne</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">61</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">2</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/71">Paris Ouest Nanterre La Defense</a>
                        Paris                    </div>
                    <div class="counters">
                        participants
                        <div class="count">83</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">3</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/73">Pau</a>
                        Pau                    </div>
                    <div class="counters">
                        participants
                        <div class="count">32</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                <h3 id="R" class="cityLetter">R</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/151">Cnam Champagne-Ardenne</a>
                        Reims                    </div>
                    <div class="counters">
                        participants
                        <div class="count">24</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/124">Epitech Rennes</a>
                        Rennes                    </div>
                    <div class="counters">
                        participants
                        <div class="count">16</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                <h3 id="S" class="cityLetter">S</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/108">Université de la Réunion (ESIROI)</a>
                        Saint Denis                    </div>
                    <div class="counters">
                        participants
                        <div class="count">0</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/153">Seyssinet-Pariset</a>
                        Seyssinet-Pariset                    </div>
                    <div class="counters">
                        participants
                        <div class="count">21</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/75">Sophia Antipolis</a>
                        Sophia Antipolis                    </div>
                    <div class="counters">
                        participants
                        <div class="count">214</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">3</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/144">Université de Sousse</a>
                        Sousse                    </div>
                    <div class="counters">
                        participants
                        <div class="count">131</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/88">Epitech Strasbourg</a>
                        Strasbourg                    </div>
                    <div class="counters">
                        participants
                        <div class="count">49</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/77">Strasbourg</a>
                        Strasbourg                    </div>
                    <div class="counters">
                        participants
                        <div class="count">174</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">4</div>
                    </div>
                </div>
                <h3 id="T" class="cityLetter">T</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/54">Toulouse</a>
                        Toulouse                    </div>
                    <div class="counters">
                        participants
                        <div class="count">287</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">6</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/100">Polytech Tours</a>
                        Tours                    </div>
                    <div class="counters">
                        participants
                        <div class="count">146</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">2</div>
                    </div>
                </div>
                <h3 id="V" class="cityLetter">V</h3><hr/>                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/81">IUT Valence</a>
                        Valence                    </div>
                    <div class="counters">
                        participants
                        <div class="count">34</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/94">LPO Algoud-Laffemas / BTS SIO </a>
                        Valence                    </div>
                    <div class="counters">
                        participants
                        <div class="count">29</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">1</div>
                    </div>
                </div>
                                <div class="site">
                    <div class="title">
                        <a href="http://www.nuitdelinfo.com/n2i/sites/85">ENSIBS - Université Bretagne Sud</a>
                        Vannes                    </div>
                    <div class="counters">
                        participants
                        <div class="count">21</div>
                    </div>
                    <div class="counters">
                        défis
                        <div class="count">0</div>
                    </div>
                </div>
                </div>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
<script>
        window.addEventListener('load', function()
        {
            document.getElementById("map").style.height = "600px";

            var centerpos = new google.maps.LatLng(46.8, 2.418889);

            var optionsGmaps = {
                    center: centerpos,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    zoom: 6
            };

            window.map = new google.maps.Map(document.getElementById("map"), optionsGmaps);
            window.infoWindow = null;
            window.geomarkers = new Array();
            window.geocoder = new google.maps.Geocoder();
            window.queryState = 2;

            var francePosition = new google.maps.LatLng(46.8, 2.418889);
            var tunisiePosition = new google.maps.LatLng(34.71, 10.76);
            var reunionPosition = new google.maps.LatLng(-21.099, 55.479);

            var franceControlDiv = document.createElement('div');
            var tunisieControlDiv = document.createElement('div');
            var reunionControlDiv = document.createElement('div');

            new HomeControl(franceControlDiv, 'France', francePosition, 6);
            new HomeControl(tunisieControlDiv, 'Tunisie', tunisiePosition, 7);
            new HomeControl(reunionControlDiv, 'La R&eacute;union', reunionPosition, 10);

            franceControlDiv.index = 1;
            tunisieControlDiv.index = 1;
            reunionControlDiv.index = 1;

            map.controls[google.maps.ControlPosition.TOP_RIGHT].push(franceControlDiv);
            map.controls[google.maps.ControlPosition.TOP_RIGHT].push(tunisieControlDiv);
            map.controls[google.maps.ControlPosition.TOP_RIGHT].push(reunionControlDiv);

            nightMode();

            displayCities();
        });

        function setMode(feature, element, hueValue, lightnessValue)
        {
            var styles = [
                    {
                        featureType: feature,
                        elementType: element,
                        stylers: [
                            {hue: hueValue},
                            {lightness: lightnessValue}
                        ]
                    }
            ];
            window.map.setOptions({styles: styles});
        }

        function nightMode()
        {
                var styles = [
                        {
                                featureType: "all",
                                elementType: "labels.text.fill",
                                stylers: [
                                        {color: "#ffffff"}
                                ]
                        }, {
                                featureType: "all",
                                elementType: "labels.text.stroke",
                                stylers: [
                                        {color: "#3A3D3A"}
                                ]
                        }, {
                                featureType: "water",
                                elementType: "geometry",
                                stylers: [
                                        {color: "#3c7e8c"}
                                ]
                        }, {
                                featureType: "landscape",
                                elementType: "geometry",
                                stylers: [
                                        {color: "#11172A"}
                                ]
                        }, {
                                featureType: "poi",
                                elementType: "geometry",
                                stylers: [
                                        {color: "#11172A"}
                                ]
                        }, {
                                featureType: "administrative",
                                elementType: "geometry",
                                stylers: [
                                        {visibility: "off"}
                                ]
                        }, {
                                featureType: "administrative.country",
                                elementType: "geometry",
                                stylers: [
                                        {visibility: "on"}
                                ]
                        }, {
                                featureType: "administrative.country",
                                elementType: "labels",
                                stylers: [
                                        {visibility: "off"}
                                ]
                        }, {
                                featureType: "transit",
                                elementType: "all",
                                stylers: [
                                        {visibility: "off"}
                                ]
                        }, {
                                featureType: "road",
                                elementType: "geometry",
                                stylers: [
                                        {color: '#142D47'},
                                        {visibility: "simplified"}
                                ]
                        }, {
                                featureType: "road.local",
                                elementType: "geometry",
                                stylers: [
                                        {color: '#265976'},
                                        {visibility: "simplified"}
                                ]
                        }, {
                                featureType: "road",
                                elementType: "labels",
                                stylers: [
                                        {visibility: "off"}
                                ]
                        }
                ];

                window.map.setOptions({styles: styles});
        }

        function HomeControl(controlDiv, title, position, zoom)
        {
                controlDiv.style.padding = '6px 3px';

                var controlUI = document.createElement('div');
                controlUI.style.backgroundColor = 'white';
                controlUI.style.borderStyle = 'solid';
                controlUI.style.borderWidth = '1px';
                controlUI.style.borderColor = 'rgba(0, 0, 0, 0.24)';
                controlUI.style.borderRadius = '2px';
                controlUI.style.boxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';
                if (typeof controlUI.style.webkitBoxShadow != "undefined")
                        controlUI.style.webkitBoxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';
                if (typeof controlUI.style.mozBoxShadow != "undefined")
                        controlUI.style.mozBoxShadow = 'rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px';
                controlUI.style.cursor = 'pointer';
                controlUI.style.textAlign = 'center';
                controlUI.addEventListener("mouseover", function()
                {
                        controlUI.style.backgroundColor = '#c7c7c9';
                }, false);
                controlUI.addEventListener("mouseout", function()
                {
                        controlUI.style.backgroundColor = 'white';
                }, false);
                controlUI.title = 'Centrer la carte sur ' + title;
                controlDiv.appendChild(controlUI);

                var controlText = document.createElement('div');
                controlText.style.fontFamily = 'font-family: Roboto, Arial, sans-serif;';
                controlText.style.color = "rgb(86, 86, 86)";
                controlText.style.fontSize = '11px';
                controlText.style.paddingLeft = '4px';
                controlText.style.paddingRight = '4px';
                controlText.innerHTML = '<b>' + title + '</b>';
                controlUI.appendChild(controlText);

                google.maps.event.addDomListener(controlUI, 'click', function() {
                        window.map.setCenter(position);
                        window.map.setZoom(zoom);
                });
        }

        function killMarkers()
        {
                for (i = 0; i < window.geomarkers.length; i++)
                {
                        window.geomarkers[i].setMap(null);
                }
                window.geomarkers = new Array();
        }

        function addMarker(latlng, titleContent, htmlContent)
        {
                var marker = new google.maps.Marker({
                        position: latlng,
                        map: window.map,
                        title: titleContent
                });

                marker.setClickable(true);
                marker.setMap(window.map);

                google.maps.event.addListener(marker, 'click', function()
                {
                        if (window.infoWindow)
                                window.infoWindow.close();
                        window.infoWindow = new google.maps.InfoWindow({
                                content: '<div class="infoWindow"><span style="text-align:center; display:block; font-weight: bold; font-size:1.2em;">' + titleContent + '</span>' + htmlContent + '</div>'
                        });
                        window.infoWindow.open(window.map, marker);
                });
                window.geomarkers.push(marker);
        }

        function displayCities()
        {
                var links = document.getElementById("cities").getElementsByClassName("mapData");
                for (var counter = 0; counter < links.length; counter++)
                {
                        var lt = links[counter].getAttribute("data-lat");
                        var lg = links[counter].getAttribute("data-lng");
                        var name = links[counter].getAttribute("data-name");
                        var htmlContent = links[counter].innerHTML;
                        addMarker(new google.maps.LatLng(lt, lg), name, htmlContent);
                }
        }
</script>
</HTML>