Outiref

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" />

    <!-- CHARGE LES CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />

 
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/main-base.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/widget-bottom-contact.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/modules.css"/>
<link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/main-header2.css"/>
<link rel="stylesheet" href="http://ressources.webraizer.com/css/main-13.css"/>
<link rel="stylesheet" href="http://ressources.webraizer.com/css/modules-13.css"/>

    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/main.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/live-edition.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/animate.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/modal-rappel-tel.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="http://ressources.webraizer.com/commun/css/bootstrap-datetimepicker.min.css"/>
     
    


    <!-- CHARGE LES JS -->
    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <script src="http://ressources.webraizer.com/commun/js/headhesive.min.js"></script>
    <script src="http://ressources.webraizer.com/commun/js/moment.js"></script>
    <script src="http://ressources.webraizer.com/commun/js/bootstrap-datetimepicker.min.js"></script>
    <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Lato:100,300,400" rel="stylesheet" />



    <!-- les polices -->
    <link href="https://fonts.googleapis.com/css?family=PT+Serif" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Lato:100,300,400" rel="stylesheet" /><link href="https://fonts.googleapis.com/css?family=Italianno|Lato" rel="stylesheet">

    <!-- AUTRES ELEMENTS -->
    <title>
	Blog Hotels : Voyages
</title>
<meta name="description" content="Blog Hotels - Voyages" /></head>
<body>

    <!-- ------------------- -------- ----------------------- -->
    <!-- ------------------- SCRIPT APRES BODY -------------- -->
    <!-- ------------------- -------- ----------------------- -->


    


    
    <!-- --------------------------------- -------- --------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- LIVE EDITION : HEADER ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->    
    <!-- --------------------------------- -------- --------------------- -->    
     




















    


    <!-- ------------------- -------- ----------------------- -->
    <!-- ------------------- HEADER ------------------------- -->
    <!-- ------------------- -------- ----------------------- -->
    <div style="text-align:center;" class="logo-mobile visible-xs">
    <a href="http://www.blog-hotels.fr"><img src="http://ressources.webraizer.com/logos/logo-13-1.jpg?version=0" alt=""/></a>
</div>

<div class="menu">
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="row">

                <div class="navbar-header">
                    <a class="navbar-brand hidden-xs <%LIVE_EDITION_LOGO_CLASS%>" href="http://www.blog-hotels.fr"><img src="http://ressources.webraizer.com/logos/logo-13-1.jpg?version=0" alt="" /></a>
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="http://www.blog-hotels.fr">Accueil</a></li>
<li><a href="http://www.blog-hotels.fr/page/2/hotel-arles">Hôtel Arles</a></li>
<li><a href="http://www.blog-hotels.fr/page/8/coaching">Coaching</a></li>
<li><a href="http://www.blog-hotels.fr/page/7/hotels-a-montpellier">Hotels à Montpellier</a></li>
<li><a href="http://www.blog-hotels.fr/page/10/voyages">Voyages</a></li>
<li><a href="http://www.blog-hotels.fr/page/6/hotel-gargilesse">Hôtel Gargilesse</a></li>

                            <li id="btn-action1" class="btn-big-lien"><a href=""></a></li>
                            <li id="btn-telephone1" class="btn-big" style="display:none;"></li>
                            <li class="btn-drapeau" style="display:none;"><a href="http://www.blog-hotels.fr/page/10/voyages"><img src="https://ressources.webraizer.com/commun/images/header-icone-ml-fr.jpg" width="30"/></a></li>
                            <li class="btn-drapeau" style="display:none;"><a href=""><img src="https://ressources.webraizer.com/commun/images/header-icone-ml-en.jpg" width="30" /></a></li>
                            <li class="btn-drapeau" style="display:none;"><a href=""><img src="https://ressources.webraizer.com/commun/images/header-icone-ml-be.jpg" width="30" /></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>
</div>

    <!-- ------------------- -------- --------------------- -->
    <!-- ------------------- CORP ------------------------- -->
    <!-- ------------------- -------- --------------------- -->
    <form method="post" action="./voyages" id="form1">
