<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>France-Science is coming soon</title>
<link rel="shortcut icon" href="https://france-science.org/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/public/img/mm-favicon.png" />
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="alternate" type="application/rss+xml" title="France-Science RSS Feed" href="https://france-science.com/feed/" />
<link rel="alternate" type="application/atom+xml" title="France-Science Atom Feed" href="https://france-science.com/feed/atom/" />
<link rel="pingback" href="https://france-science.com/xmlrpc.php">
<link rel="stylesheet" type="text/css" href="https://france-science.com/wp-content/plugins/minimal-coming-soon-maintenance-mode/framework/public/css/basic.css" />
<script src='//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js'></script>
<script>
	WebFont.load( {
		google: {
			families: ['Karla', 'Karla']
		}
	} );
</script>
</head>
<body>
	<!DOCTYPE html>

<html lang="en-US">
<head>
    <meta charset="UTF-8"/>


    <link href="assets/fonts/font-awesome.css" rel="stylesheet" type="text/css">
    <link href="assets/fonts/elegant-fonts.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="assets/css/style.css" type="text/css">

    <title>France-Science.org - Office for Science & Technology of the Embassy of France in the United States</title>

    <style>
        body { background-color: #f3f3f3; }
    </style>

</head>

<body>

<div class="page-wrapper">
    <header>
        <div class="brand animate"><a href=""><img src="assets/img/mst.png" alt=""></a></div>
        <nav>
            <ul class="navigation animate">
            </ul>
            <!--end navigation-->
        </nav>
    </header>
    <div class="content-wrapper">
        <div class="content-main animate">
            <div class="container">
                <h1 class="font-size-90">Site en construction</h1>
                <h2 class="opacity-60">Afin d'améliorer l'accès à notre actualité Scientifique et Technologique, une nouvelle version du site "France-Science" arrive très prochainement. Merci de votre patience.</h2>
            </div>
            <!--end container-->
        </div>
        <!--end content-main-->
        <div class="background-wrapper">
            <div id="background-content"></div>
        </div>
        <!--end background-wrapper-->
    </div>
    <!--end content-wrapper-->
    <footer>
        <div class="social-icons animate">
            <a href="https://twitter.com/francescience?lang=fr"><i class="fa fa-twitter"></i></a>
            <a href="https://www.facebook.com/Office-for-Science-and-Technology-Embassy-of-France-in-the-USA-114157765336706/"><i class="fa fa-facebook"></i></a>

        </div>
        <!--end social-icons-->
    </footer>
</div>
<!--end page-wrapper-->



<script  src="assets/js/jquery-2.2.1.min.js"></script>
<script  src="http://maps.google.com/maps/api/js"></script>
<script  src="assets/bootstrap/js/bootstrap.min.js"></script>
<script  src="assets/js/jquery.validate.min.js"></script>
<script  src="assets/js/jquery.magnific-popup.min.js"></script>
<script  src="assets/js/sketch.min.js"></script>
<script  src="assets/js/custom.js"></script>

<script>

    //  Map

    var latitude = 34.038405;
    var longitude = -117.946944;
    var markerImage = "assets/img/map-marker.png";
    var mapTheme = "light";
    var mapElement = "map";

    $(".modal").on("shown.bs.modal", function (e) {
        google.maps.event.addDomListener(window, 'load', simpleMap(latitude, longitude, markerImage, mapTheme, mapElement));
    });

    // Background

    var COLOURS = [ '#61dfff', '#A7EBCA', '#FFFFFF', '#ff6767', '#61dfff' ];
    var radius = 0;
    var randomColor = 0;

    Sketch.create({

        container: document.getElementById( 'background-content' ),
        autoclear: false,
        retina: 'auto',

        update: function() {
            radius = 2 + abs( sin( this.millis * 0.003 ) * 50 );
        },

        click: function() {
            randomColor = parseInt( 0 + (COLOURS.length - 0) * Math.random(), 10 ) ;
        },

        touchmove: function() {

            for ( var i = this.touches.length - 1, touch; i >= 0; i-- ) {

                touch = this.touches[i];

                this.lineCap = 'round';
                this.lineJoin = 'round';
                this.fillStyle = this.strokeStyle = COLOURS[ randomColor % COLOURS.length ];
                this.lineWidth = radius;

                this.beginPath();
                this.moveTo( touch.ox, touch.oy );
                this.lineTo( touch.x, touch.y );
                this.stroke();
            }
        }
    });


</script>

</body>
</body>
</html>