<!DOCTYPE html>
{% load menu_tags cms_tags sekizai_tags i18n portail_citoyen_tags staticfiles %}
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="content-language" content="fr" />

    <link rel="shortcut icon" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/img/favicon.ico" />
    <title>Compte Citoyen {% page_attribute "page_title" %}</title>
   
    
    {% render_block "css" %}
    <meta name="viewport" content="width=device-width, initial-scale=1">
        {% block awesome_css %}
            <link href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/font-awesome.css" rel="stylesheet">
        {% endblock %}        
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css' />
        {% block extra_css %}
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/bootstrap-theme.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/slick.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/app.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/hack.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/entrouvert.css" />
        <link rel="stylesheet" type="text/css" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/surclass.css" />
        <!--[if lt IE 9]>
          <link rel="stylesheet" href="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/css/ie8.css" />
        <![endif]-->
   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
              <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
              <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
            <![endif]-->
        {% endblock %}
    
  </head>
  <body {% block bodyargs %}{% endblock %} style="background: url({{ portal_url }}{{ STATIC_URL }}portail_citoyen/img/Background-par-defaut.jpg) no-repeat;background-size: 100% auto; background-position: center top;" >
    {% cms_toolbar %}
    <div class="body">
    <div id="wrap" class="container">
        {% include "header.html" %}
        
      

      
      <div class="row">  
      <div id="main-content-wrapper">

        <div id="single-title">Portail citoyen</div>
        <div id="nav">
            {% block personnel %}
            {% if user.is_authenticated %} 
	        <div class="col-sm-16">
		        <div class="box box-full account-panel panel panel-default">
			        <div class="panel-heading" id="toplinks">
				        <span class="logged-in">
					        <h4 class="panel-title user fullname">
						        {{ user.get_full_name }}
					        </h4>
				        </span>
			        </div>
			        <div class="panel-body">
				        <ul>
				            <li><a href="{{ idp_url }}/accounts/">Mon compte</a></li>
				            <li><a href="{{ wcs_url }}/myspace/">Mes démarches en cours</a></li>
                            <li><a href="{{ wcs_url }}/login">Démarches en ligne</a></li>
				            <li><a href="{{ LOGOUT_URL }}">Déconnexion</a></li>                            
				        </ul>
			        </div>
		        </div>
	        </div>
            {% endif %}
            {% if user.is_anonymous %}
            <div class="col-sm-16">
		        <div class="box box-full account-panel panel panel-default">
			        <div class="panel-heading" id="toplinks">
				        <span class="logged-in">
					        <h4 class="panel-title user fullname">
						        Compte citoyen
					        </h4>
				        </span>
			        </div>
			        <div class="panel-body">
				        <ul>
				            <li><a href="{{ idp_url }}/login">Connexion</a></li>
				            <li><a href="{{ idp_url }}/accounts/register/">Créer un compte</a></li>
				            <li><a href="{{ wcs_url }}">Démarches en ligne</a></li>
                            <li><a href="{{ portal_url }}/aide">Aide</a></li>
				        </ul>
			        </div>
		        </div>
	        </div>
            {% endif %}
            {% endblock %}

                {% block menu %}
                <!-- colonne gauche -->
                {% include "left-col.html" %}
                <!-- fin colonne gauche -->
                {% endblock %}

                </div>
	        </div>
        </div>

        <div id="main-content">
        
          <div id="content" class="large">
       
            {% block content %}
            {% endblock %}
          </div> <!-- #content -->
        </div> <!-- #main-content -->

      <!-- right colonne -->
         {% block rightcol %}
         {% include "right-col.html" %}
         {% endblock %}
      </div> <!-- #main-content-wrapper -->
      
   
    
</div><!-- row--></div><!-- wrap -->
<div id="footer" class="footer hidden-print">
    {% include "footer.html" %}   
</div>
</div>
    {% render_block "js" %}
    {% if messages %}
    
    {% endif %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
      jQuery('#messages').delay(3000*(1+{{ messages|length }})).fadeOut('slow');
    </script>
{% block extra_scripts %}{% endblock %}
    <script src="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/js/bootstrap.min.js"></script>
    <script src="{{ portal_url }}{{ STATIC_URL }}portail_citoyen/js/jquery.stellar.min.js"></script>

    <script>
     function layouting() {
        if ( window.matchMedia('(min-width: 992px)').matches) {
            $("#nav").detach().insertBefore('#main-content');
            $("#events").detach().appendTo('#col-right > .row');
            $("#promo").detach().insertAfter('#events');
            $("#procedures").detach().appendTo('#header');
            $("#right_bar").detach().insertAfter('#promo');
        } else if ( window.matchMedia('(max-width: 991px)').matches ) {
            $("#nav").detach().insertAfter('#main-content');
            $("#events").detach().insertAfter('#main-content');
            $("#procedures").detach().insertAfter('#navigation');
            $("#right_bar").detach().insertAfter('#access');
            if ( window.matchMedia('(min-width: 481px)').matches ) {
                $("#promo").detach().insertAfter('#right_bar');
            }
        }
    }
    $(function() {
        layouting();
        $(window).resize(function(event) {
            layouting();
        });
        if ( window.matchMedia('(min-width: 768px)').matches ) {
            $('body').stellar({
                horizontalOffset: 0
            });
        }
        $('[data-toggle="collapse"]').on('click', function () {
            if ( $(this).hasClass('active') ) {
                $(this).removeClass('active');
            } else {
                $(this).addClass('active');
            }
        });
        $('ul.nav li.dropdown').hover(function() {
            $(this).addClass('open').find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
        }, function() {
            $(this).removeClass('open').find('.dropdown-menu').stop(true, true).delay(200).fadeOut();
        });
        $('.yamm-content').find('.change-img').find('img').not(':first-child').css('top', '-5000px');
        $('#navigation').find('[data-img]').hover( function () {
            var img = $(this).data('img');
            $(this).parents('.yamm-content').find('.img' + img).css('top', '0').siblings('img').css('top', '-5000px');
        });
    });

    {% block dataview %}{% endblock %}
    </script>

<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//piwik.monitoring.entrouvert.org/";
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', 3]);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//piwik.monitoring.entrouvert.org/piwik.php?idsite=3" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->

</body>
</html>


