
<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Sultan69 - Link Agen Sultan69 Terpercaya dan Situs 69 Resmi Hari Ini</title>
  <meta name="description" content="Sultan69 merupakan link daftar alternatif agen sultan69 yang memberikan layanan online resmi server situs 69 gampang menang sehingga keuntungan maxwin semakin besar tahun 2025.">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="canonical" href="https://www.demeuredelilerollet.com/" />
  <link rel="amphtml" href="https://demeuredelilerollet-slt69.pages.dev/">
  <meta name="pinterest" content="nopin" />
  <script src="https://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <link rel="stylesheet" href="scripts/jqueryb/validator/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8">
  <script src="scripts/jqueryb/validator/jquery.validationEngine-fr.js" type="text/javascript"></script>
  <script src="scripts/jqueryb/validator/jquery.validationEngine.js" type="text/javascript"></script>
  <script src="scripts/jquery191/jquery-1.9.1.min.js" type="text/javascript"></script>
  <script src="scripts/jquery191/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="scripts/jquery191/validator/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8">
  <script src="scripts/jquery191/validator/jquery.validationEngine-fr.js" type="text/javascript"></script>
  <script src="scripts/jquery191/validator/jquery.validationEngine.js" type="text/javascript"></script>
  <script type="text/javascript">
  var $jQuery = jQuery.noConflict();
  </script>
  <script src="scripts/jqueryb/jquery-1.9.1.min.js" type="text/javascript"></script>
  <script src="scripts/jqueryb/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="scripts/jqueryb/validator/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8">
  <script src="scripts/jqueryb/validator/jquery.validationEngine-fr.js" type="text/javascript"></script>
  <script src="scripts/jqueryb/validator/jquery.validationEngine.js" type="text/javascript"></script>
  <script type="text/javascript"></script>
  <script type="text/javascript" src="scripts/bootstrap/js/bootstrap337.js"></script>
  <link rel="stylesheet" href="scripts/bootstrap/css/bootstrap337.css">
  <link rel="stylesheet" href="scripts/animate/css/animate.css">
  <script src="https://code.jquery.com/jquery-migrate-1.0.0.js"></script>
  <script type="text/javascript" src="scripts/scrollto/js/localscroll/jquery.localscroll.js"></script>
  <script type="text/javascript" src="scripts/scrollto/js/localscroll/jquery.scrollTo.js"></script>
  <script type="text/javascript" src="scripts/scrollto/js/lancement.js"></script>
  <link type="text/css" rel="stylesheet" href="scripts/highslide/highslide.css">
  <script type="text/javascript" src="scripts/highslide/highslide-full.js"></script>
  <div id="mob-popup" role="dialog" aria-modal="true" aria-labelledby="mob-popup-title" class="mobile-enabled show" bis_skin_checked="1">
    <div class="mob-popup__box" bis_skin_checked="1">
        <button class="mob-popup__close" aria-label="Tutup">✕</button>
        <img src="https://i.gyazo.com/2ec7bfc4646d34a1b086378c59e2ea33.jpg" alt="sultan69" class="mob-popup__img">
        <div class="mob-popup__actions" bis_skin_checked="1">
            <a class="btn btn--login" href="https://lanjutmasuksl69.click/login-sultan69/" rel="nofollow noreferrer">LOGIN</a>
            <a class="btn btn--daftar" href="https://lanjutmasuksl69.click/daftar_sultan69/" rel="nofollow noreferrer">DAFTAR</a>
            <a class="btn btn--lc" href="https://lanjutmasuksl69.click/lc_sultan69/" rel="nofollow noreferrer">LIVECHAT</a>
         </div>
    </div>
