Outiref

Code source de l'URL : http://www.cordon.fr

<!doctype html>
<html lang="FR"><!-- InstanceBegin template="/Templates/modele_index_ot-cordon.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=5.0;" />
<!-- InstanceBeginEditable name="doctitle" -->
        <title>Cordon, village dans les Alpes, face au Mont-Blanc : ski, randonnées, raquettes, musique...</title>
	<meta name="description" content="L'office du tourisme de Cordon (site officiel) vous présente son village de montagne dans les Alpes, situé à 12 km de Megève, face au massif du Mont-Blanc et au coeur du Pays du Mont-Blanc : nature, authenticité, petite station de ski pas cher, balades, randonnées, raquettes..." />
        <meta name="Keywords" content="Pays du Mont-Blanc, Alpes, Savoie, ski pas cher, vacances pas cher, petit prix, station, village" />
        <meta name="ABSTRACT" content="L'office du tourisme de Cordon (site officiel) vous présente son village de montagne dans les Alpes, situé à 12 km de Megève, face au massif du Mont-Blanc et au coeur du Pays du Mont-Blanc : nature, authenticité, petite station de ski pas cher, balades, randonnées, raquettes..." />
        <meta name="Date-Revision-yyyymmdd" content="20260320" />
        <meta name="Generator" content="ILLICOPAGE " />

<!-- InstanceEndEditable -->
<!-- Swishcommand noindex -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-59V4WF6Z');</script>
<!-- End Google Tag Manager -->

<script src="https://tarteaucitron.io/load.js?domain=www.cordon.fr&uuid=03d578903487e57fc20441dc46663e773b88208d"></script>
<script type="text/javascript" src="/javascript/illicopage/jquery-1.9.1.min.js"></script>
<!-- <script type="text/javascript" src="/javascript/illicopage/jquery-ui-1.8.5.custom.min.js"></script> -->
<script type="text/javascript" src="/javascript/jquery-ui.js"></script>
<script type="text/javascript" src="/javascript/illicopage/jquery-migrate-1.2.1.js"></script>
<script type="text/javascript" src="/javascript/illicopage/thickbox.js"></script>
<link href="/javascript/illicopage/thickbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/javascript/font.js"></script>
<script src="/javascript/base.js" type="text/javascript" ></script>
<link href="/css/illicopage.css" rel="stylesheet" type="text/css" />
<link href="/css/general-ot-cordon.css" rel="stylesheet" type="text/css" />
<link href="/css/responsive-ot-cordon.css" rel="stylesheet" type="text/css" />
<link href="/css/jquery-ui.css" rel="stylesheet" type="text/css" />

<!-- <link rel="stylesheet" type="text/css" href="/javascript/jquery-social-stream/css/dcsns_wall.css" media="all" /> -->
<!-- <script type="text/javascript" src="/javascript/jquery-social-stream/js/jquery.social.stream.min.js"></script> -->
<!-- <script type="text/javascript" src="/javascript/social-stream.js"></script> -->

<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<script type="text/JavaScript">
url_printer = "/index.htm";
url_lien_malvoyant = "/index_wai.htm";
</script>
<!-- <script type="text/javascript">var switchTo5x=true;</script> -->
<!-- <script type="text/javascript" src="https://ws.sharethis.com/button/buttons.js"></script> -->
<!-- <script type="text/javascript" src="https://ss.sharethis.com/loader.js"></script> -->

</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59V4WF6Z"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<div id="conteneur" class="page-accueil"> 
      
<div class="conteneur1 abs">

	<div id="controle-menu" class="icon controle-menu notxt">Menu</div>

	<div id="diaporama" class="abs">
	      <div id="bis_images" class="bis_images">
          <div id="bis_image1" class="bis_image"></div>
          <div id="bis_image2" class="bis_image"></div>
      </div>
            <script type="text/javascript" src="/javascript/jquery-background.js"></script>
      <script type="text/javascript">
	  jQuery(document).ready(function(){
	      jQuery("body").bgimgSlideshow({ photos : [
	  {
		  "title" : "Cordon, le Balcon du Mont-Blanc",
		  "image" : "/images/album_photo/diapo/village-printemps-2025-jean-marc-barey0.jpg",
		  "url" : "",
		  "bis_description" : "",
		  "secondline" : ""
	  }
,	  {
		  "title" : "",
		  "image" : "/images/album_photo/diapo/eglise-soleil-2025-barey0.jpg",
		  "url" : "",
		  "bis_description" : "",
		  "secondline" : ""
	  }
],markup : '',slideshowSpeed : 8000});});</script>
      <div id="bis_container">
          <div id="bis_nav">
              <div id="bis_back" class="bis_btn"></div>
              <div id="bis_next" class="bis_btn"></div>
              <div id="bis_position" class="bis_btn"></div>
          </div>
          <div id="bis_caption">
              <div  class="page">
                  <p class="bis_title"><a href="#" id="bis_titlelink"></a></p>
                  <div id="bis_description" class="bis_description"></div>
                  <div id="secondline"></div>
              </div>
          </div>
      </div>

		<div class="menu-rap abs">        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc_isole"><div class="bloc">
	<a class="explore" href="https://explore.cordon.fr/fr" target="_blank" title="Carte interactive"><img alt="Cordon Tourisme" src="/charte/explore.png" title="Cordon Tourisme" /><span>Carte interactive</span></a></div>
<div class="bloc">
	<a class="webcam" href="/webcam.htm" title="Webcam"><img alt="Webcam" src="/charte/webcam.png" title="Webcam" /><span>Webcam</span></a></div>
<div class="bloc">
	<a class="360" href="/village/visites-virtuelles-360.htm" title="Visite 306°"><img alt="Visite 306°" src="/charte/360.png" title="Visite 306°" /><span>Visite</span></a></div>
<div class="bloc">
	<a class="meteo" href="/meteo-balcon-du-mont-blanc.htm" title="Météo"><img alt="Météo" src="/charte/meteo.png" title="Météo" /><span>M&eacute;t&eacute;o</span></a></div>
<div class="bloc">
	<a class="neige" href="/hiver/enneigement.htm" target="_blank" title="Enneigement"><img alt="Enneigement" src="/charte/enneigement.png" title="Enneigement" /><span>Enneigement</span></a><br />
	<a class="bbrochure" href="/documentation.htm" title="Brochure"><img alt="Brochure" src="/charte/brochure.png" title="Brochure" /><span>Brochures</span></a></div>
<div class="bloc">
	<a class="info" href="/office-de-tourisme-qui-sommes-nous.htm" title="Cordon Tourisme"><img alt="Cordon Tourisme" src="/charte/info.png" title="Cordon Tourisme" /><span>Cordon Tourisme</span></a></div>
<div class="bloc">
	<a href="/contact.htm" title="Contact"><img alt="Contact" src="/charte/contact.png" title="Contact" /><span>Contact</span></a><br />
	&nbsp;</div>
</div>
        </div>
</div>
		<div class='moteur-resa'>
