Outiref
<!doctype html>
<html lang="fr">
<head>
   <!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M53NCSR');</script>
<!-- End Google Tag Manager --> 
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Hôtel Médina Yasmine Hammamet | Médina Hôtels & Resorts Hammamet</title>
<meta name="description" content="Découvrez le charme de nos hôtels avec Medina hôtels & resorts.Profitez de nos Trois hôtels pour un séjour exceptionnel en Tunisie."/>
<meta property="og:url" content="https://www.medinahotelsandresorts.com/fr"/>
	<meta property="og:title" content="Hôtel Médina Yasmine Hammamet | Médina Hôtels & Resorts Hammamet"/>
	<meta property="og:type" content="article"/>
	<meta property="og:description" content="Découvrez le charme de nos hôtels avec Medina hôtels & resorts.Profitez de nos Trois hôtels pour un séjour exceptionnel en Tunisie."/>
	<meta property="og:image" content="https://www.medinahotelsandresorts.com/assets/fr/images/png/logo.png"/>
	<meta property="og:site_name" content="MEDINA HOTELS & RESSORTS"/>
<meta name="keywords" content="Hôtel Médina Yasmine Hammamet | Médina Hôtels & Resorts Hammamet">
<link rel="icon" type="image/png" href="https://www.medinahotelsandresorts.com/assets/fr/images/favicon.png">
<meta name="author" content="Hôtel Médina Yasmine Hammamet | Médina Hôtels & Resorts Hammamet">
<!--<meta name="geo.placename" content="Tunisie,Tunis" >-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Global site tag (gtag.js) - Google Analytics -->
<meta name="google-site-verification" content="CIOyji8bHMsLatmCv_g3_EXoMDNubu1CvWwmy_e2nkg" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M53NCSR');</script>
<!-- End Google Tag Manager --> 

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script',
'https://connect.facebook.net/en_US/fbevents.js'
);
fbq('init', '507108540208297');
fbq('track', 'PageView');
</script>
<noscript>
<img height="1" width="1"
src="https://www.facebook.com/tr?id=507108540208297&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i,700|Open+Sans:200,300,400,400i,600,600i,700,700i,800,800i|Playfair+Display:400,400i,700,700i,900,900i">
<link href="https://www.medinahotelsandresorts.com/assets/fr/css/built.min.css" rel="stylesheet">
<!-- 
Start of global snippet: Please do not remove
Place this snippet between the <head> and </head> tags on every page of your site.
-->
<!-- Global site tag (gtag.js) - Google Marketing Platform -->
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-9889489"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'DC-9889489');
  gtag('config', 'AW-667430451');
  gtag('config', 'AW-667430718');
</script>
<!-- End of global snippet: Please do not remove -->
    <meta name="google-site-verification" content="CIOyji8bHMsLatmCv_g3_EXoMDNubu1CvWwmy_e2nkg" />


</head>

<body class="milenia-body--scheme-lightbrown">
<div class="message_wrapper">
   <p>Meilleurs prix garantis</p>
    <span><i class="fa fa-times"></i></span>
</div>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M53NCSR"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!--<div class="milenia-preloader"></div>-->

<div id="milenia-page-wrapper" class="milenia-page-wrapper">
    <!--<div class="milenia-preloader"></div>-->
<span class="milenia-sidebar-hidden-overlay"></span>
<!--================ Start Left Menu ================-->
<aside id="milenia-sidebar-hidden" aria-hidden="true" class="milenia-sidebar-hidden">
    <button type="button" data-sidebar-hidden="#milenia-sidebar-hidden" aria-expanded="false" aria-controls="milenia-sidebar-hidden" aria-haspopup="true" class="milenia-sidebar-hidden-close"><i class="icon icon-cross"></i></button>
    <!--================ Hidden Sidebar Header ================-->
    <header class="milenia-sidebar-hidden-header">
        <div class="milenia-sidebar-hidden-items">
                        <div class="logo"><a title="MEDINA " href="https://www.medinahotelsandresorts.com/fr" class="milenia-ln--independent"><img src="https://www.medinahotelsandresorts.com/assets/fr/images/logo.png" alt="MEDINA "></a></div>
        </div>
    </header>
    <!--================ End of Hidden Sidebar Header ================-->
    <!--================ Hidden Sidebar Content ================-->
    <div class="milenia-sidebar-hidden-content">
        <!--================ Navigation ================-->
        <nav class="milenia-navigation-container milenia--nice-scrolled">
            <ul class="milenia-navigation-vertical">
                <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medinahotelsandresorts.com" class="milenia-ln--independent milenia-prevented">Medina
                        Hotels & Resorts</a></li>
                <li class="menu-item menu-item-has-children current-menu-item"><a href="http://www.medina.com.tn" target="_blank" class="milenia-ln--independent milenia-prevented">La
                        medina Mediterranea</a></li>
                <li class="menu-item menu-item-has-children current-menu-item"><a href="http://www.carthageland.com.tn/" target="_blank" class="milenia-ln--independent milenia-prevented">Parc
                        d'attraction Carthageland</a></li>
                <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medina.com.tn/fr/centre-de-congres-expo" target="_blank" class="milenia-ln--independent milenia-prevented">Medina events</a></li>
                <li class="menu-item menu-item-has-children current-menu-item"><a href="http://www.medina.com.tn/fr/sheherazade/diner-danse.html" target="_blank" class="milenia-ln--independent milenia-prevented">Shéhérazade 1001 Nuits</a></li>
            </ul>
            <hr>

                            <ul class="milenia-navigation-vertical">
                                            <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medinahotelsandresorts.com/fr/galerie" class="milenia-ln--independent"  title="Galerie photos | Médina Hôtels & Resorts Hammamet" >Galerie photos</a>
                        </li>
                                            <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medinahotelsandresorts.com/fr/contactez-nous" class="milenia-ln--independent"  title="Hôtel Hammamet Tunisie Booking : Contactez-nous" >Contactez-nous</a>
                        </li>
                                            <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medinahotelsandresorts.com/fr/durabilite-" class="milenia-ln--independent"  title="Durabilité " >Durabilité</a>
                        </li>
                                            <li class="menu-item menu-item-has-children current-menu-item"><a href="https://www.medinahotelsandresorts.com/fr/plan-du-site" class="milenia-ln--independent"  title="Plan du site" >Plan du site</a>
                        </li>
                    

                </ul>
                    </nav>
        <!--================ End of Navigation ================-->
    </div>
    <!--================ End of Hidden Sidebar Content ================-->
            <!--================ Hidden Sidebar Footer ================-->
        <footer class="milenia-sidebar-hidden-footer">
            <div class="milenia-sidebar-hidden-items">
                <div>
                    <ul class="milenia-social-icons milenia-social-icon--scheme-secondary milenia-list--unstyled">
                                                    <li>
                                <a href="https://www.facebook.com/medinahotelsandresorts/"  title="Facebook"  target="_blank" > <i class="fab fa-facebook"></i> </a>
                            </li>
                                                    <li>
                                <a href="https://www.instagram.com/medinahotelsandresorts/"  title="instagram"  target="_blank" > <i class="fab fa-instagram"></i> </a>
                            </li>
                                                    <li>
                                <a href="https://www.youtube.com/user/MedinaMediterranea1"  title="YouTube"  target="_blank" > <i class="fab fa-youtube"></i> </a>
                            </li>
                                            </ul>
                </div>
            </div>
        </footer>
        <!--================ End of Hidden Sidebar Footer ================-->
    </aside>

<!--================ End Left Menu ================-->