<div class="aspNetHidden">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="3d6ItKFQyuh5yeiqufhYycPAYiyPl+IadAVjd+NLlm4FoV21iEcf4Yf052shRO4OEkNjbMrKqHXO2m5UcLl7kXQyGIHiq8wSLuP1W+L96VjRETs2zUdZA5k8FpdgkOP7" />
</div>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="C1B548FB" />
</div>
            
     <div class="module300" id="page-module-19">
    <div class="container">
        <div class="row item1">
    <div class="col-sm-4 photo">
        <a href="http://www.blog-hotels.fr/article/11/24/3-destinations-incontournables-pour-passer-vos-meilleures-vacances-dhiver-en-france" style=""><img src="http://ressources.webraizer.com/articles-photos/article-photo-13-24-1.jpg?version=1" alt="" class="img-responsive" /></a>
        
    </div>
    <div class="col-sm-8 corps">
        <h2>3 destinations incontournables pour passer vos meilleures vacances d'hiver en France</h2>
        <div class="description">
            Pour des vacances d'hiver avec une neige abondante, un Noël magique et des activités insolites, vous n'avez pas nécessairement besoin de sortir de la France. En effet, cette dernière regorge d'une infinité de destinations inédites qui s'apprécient particulièrement en hiver.

Cet article a sélectio...
            <div>
                <a href="http://www.blog-hotels.fr/article/11/24/3-destinations-incontournables-pour-passer-vos-meilleures-vacances-dhiver-en-france" class="btn-suite">Lire la suite</a>
            </div>
        </div>
    </div>
</div><div class="row item1">
    <div class="col-sm-4 photo">
        <a href="http://www.blog-hotels.fr/article/11/23/avoir-une-vue-densemble-sur-laustralie-avant-darriver-sur-place" style=""><img src="http://ressources.webraizer.com/articles-photos/article-photo-13-23-1.jpg?version=1" alt="" class="img-responsive" /></a>
        
    </div>
    <div class="col-sm-8 corps">
        <h2>Avoir une vue d’ensemble sur l’Australie avant d’arriver sur place</h2>
        <div class="description">
            Comme il s’agit d’un vaste pays, un voyage en Australie ne s’improvise pas. Il est impératif d’avoir un minimum de renseignement avant de partir. Ce sera toujours le cas, quel que soit le type de voyage que vous allez réaliser. Et cela permet de déterminer les itinéraires à prendre. Puis il sera plu...
            <div>
                <a href="http://www.blog-hotels.fr/article/11/23/avoir-une-vue-densemble-sur-laustralie-avant-darriver-sur-place" class="btn-suite">Lire la suite</a>
            </div>
        </div>
    </div>
</div><div class="row item1">
    <div class="col-sm-4 photo">
        <a href="http://www.blog-hotels.fr/article/11/20/que-ne-pouvez-vous-pas-manquer-dans-la-ville-rouge-" style=""><img src="http://ressources.webraizer.com/articles-photos/article-photo-13-20-1.jpg?version=1" alt="" class="img-responsive" /></a>
        
    </div>
    <div class="col-sm-8 corps">
        <h2>Que ne pouvez-vous pas manquer dans la ville rouge ?</h2>
        <div class="description">
            L'Afrique, mais pas si loin.&nbsp;Une richesse de saveurs et d'arômes.&nbsp;Une culture différente et des traditions surprenantes.&nbsp;Le Maroc et Marrakech y sont.&nbsp;Coup de cœur touristique et paradis pour les amateurs de découverte de nouveaux produits.&nbsp;Dans toutes les dimensions.

Mar...
            <div>
                <a href="http://www.blog-hotels.fr/article/11/20/que-ne-pouvez-vous-pas-manquer-dans-la-ville-rouge-" class="btn-suite">Lire la suite</a>
            </div>
        </div>
    </div>
</div><div class="row item1">
    <div class="col-sm-4 photo">
        <a href="http://www.blog-hotels.fr/article/11/19/voyage-de-reves-marrakech" style=""><img src="http://ressources.webraizer.com/articles-photos/article-photo-13-19-1.jpg?version=1" alt="" class="img-responsive" /></a>
        
    </div>
    <div class="col-sm-8 corps">
        <h2>Voyage de rêves: Marrakech</h2>
        <div class="description">
            Des murs rouges au lustre étrange et rouillé entourent la médina.&nbsp;De vieilles maisons couvertes de tuiles rouges envahissent les rues et les places.
La légende raconte que lors de la construction de la mosquée&nbsp;Koutoubia&nbsp;au cœur de la ville, une terrible guerre se déroulait dans le pa...
            <div>
                <a href="http://www.blog-hotels.fr/article/11/19/voyage-de-reves-marrakech" class="btn-suite">Lire la suite</a>
            </div>
        </div>
    </div>
