<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="OPHAM - Votre santé, notre métier">
<meta name="author" content="OPHAM">
<meta name="keywords"
content="opham, médicament, alcool, metronidazole,pommade,huile,sirop,aloe, biberon, lait, pharmaceutique">
<meta property="og:image" content="{{ absolute_url(asset('logo/opham.png')) }}">
<meta property="og:image:secure_url" content="{{ absolute_url(asset('logo/opham.png')) }}">
<meta property="og:title" content="La société OPHAM a été crée en 1952 par le professeur RATSIMAMANGA. « OPHAM ne cesse de se dépasser pour répondre à vos besoins »." />
<meta property="og:type" content="OPHAM" />
<meta property="og:url" content="https://www.opham.net/a-propos.php" />
<link rel="icon" href="{{ asset('assets/images/brand/favicon.ico') }}" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/images/brand/favicon.ico') }}"/>
<!-- Title -->
<title>{% block title %}OPHAM - Votre santé, notre métier{% endblock %}</title>
<!-- Bootstrap Css -->
{# <link href="cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">#}
<link id="style" href="{{ asset('assets/plugins/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet"/>
<!-- Dashboard Css -->
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
<link href="{{ asset('assets/css/dark-style.css') }}" rel="stylesheet"/>
<!-- Font-awesome Css -->
<link href="{{ asset('assets/css/icons.css') }}" rel="stylesheet"/>
<!-- ratings-2 Plugin -->
<link href="{{ asset('assets/plugins/ratings-2/star-rating-svg.css') }}" rel="stylesheet"/>
<!-- pretty checkbox-->
<link href="{{ asset('assets/plugins/prettycheckbox/pretty-checkbox.min.css') }}" rel="stylesheet"/>
<!--Gallery-Image-Zoom-->
<link href="{{ asset('assets/plugins/gallery-image-zoom/RV-gallery.css') }}" rel="stylesheet"/>
<!-- owl-carousel-->
<link href="{{ asset('assets/plugins/owl-carousel/owl.carousel.css') }}" rel="stylesheet"/>
<!--Select2 Plugin -->
<link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet"/>
<!-- Cookie css -->
<link href="{{ asset('assets/plugins/cookie/cookie.css') }}" rel="stylesheet">
<!-- p-scroll bar css-->
<link href="{{ asset('assets/plugins/pscrollbar/pscrollbar.css') }}" rel="stylesheet"/>
<!--Font icons-->
<!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
<!-- Font Awesome -->
<link href="{{ asset('assets/plugins/font-awesome/css/font-awesome.min.css') }}" rel="stylesheet">
<!-- COLOR-SKINS -->
<link id="theme" rel="stylesheet" type="text/css" media="all"
href="{{ asset('assets/webslidemenu/color-skins/color10.css') }}"/>
<!-- video css-->
<!-- <link href="../opham/Claylist/assets/plugins/video/insideElementDemo.css" rel="stylesheet" /> -->
<!-- Datatables -->
{# <link href="{{ asset('assets/plugins/datatables.net-bs/css/dataTables.bootstrap.min.css') }}" rel="stylesheet">#}
{# <link href="{{ asset('assets/plugins/datatables.net-buttons-bs/css/buttons.bootstrap.min.css') }}" rel="stylesheet">#}
{# <link href="{{ asset('assets/plugins/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css') }}" rel="stylesheet">#}
{# <link href="{{ asset('assets/plugins/datatables.net-responsive-bs/css/responsive.bootstrap.min.css') }}" rel="stylesheet">#}
{# <link href="{{ asset('assets/plugins/datatables.net-scroller-bs/css/scroller.bootstrap.min.css') }}" rel="stylesheet">#}
<!-- Custom Theme Style -->
<!-- <link href="../assets/plugins/table/css/custom.min.css" rel="stylesheet"> -->
<!-- video css-->
<link href="{{ asset('assets/plugins/video/insideElementDemo.css') }}" rel="stylesheet"/>
<!-- Vendor CSS Files -->
<!-- <link href="../assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet"> -->
<link href="{{ asset('assets/vendor/animate.css/animate.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/boxicons/css/boxicons.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/remixicon/remixicon.css') }}" rel="stylesheet">
<link href="{{ asset('assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="{{ asset('assets/css/stylePrincipale.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/custom2.css') }}" rel="stylesheet">
<!-- Toastr -->
<link href="{{ asset('my-asset/plugins/toastr/toastr.min.css') }}" rel="stylesheet">
<style>
.v-hidden {
display: none !important;
}
.btn-favori{
padding: 2px 3px;
}
.entete-user {
padding: unset !important;
margin-top: 0.3rem !important;
}
hr {
margin-bottom: 5px !important;
margin-top: 5px !important;
}
.btn--opacity{
opacity: 0.7;
}
.main-body .header-main .sticky-wrapper .horizontal-main .horizontal-mainwrapper .horizontalMenu .horizontalMenu-list li, .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list li{
width: auto;
}
@media screen and (min-width: 992px) {
.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu{
top:70px !important;
}
}
</style>
{% block asset_css %}{% endblock %}
</head>
<body class="main-body">
{% set _soc = 0|getActiveSociety() %}
{% set _ctc = _soc|getContactSociety() %}
<!--Loader-->
<div id="global-loader" style="overflow:hidden">
<img src="{{ asset('assets/images/products/products/loader.png') }}" class="loader-img floating" alt="loader">
</div>
<!--/Loader-->
<div class="header-main">
<!-- Mobile Header -->
<div class="sticky">
<div class="horizontal-header clearfix ">
<div class="container">
<a id="horizontal-navtoggle" class="animated-arrow"><span></span></a>
<span class="smllogo">
<img class="mobile-light-logo" src="{{ asset('assets/images/brand/logo.png') }}" width="30" alt="logo"/>
<img class="mobile-dark-logo" src="{{ asset('assets/images/brand/logo1.png') }}" width="30"
alt="logo1"/>
</span>
{% if app.user %}
<div id="panier-mobile"></div>
{% endif %}
</div>
</div>
</div>
<!-- /Mobile Header -->
{{ include('_top_header.html.twig') }}
</div>
{# ----- PAGE ----- #}
{% block body %}
{% endblock %}
<!-- ======= Hero Section ======= -->
{# ------ // PAGE // ----- #}
<!--Footer Section-->
{{ include('_footer.html.twig') }}
<!--/Footer Section-->
<!-- Back to top -->
<a href="#top" id="back-to-top"><i class="fa fa-rocket"></i></a>
<!-- JQuery js-->
<script src="{{ asset('assets/js/jquery.js') }}"></script>
<!-- Bootstrap js -->
<script src="{{ asset('assets/plugins/bootstrap/js/popper.min.js') }}"></script>
<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.min.js') }}"></script>
{#<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.min.js') }}"></script>#}
<!-- Bootstrap -->
{#<script src="{{ asset('assets/plugins/bootstrap/js/bootstrap.bundle.min.js') }}"></script>#}
<!--JQuery Sparkline Js-->
<script src="{{ asset('assets/js/vendors/jquery.sparkline.min.js') }}"></script>
<!-- Circle Progress Js-->
<script src="{{ asset('assets/js/vendors/circle-progress.min.js') }}"></script>
<!-- Star Rating-2 Js-->
<script src="{{ asset('assets/plugins/ratings-2/jquery.star-rating.js') }}"></script>
<script src="{{ asset('assets/plugins/ratings-2/star-rating.js') }}"></script>
<!--Owl Carousel js -->
<script src="{{ asset('assets/plugins/owl-carousel/owl.carousel.js') }}"></script>
<script src="{{ asset('assets/js/owl-carousel.js') }}"></script>
<!--Horizontal Menu-->
<script src="{{ asset('assets/plugins/Horizontal2/Horizontal-menu/horizontal.js') }}"></script>
<!-- Internal:: side-menu Js-->
<script src="{{ asset('assets/plugins/toggle-sidebar/sidemenu.js') }}"></script>
<!-- Gallery-image-Zoom -->
<script src="{{ asset('assets/plugins/gallery-image-zoom/RV-gallery.js') }}"></script>
<script src="{{ asset('assets/plugins/gallery-image-zoom/main.js') }}"></script>
<!--Counters -->
<script src="{{ asset('assets/plugins/counters/counterup.min.js') }}"></script>
<script src="{{ asset('assets/plugins/counters/waypoints.min.js') }}"></script>
<script src="{{ asset('assets/plugins/counters/numeric-counter.js') }}"></script>
<!--Select2 js -->
<script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/js/select2.js') }}"></script>
<!-- Cookie js -->
<script src="{{ asset('assets/plugins/cookie/jquery.ihavecookies.js') }}"></script>
<script src="{{ asset('assets/plugins/cookie/cookie.js') }}"></script>
<!-- Count Down-->
<script src="{{ asset('assets/plugins/count-down/jquery.lwtCountdown-1.0.js') }}"></script>
<!-- sticky Js-->
<script src="{{ asset('assets/js/sticky.js') }}"></script>
<script src="{{ asset('assets/js/custom-sticky.js') }}"></script>
<!-- p-scroll bar Js-->
<script src="{{ asset('assets/plugins/pscrollbar/pscrollbar.js') }}"></script>
<!-- Vertical scroll bar Js-->
<script src="{{ asset('assets/plugins/vertical-scroll/jquery.bootstrap.newsbox.js') }}"></script>
<script src="{{ asset('assets/plugins/vertical-scroll/vertical-scroll.js') }}"></script>
<!-- Datatables -->
{#<script src="{{ asset('assets/plugins/datatables.net/jquery.dataTables.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-bs/dataTables.bootstrap.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-buttons/dataTables.buttons.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-buttons-bs/buttons.bootstrap.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.flash.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.html5.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-buttons/buttons.print.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-fixedheader/dataTables.fixedHeader.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-keytable/dataTables.keyTable.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-responsive/dataTables.responsive.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-responsive-bs/responsive.bootstrap.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/datatables.net-scroller/dataTables.scroller.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/jszip/jszip.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/pdfmake/pdfmake.min.js') }}"></script>#}
{#<script src="{{ asset('assets/plugins/pdfmake/vfs_fonts.js') }}"></script>#}
<!-- Custom Js-->
{#<script src="{{ asset('assets/plugins/build/js/table.min.js') }}"></script>#}
<script src="{{ asset('assets/js/mycustom-js.js') }}"></script>
<script src="{{ asset('assets/js/custom.js') }}"></script>
<!--- Responsive JS -->
<script src="{{ asset('assets/js/responsive.js') }}"></script>
<!-- Vendor JS Files -->
<script src="{{ asset('assets/vendor/purecounter/purecounter.js') }}"></script>
<script src="{{ asset('assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
<script src="{{ asset('assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
<!-- video-->
<script src="{{ asset('assets/plugins/video/jquery.vide.js') }}"></script>
<!-- toastr -->
<script src="{{ asset('my-asset/plugins/toastr/toastr.min.js') }}"></script>
<!-- Contraint inpu -->
<script src="{{ asset('assets/my-plugins/input_contraints/input_contraints.js') }}"></script>
<script>
var _g_page = ""; // VARIABLE GLOBAL
</script>
{# ALERT TOASTR FLASH #}
{% for flash in app.flashes('success') %}
<script>
toastr.success('{{ flash }}')
</script>
{% endfor %}
{% for flash in app.flashes('error') %}
<script>
toastr.error('{{ flash }}')
</script>
{% endfor %}
{% for flash in app.flashes('info') %}
<script>
toastr.info('{{ flash }}');
</script>
{% endfor %}
{% block asset_js %}{% endblock %}
{% if is_granted("ROLE_CLIENT") %}
{% include('_script/_produit.html.twig') %}
{% endif %}
{#<!-- Template Main JS File -->
<!-- <script src="../opham/Claylist/assets/js/main.js"></script> -->#}
</body>
</html>