<header id="milenia-header" class="milenia-header milenia-header--light">
    <!--================ Section ================-->
    <div class="milenia-header-section-lg milenia-header-section--sticky-xl">
        <!--================ Column ================-->
        <div class="milenia-header-col milenia-header-col-12 milenia-header-col-sm-12 milenia-header-col-xl-3 milenia-aligner milenia-aligner--valign-middle milenia-header-col--padding-default milenia-header-col--content-align-left-xl">
            <div class="milenia-aligner-outer">
                <div class="milenia-aligner-inner">
                    <div class="milenia-header-items left_header_block">
                        <span>
                            <button type="button" data-sidebar-hidden="#milenia-sidebar-hidden" aria-expanded="false" aria-controls="milenia-sidebar-hidden" aria-haspopup="true" class="milenia-header-menu-btn milenia-sidebar-hidden-btn"><i class="icon icon-menu"></i></button>
                        </span>
                                                <div><a title="MEDINA " href="https://www.medinahotelsandresorts.com/fr" class="milenia-ln--independent header_logo"><img src="https://www.medinahotelsandresorts.com/assets/fr/images/logo.png" alt="MEDINA "></a></div>

                    </div>
                </div>
            </div>
        </div>
        <!--================ End of Column ================-->
        <!--================ Column ================-->
                    <div class="milenia-header-col milenia-header-col--nav-vertical-sm milenia-header-col-lg-12 milenia-header-col-xl-6 milenia-aligner milenia-aligner--valign-middle milenia-header-col--padding-no-y-lg milenia-header-col--content-align-left-lg milenia-header-col--content-align-center-xl" style="text-align: center;">
                <div class="milenia-aligner-outer">
                    <div class="milenia-aligner-inner">
                        <div class="milenia-header-items">
                            <!--================ Navigation ================-->
                            <nav class="milenia-navigation-container">
                                <ul class="milenia-navigation milenia-navigation--vertical-sm">
                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/nos-hotels"  title="Réserver Hôtel Hammamet | Médina yasmine Hammamet"  class="milenia-ln--independent">Nos hôtels</a>
                                        </li>

                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/experiences"  title="Hôtel Hammamet : Vacances et Séjours  |Médina Hôtels & Resorts"  class="milenia-ln--independent">Expériences</a>
                                        </li>

                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/thalasso"  title="Massage, Thalasso & Piscine | Médina Hôtels & Resorts Hammamet"  class="milenia-ln--independent">Thalasso</a>
                                        </li>

                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/meetings"  title="Salle de réunion et conférence - Hôtel Médina Hammamet"  class="milenia-ln--independent">Meetings</a>
                                        </li>

                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/la-medina"  title="Meilleur Hôtel Hammamet | La Medina de yasmine Hammamet"  class="milenia-ln--independent">LA MEDINA</a>
                                        </li>

                                                                            <li class="menu-item menu-item-has-children"><a href="https://www.medinahotelsandresorts.com/fr/galerie"  title="Galerie photos | Médina Hôtels & Resorts Hammamet"  class="milenia-ln--independent">Galerie</a>
                                        </li>

                                    
                                    <!--                                         Added 08/01/2019 -->
                                    <li>
                                        <a href="https://preprod.medianet.tn/PORTAIL_LEMDINA/fr/nos-hotels"  title="YouTube"  target="_blank"  class="milenia-btn milenia-btn--huge milenia-btn--scheme-primary">Réservez</a>
                                    </li>
                                    <!--                                        End -->

                                </ul>
                            </nav>
                            <!--================ End of Navigation ================-->
                        </div>
                    </div>
                </div>
            </div>

        
        <!-- <select name="langue" class="menu_langue">
                    <option>FR</option>
                    <option>EN</option>
                </select>-->
        <div class="milenia-header-col milenia-header-col-lg-4 milenia-header-col-xl-3 milenia-aligner milenia-aligner--valign-middle milenia-header-col--content-align-right-lg milenia-header-col--padding-no">
            <div class="milenia-aligner-outer">
                <div class="milenia-aligner-inner">
                    <div class="milenia-header-items">
                                                    <div>
                                <!--================ Languages List ================-->
                                <div class="milenia-dropdown milenia-dropdown--title-icon milenia-dropdown--languages">
                                    <button type="button" class="milenia-dropdown-title">FR<i class="fa fa-caret-down milenia-dropdown-icon--state-default"></i><i class="fa fa-caret-up milenia-dropdown-icon--state-opened"></i></button>
                                    <ul class="milenia-dropdown-element">
                                                                                    <li><a class="milenia-ln--independent" href="https://www.medinahotelsandresorts.com/en">English</a></li>
                                                                            </ul>
                                </div>
                                <!--================ End of Languages List ================-->
                            </div>
                                            </div>
                </div>
            </div>
        </div>

    </div>
</header>
    <!--================ End of Header ================-->

    <!--================ Slider Revolution ================-->
    <div dir="ltr" class="rev_slider_wrapper fullscreenbanner-container">
        <div id="rev-slider-1" data-version="5.4.5"
             class="milenia-d-none rev-slider fullscreenabanner rev-has-scrollbottom-icon">
            <ul>
                                        <!--================ Slide 1 ================-->
                        <li data-transition="fade" data-speed="300" data-delay="9000">
                                                    <img
                                    src="https://www.medinahotelsandresorts.com/u_p_l_d/public/web.jpg"  title="MEDINA HÔTELS & RESORTS">
                                                    <!--================ Layer ================-->
                        <div data-frames="[{&quot;delay&quot;:200,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]"
                             data-x="center" data-y="center" data-hoffset="0"
                             data-voffset="['-70', '-70', '-70', '-90']"
                             data-width="['400']" data-height="['auto']" data-textalign="['center']"
                             data-color="['#fff']"
                             data-fontsize="['14']" data-lineheight="['20']"
                             class="tp-caption tp-resizeme tp-layer-section-subtitle">MEDINA HÔTELS & RESORTS                        </div>
                        <!--================ End of Layer ================-->
                        <!--================ Layer ================-->
                        <div data-frames="[{&quot;delay&quot;:400,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]"
                             data-x="center" data-y="center" data-hoffset="0" data-voffset="['-10', '-10', '0', '0']"
                             data-width="['1000', '1000', '760', '560']" data-height="['auto']"
                             data-textalign="['center']"
                             data-color="['#fff']" data-fontsize="['65']" data-lineheight="['65']"
                             class="tp-caption tp-resizeme tp-layer-section-title">                        </div>
                        
                                                    <!--================ End of Layer ================-->
                            <!--================ Layer ================-->
                            <div data-frames="[{&quot;delay&quot;:600,&quot;speed&quot;:2000,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power4.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:1000,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;auto:auto;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]"
                                 data-x="center" data-y="center" data-hoffset="0"
                                 data-voffset="['100', '100', '120', '140']"
                                 data-width="['1000']" data-textalign="['center']" class="tp-caption tp-btn-top">
                                <a href="https://www.medinahotelsandresorts.com/fr/nos-hotels"
                                   class="milenia-btn milenia-btn--scheme-primary milenia-btn--big milenia-btn--unbordered">En savoir plus</a>
                            </div>
                            <!--================ End of Layer ================-->
                                                </li>
                    <!--================ End of Slide  1  ================-->
                                </ul>
        </div>
    </div>
    <!--================ End of Slider Revolution ================-->
    
<div class="milenia-content milenia-content--no-py">
    <div class="container">
        <div class="row">
            <main class="col">
                <div class="milenia-entity-content">
                    <!--================ Content Section ================-->
