{%extends 'base.html'%}
{%block meta%}
	<meta charset="utf-8" />
	<meta name="description"  content="{{actualite.courte_description}}"/>
    	<title>SAN :{{actualite.titre}}  </title>

   {%endblock%}




{%block a1%}

       
{%endblock%}

{%block cp%}
<div class="article container  page row align-items-center tc">
<h1 class="h1s" style='padding: 2rem 1.2rem'>{{actualite.titre}}</h1>

{%if actualite.have_image1%}

<div class='horizontal'>
<figure class="actualite_picture_v2">
    <img src="{{actualite.image1.url}}" alt="{{actualite.titre}}" title="{{actualite.titre}}"/>
</figure>
</div>
{%endif%}

<p class="description">  
    {{actualite.description|linebreaksbr}}
</p>


<div class="row justify-content-center" style="flex-wrap: wrap;justify-content: center">

    {%if actualite.have_image2%}
<figure class="col-lg-4 col-md-6" >
    <img src="{{actualite.image2.url}}" alt="{{actualite.titre}}" title="{{actualite.titre}}"/>
</figure>

{%endif%}
    {%if actualite.have_image3%}
<figure  class="col-lg-4 col-md-6">
    <img src="{{actualite.image3.url}}" alt="{{actualite.titre}}" title="{{actualite.titre}}"/>
</figure>

{%endif%}
    {%if actualite.have_image4%}
<figure  class="col-lg-4 col-md-6">
    <img src="{{actualite.image4.url}}" alt="{{actualite.titre}}" title="{{actualite.titre}}"/>
</figure>

{%endif%}
    {%if actualite.have_image5%}
<figure  class="col-lg-4 col-md-6">
    <img src="{{actualite.image5.url}}" alt="{{actualite.titre}}" title="{{actualite.titre}}"/>
</figure>

{%endif%}
</div>


</div>


{%endblock%}