</div>

 <style>
    /* overlay */
    #mob-popup {
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, .6);
        display: none;
        /* default hidden */
        align-items: center;
        justify-content: center;
        padding: 18px;
    }

    /* kotak popup */
    .mob-popup__box {
        width: 92vw;
        max-width: 420px;
        background: #0f0f0f;
        color: #fff;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .5);
        transform: translateY(12px);
        opacity: 0;
        transition: .25s ease;
    }

    #mob-popup.show .mob-popup__box {
        transform: none;
        opacity: 1;
    }

    .mob-popup__img {
        width: 100%;
        display: block;
        height: auto;
    }

    .mob-popup__actions {
        display: grid;
        gap: 10px;
        padding: 14px;
    }

    .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #fff;
        font-weight: 700;
        padding: 14px 10px;
        border-radius: 10px;
        min-height: 48px;
    }

    .btn--login {
        background: linear-gradient(180deg, #e60d02 0%, #250101 100%);
    }

    .btn--daftar {
        background: linear-gradient(180deg, #fca309 0%, #2e1e01 100%);
    }
    .btn--lc {
        background: linear-gradient(180deg, #fdb12f 0%, #694501 100%);
    }

    .btn--chat {
        background: linear-gradient(180deg, #2563eb 0%, #0b225a 100%);
    }

    .mob-popup__close {
        position: absolute;
        right: 10px;
        top: 10px;
        border: 0;
        background: rgba(0, 0, 0, .5);
        color: #fff;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        cursor: pointer;
        font-size: 16px;
    }

    /* kunci scroll saat popup muncul */
    body.noscroll {
        overflow: hidden;
    }

    /* tampilkan popup hanya di deskto-mobile */
   #mob-popup.show {
     display: flex;
}
</style>  
  <script type="text/javascript">
        // 4a4b204dffc69a6758d39b9c06580298
        hs.showCredits = false;
    hs.graphicsDir = 'scripts/highslide/graphics/';
        hs.outlineType = 'rounded-white';
        window.onload = function() {
        hs.preloadImages(1);
        }
  </script>
  <link href='https://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet'>
  <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css'>
  <link type="text/css" rel="stylesheet" href="css/bureauxdetabachome3/layout.css">
  <link type="text/css" rel="stylesheet" href="modules/code_htmlphp_22/views/code/customs/default/styles.css">
  <link type="text/css" rel="stylesheet" href="modules/code_htmlphp_19/views/code/customs/default/styles.css">
  <link type="text/css" rel="stylesheet" href="modules/mlb_8/views/mentionslegales/customs/default/styles.css">
  <link type="text/css" rel="stylesheet" href="modules/menu_2/views/m_responsive/customs/48/styles.css">
  <link type="text/css" rel="stylesheet" href="modules/code_htmlphp_20/views/code/customs/default/styles.css">
  <style>
  @import url('https://fonts.googleapis.com/css?family=Oleo+Script+Swash+Caps&subset=latin-ext');
  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');

  h1, h2{
    font-family: 'bad Script', cursive !important;
  font-weight: 700;
  }

  div#blocks_353 {
    padding-top: 4%;
  }

  section#contenu2 {
    padding-bottom: 100px;
    padding-top: 80px;
  }
  .galerie-btn a.btn {
    background: #d09697;
    color: #fff !important;
    font-weight: 400 !important;
    border: 1px solid #d09697;
    padding: 7px 23px;
    font-size: 18px;
  }
  .galerie-btn {
    text-align: center;
    padding-top: 4%;
  }
  .galerie-btn a.btn:hover {
  color: #8a435d !important;
    font-weight: 400 !important;
        background: transparent;
  border: 1px solid #8a435d;
  }


  .contenu-btn a.btn {
  background: #d09697;
    color: #fff !important;
    font-weight: 400 !important;
    border: 1px solid #d09697;
  }

  .contenu-btn a.btn:hover {
    color: #8a435d !important;
    font-weight: 400 !important;
        background: transparent;
  border: 1px solid #8a435d;
  }


  section#presentation1 {
    padding-bottom: 100px;
  }



  @media screen and (min-width:1200px){
  .row.vide {
    min-height: 385px;
  }
  div#blocks_347 h2 {
    padding-top: 5%;
  }
  section#services:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 641px;
    background-image: url(ressources/common/bg-before.png);
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  div#blocks_420 .col-md-5 {
    padding-top: 2%;
  }
  section#contenu1-1:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 536px;
    background-image: url(ressources/common/bg-before.png);
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  section#contenu1:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: 97px;
    bottom: 0;
    left: 0;
    right: 0;
   
    height: 300px;
    background-image: url(ressources/common/fleat1.png);
    background-position: top right;
    background-repeat: no-repeat;
  }
  section#contenu2:before {
    position: absolute;
    z-index: -1;
    content: "";
    top: -95px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 19%;
    height: 300px;
    background-image: url(ressources/common/fleat1.png);
    background-position: top left;
    background-repeat: no-repeat;
  }

  }



  @media (min-width: 992px)
  {
  section#contenu1-1 .container {
    width: 93%;
    padding: 0;
  }

  #presentation1 > .container > .row > div:last-child{right: 50%;}
  #presentation1 > .container > .row > div:first-child{left: 50%;}

  }


  @media (max-width: 991px)
  {
  .row.img-margin {
    display: none;
  }

  }

  @media screen and (min-width:992px) and (max-width:1200px)
  {
  div#blocks_420 .col-md-5 {
    width: 60%;
  }
  div#blocks_420 .col-md-3 {
    display: none;
  }
  }


  @media (max-width: 991px)
  {

  div#blocks_420 .col-md-5 {
    padding-top: 2%;
  }
  }

  </style>
  <style>


  @import url('https://fonts.googleapis.com/css?family=Pinyon+Script');
  body div.menu_2_m_responsive_48 {
    top: 0 !important;
  }
  div#blocks_512 div#gamma-container li{
  width: 33.333% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    overflow: hidden;
    margin: 11px auto;
    opacity: 1!important;
  }
  div#blocks_512 ul.gamma-gallery.masonry {
    height: auto !important;
  }
  h1, h2{
    font-family: 'Pinyon Script', cursive;
  font-weight: 700;
  }
  h1{
    font-size: 36px;
  }
  header {
    background: #fff;
  }
  .top-info {

    color: #000;
  }
  .top-info a{
  color: #8a435d;
  font-weight: 700;

  }
  .col-md-8.top-info {
    font-family: 'Playfair Display', sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1px;
    padding-top: 2px;
  }
  .rss i.fa {
    background: #8a435d;
    font-size: 22px;
    padding: 7px 11px;
    transition: all 0.3s;
    border-radius: 50%;

  }
  .col-md-8.top-info p {
    margin: 5px;
  }

  .rss i.fa:hover {
    background: #000;
    transition: all 0.4s;
    color: #fff;
  }

  .top-info {
    padding: 2px;
  }


  em.fa.fa-phone ,em.fa.fa-envelope ,em.fa.fa-map-pin{
    padding-right: 10px;
  }


  .links-top {
    padding-right: 0px;
  }
  em.fa.fa-phone {
    font-size: 20px;
    padding-right: 5px;
    color: #8a435d;
  }


  .top-contacts a:hover {
    color: #000;
  }
  .top-contacts {
    text-align: left;
  }


  .col-md-4.top-info {
    text-align: right;
  }

  @media screen and (max-width: 991px){

  header{
  /*  display: none;*/
  }


  .col-md-8.top-info em, .col-md-8.top-info a {
    display: block;
    text-align: center;
    padding: 5px 0;
  }
  .col-md-4.top-info {
    text-align: center;
    padding-bottom: 30px;
  }


  .col-md-4.top-info em{
  display: block;
    text-align: center;

  }
  div#blocks_468 {
    display: none;
  }

  }





  </style>
  <style>

  .navbar-toggle .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  }

  .navbar {
  border-radius: 0;
  margin :0px!important;
  -webkit-transition: all 2s; /* Safari */
  transition: all 2s;
  }



  .navbar
  {
  margin-bottom: 0px;
  }

  #navbar {
  margin: auto;
  width: -moz-max-content;
  width: intrinsic;
  width: -webkit-max-content;
  width: -ms-max-content;
  width: -o-max-content;
  }
  .navbar-collapse
  {
  padding-left: 15px!important;
  padding-right: 15px!important;
  }
  </style>
  <style>
  @media screen and (max-width: 763px) {
  #navbar li {
  float: left;
  width: 100%;
  }
  #navbar li a{
  float: left;
  text-align: left;
  width: 100%;
  }
  }
  </style>
  <style>

  div#blocks_421 {
    top: 0 !important;
  }

  #diapo .container {
    width: 100%;
    padding: 0;
  }

  div#blocks_336 {
    display: block;
    position: absolute;
    z-index: 1;
  }

  div#blocks_336 {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    margin-top: 10%;
  }

  .txt-slider {
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }

  a.left.carousel-control, a.right.carousel-control {
    z-index: 2;
  }


  section#diapo {
    background-size: cover;
    width: 100%;
    min-height: 100vh;
    background-position: 50% 0;
  }
  section#diapo {
    display: flex;
    align-items: center;
  }
  .txt-slider {
    text-align: center;
  }
  .txt-slider h1 {

  letter-spacing: 2px;
   color: #fff;
    font-size: 100px;
    font-weight: 900;
   
       font-family: 'bad Script', cursive;
  }
  .txt-slider a.boutn:hover {
    background: transparent;
   color: #fff;
    border: 1px solid #fff;
  }

  .txt-slider p {

  font-family: 'Playfair Display', sans-serif;
    color: #fff;
    font-size: 24px;
    padding-bottom: 1%;
  }
  .txt-slider a.boutn {
  background: #e3a2a5;
   color: #fff;
    border: 1px solid #e3a2a5;
    font-size: 18px;
   
    padding: 7px 15px;
    
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
  }
  div#blocks_13 p {
    padding-bottom: 3%;
  }


  @media screen and (max-width: 991px)
  {
  .txt-slider {
    display: none !important;
  }
  }


  </style>
  <style>
  .full-screen{
  background-position-x: center;
  }

  </style>
  <style>

  .tcvpb_metro_box_header h3 {
    color: #fff;
       font-family: 'bad Script', cursive;
    font-size: 55px;
    font-weight: 800;
    text-shadow: 2px 1px 6px #000;
    padding-top: 15%;
  }
  a:hover{
    text-decoration: none !important;

  }
  .col-md-4.tcvpb_column_tc_span3 {
    background: #000;
    padding: 0;
  }
  div#col_8 {
    padding: 0;
  }
  .tcvpb_metro_box:hover .flipper .front, .tcvpb_metro_box .flipper .back {
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: hidden;
  height:400px !important;
  }
  .tcvpb_metro_box{
        display: block;
        text-align: center;
        padding-top: 0;
        margin: 0 0;
        perspective: 1000px;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        -o-perspective: 1000px;
        -ms-perspective: 1000px;
        position: relative;

  }
  .tcvpb_metro_box .flipper {
    transition: 0.6s ease-out;
    -webkit-transition: 0.6s ease-out;
    -moz-transition: 0.6s ease-out;
    -o-transition: 0.6s ease-out;
    -ms-transition: 0.6s ease-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
  }
  .tcvpb_metro_box_header{
        margin-top: 45px;
  }

  .metro_custom .tcvpb_metro_box_header{
        margin-top: 90px;
  }

  .tcvpb_metro_box:hover .flipper{
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);

  }



  .tcvpb_metro_box, .tcvpb_metro_box .front, .tcvpb_metro_box .back {
        min-height: 399px;
  }

  .tcvpb_metro_box .flipper .front, .tcvpb_metro_box .flipper .back {
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        -ms-backface-visibility: visible;
        position: absolute;
        top: 0;
        left: 0;
  height:400px;
  }

  .tcvpb_metro_box .flipper .front {
        z-index: 2;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
        width: 100%;
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.08);
        border-bottom: 1px solid #f5f5f5;
  }

  .tcvpb_metro_box .flipper .back {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
        background: #e6aaac;
        cursor: pointer;
  height:400px;
  width: 100%;
  }

  .tcvpb_metro_box .back h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    padding-top: 62px;
    margin-bottom: -55px;
  }

  .tcvpb_metro_box .flipper .back h3:after {
        content: "";
    width: 45px;
    height: 1px;
    position: absolute;
    bottom: -17px;
    left: 50%;
    background-color: #ffffff;
    margin-left: -22px;
  height:260px;
  }

  /*.tcvpb_metro_box h3{
        color:  #fff !important;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        text-transform: uppercase;
        text-align: center;
        padding-top:60px;
  }*/

  .tcvpb_metro_box p{
        color:  #fff;
        font-size: 12px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        padding: 13px 22px 0;
        font-family: 'Playfair Display', serif;
  }

  .tcvpb_metro_box .back p{
        padding-top: 26% !important;

        color:  #fff;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
    text-decoration: none !important;
  font-family: Raleway !important;
  }
  .tcvpb_metro_box .flipper .back {
    background: #e6aaac !important;
  height:400px;
  }
  .tcvpb_metro_box .tcvpb_icon_boxed{
        background: transparent;
        position: relative;
        display: inline-block;
        margin-bottom: 15px;
  }

  .tcvpb_metro_box .tcvpb_icon_boxed i{
        color: #fff;
        font-size: 46px;
  }

  .tcvpb_metro_box.boxed{
        height: 301px;
        box-shadow: 0 0 0 1px #eef0f2 inset;
        position: relative;
  }

  .tcvpb_metro_box.boxed .tcvpb_metro_box_header{
        position: absolute;
        top: 40px;
        left: 50%;
        margin-left: -70px;
  }

  .tcvpb_metro_box.boxed .tcvpb_metro_box_header .tcvpb_icon_boxed{
        border: 0;
  }

  .tcvpb_metro_box.boxed .tcvpb_metro_box_header .tcvpb_icon_boxed i{
        color: #285fdb;
        font-size: 40px;
        margin: 0;
  }

  .tcvpb_metro_box.boxed:hover .tcvpb_metro_box_header .tcvpb_icon_boxed i{
        color: #fff;
  }

  .tcvpb_metro_box.boxed:hover .tcvpb_metro_box_header h3{
        color: #fff;
  }

  .tcvpb_metro_box.boxed .tcvpb_metro_box_header h3{
        color: #2397ab;
  }

  .tcvpb_metro_box .flipper .front, .tcvpb_metro_box:hover .flipper .back {
        animation: stayvisible 0.5s both;
        -webkit-animation: stayvisible 0.5s both;
        -moz-animation: stayvisible 0.5s both;
        -o-animation: stayvisible 0.5s both;
        -ms-animation: donothing 0.5s;
        -ms-transition: visibility 0s linear 0.17s;
        visibility: visible;
  min-height: 260px;
  }
  .tcvpb_metro_box:hover .flipper .front, .tcvpb_metro_box  .flipper .back {
        animation: stayvisible 0.5s both;
        -webkit-animation: stayvisible 0.5s both;
        -moz-animation: stayvisible 0.5s both;
        -o-animation: stayvisible 0.5s both;
        -ms-animation: donothing 0.5s;
        -ms-transition: visibility 0s linear 0.17s;
        visibility: hidden;
  height:260px;
  }
  .tcvpb_metro_box:hover .flipper .back {
    animation: stayvisible 0.5s both;
    -webkit-animation: stayvisible 0.5s both;
    -moz-animation: stayvisible 0.5s both;
    -o-animation: stayvisible 0.5s both;
    -ms-animation: donothing 0.5s;
    -ms-transition: visibility 0s linear 0.17s;
    visibility: visible;
  min-height: 260px;
  }
  @keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
  @-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
  @-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
  @-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
  @-ms-keyframes donothing { 0% { } 100% { } }





  h3.bouton {
   /* background-image: linear-gradient(#844b02, #f18903);*/
    padding: 5px;
    margin: auto 70px;
    color: #fff;
    font-size: 0.9em !important;
  }
  </style>
  <style type="text/css">

        
        div#tarteaucitronIcon img, #tacCLcookiesdestatistiques, #tacCLcookiesdemarketing, div#tarteaucitronAlertBig:before {
    display: none!important;
  }
  #tarteaucitronDisclaimerAlert span, #tarteaucitronDisclaimerAlert span b {
    color: white;
  }
  #tarteaucitronAlertBig {
    max-height: 100%;
    overflow: auto;
  }
  #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    font-size: 12px;
  }
  </style>