<div class="milenia-section milenia-section--no-py">
    <form class="milenia-booking-form milenia-booking-form--style-1" action="https://search.travelclick.com/mhr" target="_blank">
        <input type="hidden" name="rooms" value="1" class="">
        <input type="hidden" name="themeid" value="1249" class="">
        <div class="form-group">
            <div class="form-col form-col--arrival-date">
                <div class="form-control">
                    <label for="booking-form-arrival-date">D. arrivée</label><span
                        class="milenia-field-datepicker milenia-field-datepicker--style-1"><span
                            class="milenia-field-datepicker-day">21</span><span
                            class="milenia-field-datepicker-others"><span
                                class="milenia-field-datepicker-month-year">Novembre, 2025</span><span
                                class="milenia-field-datepicker-dayname">Vendredi</span></span></span>
                    <input type="text" id="booking-form-arrival-date"
                           name="datein"
                           class="milenia-datepicker milenia-field-datepicker-invoker">
                </div>
            </div>
            <div class="form-col form-col--departure-date">
                <div class="form-control">
                    <label for="booking-form-departure-date">D. départ</label><span
                        class="milenia-field-datepicker milenia-field-datepicker--style-1"><span
                            class="milenia-field-datepicker-day">21</span><span
                            class="milenia-field-datepicker-others"><span
                                class="milenia-field-datepicker-month-year">Novembre, 2025</span><span
                                class="milenia-field-datepicker-dayname">Samedi</span></span></span>
                    <input type="text" id="booking-form-departure-date"
                           name="dateout"
                           class="milenia-datepicker milenia-field-datepicker-invoker">
                </div>
            </div>
            <div class="form-col form-col--adults">
                <div class="form-control">
                    <label>Adultes</label>
                    <div class="milenia-field-counter">
                        <div class="milenia-field-counter-value">1</div>
                        <input type="hidden" name="adults" value="1"
                               class="milenia-field-counter-target">
                        <button type="button"
                                class="milenia-field-counter-control milenia-field-counter-control--decrease"></button>
                        <button type="button"
                                class="milenia-field-counter-control milenia-field-counter-control--increase"></button>
                    </div>
                </div>
            </div>
            <div class="form-col form-col--children">
                <div class="form-control">
                    <label>Enfants</label>
                    <div class="milenia-field-counter">
                        <div class="milenia-field-counter-value">0</div>
                        <input type="hidden" name="children" value="0"
                               class="milenia-field-counter-target">
                        <button type="button"
                                class="milenia-field-counter-control milenia-field-counter-control--decrease"></button>
                        <button type="button"
                                class="milenia-field-counter-control milenia-field-counter-control--increase"></button>
                    </div>
                </div>
            </div>
            <div class="form-col form-col--action">
                <div class="form-control">
                                        <a href="https://www.medinahotelsandresorts.com/fr/nos-hotels" accueil>
                        <button type="button"
                                class="milenia-btn milenia-btn--huge milenia-btn--scheme-primary">
                            Réservez                        </button>
                    </a>
                                    </div>
            </div>
        </div>
    </form>
</div>
<!--================ End of Content Section ================-->
<!--================ Content Section ================-->
                                                <section
                                    class="milenia-section milenia-color--black milenia-section--stretched milenia-colorizer--scheme-lightest">
                                <div class="row align-items-center">
                                    <div class="col-lg-6">
                                        <h6 class="milenia-section-subtitle milenia-color--unchangeable">MÉDINA HÔTELS & RESORTS, VOUS LE MÉRITEZ</h6>
                                        <h2 class="milenia-section-title"> Trois hôtels pour un séjour exceptionnel en Tunisie</h2>
                                        <p>Oubliez les séjours classiques et venez séjourner à Yasmine Hammamet dans l’un de nos 3 hôtels pour vivre de nouvelles expériences riches et intenses. Trois ambiances différentes et uniques qui allient confort moderne, bien-être et authenticité.</p>
<p>Chaque hôtel reflète l’esprit de sa destination et dégage une caractéristique à la fois intime et pleine de découvertes.</p>
<p>Nous sommes fiers de proposer un accueil très spécial dans chacun de nos hôtels.</p>                                                                                    <div class="milenia-sign"><a href="https://www.medinahotelsandresorts.com/fr/la-medina"
                                                                          title="MÉDINA HÔTELS & RESORTS, VOUS LE MÉRITEZ"  
                                                                         class="">
                                                    En savoir plus</a></div>
                                                                                </div>
                                    <div class="col-lg-6">
                                                                                    <figure class="milenia-album"><img src="https://www.medinahotelsandresorts.com/u_p_l_d/public/banner/imagedeshotels.jpg"
                                                                               alt=" alt="></figure>                                    </div>
                                </div>
                            </section>
                            
                    <!--================ End of Content Section ================-->
                    <!--================ Content Section ================-->
                        <section class="milenia-section">
        <h6 class="milenia-section-subtitle milenia-color--unchangeable text-center">Découvrez</h6>
        <h2 class="milenia-section-title text-center">Nos Hôtels</h2>
        <!--================ Entities (Style 1) ================-->
        <div class="milenia-entities milenia-entities--style-1">
            <div class="milenia-grid milenia-grid--cols-3">
                                    <div class="milenia-grid-item">
                        <!--================ Entity ================-->
                        <article class="milenia-entity milenia-entity--format-slideshow">
                            <a href="https://diarlemdina.medinahotelsandresorts.com/en/" class="milenia-color--unchangeable">
                            <div class="milenia-entity-media">
                                                                <div class="owl-carousel milenia-simple-slideshow"><img src="https://www.medinahotelsandresorts.com/u_p_l_d/public/Diar-Lemdina.jpg"     alt="Dans un cadre unique et enchanteur, riche de petits bonheurs insoupçonnés, Diar Lemdina se présente comme un complexe hôtelier 4 étoiles à hébergements insolites."   title="DIAR  LEMDINA     "  /></div>                            </div>
                            <div class="milenia-entity-content milenia-aligner">
                                <div class="milenia-aligner-outer">
                                    <div class="milenia-aligner-inner">
                                        <header class="milenia-entity-header">
                                            <h2 class="milenia-entity-title">DIAR  LEMDINA                                                 </h2>
                                        </header>
                                        <div class="milenia-entity-body">
                                            <p><p></p>
