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

{% block stylesheets %}
	{{ parent() }}
	<style>
		#member_content
		{
			min-height:1000px;
			/*background-color:#d8c694;*/
		}
	
		
		#breadcrumb
        {
        	display:flex;
        	flex;direction:row;
        	width:100%;
        	color:#581845;
        	font:bold;
        	font-size:1em;
        	background-color: #DAF7A6;
        	height:50px;
        	align-items:center;
        }
        
        #breadcrumb a
        {
        	margin:5px;
        	text-decoration: none;
        }
        
	
		#breadcrumb a:visited
		{
			color:green;
		}
		
		#general_content
		{
			width:90%;
			text-align: justify;
			margin:0% 0% 0% 5%;
		}
	
	
		h1
		{
			width:100%;
			text-align:center;
			text-transform:capitalize;
		}
		
		#author
		{
			color:blue;
			font-size:18px;
		}
		
		#date
		{
			color:blue;
			font-size:18px;
		}
	
	</style>
{% endblock %}



{% block main_content %}
      <div id="breadcrumb"> 
      	{% block breadcrumb %}
      	{% endblock %}
      </div>   
      
      <div id="general_content">
      	{% block general_content %}
			<h1>{{ topic.title }}</h1>
      		<p id="author">auteur : {{ topic.author }}</p>
      		<p id="date">créée le {{ topic.date }}</p>
      		<div>{{ topic.content }}</div>
      		
      	{% endblock %}
      </div>   			
            		
            			
{% endblock %}

{% block javascripts %}

<script>
</script>

{% endblock %}