<div class='block-moteur-resa'>
<div class='moteur-tabs'>
  <a class='link-resa active' data-form='res-apart-chalet'>Appartements et chalets</a>
  <a class='link-resa' data-form='res-ChHote'>Chambres d'hôtes</a>
  <a class='link-resa' data-form='res-hotel'>Hôtels</a>
  <a class='link-resa' data-form='res-Act'>Activités</a>
  </div>
  <div class='moteur-resa-form'>
  
      <div class='res-apart-chalet form-resa'>
        <form name='res-apart-chalet' class="confirm-recherche">
          <input type="text" name="date_sejour" class="date_sejour" value="" placeholder="Date d'arrivée" >
          <input type="text" name="date_depart" class="date_depart" value="" placeholder="Date de départ" >
          
          <input name="adultsNumber" type="number" placeholder="Nombre d'adultes" min="1" max="16">
          <input name="childrenNumber" type="number" placeholder="Nombre d'enfants" min="0" max="16">
          
          <input type='hidden' name='lang' value="fr_FR">
          <input type='hidden' name='type' value="chalet,apartment">
          <input type='hidden' name='s_c.ACCOMMODATION' value="chalet,apartment">
          <input type='hidden' name='url' value='https://booking-cordon.com/serp' >
          <input type='submit' value='Réserver' class='valid-rech'>
        </form>    
      </div>

      <div class='res-ChHote form-resa' style='display:none'>
        <form name='res-ChHote' class="confirm-recherche">
          <input type="text" name="date_sejour" class="date_sejour" value="" placeholder="Date d'arrivée" >
          <input type="text" name="date_depart" class="date_depart" value="" placeholder="Date de départ" >
          
          <input name="adultsNumber" type="number" placeholder="Nombre d'adultes" min="1" max="16">
          <input name="childrenNumber" type="number" placeholder="Nombre d'enfants" min="0" max="16">          
          
          <!--<input type='hidden' name='lang' value="fr_FR">-->
          <input type='hidden' name='lang' value="fr_FR">
          <input type='hidden' name='type' value="bandb">
          <input type='hidden' name='s_c.ACCOMMODATION' value="bandb">
          <input type='hidden' name='url' value='https://booking-cordon.com/serpResidence' >
          <input type='submit' value='Réserver' class='valid-rech'>
        </form>
      </div>

      <div class='res-hotel form-resa' style='display:none'>
        <form name='res-hotel' class="confirm-recherche">
          <input type="text" name="date_sejour" class="date_sejour" value="" placeholder="Date d'arrivée" >
          <input type="text" name="date_depart" class="date_depart" value="" placeholder="Date de départ" >
          
          <input name="s_rooms_adult_0" type="number" placeholder="Nombre d'adultes" min="1" max="16">
          <input name="s_rooms_child_0" type="number" placeholder="Nombre d'enfants" min="0" max="16">
          
          <input type='hidden' name='lang' value="fr_FR">
          <input type='hidden' name='type' value="hotel">
          <input type='hidden' name='s_c.ACCOMMODATION' value="hotel">
          <input type='hidden' name='s_rooms' value="1">														
          <input type='hidden' name='url' value='https://booking-cordon.com/serpHotel' >
          <input type='submit' value='Réserver' class='valid-rech'>
        </form>    
      </div>


      <div class='res-Act form-resa'  style='display:none'>
        <form name='res-Act' class="confirm-recherche">
          <input type="text" name="date_sejour" class="date_sejour" value="" placeholder="Entre le" >
          <input type="text" name="date_depart" class="date_depart" value="" placeholder="Et le" >
          <!--<input type='hidden' name='lang' value="fr_FR">-->
          <input type='hidden' name='lang' value="fr_FR">
          <input type='hidden' name='type' value="cdn">
          <input type='hidden' name='s_c.LOCATION' value="cdn">
          <input type='hidden' name='url' value='https://booking-cordon.com/serpActivity' >
          <input type='submit' value='Réserver' class='valid-rech'>
        </form>
      </div>

  </div>  
</div>
<script>

  jQuery( document ).ready(function() {
    
    
			jQuery.datepicker.regional['fr'] =
			{
					closeText: 'Fermer',
					prevText: 'Prec',
					nextText: 'Suiv',
					currentText: "Aujourd'hui",
					monthNames: ['Janvier','F&eacute;vrier','Mars','Avril','Mai','Juin','Juillet','Ao&ucirc;t','Septembre','Octobre','Novembre','D&eacute;cembre'],
					monthNamesShort: ['Jan','F&eacute;v','Mar','Avr','Mai','Jun','Jul','Ao&ucirc;','Sep','Oct','Nov','D&eacute;c'],
					dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
					dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
					dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
					weekHeader: 'Sm',
					//dateFormat: 'dd/mm/yy',
					firstDay: 1,
					isRTL: false,
					showMonthAfterYear: false,
					yearSuffix: '',
          //maxDate: "5D",
					showButtonPanel: true
			};
					
			jQuery.datepicker.setDefaults(jQuery.datepicker.regional['fr']);


       
    jQuery(".date_sejour").datepicker({dateFormat:'dd/mm/yy',changeMonth:true,minDate:'+0d',onClose:function(selectedDate){var arr=selectedDate.split("/");var date=new Date(arr[2]+"-"+arr[1]+"-"+arr[0]);var d=date.getDate();var m=date.getMonth();var y=date.getFullYear();var minDate=new Date(y,m,d+1);jQuery("#date_depart_c").datepicker('setDate',minDate);jQuery('#date_depart_c').datepicker("option","minDate",minDate);}});jQuery(".date_depart").datepicker({dateFormat:'dd/mm/yy',changeMonth:true,minDate:'+1d',});
    jQuery( "a.link-resa" ).on( "click", function(e) {
      e.stopPropagation();
      jQuery("a.link-resa").removeClass("active");
      jQuery(this).addClass("active");      
      jQuery(".form-resa").hide();
      let form=jQuery(this).data("form");
      jQuery("."+form).show();
    });
        
    jQuery('.confirm-recherche').submit(function(e) {
      e.preventDefault(); 

      let form = jQuery(this);
      let url =  form.find('input[name="url"]').val()+'?';

      let lang =  form.find('input[name="lang"]').val();
      url+="lang="+lang
     
      let type =  form.find('input[name="type"]').val();
      url+="&type="+type     
     
      let ACCOMMODATION =  form.find('input[name="s_c.ACCOMMODATION"]').val();
      if(ACCOMMODATION){ url+="&s_c.ACCOMMODATION="+ACCOMMODATION;} 

      let LOCATION =  form.find('input[name="s_c.LOCATION"]').val();
      if(LOCATION){ url+="&s_c.LOCATION="+LOCATION;}
     
      let date_s =  form.find('input[name="date_sejour"]').val();
      if(date_s){
        let date=date_s.split('/');
        
        if(type=='hotel' ){
          let s_checkinDate=date[2]+'-'+date[1]+'-'+date[0];          
          url+="&s_checkinDate="+s_checkinDate;

		}else if(type=='cdn'){
			let s_midpda=date[2]+'-'+date[1]+'-'+date[0];   
			//url+="&s_mxdpda="+s_checkinDate;  

			url+="&s_midpda="+s_midpda;	// et le
			
			let date_d =  form.find('input[name="date_depart"]').val();
			if(date_d){
				let date=date_d.split('/');
				let s_mxdpda=date[2]+'-'+date[1]+'-'+date[0];   
				url+="&s_mxdpda="+s_mxdpda;	// entre le
			}
			

        }else{

          //  s_dd=    => Correspond au premier jour sélectionné (exemple : s_dd=30)
          //  s_dmy =   => Correspond au mois et année du premier jour (exemple : s_dmy=06/2023)
          //  s_minMan=  => correspond à la durée en jour / nuit de la recherche (exemple : s_minMan=7,7)        
          let s_dd=date[0];
          let s_dmy=date[1]+'/'+date[2];        
        
          url+="&s_dd="+s_dd+"&s_dmy="+ s_dmy;        
        
          let date1 = new Date(date[2],date[1]-1,date[0]);
          
          let date_d =  form.find('input[name="date_depart"]').val();
          if(date_d){
            let date=date_d.split('/');
            let date2 = new Date(date[2],date[1]-1,date[0]);
            
            let Difference_In_Time = date2.getTime() - date1.getTime();
            let Difference_In_Days = Difference_In_Time / (1000 * 3600 * 24);
            
            url+="&s_minMan="+Difference_In_Days+','+Difference_In_Days
        
          }
        }
      }
     
      let date_d =  form.find('input[name="date_depart"]').val();
	  
	  
      if(date_d){
        if(type=='hotel' ){
          let date=date_d.split('/');
          let s_checkoutDate=date[2]+'-'+date[1]+'-'+date[0];
          url+="&s_checkoutDate="+s_checkoutDate;
        }
      }     
	
	  if(type !='cdn'){
		
		  let adultsNumber =  form.find('input[name="adultsNumber"]').val();
		  if(adultsNumber){
			url+="&adultsNumber="+adultsNumber;
		  }else if(type=='chalet,apartment' ){
			 url+="&adultsNumber=2";
		  }
		  
		  let childrenNumber =  form.find('input[name="childrenNumber"]').val();
		  if(childrenNumber ){
			url+="&childrenNumber="+childrenNumber;
		  }else if(type=='chalet,apartment' || type=='bandb'){
			 url+="&childrenNumber=0";
		  }

		  let s_rooms_adult_0 =  form.find('input[name="s_rooms_adult_0"]').val();
		  if(s_rooms_adult_0){
			url+="&s_rooms_adult_0="+s_rooms_adult_0;
		  }else{
			url+="&s_rooms_adult_0=1";
		  }
		  
		  let s_rooms_child_0 =  form.find('input[name="s_rooms_child_0"]').val();
		  if(s_rooms_child_0){
			url+="&s_rooms_child_0="+s_rooms_child_0;
		  }else{
			url+="&s_rooms_child_0=0";
		  }	  

		  let s_rooms =  form.find('input[name="s_rooms"]').val();
		  if(s_rooms){
			url+="&s_rooms="+s_rooms;
		  }  
	  }
      console.log(url);
      redirectUrl(url);
     
    });
    
  });

  function redirectUrl(url) {
     window.open(url, '_moteur');
  }