Dans un cadre unique et enchanteur, riche de petits bonheurs insoupçonnés, Diar Lemdina se présente comme un complexe hôtelier 4 étoiles à hébergements insolites.</p>
                                        </div>
                                                                                <footer class="milenia-entity-footer"><span
                                               class="milenia-btn milenia-btn--link milenia-btn--scheme-primary">
                                                Découvrez</span>
                                                                                    </footer>
                                    </div>
                                </div>
                            </div>
                            </a>

                        </article>
                        <!--================ End of Entity ================-->
                    </div>
                                        <div class="milenia-grid-item">
                        <!--================ Entity ================-->
                        <article class="milenia-entity milenia-entity--format-slideshow">
                            <a href="https://belisaire.medinahotelsandresorts.com/en/" class="milenia-color--unchangeable">
                            <div class="milenia-entity-media">
                                                                <div class="owl-carousel milenia-simple-slideshow"><img src="https://www.medinahotelsandresorts.com/u_p_l_d/public/belisaireetthalasso.jpg"     alt="Venez vous ressourcer &agrave; l&rsquo;h&ocirc;tel B&eacute;lisaire &amp; Thalasso, un havre de paix et de tranquillit&eacute; pour un confortable s&eacute;jour de bien-&ecirc;tre"   title="BÉLISAIRE  & THALASSO"  /></div>                            </div>
                            <div class="milenia-entity-content milenia-aligner">
                                <div class="milenia-aligner-outer">
                                    <div class="milenia-aligner-inner">
                                        <header class="milenia-entity-header">
                                            <h2 class="milenia-entity-title">BÉLISAIRE  & THALASSO                                            </h2>
                                        </header>
                                        <div class="milenia-entity-body">
                                            <p>Venez vous ressourcer &agrave; l&rsquo;h&ocirc;tel B&eacute;lisaire &amp; Thalasso, un havre de paix et de tranquillit&eacute; pour un confortable s&eacute;jour de bien-&ecirc;tre</p>
                                        </div>
                                                                                <footer class="milenia-entity-footer"><span
                                               class="milenia-btn milenia-btn--link milenia-btn--scheme-primary">
                                                Découvrez</span>
                                                                                    </footer>
                                    </div>
                                </div>
                            </div>
                            </a>

                        </article>
                        <!--================ End of Entity ================-->
                    </div>
                                        <div class="milenia-grid-item">
                        <!--================ Entity ================-->
                        <article class="milenia-entity milenia-entity--format-slideshow">
                            <a href="https://solaria.medinahotelsandresorts.com/en/" class="milenia-color--unchangeable">
                            <div class="milenia-entity-media">
                                                                <div class="owl-carousel milenia-simple-slideshow"><img src="https://www.medinahotelsandresorts.com/u_p_l_d/public/solariaetthalasso.jpg"     alt="Baign&eacute; de lumi&egrave;re, offrant un panorama splendide sur la mer, Solaria &amp; Thalasso est notre complexe h&ocirc;telier 5 &eacute;toiles"   title="SOLARIA  & THALASSO"  /></div>                            </div>
                            <div class="milenia-entity-content milenia-aligner">
                                <div class="milenia-aligner-outer">
                                    <div class="milenia-aligner-inner">
                                        <header class="milenia-entity-header">
                                            <h2 class="milenia-entity-title">SOLARIA  & THALASSO                                            </h2>
                                        </header>
                                        <div class="milenia-entity-body">
                                            <p>Baign&eacute; de lumi&egrave;re, offrant un panorama splendide sur la mer, Solaria &amp; Thalasso est notre complexe h&ocirc;telier 5 &eacute;toiles</p>
                                        </div>
                                                                                <footer class="milenia-entity-footer"><span
                                               class="milenia-btn milenia-btn--link milenia-btn--scheme-primary">
                                                Découvrez</span>
                                                                                    </footer>
                                    </div>
                                </div>
                            </div>
                            </a>

                        </article>
                        <!--================ End of Entity ================-->
                    </div>
                                </div>
        </div>
        <!--================ End of Entities (Style 1) ================-->
    </section>
    
                    <!--================ End of Content Section ================-->

                    <!--================ Content Section ================-->

                        <section
            class="milenia-section milenia-section--stretched milenia-colorizer--scheme-lightest no-padding-bottom">
        <h6 class="milenia-section-subtitle milenia-color--unchangeable text-center">MEDINA HÔTELS & RESORTS</h6>
        <h2 class="milenia-section-title text-center">NOS CHAMBRES & SUITES</h2>
		<p class="milenia-section-description"><center>Nos trois hôtels se caractérisent chacun par un style de chambres ...</center></p>
        <!--================ Tabs ================-->
        <div class="milenia-tabs milenia-tabs--unstyled">
            <!--================ Tab ================-->
            <div id="tab-1" tabindex="0" role="tabpanel" aria-labelledby="tab-1-link"
                 class="milenia-tab">
                <!--================ Tabbed Carousel ================-->
                <div class="milenia-tabbed-carousel">
                    <!--================ Entities (Style 15) ================-->
                    <div class="milenia-entities milenia-entities--style-15 milenia-entities--with-tabbed-grid">
                        <div id="milenia-grid-tabbed-1"
                             class="milenia-grid milenia-grid--cols-1 milenia-grid--tabbed milenia-grid--tabbed-loading">
                                                                <div class="milenia-grid-item">
                                        <!--================ Entity ================-->
                                        <article class="milenia-entity">
                                            <div class="milenia-entity-media">
                                                                                                    <div class="owl-carousel owl-carousel--vadaptive milenia-simple-slideshow">
                                                                                                                        <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/diar-elmedina/chambre-diar1.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/diar-elmedina/chambre-diar2.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/diar-elmedina/chambre-diar3.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/diar-elmedina/chambre-diar4.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/diar-elmedina/chambre-diar5.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                    </div>
                                                                                                </div>
                                            <div class="milenia-entity-content milenia-aligner">
                                                <div class="milenia-aligner-outer">
                                                    <div class="milenia-aligner-inner"><div class="milenia-entity-header">
<div class="milenia-entity-meta"></div>
<h2 class="milenia-entity-title"><a href="https://reservations.travelclick.com/108213?HotelID=108213#/guestsandrooms" target="_blank" class="milenia-color--unchangeable" rel="noopener noreferrer">Chambre vue piscine <br />DIAR LEMDINA<br /></a></h2>
</div>
<div class="milenia-entity-body"></div>
<footer class="milenia-entity-footer"><a href="https://reservations.travelclick.com/108213?HotelID=108213#/guestsandrooms" target="_blank" class="milenia-btn milenia-btn--scheme-primary" rel="noopener noreferrer">Réservez maintenant</a></footer></div>
                                                </div>
                                            </div>
                                        </article>
                                        <!--================ End of Entity ================-->
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <!--================ Entity ================-->
                                        <article class="milenia-entity">
                                            <div class="milenia-entity-media">
                                                                                                    <div class="owl-carousel owl-carousel--vadaptive milenia-simple-slideshow">
                                                                                                                        <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/belisaire6.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite1.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/belisaire4.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                    </div>
                                                                                                </div>
                                            <div class="milenia-entity-content milenia-aligner">
                                                <div class="milenia-aligner-outer">
                                                    <div class="milenia-aligner-inner"><div class="milenia-entity-header">
<div class="milenia-entity-meta"></div>
<h2 class="milenia-entity-title"><a href="https://reservations.travelclick.com/108215?HotelID=108215#/guestsandrooms" target="_blank" class="milenia-color--unchangeable" rel="noopener noreferrer">Chambre vue jardin <br /> BELISAIRE & THALASSO</a></h2>
</div>
<div class="milenia-entity-body"></div>
<footer class="milenia-entity-footer"><a href="https://reservations.travelclick.com/108215?HotelID=108215#/guestsandrooms" target="_blank" class="milenia-btn milenia-btn--scheme-primary" rel="noopener noreferrer">Réservez maintenant</a></footer></div>
                                                </div>
                                            </div>
                                        </article>
                                        <!--================ End of Entity ================-->
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <!--================ Entity ================-->
                                        <article class="milenia-entity">
                                            <div class="milenia-entity-media">
                                                                                                    <div class="owl-carousel owl-carousel--vadaptive milenia-simple-slideshow">
                                                                                                                        <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite3.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                                <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambre3.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                    </div>
                                                                                                </div>
                                            <div class="milenia-entity-content milenia-aligner">
                                                <div class="milenia-aligner-outer">
                                                    <div class="milenia-aligner-inner"><div class="milenia-entity-header">
<div class="milenia-entity-meta"></div>
<h2 class="milenia-entity-title"><a href="https://reservations.travelclick.com/108217?HotelID=108217#/guestsandrooms" target="_blank" class="milenia-color--unchangeable" rel="noopener noreferrer">Chambre vue sur mer <br />SOLARIA & RESORTS<br /></a></h2>
</div>
<div class="milenia-entity-body"></div>
<footer class="milenia-entity-footer"><a href="https://reservations.travelclick.com/108217?HotelID=108217#/guestsandrooms" target="_blank" class="milenia-btn milenia-btn--scheme-primary" rel="noopener noreferrer">Réservez maintenant</a></footer></div>
                                                </div>
                                            </div>
                                        </article>
                                        <!--================ End of Entity ================-->
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <!--================ Entity ================-->
                                        <article class="milenia-entity">
                                            <div class="milenia-entity-media">
                                                                                                    <div class="owl-carousel owl-carousel--vadaptive milenia-simple-slideshow">
                                                                                                                        <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite4.jpg"
                                                                     class="milenia-entity-slide"></div>
                                                                                                                    </div>
                                                                                                </div>
                                            <div class="milenia-entity-content milenia-aligner">
                                                <div class="milenia-aligner-outer">
                                                    <div class="milenia-aligner-inner"><div class="milenia-entity-header">
