
<html>
<style>
    /* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #ffffff #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: black;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffffff;
    border-radius: 15px;
    border: 3px solid #ffffff;
  }
    body span{
        color:white;
        font-family: Quicksand, sans-serif;
        font-size: 18pt;
        font-weight: 300;
        letter-spacing: 0px;
    }
    .menu_container{
        width: 620px;
        display: flex;
        justify-content: space-between;
    }
    .menu_element{
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18pt;
        font-weight: 300;
        letter-spacing: 0px;
    }
     .menu_element a{
        color: white !important;
        text-decoration: none !important;
    }
    .div_container{
        display: flex;
        flex-wrap: wrap;
         justify-content: space-between;
        width: 100%
        height: 100%;
    }
    .div_container a{
        color: white !important;
        text-decoration: none !important;
    }
    .div_item{
        border: 1px solid #1e1e1e;
        flex-grow: 1;
        padding: 10px;
        border: 2px ridge #FFFFFF;
        border-radius: 28px;
        margin: 5px;

    }
    .div_item ifram{
        overflow: auto;
    }
    .div_item .vertical_content_item{
        display: flex;
        flex-direction: column;
        align-content: stretch;
    }


    .top_container{
        display: flex;
        height: 115px;
        align-content: flex-start;
        align-items: center;
        justify-content: center;
        gap: 135px;
        overflow: auto;
    }
    .main_div{
        height: 440px;
        padding: 10px 10px 0px 10px;
        width: 30%;
    }
    .main_div p{
        color: white;
        font-weight: bold;
        font-size: 18pt;
	text-align: center;
	//text-transform: uppercase;
	font-family: 'Source Sans Pro', sans-serif;
    }
</style>
<head>
  <title>Reskreen</title>
</head>
<link href="https://fonts.googleapis.com/css?family=Quicksand%3A300%2C400%2C700%7CSource%20Sans%20Pro%3A400%2C400italic%2C600%2C700%2C700italic&amp;display=swap" rel="stylesheet" nonce="">
<body style="background-color:black">
    <div style="width: 100%;" class="top_container">
        <div style="width: 350px; display: flex;flex-grow: 1;align-content: stretch;justify-content:flex-start;">
            <div style="display: flex; align-items: center;justify-content: space-between;width: 300px;">
                <img style="width:71px;" src="https://prod.resk-u.ch/logos/logo_clerc_200.png">
                <span style="padding-left: 20px">Ambulance Clerc SA</span>
            </div>
            <div>
                <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=fr&size=medium&timezone=Europe%2FZurich" width="100%" height="115" frameborder="0" scrolling="no" seamless style="pointer-events: none;"></iframe>
            </div>

        </div>
        <div class="menu_container" style="">
            <span class="menu_element" style="font-weight: bold;">
                <a href="https://ambulance-clerc.optimiso.net/app/index.html#/login" target="_blank">Optimiso</a>
            </span>
             <span class="menu_element" style="font-weight: bold;">
                <a href="https://extra.ambulance-clerc.ch" target="_blank">Intranet</a>
            </span>
            <span class="menu_element" style="font-weight: bold;">
                <a href="https://apps.rescuetrack.com/rwa/" target="_blank">RescueTrack</a>
            </span>
             <span class="menu_element" style="font-weight: bold;">
                <a href="/vehicules/vhc" target="_blank">Véhicules</a>
            </span>
        </div>

        <div style="width: 500px; height: 115px; "><a class="weatherwidget-io" href="https://forecast7.com/fr/46d256d95/monthey/" data-label_1="MONTHEY" data-label_2="METEO" data-days="3" data-theme="dark" style="pointer-events: none;" >MONTHEY METEO</a>
            <script>
            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
            </script>
        </div>

    </div>
    <div class="div_container">
        <div style="" class="div_item main_div">
            <iframe style="border:0;width:100%;height:350px;color:white;margin-top:17px" src="team"></iframe>
        </div>
        <div style="" class="div_item main_div">
            <p style=""><a href="/admin/comm_op" target="_blank">Communications importantes</a></p>
            <iframe style="border:0;width:100%;height:350px" src="op"></iframe>
        </div>

        <div style="" class="div_item main_div">
            <p style="">
                <a href="https://calendar.infomaniak.com/?view=week" target="_blank">
                    Agenda véhicules
                </a>
            </p>
           <iframe style="border:0;width:100%;height:350px" src="vhc"></iframe>
        </div>
        <div style="" class="div_item main_div vertical_content_item">
            <div style="height: 170px;flex-grow: 1;">
                <p style="">
                 <a href="https://calendar.infomaniak.com/?view=week" target="_blank">
                    Accueil
                 </a>
            </p>
            <iframe style="border:0;width:100%; height:175px" src="rh"></iframe>
            </div>
            <div style="height: 170px;flex-grow: 1;">
                <p style="">Manifestations</p>
                <iframe style="border:0;width:100%;height:175px;color:white" src="manif"></iframe>
            </div>

        </div>

        <div style="" class="div_item main_div">
            <p style="">
                <a href="https://calendar.infomaniak.com/?view=week" target="_blank">
                    Tâches à faire
                </a>
            </p>
            <iframe style="border:0;width:100%;height:350px" src="task"></iframe>
        </div>
        <div style="" class="div_item main_div">
            <p style=""><a href="https://www.google.com/maps/d/u/0/viewer?mid=1DJaPnRr_suT6vDo-YZ73PDbcVKKn4sqV&ll=46.25882553072212%2C6.971057708051243&z=14" target="_blank">Restrictions routières</a></p>
                <iframe style="border:0;width:100%;height:350px;" src="road"></iframe>
        </div>

    </div>



</body>
</html>