</script>
</div>

</div>
	</div>
    
	<header id="header" class="header abs">
    
    	<div id="zone-haut" class="abs">
			<div id="logo" class="abs"><a href="/"><img src="/charte/logo-cordon-balcon-du-mont-blanc.png" alt="Cordon - Le Balcon du Mont-Blanc" title="Cordon - Le Balcon du Mont-Blanc" /></a></div>
            <div class="favoris"><a href="/coups-de-coeur.htm" title="Coup de coeur"><span id="totalFavoris" data-total="0">0</span><span id="step"></span></a></div>
        	<div class="z-form bloc-animate accordion" role="search">
       			<form name="form2" method="get" action="/moteur/chercher.htm">
       			<div class="btn-bloc icon loupe notxt"><label for="query" >Recherche</label></div>
         			<div class="contenu-bloc">
            		<input name="query" class="input-saisie" type="text" id="query"  onclick="query.value='';" value="Recherche">
            		<input name="go" type="submit" value="ok" class="ok">
                	</div>
         		</form>
			</div>
            <div id="menuH"><nav><script   type="text/javaScript"  defer="defer">
<!--
    nb_elts_tab  = '8';
// -->
</script>
<div id='menu'><dl class='menu0'>
<dt><a href='/village/presentation.htm' class='menu0' title="Découvrir le village">Découvrir le village</a></dt>
    <dd id="smenu0" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/village/presentation.htm" title="Le village">Le village</a></li>
<li><a href="/nos-incontournables.htm" title="Nos incontournables">Nos incontournables</a></li>
<li><a href="/heritage-et-traditions.htm" title="Héritage et traditions">Héritage et traditions</a></li>
<li><a href="/village/patrimoine.htm" title="Trésors culturels">Trésors culturels</a></li>
<li><a href="/village/patrimoine-naturel.htm" title="Merveilles naturelles">Merveilles naturelles</a></li>
<li><a href="/village/agriculture.htm" title="Agriculture et fermes de montagne">Agriculture et fermes de montagne</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='/ete/activite.htm' class='menu0' title="Que faire en été">Que faire en été</a></dt>
    <dd id="smenu1" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/ete/randonnee-pedestre.htm" title="Randonnez et explorez la nature">Randonnez et explorez la nature</a></li>
<li><a href="/ete/decouvrir-a-deux-roues.htm" title="Découvrir en deux roues">Découvrir en deux roues</a></li>
<li><a href="/ete/activites-en-famille.htm" title="Activités en famille">Activités en famille</a></li>
<li><a href="/ete/loisirs-sportifs.htm" title="Loisirs sportifs">Loisirs sportifs</a></li>
<li><a href="/ete/detente-et-relaxation.htm" title="Détente et relaxation">Détente et relaxation</a></li>
<li><a href="/nos-micro-experiences-ete.htm" title="Nos micro-expériences estivales">Nos micro-expériences estivales</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='/hiver/activite.htm' class='menu0' title="Que faire en hiver">Que faire en hiver</a></dt>
    <dd id="smenu2" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/hiver/sport-et-glisse.htm" title="Sport de glisse">Sport de glisse</a></li>
<li><a href="/hiver/immersion-en-pleine-nature.htm" title="Immersion en pleine nature">Immersion en pleine nature</a></li>
<li><a href="/hiver/activites-ludiques-et-familiales.htm" title="Activités ludiques et familiales">Activités ludiques et familiales</a></li>
<li><a href="/bien-etre.htm" title="Détente et relaxation">Détente et relaxation</a></li>
<li><a href="/nos-micro-experiences.htm" title="Nos micro-expériences hivernales">Nos micro-expériences hivernales</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='/hotels-annuaire.htm' class='menu0' title="Où dormir">Où dormir</a></dt>
    <dd id="smenu3" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/hotels-annuaire.htm" title="Hôtels">Hôtels</a></li>
<li><a href="/hebergement/location-meubles.htm" title="Meublés et chalets">Meublés et chalets</a></li>
<li><a href="/hebergement/chambres-d-hotes.htm" title="Chambres d'hôtes">Chambres d'hôtes</a></li>
<li><a href="/hebergement/chalet-d-alpage.htm" title="Chalets d'alpage - chalet Groupe">Chalets d'alpage - chalet Groupe</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='/restauration.htm' class='menu0' title="Où manger">Où manger</a></dt>
    <dd id="smenu4" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/restauration/restaurants.htm" title="Restaurants">Restaurants</a></li>
<li><a href="/restauration/restaurants-des-hotels.htm" title="Restaurants des hôtels">Restaurants des hôtels</a></li>
<li><a href="/restauration/bars-a-cordon.htm" title="Bars">Bars</a></li>
<li><a href="/restauration/commerces-de-bouche.htm" title="Commerces de bouche">Commerces de bouche</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='https://explore.cordon.fr/fr/agenda' target="_blank" class='menu0' title="Agenda">Agenda</a></dt>
</dl><dl class='menu0'>
<dt><a href='/blog.htm' class='menu0' title="BLOG">BLOG</a></dt>
    <dd id="smenu6" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/experiences-et-activites.htm" title="Expériences et Activités">Expériences et Activités</a></li>