<div class="milenia-entity-meta"></div>
<h2 class="milenia-entity-title"><a href="https://reservations.travelclick.com/108217?HotelID=108217#/guestsandrooms" target="_blank" class="milenia-color--unchangeable" rel="noopener noreferrer">Suite Présidentielle<br />SOLARIA & RESORTS<br /></a></h2>
</div>
<div class="milenia-entity-body"></div>
<footer class="milenia-entity-footer"><a href="https://reservations.travelclick.com/108217?HotelID=108217#/guestsandrooms" target="_blank" class="milenia-btn milenia-btn--scheme-primary" rel="noopener noreferrer">Réservez maintenant</a></footer></div>
                                                </div>
                                            </div>
                                        </article>
                                        <!--================ End of Entity ================-->
                                    </div>
                                                            </div>
                    </div>
                    <!--================ End of Entities (Style 15) ================-->
                    <!--================ Thumbnails ================-->
                    <div class="milenia-tabbed-carousel-thumbs">
                        <div data-tabbed-sync="milenia-grid-tabbed-1"
                             class="milenia-grid milenia-grid--cols-4 owl-carousel--nav-onhover owl-carousel owl-carousel--nav-edges owl-carousel--nav-small">
                                                                <div class="milenia-grid-item">
                                        <figure class="milenia-tabbed-carousel-thumb">
                                            <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/mediana4.jpg"
                                                 class="milenia-tabbed-carousel-thumb-image"></div>
                                            <figcaption
                                                    class="milenia-tabbed-carousel-thumb-caption milenia-text-color--darkest">
                                                Chambre vue piscine                                            </figcaption>
                                        </figure>
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <figure class="milenia-tabbed-carousel-thumb">
                                            <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite1.jpg"
                                                 class="milenia-tabbed-carousel-thumb-image"></div>
                                            <figcaption
                                                    class="milenia-tabbed-carousel-thumb-caption milenia-text-color--darkest">
                                                Chambre vue jardin                                            </figcaption>
                                        </figure>
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <figure class="milenia-tabbed-carousel-thumb">
                                            <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite3.jpg"
                                                 class="milenia-tabbed-carousel-thumb-image"></div>
                                            <figcaption
                                                    class="milenia-tabbed-carousel-thumb-caption milenia-text-color--darkest">
                                                Chambre vue sur mer                                            </figcaption>
                                        </figure>
                                    </div>
                                                                        <div class="milenia-grid-item">
                                        <figure class="milenia-tabbed-carousel-thumb">
                                            <div data-bg-image-src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/chambreetsuite4.jpg"
                                                 class="milenia-tabbed-carousel-thumb-image"></div>
                                            <figcaption
                                                    class="milenia-tabbed-carousel-thumb-caption milenia-text-color--darkest">
                                                Suite Présidentielle                                            </figcaption>
                                        </figure>
                                    </div>
                                                            </div>
                    </div>
                    <!--================ End of Thumbnails ================-->
                </div>
            </div>
            <!--================ End of Tab ================-->
        </div>
        <!--================ End of Tabs ================-->
    </section>
    

                    <section class="text-center milenia-section milenia-section--stretched milenia-colorizer--scheme-lightest">
<h2 class="milenia-section-title">Nos Restaurants</h2>
<p class="milenia-section-description">Laissez-vous surprendre par la spécificité de chacun de nos restaurants et bars</p>
<div class="milenia-section milenia-section--stretched-content milenia-section--no-py">
<div class="milenia-entities milenia-entities--style-10">
<div class="milenia-grid milenia-grid--cols-4 owl-carousel owl-carousel--nav-edges">
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-0" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/medina/rest1.jpg" border="0" alt="" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-0" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant O blu</a></h2>
</div>
<div class="milenia-entity-body">
<p>Une cuisine orientale et méditerranéenne 100% saveurs</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-1" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/zitouna.jpg" border="0" alt="zitouna.jpg (58 KB)" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-1" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant Zeitouna</a></h2>
</div>
<div class="milenia-entity-body">
<p>Une expérience gastronomique et une véritable émotion des papilles</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-2" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/medina/rest2.jpg" border="0" alt="" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-2" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant le Tunisien</a></h2>
</div>
<div class="milenia-entity-body">
<p>Découvrez une partie de la culture Tunisienne à travers sa cuisine</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-3" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/medina/pecheur.jpg" border="0" alt="" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-3" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant le pêcheur </a></h2>
</div>
<div class="milenia-entity-body">
<p>Découvrez les saveurs et les parfums d’une cuisine du monde variée sans cesse renouvelée</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-4" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/medina/theme.jpg" border="0" alt="" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-4" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant à théme </a></h2>
</div>
<div class="milenia-entity-body">
<p>Chacun de vos diners se transcende en une échappée au cœur de la cuisine italienne raffinée</p>
</div>
</div>
</div>
</div>
</article>
</div>
<div class="milenia-grid-item">
<article class="milenia-entity milenia-entity--with-thumb">
<div class="milenia-entity-media"><a aria-labelledby="rooms-2-heading-5" class="milenia-ln--independent"><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/medina/rest3.jpg" border="0" alt="" /></a></div>
<div class="milenia-entity-content milenia-aligner">
<div class="milenia-aligner-outer">
<div class="milenia-aligner-inner">
<div class="milenia-entity-header">
<h2 id="rooms-2-heading-5" class="milenia-entity-title"><a class="milenia-color--unchangeable">Restaurant Tethys </a></h2>
</div>
<div class="milenia-entity-body">
<p>Restaurants thématiques où vous délectez des recettes d'une cuisine méditerranéenne</p>
</div>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>
                            <section class="milenia-section milenia-section--stretched milenia-colorizer--scheme-dark milenia-colorizer--parallax milenia-colorizer--bg-image-opacity-10 milenia_offre_block">
<!--                data-bg-image-src="--><!--"-->
<!--                class="milenia-section milenia-section--stretched milenia-colorizer--scheme-dark milenia-colorizer--parallax milenia-colorizer--bg-image-opacity-10">-->
<!--            <h2 class="milenia-section-title text-center">--><!--</h2>-->
<!--            <!--================ Icon Boxes ================-->
<!--            <div class="milenia-icon-boxes milenia-icon-boxes--style-3">-->
<!--                <div class="milenia-grid milenia-grid--cols-3">-->
<!--                    --><!--                </div>-->
<!--            </div>-->
            <div class="offre_block_content">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">
<div class="overview_img_inner">
<div class="overview_img1 align-center overview_img" removed="" 1="" opacity:="" transform:="" scale=""><img class="myclass" src="https://www.medinahotelsandresorts.com/assets/public/banner/3iin1_img.jpg" border="0" alt="3 in 1" width="715" height="569" /></div>
</div>
</div>
<div class="col-md-5">
<div class="overview_text_inner text-center">
<div class="section_sub_title">
<p>Une Offre Exceptionnelle</p>
</div>
<h1><img class="myimage2" src="https://www.medinahotelsandresorts.com/assets/en/images/right_image.png" border="0" alt="myimage2" title="myimage2" /></h1>
<div class="section_body">
<p><strong>Profitez d’une formule all inclusive 3 en 1 exclusive Médina Hotels & Resorts</strong></p>
<a href="https://www.medinahotelsandresorts.com/fr/all-inclusive" class="common_btn2" removed="" px="">Découvrez</a></div>
</div>
</div>                    </div>
                </div>
            </div>

        </section>
        
                    <!--================ End of Content Section ================-->
                    <!--================ Content Section ================-->



                    
                    <!--=============================
                ==Start hotel discover area==
                ==============================-->


                    <!--=============================
                    ==End hotel discover area==
                ==============================-->
                </div>
            </main>
        </div>
    </div>
    <!--================ End of Content Section ================-->
