<!-- Start of header section
============================================= -->
<header id="in-sv-header" class="in-sv-header-section">
<div class="in-sv-header-content position-relative">
<div class="in-sv-header-logo position-absolute">
<div class="brand-logo text-center d-flex align-items-center justify-content-center">
<a href="{{ path('index') }}"><img src="{{ asset('assets_new/logo-blanc.png') }}" alt=""></a>
</div>
</div>
<div class="in-sv-header-top-content-main-navigation">
<div class="in-sv-header-top-content d-flex justify-content-between">
<div class="in-sv-header-cta ul-li">
<ul>
<li><i class="fal fa-map-marker-alt"></i>Abidjan, Côte d'Ivoire | Québec, Canada</li>
<li><i class="fal fa-phone-alt"></i> +225 07 07 040 755 | +1 418 914 5444</li>
</ul>
</div>
<div class="in-sv-header-cta-social d-flex align-items-center ul-li">
<div class="in-sv-header-cta">
<ul>
<li><i class="fal fa-paper-plane"></i> info@dsante.com</li>
<li>
<a href="https://www.facebook.com/people/DSant%C3%A9/100089313890883/" target="_blank"><i class="fab fa-facebook-f"></i></a>
{# <a href="#"><i class="fab fa-twitter"></i></a>#}
<a href="https://www.instagram.com/dsi_dsante/" target="_blank"><i class="fab fa-instagram"></i></a>
{# <a href="#"><i class="fab fa-youtube"></i></a>#}
</li>
</ul>
</div>
</div>
</div>
<div class="in-sv-header-main-navigation d-flex justify-content-between align-items-center">
<div class="in-sv-header-menu" style="width: 100%;text-align: center;">
<nav class="in-sv-main-navigation-area clearfix ul-li">
<ul id="main-nav" class="nav navbar-nav clearfix">
{# <li class="dropdown"> #}
{# <a href="!#">Home</a> #}
{# <ul class="dropdown-menu clearfix"> #}
{# <li><a href="index-1.html">Home One </a></li> #}
{# <li><a href="index-2.html">Home Two </a></li> #}
{# <li><a href="index-3.html">Home Three </a></li> #}
{# <li><a href="index-4.html">Home Four </a></li> #}
{# <li><a href="index-5.html">Home Five </a></li> #}
{# <li><a href="index-6.html">Home Six </a></li> #}
{# <li><a href="index-7.html">Home Seven </a></li> #}
{# </ul> #}
{# </li> #}
{# <li><a href="about.html">About Us</a></li> #}
{# <li class="dropdown"> #}
{# <a href="!#">Shop</a> #}
{# <ul class="dropdown-menu clearfix"> #}
{# <li><a href="shop.html">Shop Page </a></li> #}
{# <li><a href="shop-single.html">Shop Details</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"> #}
{# <a href="!#">Pages</a> #}
{# <ul class="dropdown-menu clearfix"> #}
{# <li><a href="service.html">Services</a></li> #}
{# <li><a href="service-2.html">Service Page 2</a></li> #}
{# <li class="dropdown"> #}
{# <a href="service-single.html">Services Details</a> #}
{# <ul class="dropdown-menu clearfix"> #}
{# <li><a href="service-single.html">Life Insurence</a></li> #}
{# <li><a href="service-single.html">Health Insurence</a></li> #}
{# <li><a href="service-single.html">Car Insurence</a></li> #}
{# <li><a href="service-single.html">Home Insurence</a></li> #}
{# <li><a href="service-single.html">Credit Insurence</a></li> #}
{# <li><a href="service-single.html">Transport Insurence</a></li> #}
{# <li><a href="service-single.html">Energy Insurence</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"> #}
{# <a href="!#">Testimonial</a> #}
{# <ul class="dropdown-menu clearfix"> #}
{# <li><a href="testimonial.html">Testimonial</a></li> #}
{# <li><a href="testimonial-carousel.html">Testimonial Carousel</a></li> #}
{# </ul> #}
{# </li> #}
{# <li><a href="team.html">Team Page</a></li> #}
{# <li><a href="team-single.html">Team Details</a></li> #}
{# <li><a href="faq.html">FAQ Page</a></li> #}
{# <li><a href="pricing.html">Pricing Page</a></li> #}
{# <li><a href="contact.html">Contact Page</a></li> #}
{# <li><a href="insurance-calculator.html">Insurence Calculator</a></li> #}
{# <li><a href="404.html">404</a></li> #}
{# </ul> #}
{# </li> #}
<li><a href="{{ path('index') }}">Accueil</a></li>
<li><a class="" href="#in-sv-service-3">Nos services</a></li>
{# <li class="dropdown">#}
{# <a class="" href="#">Nos services</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="#">Particulier </a></li>#}
{# <li><a href="#">Pour les familles </a></li>#}
{# <li><a href="#">pour les entreprises</a></li>#}
{# </ul>#}
{# </li>#}
<li><a href="{{ path('patient_dashboard') }}">Accès patient</a></li>
<li><a href="{{ path('personal_staff_dashboard') }}">Accès professionnel</a></li>
{# <li class="dropdown">#}
{# <a class="" href="#">Pour les professionnels</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="#">Se connecter </a></li>#}
{# <li><a href="{{ path('devenir_professionnelle') }}">S'informer</a></li>#}
{# </ul>#}
{# </li>#}
<li class="dropdown">
<a class="" href="#">À propos de nous</a>
<ul class="dropdown-menu clearfix">
<li><a href="{{ path('contact') }}">Contact </a></li>
<li><a href="{{ path('equipe') }}">L'équipe </a></li>
</ul>
</li>
{# <li><a href="{{ path('contact') }}">Contact</a></li>#}
</ul>
</nav>
</div>
{# <div class="in-sv-header-cta-btn-grp d-flex align-items-center">#}
{# <div class="in-sv-header-search">#}
{# <button class="search-btn"><i class="far fa-search"></i></button>#}
{# </div>#}
{# <div class="in-sv-header-sidebar navSidebar-button">#}
{# <button><i class="fas fa-bars"></i></button>#}
{# </div>#}
{# #}{# <div class="in-sv-cta-btn text-uppercase"> #}
{# #}{# <a href="#">Get a quote</a> #}
{# #}{# </div> #}
{# </div>#}
</div>
</div>
<div class="mobile_menu position-relative">
<div class="mobile_menu_button open_mobile_menu" style="top: -40px!important;">
<i class="fal fa-bars"></i>
</div>
<div class="mobile_menu_wrap">
<div class="mobile_menu_overlay open_mobile_menu"></div>
<div class="mobile_menu_content">
<div class="mobile_menu_close open_mobile_menu">
<i class="fal fa-times"></i>
</div>
<div class="m-brand-logo">
<a href="{{ path('index') }}"><img src="{{ asset('assets_new/logo-bleu.png') }}" alt=""></a>
{# <a href="!#"><img src="assets_new/img/h7/logo/logo2.png" alt=""></a>#}
</div>
{# <div class="in-m-search">#}
{# <form action="#">#}
{# <input type="text" name="search" placeholder="Search..">#}
{# <button type="submit"><i class="far fa-search"></i></button>#}
{# </form>#}
{# </div>#}
<nav class="mobile-main-navigation clearfix ul-li">
<ul id="m-main-nav" class="nav navbar-nav clearfix">
<li><a href="{{ path('index') }}">Accueil </a></li>
<li><a href="#in-sv-service-3">Nos services </a></li>
<li><a href="{{ path('patient_dashboard') }}">Accès patient </a></li>
<li><a href="{{ path('personal_staff_dashboard') }}">Accès professionnel </a></li>
<li><a href="{{ path('contact') }}">Contact </a></li>
<li><a href="{{ path('equipe') }}">L'équipe </a></li>
{# <li class="dropdown">#}
{# <a href="{{ path('index') }}">Accueil </a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="{{ path('index') }}">Accueil </a></li>#}
{# <li><a href="#in-sv-service-3">Nos services </a></li>#}
{# <li><a href="{{ path('patient_dashboard') }}">Accès patient </a></li>#}
{# <li><a href="{{ path('personal_staff_dashboard') }}">Accès professionnel </a></li>#}
{# <li><a href="{{ path('contact') }}">Contact </a></li>#}
{# <li><a href="{{ path('equipe') }}">L'équipe </a></li>#}
{# <li><a href="index-7.html">Home 7 </a></li>#}
{# </ul>#}
{# </li>#}
{# <li><a href="about.html">About Us</a></li>#}
{# <li class="dropdown">#}
{# <a href="!#">Shop</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="shop.html">Shop Page </a></li>#}
{# <li><a href="shop-single.html">Shop Details</a></li>#}
{# </ul>#}
{# </li>#}
{# <li class="dropdown">#}
{# <a href="!#">Pages</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="service.html">Services</a></li>#}
{# <li><a href="service-2.html">Service Page 2</a></li>#}
{# <li class="dropdown">#}
{# <a href="service-single.html">Services Details</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="service-single.html">Life Insurence</a></li>#}
{# <li><a href="service-single.html">Health Insurence</a></li>#}
{# <li><a href="service-single.html">Car Insurence</a></li>#}
{# <li><a href="service-single.html">Home Insurence</a></li>#}
{# <li><a href="service-single.html">Credit Insurence</a></li>#}
{# <li><a href="service-single.html">Transport Insurence</a>#}
{# </li>#}
{# <li><a href="service-single.html">Energy Insurence</a></li>#}
{# </ul>#}
{# </li>#}
{# <li class="dropdown">#}
{# <a href="!#">Testimonial</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="testimonial.html">Testimonial</a></li>#}
{# <li><a href="testimonial-carousel.html">Testimonial#}
{# Carousel</a></li>#}
{# </ul>#}
{# </li>#}
{# <li><a href="team.html">Team Page</a></li>#}
{# <li><a href="team-single.html">Team Details</a></li>#}
{# <li><a href="faq.html">FAQ Page</a></li>#}
{# <li><a href="pricing.html">Pricing Page</a></li>#}
{# <li><a href="contact.html">Contact Page</a></li>#}
{# <li><a href="insurance-calculator.html">Insurence Calculator</a>#}
{# </li>#}
{# <li><a href="404.html">404</a></li>#}
{# </ul>#}
{# </li>#}
{# <li class="dropdown">#}
{# <a class="" href="!#">Blog</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="blog-list.html">News </a></li>#}
{# <li><a href="blog-grid.html">News Grid</a></li>#}
{# <li><a href="blog-list-2.html">News List</a></li>#}
{# <li><a href="blog-slider.html">News Slider</a></li>#}
{# <li><a href="blog-single.html">News Details</a></li>#}
{# </ul>#}
{# </li>#}
{# <li class="dropdown">#}
{# <a class="" href="!#">Portfolio</a>#}
{# <ul class="dropdown-menu clearfix">#}
{# <li><a href="portfolio-slide.html">Portfolio Slide </a></li>#}
{# <li><a href="portfolio-grid.html">Portfolio Grid</a></li>#}
{# <li><a href="portfolio-masonry.html">Porfolio Masonry</a></li>#}
{# <li><a href="portfolio-single.html">Portfolio Details</a></li>#}
{# </ul>#}
{# </li>#}
</ul>
</nav>
</div>
</div>
<!-- /Mobile-Menu -->
</div>
</div>
</header><!-- /header -->
<!-- search filed -->
<div class="search-body">
<div class="search-form">
<form action="#" class="search-form-area">
<input class="search-input" type="search" placeholder="Search Here">
<button type="submit" class="search-btn1">
<i class="fas fa-search"></i>
</button>
</form>
<div class="outer-close text-center search-btn">
<i class="far fa-times"></i>
</div>
</div>
</div>
<!-- Sidebar sidebar Item -->
<div class="xs-sidebar-group info-group">
<div class="xs-overlay xs-bg-black">
<div class="row loader-area">
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
<div class="col-3 preloader-wrap">
<div class="loader-bg"></div>
</div>
</div>
</div>
<div class="xs-sidebar-widget">
<div class="sidebar-widget-container">
<div class="widget-heading">
<a href="#" class="close-side-widget">
X
</a>
</div>
<div class="sidebar-textwidget">
<div class="sidebar-info-contents headline pera-content">
<div class="content-inner">
<div class="logo">
<a href="{{ path('index') }}"><img src="{{ asset('assets_new/logo-blanc.png') }}" alt=""></a>
</div>
<div class="content-box">
<h5>About Us</h5>
<p class="text">The argument in favor of using filler text goes something like this: If you
use real content in the Consulting Process, anytime you reach a review point you’ll end
up reviewing and negotiating the content itself and not the design.</p>
</div>
<div class="gallery-box ul-li">
<h5>Gallery</h5>
<ul class="zoom-gallery">
<li><a href="assets_new/img/gallery/gl1.png" data-source="assets_new/img/gallery/gl1.png"><img
src="assets_new/img/gallery/gl1.png" alt=""></a></li>
<li><a href="assets_new/img/gallery/gl2.png" data-source="assets_new/img/gallery/gl2.png"><img
src="assets_new/img/gallery/gl2.png" alt=""></a></li>
<li><a href="assets_new/img/gallery/gl3.png" data-source="assets_new/img/gallery/gl3.png"><img
src="assets_new/img/gallery/gl3.png" alt=""></a></li>
<li><a href="assets_new/img/gallery/gl4.png" data-source="assets_new/img/gallery/gl4.png"><img
src="assets_new/img/gallery/gl4.png" alt=""></a></li>
<li><a href="assets_new/img/gallery/gl5.png" data-source="assets_new/img/gallery/gl4.png"><img
src="assets_new/img/gallery/gl5.png" alt=""></a></li>
<li><a href="assets_new/img/gallery/gl6.png" data-source="assets_new/img/gallery/gl4.png"><img
src="assets_new/img/gallery/gl6.png" alt=""></a></li>
</ul>
</div>
<div class="content-box">
<h5>Social Account</h5>
<ul class="social-box">
<li><a href="https://www.facebook.com/" class="fab fa-facebook-f"></a></li>
<li><a href="https://www.twitter.com/" class="fab fa-twitter"></a></li>
<li><a href="https://dribbble.com/" class="fab fa-dribbble"></a></li>
<li><a href="https://www.linkedin.com/" class="fab fa-linkedin"></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of header section
============================================= -->
<style>
@media screen and (max-width: 991px){
.in-btn-2{
display: none;
}
}
</style>