<li><a href="/vivre-a-cordon-histoires-et-rencontres.htm" title="Vivre à Cordon: histoires et rencontres">Vivre à Cordon: histoires et rencontres</a></li>
<li><a href="/les-coulisses-de-cordon.htm" title="Les coulisses de Cordon">Les coulisses de Cordon</a></li>
<li><a href="/les-saveurs-de-cordon.htm" title="Les saveurs de Cordon">Les saveurs de Cordon</a></li>
<li><a href="/.dans-la-peau-de.htm" title="Dans la peau de">Dans la peau de</a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl><dl class='menu0'>
<dt><a href='/infos-pratiques.htm' class='menu0' title="Infos pratiques">Infos pratiques</a></dt>
    <dd id="smenu7" class="Sous_menu_dyn" >
        <div class="Sous_menu_dyn_haut"></div>
        <div class="Sous_menu_dyn_contenu">
        <ul>
            <li><a href="/village/services-et-commerces.htm" title="Commerces et services">Commerces et services</a></li>
<li><a href="/infos-pratiques/transports.htm" title="Accès et mobilités">Accès et mobilités</a></li>
<li><a href="/informations-pratiques/mobilite-reduite-pmr.htm" title="Accessibilité pour Tous">Accessibilité pour Tous</a></li>
<li><a href="/infos-pratiques/informations-pratiques.htm" title="Informations diverses">Informations diverses</a></li>
<li><a href="/informations-pratiques/un-village-responsable.htm" title="Un village responsable">Un village responsable</a></li>
<li><a href="/avec-son-chien.htm" title="Toutourisme®">Toutourisme®</a></li>
<li><a href="/accueil-velo.htm" title="Accueil Vélo">Accueil Vélo</a></li>
<li><a href="/destination-d-excellence.htm" title="Destination d'Excellence ">Destination d'Excellence </a></li>

        </ul>
        </div>
        <div class="Sous_menu_dyn_bas"></div>
    </dd>
</dl></div></nav></div>         
        </div>
        
        <div class="tel"><a href="tel:0450580157">+33(0)4 50 58 01 57</a></div>
        <div class="langues">
			<a href="/" class="icon fr" title="Version française"><img src="/charte/fr.png" width="28" height="20" alt="Version française" title="Version française" /></a>
			<a href="/en/" class="icon en" title="English version"><img src="/charte/en.png" width="28" height="20" alt="English version" title="English version" /></a>  
		</div>
        
	</header>

	<div id="zone-bas" class="abs">
        <div class="reseaux-sociaux">
			<a href="https://www.facebook.com/tourisme.cordon" target="_blank" title="facebook" class="facebook"></a>
			<a href="https://www.instagram.com/cordon_tourisme/" target="_blank" title="Instagram" class="Instagram">
				<img src="/charte/instagram-bl.png" width="" height="20" alt="Instagram" title="Instagram" />
			</a>
			<a href="https://www.linkedin.com/company/cordon-tourisme/posts/?feedView=all" target="_blank" title="Linkdin" class="Linkdin">
				<img src="/charte/linkdin-bl.png" width="" height="20" alt="Linkdin" title="Linkdin" />
			</a>
            <a href="https://www.youtube.com/@cordontourisme" target="_blank" title="Cordon Tourisme Youtube" class="youtube">
				<img src="/charte/youtube-bl.png" width="" height="20" alt="Cordon Youtube" title="Tourisme Cordon Youtube" />
			</a>
      	</div>
        <div class="moteur-profil"></div>
    </div>

    

</div>

<div class="conteneur2 abs">   

<div id="voirsuite"></div> 
    
    <div id="zc">
    
      <main id="z-contenu" class="z-contenu"> 
      
      	<div class="">
        	<div id="pave">
            	<div class="pave pave-agenda">
                	<div class="titre-pave">Agenda</div>
                    <script language="javascript" type="text/javascript" src="/javascript/jquery.flow.1.2.auto.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery("#myController12").jFlow({
                slides: "#slides12",
                controller: ".jFlowControl12", // must be class, use . sign
                slideWrapper : "#jFlowSlide12", // must be id, use # sign
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                auto: true,             //auto change slide, default true
                width: "270px",
                height: "264px",
                duration: 200,
                prev: ".jFlowPrev12", // must be class, use . sign
                next: ".jFlowNext12" // must be class, use . sign
        });
});
</script>
<div class="jflow-content-slider">
        <div id="slides12"><div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="https://explore.cordon.fr/fr/agenda#1042"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1042"  alt="Vos animations et activités" title="Vos animations et activités"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Vos animations et activités</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="https://explore.cordon.fr/fr/agenda#1042" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

</div>
        <div id="myController12" class="liste_pos">
            <span class="jFlowControl12">1</span>

        </div>
        <div class="clear"></div>
</div>

                </div>
                <div class="pave pave-actu">
                	<div class="titre-pave">Actualités</div>
                    <script language="javascript" type="text/javascript" src="/javascript/jquery.flow.1.2.auto.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery("#myController11").jFlow({
                slides: "#slides11",
                controller: ".jFlowControl11", // must be class, use . sign
                slideWrapper : "#jFlowSlide11", // must be id, use # sign
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                auto: true,             //auto change slide, default true
                width: "270px",
                height: "264px",
                duration: 200,
                prev: ".jFlowPrev11", // must be class, use . sign
                next: ".jFlowNext11" // must be class, use . sign
        });
});
</script>
<div class="jflow-content-slider">
        <div id="slides11"><div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1200"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1200"  alt="BLOG - Week-ends prolongés de mai : notre programme de votre séjour à Cordon" title="BLOG - Week-ends prolongés de mai : notre programme de votre séjour à Cordon"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>BLOG - Week-ends prolongés de mai : notre programme de votre séjour à Cordon</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1200" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1023"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1023"  alt="Marché aux fleurs " title="Marché aux fleurs "  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Marché aux fleurs </div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1023" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1197"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1197"  alt="BLOG - Les 5 plus beaux points de vue à Cordon" title="BLOG - Les 5 plus beaux points de vue à Cordon"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>BLOG - Les 5 plus beaux points de vue à Cordon</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1197" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1196"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1196"  alt="BLOG - Que faire avec son chien à Cordon ?" title="BLOG - Que faire avec son chien à Cordon ?"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>BLOG - Que faire avec son chien à Cordon ?</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1196" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1191"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1191"  alt="Nouveauté boutique Cordon Tourisme x Charlie Adam" title="Nouveauté boutique Cordon Tourisme x Charlie Adam"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Nouveauté boutique Cordon Tourisme x Charlie Adam</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1191" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1187"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1187"  alt="BLOG - Que faire pendant les vacances de printemps à Cordon ?" title="BLOG - Que faire pendant les vacances de printemps à Cordon ?"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>BLOG - Que faire pendant les vacances de printemps à Cordon ?</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1187" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

<div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/actualites.htm#1001"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1001"  alt="Ouverture de la pêche" title="Ouverture de la pêche"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Ouverture de la pêche</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/actualites.htm#1001" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

</div>
        <div id="myController11" class="liste_pos">
            <span class="jFlowPrev jFlowPrev11" id="jFlowPrev11"><</span>
                    <span class="jFlowControl11">1</span>
<span class="jFlowControl11">2</span>
<span class="jFlowControl11">3</span>
<span class="jFlowControl11">4</span>
<span class="jFlowControl11">5</span>
<span class="jFlowControl11">6</span>
<span class="jFlowControl11">7</span>

                    <span class="jFlowNext jFlowNext11" id="jFlowNext11">></span>

        </div>
        <div class="clear"></div>