</div>
    </div>
</div>







    </form>


    <!-- ------------------- -------- --------------------- -->
    <!-- ------------------- FOOTER ------------------------- -->
    <!-- ------------------- -------- --------------------- -->
    <div class="footer" style="display:none;">
        <div class="container">
            <div class="row">
                <!-- colonne 1 -->
                <div class="col-md-4 col1">
                    <div class="texte1">Plan du site</div>
                    <div class="texte2"> <a class="page" href="http://www.blog-hotels.fr">Accueil</a>
<a class="page" href="http://www.blog-hotels.fr/page/2/hotel-arles">Hôtel Arles</a>
<a class="page" href="http://www.blog-hotels.fr/page/8/coaching">Coaching</a>
<a class="page" href="http://www.blog-hotels.fr/page/7/hotels-a-montpellier">Hotels à Montpellier</a>
<a class="page" href="http://www.blog-hotels.fr/page/13/trouver-des-backlinks-de-qualite">Trouver des backlinks de qualité</a>
<a class="page" href="http://www.blog-hotels.fr/page/12/trouver-des-backlinks">Trouver des backlinks</a>
<a class="page" href="http://www.blog-hotels.fr/page/10/voyages">Voyages</a>
<a class="page" href="http://www.blog-hotels.fr/page/6/hotel-gargilesse">Hôtel Gargilesse</a>
<a class="page" href="http://www.blog-hotels.fr/credit-photographe/arles">Crédit Photos</a><a class="page" href="http://www.blog-hotels.fr/echange-d-article" title="échange de liens">Demander un échange de liens</a><a class="page" href="http://www.blog-hotels.fr/netlinking" title="Outil Netlinking">Outil Netlinking</a></div>

                </div>

                <!-- colonne 2 -->
                <div class="col-md-4 col2">
                     <div class="texte1">INFORMATIONS DU SITE</div>
                     <div class="texte2">
                         
                         
                         <br />
                         <a href="http://www.blog-hotels.fr/creation-site-internet/arles" style="text-decoration:none;">Création de site</a> <a href="http://www.peps-multimedia.com" target="_blank" alt="création site Internet Montpellier">Pep's Multimedia</a>
                         <br />
                         <a href="http://www.blog-hotels.fr/credit-photographe/arles" style="text-decoration:none;">Crédit Photos</a>
                        
                     </div>
                     
                </div>

                 <!-- colonne 2 -->  
                <div class="col-md-4 col3">
                     <div class="texte1">Blog Hotels</div>
                     <div class="texte2">
                        
                         
                     </div>
                </div>

            </div>
        </div>
    </div>



    <!-- ------------------- -------- --------------------- -->
    <!-- ------------------- FOOTER ------------------------- -->
    <!-- ------------------- -------- --------------------- -->
    <div class="footer">
    <div class="container">
        <div class="row">
            <!-- colonne 1 -->
            <div class="col-md-4 col1">
                <div class="texte1">Plan du site</div>
                <div class="texte2"> <a class="page" href="http://www.blog-hotels.fr">Accueil</a>
<a class="page" href="http://www.blog-hotels.fr/page/2/hotel-arles">Hôtel Arles</a>
<a class="page" href="http://www.blog-hotels.fr/page/8/coaching">Coaching</a>
<a class="page" href="http://www.blog-hotels.fr/page/7/hotels-a-montpellier">Hotels à Montpellier</a>
<a class="page" href="http://www.blog-hotels.fr/page/13/trouver-des-backlinks-de-qualite">Trouver des backlinks de qualité</a>
<a class="page" href="http://www.blog-hotels.fr/page/12/trouver-des-backlinks">Trouver des backlinks</a>
<a class="page" href="http://www.blog-hotels.fr/page/10/voyages">Voyages</a>
<a class="page" href="http://www.blog-hotels.fr/page/6/hotel-gargilesse">Hôtel Gargilesse</a>
<a class="page" href="http://www.blog-hotels.fr/credit-photographe/arles">Crédit Photos</a><a class="page" href="http://www.blog-hotels.fr/echange-d-article" title="échange de liens">Demander un échange de liens</a><a class="page" href="http://www.blog-hotels.fr/netlinking" title="Outil Netlinking">Outil Netlinking</a></div>
            </div>

            <!-- colonne 2 -->
            <div class="col-md-4 col2">
                <div class="texte1">INFORMATIONS DU SITE</div>
                <div class="texte2">
                    
                    
                    <br />
                    <a href="http://www.blog-hotels.fr/creation-site-internet/arles" style="text-decoration:none;">Création de site</a> <a href="http://www.peps-multimedia.com" target="_blank" alt="création site Internet Montpellier">Pep's Multimedia</a>
                  
                </div>
                
            </div>

            <!-- colonne 2 -->
            <div class="col-md-4 col3">
                <div class="texte1">Blog Hotels</div>
                <div class="texte2">

                    
                </div>
            </div>

        </div>
    </div>
