{% extends 'base_template.html.twig' %}

{% block stylesheets %}
	{{ parent() }}  
	

	
	#route_profile
	{
		background-color: #ecf0f1;
	}
	
	#route_messages
	{
		background-color: #797d7f;
	}
	
	#route_contacts
	{
		background-color: #797d7f;
	}


{% endblock %}

{% block main_content %}

	<div class= "breadcrumbs">
		{% block breadcrumbs %}
			<a href="{{ path('homepage') }}">accueil </a>
			<a href=""> > </a>
			<a href=""> espace membre</a>
		{% endblock %}
    </div>
         
	    	<nav class="user_area">
	    		<ul>
				{% block area_user %}
					<li id="route_profile"><a href="{{ path('member_profile_view', {'userid': app.user.id}) }}" >profil</a></li>
					<li id="route_messages"><a href="{{ path('member_messages', {'userid': app.user.id}) }}" >messages</a></li>
					<li id="route_contacts"><a href="{{ path('member_contacts', {'userid': app.user.id}) }}" >contacts</a></li>
				{% endblock %}
	    	</nav>         
         
         
    <h1 class="page_title">
    	{% block title_page %}
    	{% endblock %}
    </h1>  
    
    <div id="member_template_layout">
	    {% block body_content %}
	    
	    
		{% endblock %}
	</div>     
	          			
{% endblock %}



{% block javascript %}
	{{ parent() }}
	
	
	function setColor (element)
	{
		id= element.id;
		if(id="profile")
		{
		
		}
		else
		{
		
		}
	}
	
{% endblock %}