</div>

                    <a href="/cgi-local/affiche_rss2.pl" class="rss" title="RSS" target="_blank"><img src="/charte/rss.png" width="22" height="22" alt="RSS" title="RSS" /></a>
                </div>
                <div class="pave pave-even">
                	<div class="titre-pave">Evènements</div>
                    <script language="javascript" type="text/javascript" src="/javascript/jquery.flow.1.2.auto.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery("#myController13").jFlow({
                slides: "#slides13",
                controller: ".jFlowControl13", // must be class, use . sign
                slideWrapper : "#jFlowSlide13", // must be id, use # sign
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                auto: true,             //auto change slide, default true
                width: "270px",
                height: "264px",
                duration: 200,
                prev: ".jFlowPrev13", // must be class, use . sign
                next: ".jFlowNext13" // must be class, use . sign
        });
});
</script>
<div class="jflow-content-slider">
        <div id="slides13"><div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/evenements/evenements.htm#1121"><img  src="/cgi-local/affiche_news_slider.pl?Detail=1121"  alt="Les évènements" title="Les évènements"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Les évènements</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/evenements/evenements.htm#1121" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

</div>
        <div id="myController13" class="liste_pos">
            <span class="jFlowControl13">1</span>

        </div>
        <div class="clear"></div>
</div>

                </div>
                <div class="pave pave-venir">
                	<div class="titre-pave">Venir à Cordon</div>
                    <script language="javascript" type="text/javascript" src="/javascript/jquery.flow.1.2.auto.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery("#myController14").jFlow({
                slides: "#slides14",
                controller: ".jFlowControl14", // must be class, use . sign
                slideWrapper : "#jFlowSlide14", // must be id, use # sign
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                auto: true,             //auto change slide, default true
                width: "270px",
                height: "264px",
                duration: 200,
                prev: ".jFlowPrev14", // must be class, use . sign
                next: ".jFlowNext14" // must be class, use . sign
        });
});
</script>
<div class="jflow-content-slider">
        <div id="slides14"><div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="/infos-pratiques/transports.htm#803"><img  src="/cgi-local/affiche_news_slider.pl?Detail=803"  alt="Venir et se déplacer à Cordon" title="Venir et se déplacer à Cordon"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Venir et se déplacer à Cordon</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="/infos-pratiques/transports.htm#803" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

</div>
        <div id="myController14" class="liste_pos">
            <span class="jFlowControl14">1</span>

        </div>
        <div class="clear"></div>
</div>

                </div>
				<div class="pave pave-explore">
                	<div class="titre-pave">Explorer</div>
                    <script language="javascript" type="text/javascript" src="/javascript/jquery.flow.1.2.auto.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
        jQuery("#myController21").jFlow({
                slides: "#slides21",
                controller: ".jFlowControl21", // must be class, use . sign
                slideWrapper : "#jFlowSlide21", // must be id, use # sign
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                auto: true,             //auto change slide, default true
                width: "270px",
                height: "264px",
                duration: 200,
                prev: ".jFlowPrev21", // must be class, use . sign
                next: ".jFlowNext21" // must be class, use . sign
        });
});
</script>
<div class="jflow-content-slider">
        <div id="slides21"><div class="slide-wrapper">
        <div class="slide-thumbnail">
                   <a href="https://explore.cordon.fr/fr#907"><img  src="/cgi-local/affiche_news_slider.pl?Detail=907"  alt="Je découvre" title="Je découvre"  border="0" /></a>

        </div>
        <div class="slide-details">
                <div class='News_titre'>Je découvre</div>
                <div class='News_resume'></div>
                <div class='News_lien'><span class="chevron">&gt; </span> <a href="https://explore.cordon.fr/fr#907" class="News_suite">Lire la suite</a></div>
        </div>
        <div class="clear"></div>
</div>

</div>
        <div id="myController21" class="liste_pos">
            <span class="jFlowControl21">1</span>

        </div>
        <div class="clear"></div>
</div>

                </div>
            </div>
        </div>
        
        <div class="bloc-centre">
        	        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc-za">
<div class="image-za"><div class="image_simple"><a href="https://explore.cordon.fr/fr/carte" title="Cordon dans ma poche © Contrefish" ><img src="/images/otd-7207.png" alt="Cordon dans ma poche © Contrefish" title="Cordon dans ma poche © Contrefish" /></a> <div class="legende"> Cordon dans ma poche © Contrefish</div></div>
</div>
<div class="text-za">
<p>
	<a href="https://explore.cordon.fr/fr/carte" target="_blank">Notre carte interactive</a></p>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc-za">
<div class="image-za"><div class="image_simple"><a href="/blog.htm" title="Cordon au printemps © Cordon Tourisme" ><img src="/images/otd-7202611.jpg" alt="Cordon au printemps © Cordon Tourisme" title="Cordon au printemps © Cordon Tourisme" /></a> <div class="legende"> Cordon au printemps © Cordon Tourisme</div></div>
</div>
<div class="text-za">
<p>
	<a href="/blog.htm">Notre espace BLOG</a></p>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc-za">
<div class="image-za"><div class="image_simple"><a href="https://booking-cordon.com/?lang=fr_FR" title="Ferme des Pépés Marcel © Ludger Pallaffray" ><img src="/images/otd-720241.jpg" alt="Ferme des Pépés Marcel © Ludger Pallaffray" title="Ferme des Pépés Marcel © Ludger Pallaffray" /></a> <div class="legende"> Ferme des Pépés Marcel © Ludger Pallaffray</div></div>
</div>
<div class="text-za">
<p>
	<a href="https://booking-cordon.com/?lang=fr_FR" target="_blank">R&eacute;servation en ligne : se loger, activit&eacute;s...</a></p>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc-za">
<div class="image-za"><div class="image_simple"><a href="/week-ends-prolonges-de-mai-notre-programme-de-votre-sejour-a-cordon.htm" title="Printemps © Cordon Tourisme" ><img src="/images/otd-72027.jpg" alt="Printemps © Cordon Tourisme" title="Printemps © Cordon Tourisme" /></a> <div class="legende"> Printemps © Cordon Tourisme</div></div>
</div>
<div class="text-za">
<p>
	<a href="/week-ends-prolonges-de-mai-notre-programme-de-votre-sejour-a-cordon.htm">Des id&eacute;es pour votre week-end &agrave; Cordon</a></p>

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

        </div>
        
        <!-- <div class="page"> -->
        	<!-- <div class="socialwall"> -->
				<!-- <div id="social-stream"></div> -->
			<!-- </div> -->
        <!-- </div> -->
      
        <!-- Swishcommand index --> 
        <!-- InstanceBeginEditable name="html" -->
<script type="text/JavaScript">
url_lien_malvoyant = '/index_wai.htm';
-->
</script>
<!-- InstanceEndEditable --> 
        <!-- Swishcommand noindex --> 
      </main>
	</div>  
    <div id="footer">
    	<div class="footer1">
			            <div  class="block_content footerG"  style=" width: 33%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
		
		        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc_isole"><h3 class="light">
	CORDON TOURISME</h3>
<p>
	1 Place du Mont-Blanc<br />
	74700 CORDON<br />
	<span style="font-size: 1em;">T&eacute;l : <a href="tel:+33450580157">+33 (0)4 50 58 01 57</a></span></p>
<p>
	<a href="mailto:info@cordon.fr"><strong style="font-size: 1em;">info@cordon.fr</strong></a></p>
<h3>
	OUVERTURES</h3>
<p>
	<strong style="font-size: 1em;">Du lundi au vendredi: 9h-12h15 &amp; 14h-18h</strong></p>
<p>
	<strong><span style="color: rgb(46, 116, 184); font-size: 13px;">RELAIS POSTE</span></strong></p>
<p>
	<span style="font-size: 1em;">Aux ouvertures de Cordon Tourisme</span></p>
<p>
	<span style="background-color: rgb(255, 215, 0); font-size: 1em;">Lev&eacute;e du courrier &agrave; 10h30&nbsp;</span></p>