</div>


    <!-- ------------------- -------- --------------------- -->
    <!-- ------------------- FOOTER-SAT ------------------------- -->
    <!-- ------------------- -------- --------------------- -->
    



    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- HTML INSERé DYNAMIQUEMENT BOTTOM------------ -->
    <!-- --------------------------------- -------- --------------------- -->

    

        
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- SCRIPT BAS DE PAGE ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
     <script src="http://ressources.webraizer.com/commun/js/wow.min.js"></script>
     <script>new WOW().init();</script>



    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- MenuStick ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    
           <script>
         
               var self = this;
               var headhesive = new Headhesive('.menu', {
                   offset: 300,
                   classes: {
                       clone: 'menu--clone',
                       stick: 'menu--stick',
                       unstick: 'menu--unstick'
                   }
               });
        </script>
    
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- scriptJsBottom ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    





    <!-- --------------------------------- -------- --------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- LIVE EDITION ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->    
    <!-- --------------------------------- -------- --------------------- -->    
    <script>

        var SITE_URL = 'http://www.blog-hotels.fr';
        var SITE_ID = '13'

        //-- TODO : est-ce appelé vraiment??????
        function liveEditionOn() {
            //--- retire tous les attribus HREF de balises <A>
            $("a").each(function (index, element) {
                $(this).removeAttr("href");
            });


        }


        function liveEdition(id, texteId) {
            //ouvre la modal
            $('#liveEditionModalTexte').modal('show');

            //recupere le div en cours
            var div = $("#live" + id + "-" + texteId);
            var textarea = $("#live-textarea");

            //initialise le texte dans le textarea
            textarea.val(div.html());

            //bouton de fin de la modal            
            var btnEnd = $("#live-edition-end-btn");
            btnEnd.click(function () {
                //important : supprimer l'écouteur sur le bouton de fin
                $(this).off("click");

                //modifie le texte
                var div = $("#live" + id + "-" + texteId);
                div.html(textarea.val());

                //attention : CLEAN DE LA STRING ?? (strip html??)
                var texteClean = textarea.val().replace(/(<([^>]+)>)/ig, "");

                //appel ajax du webservice pour modifier le texte
              
                $.post(SITE_URL + "/api/change-texte.ashx",
                {
                    texte: texteClean,
                    siteId: SITE_ID,
                    photoId: id,
                    texteId: texteId
                },
                function (reponse, status) {
                });


                /*
                $.ajax({
                    url: SITE_URL + "/api/change-texte.ashx?texte="+texteClean+"&siteId=,
                    success: function (response) {
                        //Do Something
                    },
                    error: function (xhr) {
                        //Do Something to handle error
                    }
                });
                */



                //ferme la modal
                $('#liveEditionModalTexte').modal('hide');
            });
        }
    </script>



  <!-- The Modal -->
  <div class="modal fade live-edition-modal" id="liveEditionModalTexte">
    <div class="modal-dialog live-edition-modal-dialog">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
          <h4 class="modal-title">Modal Heading</h4>
          <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body">
          <textarea  id="live-textarea" class="live-textarea"></textarea>
        </div>
        
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" id="live-edition-end-btn">Close</button>
        </div>
        
      </div>
    </div>
  </div>




    

    <!-- --------------------------------- -------- --------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- PHOTO SWIPE ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->    
    <!-- --------------------------------- -------- --------------------- -->    


    
    


    <!-- --------------------------------- -------- --------------------- -->
    <!-- --------------------------------- -------- --------------------- -->
    <!-- ------------------- SUITE ------------------------- -->
    <!-- --------------------------------- -------- --------------------- -->    
    <!-- --------------------------------- -------- --------------------- -->    


    
  


  
 






</body>
</html>