<!DOCTYPE HTML>
<html>
<head>

<link href="js_css/styleProjet.css" rel="stylesheet"/>
<script src="js_css/scriptProjet.js"></script>

</head>
<body>

    <img src="Images_Videos/Carte_Map_Saison7.png" usemap="#image-map" id="imgmap" alt="Carte de la saison 7 de Fortnite" >

    <button class="bouton_retour" id="bouton_retour" onclick="Click_Retour()">Retour</button>
    <map name="image-map" id="image-map">
        <area  alt="Tilted Towers"  coords="239,333,301,397" shape="rect" href="#" onclick="etape1()">
        <!--
        <area  alt="Lucky Landing"  coords="453,689,380,630" shape="rect" href="#" onclick="etape3()">
         -->
         <area  alt="Lucky Landing"  coords="453,689,380,630" shape="rect" href="etape3/etape3.html" >
        <!--
        <area  alt="Paradise Palms"  coords="559,498,637,565,604,536,618,544" shape="rect" href="#" onclick="etapefinal()">
         -->
        <area  alt="Paradise Palms"  coords="559,498,637,565" shape="rect" href="etapefinale/etapefinale.html">
        <area  alt="Polar Peak"  coords="157,477,217,543" shape="rect" href="#" onclick="monstre_etape2()">
    </map>
    <p id="fond_etape3"></p>
    
   
</body>
</html>