</div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc_isole"><p>
	<img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIZUExURQAAAP////////////////////////39/f7+/v////////////////////z8/P////////39/f////////39/f////7+/v////////////39/f7+/vz8/P////39/f7+/v////////////39/f////r6+v7+/v////39/f////7+/v////////////7+/v////////39/f////////39/f////39/f7+/v39/f////7+/v////r6+v////7+/v7+/v////////////////////////39/f////7+/v////////////////////39/f7+/v////////////7+/v////7+/v7+/vv7+/////7+/v7+/v7+/v39/f////////////////////////////////////////////////z8/P7+/v39/f////7+/vn5+f////////////////////39/f39/f////39/f////////////////////7+/v////39/f////////////////////////39/f////////////39/f////////39/f////////////7+/v////////////7+/vv7+/7+/v7+/v////z8/P7+/vj4+P////f39/v7+/////////////////////7+/v////////39/f7+/v////////////////39/f7+/v///////////3hGsHoAAACzdFJOUwATj6avsrGoq3oDkf/KX11lZmJYnWG/f7qgcNNkh5jCNguW4mczwDV7l8FEStexJAR94AWAEJDeay7DzDVD1boCcuGFBw2SK8bIOcu9JnLqgwaN6W69yUJGy9HciAjakwp7SZ+Jz22Ab1i4gRLbKCp3ybU3qXn4c5VgwxWu2HZ8PQ8xAZ7bgplwpXqqT6LGjtHFwHhQvDz04zu0tScfHkhHNPNmVOcyv3W+5M3dKJbiOh4Xv5mbKAAAAAlwSFlzAAAXEQAAFxEByibzPwAAAYFJREFUOE/VjtVaw0AQRqdQrBQoWhyKSyju7i7F3d3dneLu7u7yhGy2gRKacM+52Jn5czLfwH+Do6TMVWFGVU1dg4cUTb6Wto5AlwE9fQM+3xApRkJjEw7ep4CpmbmFJapW1iIbWztZRsPeQcsRnJxR5+IKQLiJ3WX5Nx6eXkJvAB8b1JMK+Pr5B+AvXwQGBYeQVa4AhIaFyxdFREZFx+DupwKxcV5fF8UnJCZRLU0BcE1OSSVrWnqGBAeIXwqIMrOywT0nN4+aEb8VgPyCwqLiEkFpWT4VKCpQXlEJUKVWnVtTi6+vU1Qw9VyIbWhMFleWQBOL0tzSit629o7OrnYWBbp7cOnq7UvrR5VJGRhEz9DwyKj3GLklaBynNCbCJsFjSjrNg5lZNKbMyWIa8wuwuATLKzHRq2gi1tZdNugkbm5t7+zu7cPB4dEx+ccJcXpGhzhvTri4vLq+gVspaTBzdy8C04cjyaOAClgQPj2/kOf+xebryBvVsvL+QTX/BYBPFAdirnuYbK8AAAAASUVORK5CYII=" style="font-size: 0.8em;" /><a href="https://eb55508d.sibforms.com/serve/MUIFAHrSeOw4khA7FBwxsZmpXISNFq4zSVOIAl9UEMGyTUS5eaxTyqJfZprN9qTkt5i68YvHZ8EgD2gNi8gBRGwMAEebEdIP7cdOrkrV_NH4I3RYXQ-i0spX3WmsaGbryFDyjoQ_UrMCdFo7QZsh0fRieKfGMkVez1UiObymOgWzkbeXHW3ag1fbAwA5M0n7Hm0hNSOV4_eodo8I" target="_blank">Inscrivez-vous &agrave; la Newsletter</a></p>
</div>
        </div>

	    </div>
            <div  class="block_content footerD"  style=" width: 67%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
		
		        <div  class="block_content clear"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	   <div class="clear">
<img border="0" align="left" title="Passage à la ligne" alt="Passage à la ligne" src="/images/pixel.gif">
</div>
	   &nbsp;
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="https://explore.cordon.fr/fr/carte" title="" ><img src="/images/presse21.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="https://explore.cordon.fr/fr/carte" target="_blank"><b>Carte interactive</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/webcam.htm" title="" ><img src="/images/presse6.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/webcam.htm"><b>Webcam</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/documentations.htm" title="" ><img src="/images/presse7.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/documentations.htm"><b>Documentation</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="https://booking-cordon.com/?lang=fr_FR" title="" ><img src="/images/presse8.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="https://booking-cordon.com/?lang=fr_FR" target="_blank"><b>R&eacute;server en ligne</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/la-boutique-de-cordon-tourisme.htm" title="" ><img src="/images/presse9.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/la-boutique-de-cordon-tourisme.htm"><b>Boutique</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="https://www.cordon.fr/dossiers-de-presse.htm" title="Espace presse" ><img src="/images/presse10.png" alt="Espace presse" title="Espace presse" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="https://www.cordon.fr/dossiers-de-presse.htm" target="_blank"><strong>Espace presse</strong></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/tourisme-d-affaires.htm" title="" ><img src="/images/presse13.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/tourisme-d-affaires.htm"><b>Tourisme d&#39;affaires</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/espace-partenaire.htm" title="" ><img src="/images/presse11.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/espace-partenaire.htm"><b>Espace partenaires</b></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 25%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="/faq.htm" title="" ><img src="/images/presse14.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<h1>
	<a href="/faq.htm"><strong>FAQ</strong></a></h1>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    
<div class="bloc_isole bloc-texte-d-image-g">
<div class="image_gauche"><div class="image_simple"><a href="https://linktr.ee/cordontourismeavis" title="" ><img src="/images/1211.png" alt="" title="" /></a></div>
</div>
<div class="bloc-colonne">
<p class="light">
	<a href="https://linktr.ee/cordontourismeavis" target="_blank"><b style="font-size: 1em;">V</b><strong>otre avis nous int&eacute;resse</strong></a></p>

</div></div>
        </div>
        <div  class="block_content"  style=" width: 100%;  margin: 0% 0% 0% 0% ;  padding: 0% 0% 0% 0% ;">
	    <div class="bloc_isole"><p>
	<a href="/contact.htm">Contact</a> | <a href="/mentions-legales.htm">Mentions l&eacute;gales</a> | <a href="/plan-du-site.htm">Plan du site</a> | <a href="illicoweb.com" target="_blank">R&eacute;alis&eacute; par Illicoweb</a></p>
