<!doctype html>
<html lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{title}}</title>
    {% load static %}
    
    <link rel="shortcut icon" type="image/png" href="{% static "favicon.ico" %}"/>
    <link rel="stylesheet" href="{% static "fontawesome/css/fa-svg-with-js.css" %}?v=">
   {% block additionnal_css %}{% endblock %}
   <script src="{% static "js/fp.js" %}"></script>
   <script src="{% static "fontawesome/js/fontawesome-all.min.js" %}"></script>
   {% block additionnal_scripts %}{% endblock %}
    </head>
   <style>
      input  {

        border: 1px solid #ccc;
         
        /* Safari 5, Chrome support border-radius without vendor prefix.
         * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
         * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
         */
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        
        /* Chrome, FF 4.0 support box-shadow without vendor prefix.
         * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
         * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
         * change the offsets, blur and color to suit your design.
         */
        -moz-box-shadow: 2px 2px 3px #666;
        -webkit-box-shadow: 2px 2px 3px #666;
        box-shadow: 2px 2px 3px #666;
        
        /* using a bigger font for demo purposes so the box isn't too small */
        font-size: 20px;
        
        /* with a big radius/font there needs to be padding left and right
         * otherwise the text is too close to the radius.
         * on a smaller radius/font it may not be necessary
         */
        padding: 4px 7px;
        
        /* only needed for webkit browsers which show a rectangular outline;
         * others do not do outline when radius used.
         * android browser still displays a big outline
         */
        outline: 0;

        /* this is needed for iOS devices otherwise a shadow/line appears at the
         * top of the input. depending on the ratio of radius to height it will
         * go all the way across the full width of the input and look really messy.
         * ensure the radius is no more than half the full height of the input, 
         * and the following is set, and everything will render well in iOS.
         */
        /*-webkit-appearance: none;*/
        width: 15em
      }

      .change_passwd_info {color:  blue;}
      #help_content {
        width:  15em;
        margin:  auto;
        border: blue 2px solid;
        border-radius: 20px;
        background-color: #c7e7ff;
        color: black;
      }
      #ask_new_password {cursor: pointer;}
  </style>
  <body>
  
    <noscript>
      Les fonctionnalités du site nécessitent que javascript soit activé.<br/>
      Merci de faire le réglage nécessaire, ou alors rendez vous au magasin pour vous connecter sur un poste disponible.
    </noscript>
    {% block content %}{% endblock %}
    {% csrf_token %}
    <br class="mtop25" />
    <footer>
       <!-- Lit et écrit sur : {{odoo}} -->
    </footer>

  </body>
</html>