<!--=============================
==Start hotel discover area==
==============================-->
    <div class="milenia-entity-content">
        <section
            class="milenia-section milenia-section--stretched milenia-colorizer--scheme-lightest discover-block">
            <div class="hotel_service_type1 secondary-bg-color ptb-100-5">
                <div class="holder">
                    <div class="hr">
                        <div class="vc">
                            <div class="section_title align-center">
                                <h1>Découvrez Aussi</h1>
                                <p class="discover_subtitle">Découvrez et profitez aussi de tout l’univers de la Médina</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="hotel_discover_inner">
                    <div class="holder">
                        <div class="discover">
                            <div class="image_wrapper">
                                                                        <div class="common-item">
                                            <a href="http://www.medina.com.tn/fr/sheherazade/diner-danse.html">
                                                <img class="img-partenaires" src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/imgfootersheha.jpg"   title="SHÉHÉRAZADE">
<!--                                               Added on 08/01/2019 -->
                                                <h4>SHÉHÉRAZADE</h4>
<!--                                                End -->
                                            </a>
                                        </div>
                                                                                <div class="common-item">
                                            <a href="http://www.medina.com.tn/fr/medina-discovery/architecture_monuments-222.html">
                                                <img class="img-partenaires" src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/discover.jpg"   title="MEDINA DISCOVERY">
<!--                                               Added on 08/01/2019 -->
                                                <h4>MEDINA DISCOVERY</h4>
<!--                                                End -->
                                            </a>
                                        </div>
                                                                                <div class="common-item">
                                            <a href="http://www.carthageland.com/">
                                                <img class="img-partenaires" src="https://www.medinahotelsandresorts.com/u_p_l_d/public/medina/carthge.jpg"   title="CARTHAGELAND">
<!--                                               Added on 08/01/2019 -->
                                                <h4>CARTHAGELAND</h4>
<!--                                                End -->
                                            </a>
                                        </div>
                                                                                <div class="common-item">
                                            <a href="http://www.medina.com.tn/fr/divertissement/souk-tradition-boutique.php-157.html">
                                                <img class="img-partenaires" src="https://www.medinahotelsandresorts.com/u_p_l_d/public/banner/souk.jpg"   title="SHOPPING">
<!--                                               Added on 08/01/2019 -->
                                                <h4>SHOPPING</h4>
<!--                                                End -->
                                            </a>
                                        </div>
                                                                    </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
    <!--=============================
==End hotel discover area==
==============================-->
</div>
<!--================ Footer ================-->
<footer id="milenia-footer" class="milenia-footer">
    <!--================ Footer row ================-->
    <div class="milenia-footer-row milenia-footer-row--widget-border"
        style="background-size: cover;background-repeat: no-repeat;background-image: url(https://www.medinahotelsandresorts.com/assets/fr/images/belisaireimg4.jpg);">
        <div class="container">
            <div class="milenia-footer-row--inner milenia-footer-row-inner--no-offsets">
                <div class="milenia-grid milenia-grid--valign-middle milenia-grid--cols-3">
                    <!--================ Widget ================-->
                    <section class="milenia-grid-item milenia-widget milenia-widget--left-aligned">
                        <div class="milenia-grid-item-inner">
                            <div class="milenia-grid-item-content">
                                <h5 class="milenia-widget-title">Contact</h5>