</div>
        </div>

	    </div>

        </div>
        <div class="footer2">
        	<div class="partenaire">
            	<a href="/" title="Cordon - Mont-Blanc">
					<img src="/charte/logo-cordon-balcon-du-mont-blanc.png" width="" height="" alt="Cordon - Mont-Blanc" title="Cordon - Mont-Blanc" />
				</a>
				<a href="https://www.tourisme.fr/" target="_blank" title="Offices de Tourisme de France">
					<img src="/charte/offices-de-toursme-france.png" width="" height="" alt="Offices de Tourisme de France" title="Offices de Tourisme de France" />
				</a>				
                <!-- <a href="https://www.savoie-mont-blanc.com/" target="_blank" title="Savoie Mont-Blanc"> -->
					<!-- <img src="/charte/savoie-mont-blanc.png" width="" height="" alt="Savoie Mont-Blanc" title="Savoie Mont-Blanc" /> -->
				<!-- </a> -->
				<a href="https://hautesavoie.fr/" target="_blank" title="Région Rhône Alpes">
					<img src="/charte/region-auvergne-rhone-alpes.png" width="" height="" alt="Région Rhône Alpes" title="Région Rhône Alpes" />
				</a>
				<a href="https://hautesavoie.fr/" target="_blank" title="Département de la Haute-Savoie">
					<img src="/charte/haute-savoie-departement-logo.png" width="" height="" alt="Département de la Haute-Savoie" title="Département de la Haute-Savoie" />
				</a>
				<a href="https://hautesavoie.fr/le-conseil-departemental-cree-son-comite-departemental-du-tourisme/" target="_blank" title="Comité Départemental du Tourisme de la Haute-Savoie">
					<img src="/charte/haute-savoie-cdt.png" width="" height="" alt="Comité Départemental du Tourisme de la Haute-Savoie" title="Comité Départemental du Tourisme de la Haute-Savoie" />
				</a>
                <a href="https://www.ccpmb.fr/" target="_blank" title="CC Pays du Mont-Blanc">
					<img src="/charte/pays-du-mont-blanc.png" width="" height="" alt="CC Pays du Mont-Blanc" title="CC Pays du Mont-Blanc" />
				</a>              
				<!-- <a href="https://www.flocon-vert.org/cordon/" target="_blank" title="Flocon vert">
					<img src="/charte/Flocon-vert-1-flocon.png" width="" height="" alt="Flocon vert" title="Flocon vert" />
				</a> -->
                <a href="https://www.atout-france.fr/fr/destination-dexcellence" target="_blank" title="Destination d'excellence">
					<img src="/charte/destination-d-excellence.svg" width="" height="" alt="Destination d'excellence" title="Label Destination d'excellence" />
				</a>
				<a href="https://www.francevelotourisme.com/accueil-velo" target="_blank" title="Accueil vélo">
					<img src="/charte/accueil-velo.jpeg" width="" height="" alt="Accueil vélo" title="Label Accueil vélo" />
				</a>
				<a href="https://toutourismefrance.jimdofree.com/" target="_blank" title="Toutourisme">
					<img src="/charte/toutourisme.png" width="" height="" alt="Toutourisme" title="Le Toutourisme" />
				</a>
            </div>
        </div>
    </div>
      

</div>

</div>

<div id="btn_up">Haut<br>de page</div>

