<!doctype html>
<html class="no-js" lang="en">
<head>

<title>Le nouveau site de SADESA</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta charset="ISO-8859-1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="shortcut icon" href="favicon.ico?v=20210426">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png?v=20210426">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="styles/vendor.css">
<link rel="stylesheet" href="styles/main.css">

<style type="text/css">
body {
    
    --main-color: #c99307; 
    --main-color-2: #00b1b2; 
    
}
</style>

<link rel="stylesheet" href="styles/na.css?v=20210426">
<script src="scripts/vendor/modernizr.js"></script>
<link type="text/css"  rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
<style type="text/css">
html, body,  h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat,sans-serif;
}
#home {
    background: #000 url(images_specific/background.png?v=20210426) no-repeat center center;
    background-size: cover;
}
#home:before {
    content: '';
    background: rgba(0,0,0,.6);
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
</style>
</head> 

<!-- ========== BODY ==========
.light-header: for light colored header
.dark-header: for dark colored header
==========  ========== -->
<body class="dark-header animsition">

<!-- ========== HEADER ========== -->
<header class="header">
<div class="container-fluid">
<div class="row">


    <!-- ========== SOCIAL MEDIA LINKS ========== -->
    <div class="col-md-6 col-sm-6 text-right hidden-xs ">
    
        
    
    
    </div> <!-- end col-md-6 -->
    </div> <!-- end row -->
    </div> <!-- end container -->
    </header>
    
    <div class=""  id="fullpage">
    <!-- ========== GRADIENT DIV ========== -->
    <section class="section content-section" id="home">
    <div class="content">
    <div class="container outer">
    <div class="row inner">
    <div class="col-md-12 centered">
    
    <!-- ========== STATIC HEADLINE ========== -->
    <h1 class="headline" style="font-size:50px; line-height: 1.6em;">
    <img src="images_specific/picto.png?v=20210426" style="margin-bottom: 30px;" />
    Le nouveau site de SADESA<br>sera bient�t en ligne 
    
    </h1>
    
    <!-- ========== COUNTDOWN ========== -->
        <div class="countdown-container countdown col-md-12 text-center" id="countdown"></div>
                                                                           
    <!-- ========== NOTIFY FORM ========== -->
    
                
            
            
            
            
            
            </div> <!-- end col-md-12 -->
            </div> <!-- end row -->
            </div> <!-- end container -->
            </div> <!-- end content -->
            </section> <!-- end section -->
            
            
               
                
                

                        

                            
                            
                            </div> <!-- end fullpage -->
                                    <script src="scripts/vendor.js"></script>
                                    
                                    <!-- ========== MINIFIED PLUGINS JS ========== -->
                                    <script src="scripts/plugins.js"></script>
                                    
                                    <script src="scripts/main.js?v=20210426"></script>
                                    <script type="text/javascript">
                                    $(function($) {
                                        
                                        "use strict";
                                        
                                        //For countdown
                                        $("#countdown").countdown("2022/08/08 17:00:00", function(event) {
                                            $(this).html(event.strftime("" + "<div class='countdown-section'><span>%D</span> jours </div>" + "<div class='countdown-section'><span>%H</span> heures </div>" + "<div class='countdown-section'><span>%M</span> minutes </div>" + "<div class='countdown-section'><span>%S</span> secondes </div>"));
                                        });
                                        
                                    });
                                    </script>
                                    </body>
                                    
                                    </html>
                                    