<ul class="milenia-details-list milenia-list--unstyled">
<li><a href="https://www.google.tn/maps/place/Medina+Mediterrane,+Yasmine+Hammamet/@36.3680189,10.5320397,17z/data=!3m1!4b1!4m5!3m4!1s0x12fd63866c127031:0x6c78c910e91f2b1f!8m2!3d36.3677075!4d10.5331272?hl=fr&authuser=0" target="_blank" rel="noopener noreferrer"><span class="milenia-text-color--contrast">Adresse: <span>Rue de la médina, </span></span> Yasmine Hammamet 8050</a></li>
<li><span class="milenia-text-color--contrast">Tél : <a href="tel:0021672241000">+216 72 241 000</a></span></li>
<li><span class="milenia-text-color--contrast">Fax  : <a href="tel:0021672240353">+216 72 240 353</a></span></li>
<li><span class="milenia-text-color--contrast">Email: </span><a href="/cdn-cgi/l/email-protection#c6b4a3b5a3b4b0a7b2afa9a886aba3a2afa8a7e8a5a9abe8b2a8"><span class="__cf_email__" data-cfemail="5624332533242037223f3938163b33323f38377835393b782238">[email&#160;protected]</span></a></li>
</ul>                            </div>
                        </div>
                    </section>
                    <!--================ End of Widget ================-->
                    <!--================ Widget ================-->
                                        <section class="milenia-grid-item milenia-widget milenia-widget--center-aligned">
                        <div class="milenia-grid-item-inner">
                            <div class="milenia-grid-item-content">
                                <h5 class="milenia-widget-title">Suivez nous</h5>
                                <ul class="milenia-social-icons milenia-list--unstyled">
                                                                        <li>
                                        <a href="https://www.facebook.com/medinahotelsandresorts/" class=""
                                             title="Facebook"  target="_blank" >
                                             <i class="fab fa-facebook"></i>                                         </a>
                                    </li>
                                                                        <li>
                                        <a href="https://www.instagram.com/medinahotelsandresorts/" class=""
                                             title="instagram"  target="_blank" >
                                             <i class="fab fa-instagram"></i>                                         </a>
                                    </li>
                                                                        <li>
                                        <a href="https://www.youtube.com/user/MedinaMediterranea1" class=""
                                             title="YouTube"  target="_blank" >
                                             <i class="fab fa-youtube"></i>                                         </a>
                                    </li>
                                                                    </ul>
                            </div>
                        </div>
                    </section>
                                        <!--================ End of Widget ================-->
                    <!--================ Widget ================-->
                    <section class="milenia-grid-item milenia-widget milenia-widget--newsletter">
                        <div class="milenia-grid-item-inner">
                            <div class="milenia-grid-item-content">
                                <h5 class="milenia-widget-title">Soyez alertés par nos nouveautés</h5>

                                <form action="https://www.medinahotelsandresorts.com/fr" method="post" accept-charset="utf-8" id="frm-newsletter" name="frm-newsletter" role="form" class="milenia-singlefield-form milenia-newsletter-form" onsubmit="return false">
<input type="hidden" name="csrf_md_cms" value="a02d2631f7abca03cb7ca1009829f3e9" style="display:none;" />
                                <input type="email" name="email" placeholder="Votre adresse mail"
                                    autocomplete="off">
                                <button type="submit"><i class="icon icon-envelope"></i></button>
                                                            </div>
                        </div>
                    </section>
                    <!--================ End of Widget ================-->
                </div>
            </div>
        </div>
    </div>
    <!--================ End of Footer row ================-->
    <!--================ Footer row ================-->
    <div class="milenia-footer-row milenia-colorizer--scheme-dark milenia-footer-row--thin">

        <div id="medina_banner" style="display: none;">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-7 col-md-7">
                        En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies pour
                        améliorer l'expérience utilisateur et nous vous recommandons d'accepter leur utilisation pour
                        profiter pleinement de votre navigation.
                    </div>
                    <div class="col-xs-12 col-sm-5 col-md-5 text-center">
                        <button id="medina_acceptcookies" name="medina_acceptcookies"
                            class="btn btn-theme effect btn_cookies" type="submit">✓ Accepter les cookies</button>
                        <!--a class="btn btn-theme effect btn_cookies" href="#?" title="consulter notre politique">consulter notre politique</a-->
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="milenia-footer-row--inner milenia-footer-row-inner--no-offsets">
                <div class="milenia-grid milenia-grid--cols-2">
                                        <div
                        class="milenia-grid-item milenia-widget milenia-widget--left-aligned milenia-grid milenia-grid--cols-4">
                                                <a href="https://www.medinahotelsandresorts.com/fr/galerie" class="footer-link"
                             title="Galerie photos | Médina Hôtels & Resorts Hammamet" >
                            Galerie photos                        </a>
                                                <a href="https://www.medinahotelsandresorts.com/fr/contactez-nous" class="footer-link"
                             title="Hôtel Hammamet Tunisie Booking : Contactez-nous" >
                            Contactez-nous                        </a>
                                                <a href="https://www.medinahotelsandresorts.com/fr/durabilite-" class="footer-link"
                             title="Durabilité " >
                            Durabilité                        </a>
                                                <a href="https://www.medinahotelsandresorts.com/fr/plan-du-site" class="footer-link"
                             title="Plan du site" >
                            Plan du site                        </a>
                                            </div>
                                        <div
                        class="milenia-grid-item milenia-widget milenia-widget milenia-grid milenia-grid--cols-1 copyright">
                        <span>© Copyright MEDINA HOTELS & RESORTS  2025 |
                            Développé par <a href="http://www.medianet.com.tn/Fr/" target="_blank">
                                <strong> MEDIANET</strong></a>
                        </span>
                    </div>



                </div>


            </div>
        </div>
    </div>
    <!--================ End of Footer row ================-->
</footer>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
//validate
var validate_1 = 'Veuillez saisir le même e-mail';
var validate_2 = 'Veuillez saisir le même mot de passe';
var validate_3 = 'Veuillez fournir une adresse électronique valide';
var validate_4 = 'Veuillez saisir seulement des nombres et des lettres';
var validate_5 = 'Veuillez saisir seulement des nombres et des lettres';
var validate_6 = 'Veuillez saisir seulement des nombres et des lettres';
var validate_7 = 'Veuillez saisir seulement lettres';
var validate_8 = 'Veuillez saisir seulement lettres';
var validate_9 = 'Veuillez saisir un numero de téléphone valide';
var validate_10 = 'Ce champ est obligatoire';
var validate_11 = 'Veuillez corriger ce champ';
var validate_12 = 'Veuillez fournir une adresse électronique valide';
var validate_13 = 'Veuillez fournir une adresse URL valide';
var validate_14 = 'Veuillez fournir une date valide';
var validate_15 = 'Veuillez fournir une date valide (ISO)';
var validate_16 = 'Veuillez fournir un numéro valide';
var validate_17 = 'Veuillez fournir seulement des chiffres';
var validate_18 = 'Veuillez fournir un numéro de carte de crédit valide';
var validate_19 = 'Veuillez fournir encore la même valeur';
var validate_20 = 'Veuillez fournir une valeur avec une extension valide';
var validate_21 = 'Veuillez fournir au plus {0} caractères';
var validate_22 = 'Veuillez fournir au moins {0} caractères';
var validate_23 = 'Veuillez fournir une valeur qui contient entre {0} et {1} caractères';
var validate_24 = 'Veuillez fournir une valeur entre {0} et {1}';
var validate_25 = 'Veuillez fournir une valeur inférieure ou égale à {0}';
var validate_26 = 'Veuillez fournir une valeur supérieure ou égale à {0}';
var validate_27 = 'Veuillez fournir au plus {0} mots';
var validate_28 = 'Veuillez fournir au moins {0} mots';
var validate_29 = 'Veuillez fournir entre {0} et {1} mots';
var validate_30 = 'Veuillez fournir seulement des lettres et des signes de ponctuation';
var validate_31 = 'Veuillez fournir seulement des lettres, nombres, espaces et soulignages';
var validate_32 = 'Veuillez fournir seulement des lettres';
var validate_33 = 'Veuillez ne pas inscrire d\'espaces blancs';
var validate_34 = 'Veuillez fournir un code postal entre 902xx-xxxx et 905-xx-xxxx';
var validate_35 = 'Veuillez fournir un nombre non décimal qui est positif ou négatif';
var validate_36 = 'Veuillez fournir un numéro d\'identification du véhicule (VIN)';
var validate_37 = 'Veuillez fournir une date valide';
var validate_38 = 'Veuillez fournir une heure valide entre 00:00 et 23:59';
var validate_39 = 'Veuillez fournir un numéro de téléphone valide';
var validate_40 = 'Veuillez fournir un numéro de téléphone valide';
var validate_41 = 'Veuillez fournir un numéro de téléphone mobile valide';
var validate_42 = 'Veuillez fournir au moins {0} caractères';
var validate_43 = 'Veuillez fournir une adresse électronique valide';
var validate_44 = 'Veuillez fournir une adresse URL valide';
var validate_45 = 'Veuillez fournir un numéro de carte de crédit valide';
var validate_46 = 'Veuillez fournir une adresse IP v4 valide';
var validate_47 = 'Veuillez fournir une adresse IP v6 valide';
var validate_48 = 'Veuillez fournir au moins {0} de ces champs';
var validate_49 = 'Veuillez fournir un numéro NIF valide';
var validate_50 = 'Veuillez fournir un numéro NIE valide';
var validate_51 = 'Veuillez fournir un numéro CIF valide';
var validate_52 = 'Veuillez fournir un code postal valide';
var site_url = 'https://www.medinahotelsandresorts.com/fr';
var base_url = 'https://www.medinahotelsandresorts.com/';
var token = 'a02d2631f7abca03cb7ca1009829f3e9';
var module = '';
var slug = '';
var default_lang = 'fr';
var src_logo1 = '';
</script>

<script src="https://www.medinahotelsandresorts.com/assets/js/fr/vendors/built.min.js"></script>
	<script src="https://www.medinahotelsandresorts.com/assets/js/fr/vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
	<script src="https://www.medinahotelsandresorts.com/assets/js/fr/vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="https://www.medinahotelsandresorts.com/assets/js/fr/vendors/datepicker-fr.js"></script>
<script src="https://www.medinahotelsandresorts.com/assets/fr/js/vendors/jquery-validation/localization/messages_fr.js"></script>

<script>
$(document).ready(function() {


    if ($('#language-select').length > 0) {
        $('#language-select').on('change', function(e) {
            $.ajax({
                method: 'POST',
                url: site_url + '/langue/switch_lang',
                data: {
                    csrf_md_cms: token,
                    url: ' / ',
                    langue: $(this).val(),
                    from_langue: default_lang
                },
                dataType: 'JSON',
                success: function(ret) {
                    if (ret.rst == "ok") {
                        window.location.href = ret.data;
                    }

                }
            });
        });
    }

    form_rdv();
    form_rappel();
    form_newsletter();
    form_search();
    form_deviss();
    form_contact();
    left_menu();

});

function left_menu() {
    var width = $(window).width();
    if (width <= 767) {
        $(".milenia-sidebar-hidden-btn i").removeClass("icon").addClass("fa");
        $(".milenia-sidebar-hidden-btn i").removeClass("icon-menu").addClass("fa-ellipsis-v");

        $(".milenia-sidebar-hidden-btn i").click(function() {
            $(".left_menu").show("slide", {
                direction: "left"
            }, 500);
            setTimeout(hide, 410);
        });
        $(".fa-times").click(function() {
            $(".left_menu").hide("slide", {
                direction: "left"
            }, 500);
            $(this).addClass("hide");
        });
    }
}

function form_newsletter() {

    if ($('#frm-newsletter').length) {
        $("#frm-newsletter").validate({
            rules: {
                email: {
                    required: true,
                    email: true
                }
            },
            errorElement: 'p',
            submitHandler: function(form) {
                $('#btn-newsletter').hide();
                $.ajax({
                    url: site_url + '/newsletter/index',
                    type: "GET",
                    dataType: "JSON",
                    data: $(form).serialize(),
                    crossDomain: true,
                    success: function(response) {
                        if (response.rst) {
                            //                            $('#email-error').show();
                            //                            $('#email-error').html('<p class="success_alert succes">' + response.msg + '</p>');
                            //                            $('#newsletter').val('');
                            // $('#btn-newsletter').hide();



                            $('#frm-newsletter').append('<p class="success">' + response.msg +
                                '</p>');
                            $('#frm-newsletter').find('p.success').delay(2000).hide(1000);
                            //                            $('#newsletter').val('');
                            $('#frm-newsletter [name="email"]').val('');
                            $("#email-error").hide();
                        } else {
                            //                            $('#email-error').show();
                            //                            $('#email-error').html('<p class="error_alert">' + response.msg + '</p>');

                            $('#frm-newsletter').append('<p class="error">' + response.msg +
                                '</p>');
                            $(".success").hide();
                        }
                        //                        $('.loading').hide();
                        //                        $('#btn-email-error').show();
                    },
                    error: function(xhr, ajaxOptions, thrownError) {
                        //                        $('#email-error').show();
                        //                        $('#email-error').html('<p class="error_alert">' + response.msg + '</p>');
                        //                        $('#btn-newsletter').show();
                        //                        $('.loading').hide();
                        //                        $('#email-error .success_alert').hide();

                        $('#email-error').show();
                        $('#email-error').html('<p class="error_alert">' + response.msg +
                            '</p>');
                        $('#btn-newsletter').show();
                        $('.loading').hide();
                        $('#email-error .success_alert').hide();
                    }
                });

            }
        });
    }
}

function form_contact() {
    if ($("#contact_form").length) {
        $("#contact_form").validate({
            rules: {
                'nom': {
                    required: true,
                    lettersonly: true
                },
                'email': {
                    required: true,
                    email: true
                },
                'tel': {
                    required: true,
                    number: true
                },
                'message': {
                    required: true
                }
            }
        });
    }
}

function form_search() {
    if ($('.form_search').length) {
        $(".form_search").validate({
            rules: {

                q: {
                    required: true,
                    minlength: 3
                }
            },

            //                debug: true,
            errorClass: 'error',
            validClass: 'succes',
            errorElement: 'small',
            highlight: function(element, errorClass, validClass) {
                $(element).parents('.form-group').addClass('has-' + errorClass).removeClass('has-' +
                    validClass);
                $(element).addClass(errorClass).removeClass(validClass);
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).parents('.' + 'has-' + errorClass).removeClass('has-' + errorClass).addClass(
                    'has-' + validClass);
                $(element).removeClass(errorClass).addClass(validClass);
            },
            submitHandler: function(form) {
                $(".form_search").submit();
            }

        });


    }
}