<!-- <script type="text/javascript">stLight.options({publisher: "792434c5-5654-44f5-930a-16e3b15f9aa8", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> -->
<!-- <script> -->
<!-- var options={ "publisher": "792434c5-5654-44f5-930a-16e3b15f9aa8", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "pinterest", "email", "sharethis"]}}; -->
<!-- var st_hover_widget = new sharethis.widgets.hoverbuttons(options); -->
<!-- </script> -->
<div id="custom-accessibility-menu">
	<div class="menu_acessibilite" >
		<p class="title_acessibilite">Outils d’accessibilité</p>
		<a onclick="plus_taille()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Augmenter le texte</title><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-56v56c0 4.25-3.75 8-8 8h-16c-4.25 0-8-3.75-8-8v-56h-56c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h56v-56c0-4.25 3.75-8 8-8h16c4.25 0 8 3.75 8 8v56h56c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z" data-darkreader-inline-fill="" style="--darkreader-inline-fill: currentColor;"></path>
				</svg>
			</span>
			Augmenter le texte
		</a>
		<a onclick="moin_taille()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Diminuer le texte</title><path fill="currentColor" d="M256 200v16c0 4.25-3.75 8-8 8h-144c-4.25 0-8-3.75-8-8v-16c0-4.25 3.75-8 8-8h144c4.25 0 8 3.75 8 8zM288 208c0-61.75-50.25-112-112-112s-112 50.25-112 112 50.25 112 112 112 112-50.25 112-112zM416 416c0 17.75-14.25 32-32 32-8.5 0-16.75-3.5-22.5-9.5l-85.75-85.5c-29.25 20.25-64.25 31-99.75 31-97.25 0-176-78.75-176-176s78.75-176 176-176 176 78.75 176 176c0 35.5-10.75 70.5-31 99.75l85.75 85.75c5.75 5.75 9.25 14 9.25 22.5z" data-darkreader-inline-fill="" style="--darkreader-inline-fill: currentColor;"></path></svg>
			</span>
			Diminuer le texte
		</a>
		<a onclick="grayscale()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Niveau de gris</title><path fill="currentColor" d="M15.75 384h-15.75v-352h15.75v352zM31.5 383.75h-8v-351.75h8v351.75zM55 383.75h-7.75v-351.75h7.75v351.75zM94.25 383.75h-7.75v-351.75h7.75v351.75zM133.5 383.75h-15.5v-351.75h15.5v351.75zM165 383.75h-7.75v-351.75h7.75v351.75zM180.75 383.75h-7.75v-351.75h7.75v351.75zM196.5 383.75h-7.75v-351.75h7.75v351.75zM235.75 383.75h-15.75v-351.75h15.75v351.75zM275 383.75h-15.75v-351.75h15.75v351.75zM306.5 383.75h-15.75v-351.75h15.75v351.75zM338 383.75h-15.75v-351.75h15.75v351.75zM361.5 383.75h-15.75v-351.75h15.75v351.75zM408.75 383.75h-23.5v-351.75h23.5v351.75zM424.5 383.75h-8v-351.75h8v351.75zM448 384h-15.75v-352h15.75v352z" data-darkreader-inline-fill="" style="--darkreader-inline-fill: currentColor;"></path>
				</svg>
			</span>
			Niveau de gris
		</a>
		<a onclick="contrast()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Haut contraste</title><path fill="currentColor" d="M192 360v-272c-75 0-136 61-136 136s61 136 136 136zM384 224c0 106-86 192-192 192s-192-86-192-192 86-192 192-192 192 86 192 192z" data-darkreader-inline-fill="" style="--darkreader-inline-fill: currentColor;"></path>
				</svg>
			</span>
			Haut contraste
		</a>
		<a onclick="liensoulines()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Liens soulignés</title><path fill="currentColor" d="M364 304c0-6.5-2.5-12.5-7-17l-52-52c-4.5-4.5-10.75-7-17-7-7.25 0-13 2.75-18 8 8.25 8.25 18 15.25 18 28 0 13.25-10.75 24-24 24-12.75 0-19.75-9.75-28-18-5.25 5-8.25 10.75-8.25 18.25 0 6.25 2.5 12.5 7 17l51.5 51.75c4.5 4.5 10.75 6.75 17 6.75s12.5-2.25 17-6.5l36.75-36.5c4.5-4.5 7-10.5 7-16.75zM188.25 127.75c0-6.25-2.5-12.5-7-17l-51.5-51.75c-4.5-4.5-10.75-7-17-7s-12.5 2.5-17 6.75l-36.75 36.5c-4.5 4.5-7 10.5-7 16.75 0 6.5 2.5 12.5 7 17l52 52c4.5 4.5 10.75 6.75 17 6.75 7.25 0 13-2.5 18-7.75-8.25-8.25-18-15.25-18-28 0-13.25 10.75-24 24-24 12.75 0 19.75 9.75 28 18 5.25-5 8.25-10.75 8.25-18.25zM412 304c0 19-7.75 37.5-21.25 50.75l-36.75 36.5c-13.5 13.5-31.75 20.75-50.75 20.75-19.25 0-37.5-7.5-51-21.25l-51.5-51.75c-13.5-13.5-20.75-31.75-20.75-50.75 0-19.75 8-38.5 22-52.25l-22-22c-13.75 14-32.25 22-52 22-19 0-37.5-7.5-51-21l-52-52c-13.75-13.75-21-31.75-21-51 0-19 7.75-37.5 21.25-50.75l36.75-36.5c13.5-13.5 31.75-20.75 50.75-20.75 19.25 0 37.5 7.5 51 21.25l51.5 51.75c13.5 13.5 20.75 31.75 20.75 50.75 0 19.75-8 38.5-22 52.25l22 22c13.75-14 32.25-22 52-22 19 0 37.5 7.5 51 21l52 52c13.75 13.75 21 31.75 21 51z" data-darkreader-inline-fill="" style="--darkreader-inline-fill: currentColor;"></path>
				</svg>
			</span>
			Liens soulignés
		</a>
		<a onclick="opendyslexic()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Police lisible</title><path fill="currentColor" d="M181.25 139.75l-42.5 112.5c24.75 0.25 49.5 1 74.25 1 4.75 0 9.5-0.25 14.25-0.5-13-38-28.25-76.75-46-113zM0 416l0.5-19.75c23.5-7.25 49-2.25 59.5-29.25l59.25-154 70-181h32c1 1.75 2 3.5 2.75 5.25l51.25 120c18.75 44.25 36 89 55 133 11.25 26 20 52.75 32.5 78.25 1.75 4 5.25 11.5 8.75 14.25 8.25 6.5 31.25 8 43 12.5 0.75 4.75 1.5 9.5 1.5 14.25 0 2.25-0.25 4.25-0.25 6.5-31.75 0-63.5-4-95.25-4-32.75 0-65.5 2.75-98.25 3.75 0-6.5 0.25-13 1-19.5l32.75-7c6.75-1.5 20-3.25 20-12.5 0-9-32.25-83.25-36.25-93.5l-112.5-0.5c-6.5 14.5-31.75 80-31.75 89.5 0 19.25 36.75 20 51 22 0.25 4.75 0.25 9.5 0.25 14.5 0 2.25-0.25 4.5-0.5 6.75-29 0-58.25-5-87.25-5-3.5 0-8.5 1.5-12 2-15.75 2.75-31.25 3.5-47 3.5z"></path>
				</svg>
			</span>
			Police dyslexie
		</a>
		<a onclick="acc_lectureAudio()" id="bt_menu_acessibilite">
			<span>
					<svg height="123px" style="enable-background:new 0 0 155 123;" version="1.1" viewbox="0 0 155 123" width="155px" xml:space="preserve" 													xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
					<![CDATA[
						.st0{fill:#EF3E42;}
						.st1{fill:#FFFFFF;}
						.st2{fill:none;}
						.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
					]]>
					</style><defs/><path d="M135.7,60.1c0-15.2-6.2-29-16.2-39l8-8c12,12,19.5,28.6,19.5,46.9c0,18.3-7.4,34.9-19.5,46.9l-8-8  C129.6,89,135.7,75.3,135.7,60.1L135.7,60.1z M98.9,41.8c4.7,4.7,7.6,11.2,7.6,18.3c0,7.1-2.9,13.6-7.6,18.3l-8-8  c2.7-2.6,4.3-6.3,4.3-10.3c0-4-1.6-7.7-4.3-10.3L98.9,41.8L98.9,41.8z M113.2,27.4c8.4,8.4,13.5,19.9,13.5,32.6  c0,12.7-5.2,24.3-13.5,32.6l-8-8c6.3-6.3,10.2-15,10.2-24.7c0-9.6-3.9-18.3-10.2-24.7L113.2,27.4L113.2,27.4z M12.3,35.9h14.1v48.3  H12.3V35.9L12.3,35.9z M32.3,35.9L81.8,6.5v107.2L32.3,84.2V35.9L32.3,35.9z"/><rect class="st2" height="123" id="_x3C_Slice_x3E__100_" width="155"/></svg>
			</span>
			Lecture audio
			<label onclick="acc_lectureAudio()"  class="container">
			<input id="lecaudio"  type="checkbox">
			  <svg viewbox="0 0 384 512" height="1em" xmlns="http://www.w3.org/2000/svg" class="play"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"></path></svg>
			  <svg viewbox="0 0 320 512" height="1em" xmlns="http://www.w3.org/2000/svg" class="pause"><path d="M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48V400c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H240z"></path></svg></label>
		</a>

		<details >
			<summary id="config_lecaudio" style="">
				Config lecture audio
			</summary>
			<div  id="config_lecaudio_d"  style="">
				<div style="display:none;">
					<label for="acb_lg" >Langue: </label>
					<select id="acb_lg" name="langue" >
						<option value="fr">FR</option>
						<option value="en">EN</option>
						<option value="de">DE</option>
						<option value="nl">NL</option>
					</select></br>
				</div>
				<div>
					<label for="acb_voices" >Voice: </label>
					<select id="acb_voices" name="voices" >
					</select>
				</div>
				<div>
					<label for="acb_rate" >Vitesse: </label>
					<input id="acb_rate" name="rate"  type="range" step="0.1" value="1" max="2" min="0" >
				</div>

		</details>
	
		
		
		<a onclick="reinitialiser()" id="bt_menu_acessibilite">
			<span>
				<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" viewbox="0 0 448 448"><title>Réinitialiser</title><path fill="currentColor" d="M384 224c0 105.75-86.25 192-192 192-57.25 0-111.25-25.25-147.75-69.25-2.5-3.25-2.25-8 0.5-10.75l34.25-34.5c1.75-1.5 4-2.25 6.25-2.25 2.25 0.25 4.5 1.25 5.75 3 24.5 31.75 61.25 49.75 101 49.75 70.5 0 128-57.5 128-128s-57.5-128-128-128c-32.75 0-63.75 12.5-87 34.25l34.25 34.5c4.75 4.5 6 11.5 3.5 17.25-2.5 6-8.25 10-14.75 10h-112c-8.75 0-16-7.25-16-16v-112c0-6.5 4-12.25 10-14.75 5.75-2.5 12.75-1.25 17.25 3.5l32.5 32.25c35.25-33.25 83-53 132.25-53 105.75 0 192 86.25 192 192z"></path>
				</svg>
			</span>
			Réinitialiser
		</a>
	</div>
	<div class="bt_accesibilite" onclick="openMenuAccessibilite()">
		<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" width="1em">
		<title>Outils d’accessibilité</title>
		<path d="M50 8.1c23.2 0 41.9 18.8 41.9 41.9 0 23.2-18.8 41.9-41.9 41.9C26.8 91.9 8.1 73.2 8.1 50S26.8 8.1 50 8.1M50 0C22.4 0 0 22.4 0 50s22.4 50 50 50 50-22.4 50-50S77.6 0 50 0zm0 11.3c-21.4 0-38.7 17.3-38.7 38.7S28.6 88.7 50 88.7 88.7 71.4 88.7 50 71.4 11.3 50 11.3zm0 8.9c4 0 7.3 3.2 7.3 7.3S54 34.7 50 34.7s-7.3-3.2-7.3-7.3 3.3-7.2 7.3-7.2zm23.7 19.7c-5.8 1.4-11.2 2.6-16.6 3.2.2 20.4 2.5 24.8 5 31.4.7 1.9-.2 4-2.1 4.7-1.9.7-4-.2-4.7-2.1-1.8-4.5-3.4-8.2-4.5-15.8h-2c-1 7.6-2.7 11.3-4.5 15.8-.7 1.9-2.8 2.8-4.7 2.1-1.9-.7-2.8-2.8-2.1-4.7 2.6-6.6 4.9-11 5-31.4-5.4-.6-10.8-1.8-16.6-3.2-1.7-.4-2.8-2.1-2.4-3.9.4-1.7 2.1-2.8 3.9-2.4 19.5 4.6 25.1 4.6 44.5 0 1.7-.4 3.5.7 3.9 2.4.7 1.8-.3 3.5-2.1 3.9z"></path>					</svg>
	</div>
</div>
</body>
<!-- InstanceEnd --></html>