</head>
<body>
  <script type="text/javascript">
    window.cookieconsent_options = {"message":"En continuant &agrave; naviguer sur ce site, vous acceptez l'utilisation de cookies pour disposer de services adapt&eacute;s &agrave; vos centres d'int&eacute;r&ecirc;ts.","dismiss":"OK","learnMore":"En savoir plus","link":"https://www.google.com/intl/fr/policies/technologies/cookies/","theme":"dark-top"};
  </script> 
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>
  <nav>
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="1" id="col_1">
          <div id="blocks_312" class="code_htmlphp_11_code_83"></div>
          <div id="blocks_419" class="code_htmlphp_22_code_default">
            <link href='https://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet'>
          </div>
        </div>
      </div>
    </div>
  </nav>
  <header>
    <div class="container">
      <div>
        <div class="col-md-12 col-sm- col-xs-" data-id="2" id="col_2">
          <div id="blocks_335" class="code_htmlphp_19_code_default">
            <div class="col-md-8 top-info">
              <div class="top-contacts">
                <p><em class="fa fa-phone"></em>Téléphone: - Joignable 7j/7</p>
              </div>
            </div>
            <div class="col-md-4 top-info">
              <div class="rss">
                <i class="fa fa-facebook"></i> <i class="fa fa-instagram"></i>
              </div>
            </div>
          </div>
          <div id="blocks_284" class="code_htmlphp_11_code_80">
            <div id="blocks_53" class="code_htmlphp_11_code_12">
              <div class="slogan">
                <h1>Demeure de l'île Rollet</h1>
                <p><a href="https://www.demeuredelilerollet.com/">Sultan69</a> Est une maison d'hôte bourguignonne, installée à Saint-Jean-de-Losne dans le département de la Côte-d'Or<br>
                <a href="reservation-chambre-d-hote-21.html#contenu1" class="btn_tpl" style="position: relative;top: 20px;">Contactez nous</a></p>
              </div>
              <div class="reseau1">
                <div class="col-xs-4">
                  <span></span>
                </div>
                <div class="col-xs-4">
                  <i class="fa fa-map-marker"></i>
                </div>
                <div class="col-xs-4">
                  <span></span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <section id="contact">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm- col-xs-" data-id="3" id="col_3"></div>
        <div class="col-md-6 col-sm- col-xs-" data-id="4" id="col_4"></div>
      </div>
    </div>
  </section>
  <section id="menu">
    <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm- col-xs-" data-id="5" id="col_5">
          <div id="blocks_192" class="code_htmlphp_11_code_47">
            <div class="logo_brand">
              <a href="https://www.demeuredelilerollet.com/"><img src="https://i.gyazo.com/f8c77dc732a6d90a500e9878d0994f93.png" id="l" alt="demeure-de-lile-rollet" width="170" height="70" title="demeure-de-lile-rollet"></a>
            </div>
          </div>
        </div>
        <div class="col-md-9 col-sm- col-xs-" data-id="6" id="col_6">
          <div id="blocks_193" class="menu_2_m_responsive_48">
            <nav class="navbar navbar-new" id="navbar-main" role="navigation" style="z-index:999;">
              <div class="container">
                <div class="navbar-header">
                  <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse" class="navbar-toggle collapsed" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                </div>
                <div id="navbar" class="navbar-collapse collapse">
                  <ul class="nav navbar-nav">
                    <li class="dropdown-submenu level0 active">
                      <a target="_blank" href="accueil-1.html#contenu1">Accueil</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="demeure-de-l-ile-rollet-2.html#contenu1">Notre région</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="#">Les chambres</a>
                      <ul class="dropdown-menu level0">
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="location-suite-chambre-d-hotes-4.html#contenu1">Suite Romance</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="chambre-d-hote-familiale-5.html#contenu1">La voie lactée</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="location-chambre-d-hotes-6.html#contenu1">Comté de Bourgogne</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="location-chambre-romantique-7.html#contenu1">Balcon de juliette</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="tarif-chambre-d-hote-8.html#contenu1">Tarifs</a>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="#">Notre maison</a>
                      <ul class="dropdown-menu level0">
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="notre-maison-de-charme-10.html#contenu1">Notre maison</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="table-d-hote-11.html#contenu1">Table d'hôtes</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="chambre-d-hote-bien-etre-12.html#contenu1">Espace bien être</a>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="#">Nos offres</a>
                      <ul class="dropdown-menu level0">
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="week-end-maison-d-hote-14.html#contenu1">Nos offres à thèmes</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="coffret-cadeau-week-end-15.html#contenu1">Nos boîtes cadeaux</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="vrp-chambre-d-hote-16.html#contenu1">Etape VRP</a>
                        </li>
                        <li class="dropdown-submenu level1">
                          <a target="_blank" href="sejour-chambre-d-hote-18.html#contenu1">Séjour clés en main</a>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="photos-maison-d-hotes-19.html#contenu1">Galerie Photos</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="acces-chambre-d-hote-20.html#contenu1">Localisation</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="reservation-24.html#contenu1">Réservation</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="prise-de-rendez-vous-25.html#contenu1">Prise de rendez vous</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="evenementiel-26.html#contenu1">Événementiel</a>
                    </li>
                    <li class="dropdown-submenu level0">
                      <a target="_blank" href="reservation-chambre-d-hote-21.html#contenu1">Contact</a>
                    </li>
                  </ul>
                </div>
              </div>
            </nav>
            <script>


            var timerIn = 200;
            var timerOut = 200;
            $('#navbar li').hover(function() {
            $(this).find('> .dropdown-menu').stop(true, true).fadeIn(timerIn);
            $(this).addClass('open');
            }, function() {
            $(this).find('> .dropdown-menu').stop(true, true).fadeOut(timerOut);
            $(this).removeClass('open');
            });

            $('.navbar-header, .navbar-header button').on('touchstart click', function(){
            var wrapper=$('header');
            if(!wrapper.hasClass('inactive')){
            wrapper.addClass('inactive');
            setTimeout(function(){
            wrapper.addClass('flag');
            },100);

            $('#navbar').show();

            var timer = 0;
            $('nav li').each(function(i,v){
            timer = 40 * i;
            setTimeout(function(){
            $(v).addClass('visible');
            }, timer);
            });
            }else{
            $('header').trigger('click');
            }

            $('header').on('touchstart click', function(){
            var wrapper=$('header');

            if(wrapper.hasClass('flag')){
            wrapper.removeClass('inactive flag');
            $('li').removeClass('visible');
            }
            $('#navbar').hide();
            });
            return false;
            });


            </script> 
            <script>



            jQuery(document).ready(function($) {

            // Fixa navbar ao ultrapassa-lo
            var navbar = $('#navbar-main'),
            distance = navbar.offset().top,
            $window = $(window);
            if(distance == 0)
            distance = 1;
            $window.scroll(function() {
            if ($window.scrollTop() >= distance) {
            navbar.removeClass('navbar-fixed-top').addClass('navbar-fixed-top');
            $("body").css("padding-top", "70px");
            } else {
            navbar.removeClass('navbar-fixed-top');
            $("body").css("padding-top", "0px");
            }
            });
            });

            </script>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="diapo">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="7" id="col_7">
          <div id="blocks_336" class="code_htmlphp_21_code_84">
            <div class="txt-slider">
              <h1>Demeure de l'île Rollet</h1>
              <p>Une maison d'hôtes bourguignonne composée de belles chambres avec différentes capacités d'accueil pour vos séjours près de Dijon, en région Bourgogne.</p>
              <p>Réservation Direct</p>
              <p>Au meilleur prix garanti</p>
            </div>
          </div>
          <div id="blocks_515" class="diaporamas_7_responsive_default">
            <div id="myCarousel_515" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#myCarousel_515" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel_515" data-slide-to="1"></li>
                <li data-target="#myCarousel_515" data-slide-to="2"></li>
                <li data-target="#myCarousel_515" data-slide-to="3"></li>
              </ol>
              <div class="carousel-inner" role="listbox">
                <div class="item active" style="background-size: cover;">
                  <img src="ressources/diaporamas_7/-m3vs.jpg" alt="Chania">
                  <div class="carousel-caption hidden" style="top:%; left:%;right:%;bottom: %;">
                    <h3 data-animation="animated bounce"></h3>
                    <p data-animation="animated fadeInLeft"></p>
                  </div>
                </div>
                <div class="item" style="background-size: cover;">
                  <img src="ressources/diaporamas_7/-mgi4.jpg" alt="Chania">
                  <div class="carousel-caption hidden" style="top:%; left:%;right:%;bottom: %;">
                    <h3 data-animation="animated bounce"></h3>
                    <p data-animation="animated fadeInLeft"></p>
                  </div>
                </div>
                <div class="item" style="background-size: cover;">
                  <img src="ressources/diaporamas_7/-kb5r.jpg" alt="Chania">
                  <div class="carousel-caption hidden" style="top:%; left:%;right:%;bottom: %;">
                    <h3 data-animation="animated bounce"></h3>
                    <p data-animation="animated fadeInLeft"></p>
                  </div>
                </div>
                <div class="item" style="background-size: cover;">
                  <img src="ressources/diaporamas_7/-ppy8.jpg" alt="Chania">
                  <div class="carousel-caption hidden" style="top:%; left:%;right:%;bottom: %;">
                    <h3 data-animation="animated bounce"></h3>
                    <p data-animation="animated fadeInLeft"></p>
                  </div>
                </div>
              </div><a class="left carousel-control" href="#myCarousel_515" role="button" data-slide="prev"><span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span></a> <a class="right carousel-control" href="#myCarousel_515" role="button" data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span></a>
            </div>
            <script>

            jQuery(document).ready(function() {


            (function( $ ) {

            //Function to animate slider captions 
            function doAnimations( elems ) {
            //Cache the animationend event in a variable
            var animEndEv = 'webkitAnimationEnd animationend';

            elems.each(function () {
            var $this = $(this),
                $animationType = $this.data('animation');
                $this.parent().removeClass('hidden');
            $this.addClass($animationType).one(animEndEv, function () {
                $this.removeClass($animationType);
            });
            });
            }

            //Variables on page load 
            var $myCarousel = $('#myCarousel_515');
            $firstAnimatingElems = $myCarousel.find('.item.active').find("[data-animation ^= 'animated']");

            //Initialize carousel 

            $myCarousel.carousel();


            setTimeout(function(){
            //Animate captions in first slide on page load 
            doAnimations($firstAnimatingElems);

            },  500 );

            //Pause carousel  
            //$myCarousel.carousel('pause');


            //Other slides to be animated on carousel slide event 
            $myCarousel.on('slide.bs.carousel', function (e) {
            var $animatingElems = $(e.relatedTarget).find("[data-animation ^= 'animated']");

            setTimeout(function(){
            doAnimations($animatingElems);
            },  500 );

            $animatingElems.parent().addClass('hidden');
            });  

            })(jQuery);


            });
            </script> 
            <script>


            var $item = $('#blocks_515 .carousel .item');
            var $wHeight = $(window).height();

            $item.height($wHeight); 
            $item.addClass('full-screen');

            var $numberofSlides = $('.item').length;
            var $currentSlide = Math.floor((Math.random() * $numberofSlides));

            $('#blocks_515 .carousel-indicators li').each(function(){
            var $slideValue = $(this).attr('data-slide-to');
            if($currentSlide == $slideValue) {
            $(this).addClass('active');
            $item.eq($slideValue).addClass('active');
            } else {
            $(this).removeClass('active');
            $item.eq($slideValue).removeClass('active');
            }
            });

            $('#blocks_515 .carousel img').each(function() {
            var $src = $(this).attr('src');
            var $color = $(this).attr('data-color');
            $(this).parent().css({
            'background-image' : 'url(' + $src + ')',
            'background-color' : $color
            });
            $(this).remove();
            });

            $(window).on('resize', function (){
            $wHeight = $(window).height();
            $item.height($wHeight);
            });

            $('#blocks_515 .carousel').carousel({
            interval:  6000 ,
            pause: "false"
            });
            </script>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="titre">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="8" id="col_8">
          <div id="blocks_342" class="code_htmlphp_20_code_default">
            <div class="tcvpb_container">
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts1.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="location-suite-chambre-d-hotes-4.html#contenu1">
                        <h3>Les chambres</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#cca34ergb(204, 163, 78)">
                      <a href="location-suite-chambre-d-hotes-4.html#contenu1">
                      <p class="p_tc" style="text-align: center;">La Demeure de l'île Rollet vous propose de découvrir la région de la Bourgogne et de passer un séjour de charme en maison d'hôtes au bord de la Saône.</p></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts2.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="notre-maison-de-charme-10.html#contenu1">
                        <h3>Notre maison</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#cca34ergb(204, 163, 78)">
                      <a href="notre-maison-de-charme-10.html#contenu1">
                      <p class="p_tc" style="text-align: center;">Près de Dijon, la maison d'hôtes la Demeure de l'île Rollet, vous propose de passer un séjour de charme au bord de la Saône et de découvrir l'ambiance bourguignonne de la région.</p></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts3.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="chambre-d-hote-bien-etre-12.html#contenu1">
                        <h3>Espace bien être</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#00d8ffrgb(163, 204, 74)">
                      <a href="chambre-d-hote-bien-etre-12.html#contenu1">
                      <p class="p_tc" style="text-align: center;">Située près de Dijon, la Demeure de l'île Rollet met à votre disposition des chambres d'hôtes de différentes capacités d'accueil, ainsi qu'un espace de détente avec un jacuzzi, sauna et un espace massage.</p></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts4.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="week-end-maison-d-hote-14.html#contenu1">
                        <h3>Nos offres</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#cca34ergb(204, 163, 78)">
                      <a href="week-end-maison-d-hote-14.html#contenu1">
                      <p class="p_tc" style="text-align: center;">Près de Beaune, la Demeure de l'île Rollet vous propose une carte d'activités à thèmes pour un séjour personnalisé en maison d'hôtes en Bourgogne, avec ses monuments classés au patrimoine de l'Unesco.</p></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts5.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="table-d-hote-11.html#contenu1">
                        <h3>Table d'hôtes</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#cca34ergb(204, 163, 78)">
                      <a href="table-d-hote-11.html#contenu1">
                      <p class="p_tc" style="text-align: center;">Située près de Dole, la Demeure de l'île Rollet vous propose de déguster des spécialités gastronomiques de la cuisine bourguignonne traditionnelle du terroir en effectuant la réservation de sa table d'hôtes.</p></a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-4 tcvpb_column_tc_span3">
                <div class="tcvpb_metro_box">
                  <div class="flipper">
                    <div class="front" style="background-image: url(ressources/common/encarts6.jpg); background-position: top center; background-size: cover; min-height: 400px;">
                      <div class="tcvpb_metro_box_header">
                        <a href="coffret-cadeau-week-end-15.html#contenu1">
                        <h3>Nos boites cadeaux</h3></a>
                      </div>
                    </div>
                    <div class="back" style="background:#00d8ffrgb(163, 204, 74)">
                      <a href="coffret-cadeau-week-end-15.html#contenu1">
                      <p class="p_tc" style="text-align: center;">Près de Dijon, la Demeure de l'île Rollet, vous accompagne dans vos recherches de cadeaux d'anniversaires, mariages, Saint-Valentin et vous propose des box cadeaux week-end en chambre d'hôtes afin de profiter de la région Bourgogne.</p></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="contenu1">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="9" id="col_9">
          <div id="blocks_337" class="contenu_1_oneblock_default">
            <h1 class="normal" style="text-align: center;">Demeure de l'&icirc;le Rollet, maison d'h&ocirc;tes bourguignonne &agrave; Saint-Jean-de-Losne</h1>
            <p class="normal" style="text-align: center;">&nbsp;</p>
            <p class="normal" style="text-align: center;"><a href="https://www.demeuredelilerollet.com/">Sultan69 Slot</a> La Demeure de l'&icirc;le Rollet est une maison d&rsquo;h&ocirc;te bourguignonne, install&eacute;e &agrave; Saint-Jean-de-Losne dans le d&eacute;partement de la C&ocirc;te-d&rsquo;Or, elle poss&egrave;de un cadre idyllique pour passer un s&eacute;jour exceptionnel au bord de la Sa&ocirc;ne.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="contenu2">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm- col-xs-" data-id="10" id="col_10">
          <div id="blocks_338" class="contenu_1_oneblock_default"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga1.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
        </div>
        <div class="col-md-6 col-sm- col-xs-" data-id="11" id="col_11">
          <div id="blocks_339" class="contenu_1_oneblock_default">
            <p class="normal">Apr&egrave;s une longue exp&eacute;rience de 25 ans dans le tourisme, notamment dans une entreprise de transports en autocars, ainsi qu&rsquo;en agence de voyages qui a assur&eacute; cette activit&eacute; sur 4 g&eacute;n&eacute;rations, Yves et Catherine Jouffroy se sont lanc&eacute;s dans les chambres d&rsquo;h&ocirc;tes il y a 2 ans, en s&rsquo;installant au bord de la Sa&ocirc;ne.</p>
            <p class="normal">Apr&egrave;s l&rsquo;acquisition d&rsquo;une maison historique, datant de 1837, Yves et Catherine ont entrepris des travaux de r&eacute;novation pour fonder leur &eacute;tablissement, La Demeure de l'&icirc;le Rollet. Ils mettent ainsi &agrave; disposition de tous les visiteurs des chambres d&rsquo;h&ocirc;tes avec des ambiances diff&eacute;rentes dans l&rsquo;objectif de r&eacute;pondre aux attentes de chacun.</p>
            <p class="normal">La Demeure de l'&icirc;le Rollet est un petit coin de paradis gr&acirc;ce &agrave; sa situation en bord de Sa&ocirc;ne, bord&eacute;e par un parc de verdure de 3300 m&sup2; et &agrave; proximit&eacute; du carrefour des voies de navigation fluviales, qui feront le bonheur des plaisanciers, mais aussi des amoureux du v&eacute;lo ainsi que tous r&ecirc;veurs en qu&ecirc;te de d&eacute;tente.</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="contenu2-1">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm- col-xs-" data-id="12" id="col_12">
          <div id="blocks_340" class="contenu_1_oneblock_default"></div>
        </div>
        <div class="col-md-6 col-sm- col-xs-" data-id="13" id="col_13">
          <div id="blocks_341" class="contenu_1_oneblock_default"></div>
        </div>
      </div>
    </div>
  </section>
  <section id="contenu3">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm- col-xs-" data-id="14" id="col_14"></div>
        <div class="col-md-4 col-sm- col-xs-" data-id="15" id="col_15"></div>
        <div class="col-md-4 col-sm- col-xs-" data-id="16" id="col_16"></div>
      </div>
    </div>
  </section>
  <section id="contenu4">
    <div class="container">
      <div class="row">
        <div class="col-md-3 col-sm- col-xs-" data-id="17" id="col_17"></div>
        <div class="col-md-3 col-sm- col-xs-" data-id="18" id="col_18"></div>
        <div class="col-md-3 col-sm- col-xs-" data-id="19" id="col_19"></div>
        <div class="col-md-3 col-sm- col-xs-" data-id="20" id="col_20"></div>
      </div>
    </div>
  </section>
  <section id="contenu1-1">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="21" id="col_21">
          <div id="blocks_420" class="contenu_1_oneblock_default">
            <div class="col-md-4"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga2.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
            <div class="row">
              <div class="col-md-5">
                <p>Veillant &agrave; satisfaire une qu&ecirc;te d&rsquo;authenticit&eacute;, les h&ocirc;tes de la Demeure de l'&icirc;le Rollet vous r&eacute;servent un accueil chaleureux dans leur &eacute;tablissement, notamment en vous offrant des menus bourguignons avec des produits locaux pr&eacute;par&eacute;s par Yves, mais aussi en vous apportant des conseils avis&eacute;s pour vos visites en Bourgogne et en Franche-Comt&eacute; gr&acirc;ce aux bons plans de Catherine.&nbsp;</p>
                <p>L'&eacute;tablissement est un lieu de rencontre ouvert pour tous, les touristes &eacute;trangers aussi bien que les touristes locaux, venant notamment de Saint-Jean-de-Losne, Dijon dans le d&eacute;partement de la C&ocirc;te-d&rsquo;Or, ainsi que Dole dans le Jura et Chalon-sur-Sa&ocirc;ne dans la Sa&ocirc;ne-et-Loire.</p>
                <p>La maison de la Demeure de l&rsquo;&icirc;le Rollet a le regret de ne pas accepter d&rsquo;animaux, toutefois les h&ocirc;tes sont &agrave; votre disposition pour tous renseignements suppl&eacute;mentaires.</p>
              </div>
              <div class="col-md-3">
                <div class="row vide">
                  <p>&nbsp;</p>
                </div>
                <div class="row img-margin"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga3.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="services">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="22" id="col_22">
          <div id="blocks_347" class="contenu_1_oneblock_default">
            <div class="col-md-6">
              <h2 class="normal">Notre r&eacute;gion</h2>
              <p class="normal">Sultan69 Id&eacute;alement situ&eacute;e en bord de la Sa&ocirc;ne, la Demeure de l'&icirc;le Rollet est &agrave; mi-chemin des <a href="demeure-de-l-ile-rollet-2.html#contenu1">sites incontournables de la Bourgogne et de la Franche-Comt&eacute;</a>&nbsp;pour des s&eacute;jours exceptionnels.</p>
              <div class="contenu-btn">
                <p><a class="btn" href="demeure-de-l-ile-rollet-2.html#contenu1">En savoir plus</a></p>
              </div>
            </div>
            <div class="col-md-6"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga4.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="presentation1">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm- col-xs-" data-id="23" id="col_23">
          <div id="blocks_344" class="contenu_1_oneblock_default">
            <h2 class="normal">Les chambres</h2>
            <p class="normal">N&rsquo;h&eacute;sitez pas &agrave; visiter notre maison d'h&ocirc;tes en r&eacute;gion de Bourgogne et &agrave; r&eacute;server une <a href="location-suite-chambre-d-hotes-4.html#contenu1">chambre d'h&ocirc;tes</a>&nbsp;pour votre s&eacute;jour de vacances en famille ou encore le temps d&rsquo;un week-end en amoureux.&nbsp;</p>
            <div class="contenu-btn">
              <p><a class="btn" href="location-suite-chambre-d-hotes-4.html#contenu1">En savoir plus</a></p>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-sm- col-xs-" data-id="24" id="col_24">
          <div id="blocks_343" class="contenu_1_oneblock_default"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga5.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
        </div>
      </div>
    </div>
  </section>
  <section id="presentation2">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm- col-xs-" data-id="25" id="col_25">
          <div id="blocks_346" class="contenu_1_oneblock_default">
            <h2 class="normal">Notre maison&nbsp;</h2>
            <p class="normal">Envie d&rsquo;une <a href="notre-maison-de-charme-10.html#contenu1">maison d&rsquo;h&ocirc;tes</a>&nbsp;pour un s&eacute;jour de charme ? Faites une escale &agrave; la Demeure de l'&icirc;le Rollet pour d&eacute;couvrir des menus bourguignons pr&eacute;par&eacute;s avec des produits locaux et profiter de notre espace bien-&ecirc;tre.</p>
            <div class="contenu-btn">
              <p><a class="btn" href="notre-maison-de-charme-10.html#contenu1">En savoir plus</a></p>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-sm- col-xs-" data-id="26" id="col_26">
          <div id="blocks_345" class="contenu_1_oneblock_default"></div>
        </div>
      </div>
    </div>
  </section>
  <section id="actualite">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="27" id="col_27">
          <div id="blocks_348" class="contenu_1_oneblock_default">
            <div class="col-md-6">
              <h2 class="normal">Nos offres de s&eacute;jours en maison d&rsquo;h&ocirc;tes</h2>
              <p class="normal">Envie d&rsquo;un s&eacute;jour agr&eacute;able ou encore d&rsquo;un h&eacute;bergement confortable pour une nuit&eacute;e lors d&rsquo;une visite professionnelle en r&eacute;gion Bourgogne ? La Demeure de l'&icirc;le Rollet propose de nombreuses offres de s&eacute;jours en chambres d&rsquo;h&ocirc;tes, notamment, une <a href="vrp-chambre-d-hote-16.html#contenu1">soir&eacute;e &eacute;tape</a>&nbsp;et des s&eacute;jours &agrave; th&egrave;me.</p>
              <div class="contenu-btn">
                <p><a class="btn" href="vrp-chambre-d-hote-16.html#contenu1">En savoir plus</a></p>
              </div>
            </div>
            <div class="col-md-6"><img style="width: 100%; height: auto;" title="Chambre d hote Saint-Jean-de-Losne" src="ressources/common/imga6.jpg" alt="Chambre d hote Saint-Jean-de-Losne"></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="avis">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="28" id="col_28">
          <div id="blocks_349" class="contenu_1_oneblock_default">
            <h2 class="normal" align="center">Demeure de l'&icirc;le Rollet</h2><img style="display: block; margin-left: auto; margin-right: auto;" src="ressources/common/sous-titre.png" alt="" width="220" height="59">
            <h3 style="text-align: center;">Galerie photos&nbsp;</h3>
            <div class="row galerie1">
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m1.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m2.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m3.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
            </div>
            <div class="row galerie">
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m4.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m5.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
              <div class="col-md-4"><img style="width: 100%; height: auto;" title="Photos maison d'hotes Saint-Jean-de-Losne" src="ressources/common/m6.jpg" alt="Photos maison d'hotes Saint-Jean-de-Losne"></div>
            </div>
            <div class="galerie-btn">
              <p><a class="btn" href="photos-maison-d-hotes-19.html#contenu1">Voir plus</a></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="map">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="29" id="col_29">
          <div id="blocks_350" class="contenu_1_oneblock_default">
            <div class="col-md-3"><img src="ressources/common/logo1.png" alt="" width="198" height="74"></div>
            <div class="col-md-3"><img src="ressources/common/logo2.png" alt="" width="198" height="74"></div>
            <div class="col-md-3"><img src="ressources/common/logo3.png" alt="" width="198" height="74"></div>
            <div class="col-md-3"><img src="ressources/common/logo4.png" alt="" width="198" height="74"></div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section id="cordonne">
    <div class="container">
      <div class="row">
        <div class="col-md-4 col-sm- col-xs-" data-id="30" id="col_30"></div>
        <div class="col-md-4 col-sm- col-xs-" data-id="31" id="col_31"></div>
        <div class="col-md-4 col-sm- col-xs-" data-id="32" id="col_32"></div>
      </div>
    </div>
  </section>
  <section id="conseil">
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="33" id="col_33">
          <div id="blocks_351" class="contenu_1_oneblock_default">
            <img style="display: block; margin-left: auto; margin-right: auto;" src="ressources/common/logo-footer.png" alt="" width="237" height="75">
            <p style="text-align: center;">&nbsp;</p>
            <p style="text-align: center;">N&rsquo;h&eacute;sitez pas &agrave; contacter la Demeure de l'&icirc;le Rollet pour effectuer vos r&eacute;servations de vacances dans nos chambres d&rsquo;h&ocirc;tes et d&eacute;couvrir le charme de la r&eacute;gion Bourgogne et des villes proches telles que Dijon et Beaune.</p>
          </div>
          <div id="blocks_353" class="contenu_1_oneblock_default">
            <div class="col-md-4" style="text-align: center;">
              <img title="adresse" src="ressources/common/add.png" alt="adresse">
              <p>12 quai de l'Europe<br>
              21170 Saint-Jean-de-Losne</p>
            </div>
            <div class="col-md-4">
              <img style="display: block; margin-left: auto; margin-right: auto;" title="tel" src="ressources/common/tel.png" alt="tel">
              <p class="information" style="text-align: center;">Appelez-nous au :</p>
              <p style="text-align: center;"></p>
              <p style="text-align: center;"></p>
            </div>
            <div class="col-md-4">
              <img style="display: block; margin-left: auto; margin-right: auto;" title="mail" src="ressources/common/mail.png" alt="mail">
              <p class="information" style="text-align: center;">Contactez nous:</p>
              <p style="text-align: center;"></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-sm- col-xs-" data-id="34" id="col_34">
          <div id="blocks_352" class="mlb_8_mentionslegales_default">
            <br>
            <a href="#" onclick="window.open('modules/mlb_8/views/mentionslegales/popup.php?v=U0VPMjEwMDEx', 'mentionslegales', config='height=500, width=450, toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, directories=no, status=yes'); return false;">Mentions l&eacute;gales</a> - <a href="plan-du-site-22.html">Plan du site</a> - <a href="/rgpd.php" target="_blank">Politique de confidentialité</a>
          </div>
        </div>
      </div>
    </div>
  </footer>&nbsp; 
  <script type="text/javascript">


  try {
  var pageTracker = _gat._getTracker("UA-121639400-49");
  pageTracker._trackPageview();
  } catch(err) {}
  </script> 
  <script type="text/javascript" src="/tarteaucitron/tarteaucitron.js"></script> 
  <script type="text/javascript" src="/tarteaucitron/tarteaucitron.services.js"></script> 
  <script type="text/javascript">




        var urlcours=(window.location.hostname);

          
        tarteaucitron.init({
        "privacyUrl": "", /* Privacy policy url */

        "hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
        "cookieName": "tarteaucitron", /* Cookie name */
    
        "orientation": "middle", /* Banner position (top - bottom) */
                           
        "showAlertSmall": false, /* Show the small banner on bottom right */
        "cookieslist": false, /* Show the cookie list */
                           
          "showIcon": true, /* Show cookie icon to manage cookies */
          "iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */

        "adblocker": true, /* Show a Warning if an adblocker is detected */
                           
          "DenyAllCta" : true, /* Show the deny all button */
          "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
          "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
                           
        "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */

        "removeCredit": true, /* Remove credit link */
        "moreInfoLink": false, /* Show more info link */

          "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
          "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */

        "cookieDomain": urlcours, /* Shared cookie for multisite */
                          
          "readmoreLink": "", /* Change the default readmore link */

          "mandatory": true, /* Show a message about mandatory cookies */
        });


        tarteaucitron.services.cookiesdestatistiques = {
  "key": "cookiesdestatistiques",
  "type": "other",
  "name": "Cookies de statistiques",
  "needConsent": true,
  "cookies": ['cookie', 'cookie2'],
  "readmoreLink": "/custom_read_more", // If you want to change readmore link
  "js": function () {
    "use strict";
    // When user allow cookie
  },
  "fallback": function () {
    "use strict";
    // when use deny cookie
  }
  };

  tarteaucitron.services.cookiesdemarketing = {
  "key": "cookiesdemarketing",
  "type": "other",
  "name": "Cookies de marketing/tracking",
  "needConsent": true,
  "cookies": ['cookie', 'cookie2'],
  "readmoreLink": "/custom_read_more", // If you want to change readmore link
  "js": function () {
    "use strict";
    // When user allow cookie
  },
  "fallback": function () {
    "use strict";
    // when use deny cookie
  }
  };

  (tarteaucitron.job = tarteaucitron.job || []).push('cookiesdestatistiques');
  (tarteaucitron.job = tarteaucitron.job || []).push('cookiesdemarketing');


  </script> 
  <script>


                jQuery(document).ready(function() {


                        jQuery('a[onclick*="mentionslegales/popup.php"]').attr('href','/mentions-legales.php');
                        jQuery('a[onclick*="mentionslegales/popup.php"]').attr('onclick','');
                        jQuery('a[onclick*="mentionslegales/popup.php"]').removeAttr( "onclick" );
                        jQuery('a[href*="rgpd.php"]').attr('href','/politiques.php');

                if (!jQuery('a[href*="gestion-des-cookies"]').length){
                        
                    if (jQuery('a[href*="mentions-legales"]').length){
                        
                        jQuery('a[href*="mentions-legales"]').after(" - <a href='/gestion-des-cookies.php'>Gestion des cookies</a>");
                    }
                }


                if (!jQuery('a[href*="politiques.php"]').length){
                                    
                      
                        jQuery('a[href*="mentions-legales"]').after(" - <a href='/politiques.php'>Politique de confidentialité</a>");
                    
                }


                if(!jQuery('p').text().includes('via ce formulaire, consultez notre')){
                    
                    if(!jQuery('input[value*="En soumettant ce formulaire, j"]').length) {

                        jQuery('div[class*="Contact_responsive"]').each(function(){
                            jQuery(this).find(':submit').before('<div class="col-md-12"><span class="wpcf7-form-control-wrap checkbox-979"><span class="wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required"><span class="wpcf7-list-item first last"><label><input type="checkbox" name="checkbox-979[]" class="checkbox-979" value="En soumettant ce formulaire, j’accepte que les informations saisies soient exploitées dans le strict cadre de ma demande."><span class="wpcf7-list-item-label">En soumettant ce formulaire, j’accepte que les informations saisies soient exploitées dans le strict cadre de ma demande.</span></label></span></span></span></div>');
                            jQuery(this).find(':submit').after('<div class="col-md-12 ml"><p>* Ces champs sont obligatoires</p><p><br></p><p>Nous nous engageons à ce que la collecte et le traitement de vos données effectuées à partir du présent site internet soit conforme à la loi informatique et libertés et au règlement général sur la protection des données personnelles (RGPD). Afin d’exercer vos droits, notamment d’accès, de correction ou de retrait de vos données personnelles collectées via ce formulaire, consultez notre <a href="/politiques.php">Politique de confidentialité</a>.</p></div>');
                        });



                       jQuery('div[class*="Contact_responsive"] input[type="submit"]').on('click', function (e) {
                            if(!jQuery(".checkbox-979").is(":checked")) 
                            {
                                alert("Merci d'accepter les conditions liées au RGPD avant de soumettre le formulaire");
                                e.preventDefault();
                                return false;
                            }
                        });
                    }
                    
                }

            });
  </script>
</body>
</html>