function form_deviss() {
    if ($('.form_deviss').length) {
        $(".form_deviss").validate({
            rules: {
                nom: {
                    required: true,
                    onlyLetters: true
                },
                prenom: {
                    required: true,
                    onlyLetters: true
                },
                email: {
                    required: true,
                    email: true
                },
                tel: {
                    required: true,
                    number: true,
                    minlength: 8,
                    maxlength: 8
                },
                type: {
                    required: true
                },
                message: {
                    required: false
                }
            },
            messages: {
                email: validate_3,
                tel: {
                    number: validate_39,
                    minlength: 'Doit être égale à 8',
                    maxlength: 'Doit être égale à 8',
                }
            },
            //                debug: true,
            errorClass: 'error',
            validClass: 'succes',
            errorElement: 'small',
            highlight: function(element, errorClass, validClass) {
                $(element).parents('.form-group').addClass('has-' + errorClass).removeClass('has-' +
                    validClass);
                $(element).addClass(errorClass).removeClass(validClass);
            },
            unhighlight: function(element, errorClass, validClass) {
                $(element).parents('.' + 'has-' + errorClass).removeClass('has-' + errorClass).addClass(
                    'has-' + validClass);
                $(element).removeClass(errorClass).addClass(validClass);
            },
            submitHandler: function(form) {
                $(".form_deviss").submit();
            }
        });


    }
}

function form_rdv() {
    if ($('.form_rdv').length) {
        $(".form_rdv").validalMe({
            rules: {
                nom: {
                    required: true,
                    onlyLetters: true
                },
                prenom: {
                    required: true,
                    onlyLetters: true
                },
                objet: {
                    required: true,
                    onlyAlphanumeric: true
                },
                date: {
                    required: true
                }
            },
            submitHandler: function(form) {
                var id = form.id;
                $('#' + id).find('.loading').show();
                $('#' + id).find('input.btn_rdv').hide();
                $('#mopup_msg').find('.msg.succ .ttr').html('');
                $('#mopup_msg').find('.msg.err .ttr').html('');
                $.ajax({
                    url: form.action,
                    type: form.method,
                    data: $(form).serialize(),
                    dataType: 'JSON',
                    success: function(ret) {
                        $('#mopup_msg').modal('show');
                        if (ret.rst == 'ok') {
                            grecaptcha.reset();

                            $('#' + id).find('input').each(function() {
                                if ($(this).attr('type') != 'submit' && $(this).attr(
                                        'type') != 'reset' && $(this).attr('name') !=
                                    'csrf_md_cms') {
                                    $(this).val('');
                                }
                            });

                            $('#mopup_msg').find('.msg.err').hide();
                            $('#mopup_msg').find('.msg.succ').show();
                            $('#mopup_msg').find('.msg.succ .ttr').html(ret.msg);
                        } else {
                            $('#mopup_msg').find('.msg.succ').hide();
                            $('#mopup_msg').find('.msg.err').show();
                            $('#mopup_msg').find('.msg.err .ttr').html(ret.msg);
                        }
                        $('#' + id).find('.loading').hide();
                        $('#' + id).find('input.btn_rdv').show();
                    }
                });
            }
        });

        var dateToday = new DalMe();
        $('#date_souhaitee_modal').datepicker({
            language: default_lang,
            format: "dd/mm/yyyy",
            autoclose: true,
            startDate: dateToday
        });
    }
}

function form_rappel() {
    if ($('.form_rappel').length) {
        $(".form_rappel").validalMe({
            rules: {
                nom: {
                    required: true,
                    onlyLetters: true
                },
                prenom: {
                    required: true,
                    onlyLetters: true
                },
                email: {
                    required: true,
                    validMail: true
                },
                tel: {
                    required: true,
                    validNumberPhone: true
                }
            },
            submitHandler: function(form) {
                var id = form.id;
                $('#' + id).find('.loading').show();
                $('#' + id).find('input.btn_rappel').hide();
                $('#mopup_msg').find('.msg.succ .ttr').html('');
                $('#mopup_msg').find('.msg.err .ttr').html('');
                $.ajax({
                    url: form.action,
                    type: form.method,
                    data: $(form).serialize(),
                    dataType: 'JSON',
                    success: function(ret) {
                        $('#mopup_msg').modal('show');
                        if (ret.rst == 'ok') {
                            grecaptcha.reset();

                            $('#' + id).find('input').each(function() {
                                if ($(this).attr('type') != 'submit' && $(this).attr(
                                        'type') != 'reset' && $(this).attr('name') !=
                                    'csrf_md_cms') {
                                    $(this).val('');
                                }
                            });

                            $('#mopup_msg').find('.msg.err').hide();
                            $('#mopup_msg').find('.msg.succ').show();
                            $('#mopup_msg').find('.msg.succ .ttr').html(ret.msg);
                        } else {
                            $('#mopup_msg').find('.msg.succ').hide();
                            $('#mopup_msg').find('.msg.err').show();
                            $('#mopup_msg').find('.msg.err .ttr').html(ret.msg);
                        }
                        $('#' + id).find('.loading').hide();
                        $('#' + id).find('input.btn_rappel').show();
                    }
                });
            }
        });

        var dateToday = new DalMe();
        $('#date_souhaitee_modal').datepicker({
            language: default_lang,
            format: "dd/mm/yyyy",
            autoclose: true,
            startDate: dateToday
        });
    }
}
</script>


</div>
</body>
</html>