<style>
		#contenteNotif{
		
			overflow: hidden;
		}
	
		#contenteNotif:hover{
		
			scrollbar-width: thin;
			
			overflow: auto;
		}
			
</style>
<ul class="sidebarMenuInner">
		<li>Notification
			<!-- <strong>Ba Baïla</strong> 
				<img class='roundedImage' src='{{ baseUrl('IconeV2/Misc/profil.jpg') }}' width='40px' style='width: 60px;height: 60px;position: absolute;
				top: 9px;
				right: 24px;' />	 -->
			<span>{{date}}</span></li>
</ul>
<div id="contenteNotif" style="height:75%">
<ul class="sidebarMenuInner" id="notificationSidebarMenuInner">
		{% for notif in notifications %}
	<li><a href="#">
		
	<img class="roundedImage" src="{{ notif.img}}" width="40px" style=""/>
	<strong style="font-size:16px">{{notif.nom}}</strong> {{notif.message}}</a> 
		<span style="margin-top: 7px;font-size: 12px;">{{ notif.date }}</span></li>
		{% endfor %}
		
</ul>
</div>