Outiref

Code source de l'URL : http://bayeux-bessin-tourisme.com

<!DOCTYPE html>
<html lang="fr" style="overflow-x: hidden">

	<head>
        <base href="https://bayeux-bessin-tourisme.com/" />
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
		<link rel="manifest" href="/site.webmanifest">
		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ee743b">
		<meta name="msapplication-TileColor" content="#ffffff">
		<meta name="theme-color" content="#ffffff">
         <meta name="google-site-verification" content="aTWfNtZn6ZskC95lVQVeKHHbtRO5-qlhyrTsVTHPmrE" />
         <meta name="google-site-verification" content="zqppU2vmLBcfVQy7A4FVsrczJ_PzoqmVGTZrzndGHKY" />
         <meta name="google-site-verification" content="Kj9h2WNovZl6bNEUObb8Dh66zSfK2IeFQ1NA9hIUCa0" />
        		<title>Office de tourisme - Site officiel :: Bayeux Bessin Tourisme</title>

		<link rel="canonical" href="https://bayeux-bessin-tourisme.com/fr" hreflang="fr" />
<link rel="alternate" href="https://bayeux-bessin-tourisme.com/en/" hreflang="en" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta property="og:site_name" content="Bayeux Bessin Tourisme"/>
<meta property="og:updated_time" content="1777907825" />
<meta property="og:type" content="article" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="og:title" content="Office de tourisme - Site officiel" />
<meta property="twitter:title" content="Office de tourisme - Site officiel" />
<meta property="og:description" content="Situé au coeur de la destination de renommée mondiale «Bayeux - Bessin - Plages du Débarquement », le territoire de Bayeux Intercom peut s'enorgueillir d'avoir préservé une histoire, un patrimoine et ..." />
<meta property="twitter:description" content="Situé au coeur de la destination de renommée mondiale «Bayeux - Bessin - Plages du Débarquement », le territoire de Bayeux Intercom peut s'enorgueillir d'avoir préservé une histoire, un patrimoine et ..." />
<meta name="description" content="Situé au coeur de la destination de renommée mondiale «Bayeux - Bessin - Plages du Débarquement », le territoire de Bayeux Intercom peut s'enorgueillir d'avoir préservé une histoire, un patrimoine et ..." />
<meta property="og:url" content="https://bayeux-bessin-tourisme.com/fr" />
<meta property="og:image" content="https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg" />
<meta property="twitter:image:src" content="https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg" />
<meta name="thumbnail" content="https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg" />
<link rel="image_src" href="https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg" />
<pagemap><dataobject type="thumbnail"><attribute name="src" value="https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg"/><attribute name="width" value="1000"/><attribute name="height" value="662"/></dataobject></pagemap>
<script type="application/ld+json">
{
    "@context": "http:\/\/schema.org",
    "name": "Office de tourisme - Site officiel",
    "description": "Situé au coeur de la destination de renommée mondiale «Bayeux - Bessin - Plages du Débarquement », le territoire de Bayeux Intercom peut s'enorgueillir d'avoir préservé une histoire, un patrimoine et ...",
      "image": {
          "@type": "ImageObject",
          "url": "https://bayeux-bessin-tourisme.com/upload/page/reduites/Bayeux---Roue-et-Aure--M.-HOLLENBERG---OT-Bayeux-Intercom.jpg",
          "description": "",
          "name": "Office de tourisme - Site officiel"
      }}
    </script>
		<!-- STYLE CSS -->
		<link href="css/lightslider.min.css" rel="stylesheet" type="text/css">
        <link href="css/lightgallery.min.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="css/hc-offcanvas-nav.css" />
    <!-- Variable PHP à remplacer par un numéro de version après la mise en ligne -->
		<link rel="stylesheet" href="css/main2.css?version=121112" />
		<link rel="stylesheet" href="css/media2.css?version=121112" />
        <link rel="stylesheet" href="css/stylebase.css?version=121112" />


		<!-- SCRIPT JS -->
		<script src="js/jquery.min.js"></script>
		<script src="js/lightslider.min.js"></script>
        <script src="js/lightgallery-all.min.js"></script>
		<script src="js/hc-offcanvas-nav.js"></script>
        <script src="galerie/embed_galeries.js"></script>
        
        <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>        

				
    <script type="text/javascript" src="js/instafeed.js"></script>
		<script src="js/custom.js?version=06121112"></script>
        
        
	</head>
        <body class="home type-">
			<header id="main-header" class="not-prestataire" role="banner">
			            <h1 class="home">
						Bayeux Bessin, destination Normandie !                                    
             </h1>
                        
            <div class="topbar">
				<a href="javascript:void(0)" rel="nofollow" class="search-responsive" id="btn_recherche_responsive">
					<img src="./images/assets/icon-recherche-mobile.svg" alt="Icone Recherche" title="Rechercher sur le site">
				</a>
				<!-- <a href="/" class="logo" title="Retour à l'accueil">
					<img src="images/assets/logo-header.svg" alt="Logo Bayeux-Bessin D-Day Normandie">
				</a> -->
				<a href="fr/" class="logo" title="Accueil">
					<img src="images/assets/logo-part-1.svg" alt="Logo Icone Bayeux-Bessin D-Day Normandie">
					<img src="images/assets/logo-part-2.svg" alt="Logo Texte Bayeux-Bessin D-Day Normandie">
				</a>
				<nav role="navigation" aria-label="Principal" class="main-nav">
										<ul class="main-nav__list">
                    						<li class="main-nav__item">
							<a href="fr/hebergement" class="main-nav__link" title="Hébergement">Hébergement</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/hotels" class="main-nav-2nd__item">Hôtels</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/chambres-d-hotes" class="main-nav-2nd__item">Chambres d'hôtes</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/residences-tourisme" class="main-nav-2nd__item">Résidences de Tourisme</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/location-meubles-de-tourisme" class="main-nav-2nd__item">Meublés de tourisme</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/campings" class="main-nav-2nd__item">Campings</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/aires-de-services-et-accueil-camping-cars" class="main-nav-2nd__item">Aires de service et accueil camping-cars</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/chambres-meublees" class="main-nav-2nd__item">Chambres meublées</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/hebergement/auberge-collective" class="main-nav-2nd__item">Auberge collective</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        						<li class="main-nav__item">
							<a href="fr/restauration" class="main-nav__link" title="Restauration">Restauration</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/restauration/restaurants" class="main-nav-2nd__item">Restaurants</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/restauration/salons-de-the" class="main-nav-2nd__item">Salons de thé</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/restauration/bars-de-nuit" class="main-nav-2nd__item">Bars de nuit</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/restauration/artisans-glaciers" class="main-nav-2nd__item">Artisans Glaciers</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        						<li class="main-nav__item">
							<a href="fr/visites" class="main-nav__link" title="Visites">Visites</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/visites/musees" class="main-nav-2nd__item">Musées</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/sites" class="main-nav-2nd__item">Sites</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/monuments" class="main-nav-2nd__item">Monuments</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/parcs-jardins" class="main-nav-2nd__item">Parcs & Jardins</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/patrimoine-naturel" class="main-nav-2nd__item">Patrimoine naturel</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/visites-tours-guides" class="main-nav-2nd__item">Visites et tours guidés</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/circuits-du-patrimoine" class="main-nav-2nd__item">Circuits du patrimoine</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/creation-artisanale" class="main-nav-2nd__item">Création artisanale</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/saveurs-du-terroir" class="main-nav-2nd__item">Saveurs du terroir</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/espace-art-contemporain" class="main-nav-2nd__item">Espace d’art contemporain</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/visites/lieux-de-visites" class="main-nav-2nd__item">Toute l'offre</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        </ul><ul class="main-nav__list">						<li class="main-nav__item">
							<a href="fr/loisirs" class="main-nav__link" title="Loisirs">Loisirs</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/randonnees-pedestres" class="main-nav-2nd__item">Randonnées pédestres</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/tourisme-a-velo" class="main-nav-2nd__item">Tourisme à vélo</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/loisirs-sportifs" class="main-nav-2nd__item">Loisirs sportifs</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/loisirs-nautiques" class="main-nav-2nd__item">Loisirs nautiques</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/activites-famille" class="main-nav-2nd__item">Activités famille</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/loisirs/bien-etre" class="main-nav-2nd__item">Bien-être</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        						<li class="main-nav__item">
							<a href="fr/shopping" class="main-nav__link" title="Shopping">Shopping</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/shopping/boutiques-du-terroir" class="main-nav-2nd__item">Boutiques du terroir</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/accessoires-marins" class="main-nav-2nd__item">Accessoires marins</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/boutiques-de-createurs" class="main-nav-2nd__item">Boutiques de créateurs</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/brocantes-militaria" class="main-nav-2nd__item">Brocantes - Militaria</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/galeries-d-art" class="main-nav-2nd__item">Galeries d'art</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/souvenirs" class="main-nav-2nd__item">Souvenirs</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/caves-a-vin" class="main-nav-2nd__item">Caves à vin</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/grandes-surfaces" class="main-nav-2nd__item">Grandes surfaces</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/shopping/marches" class="main-nav-2nd__item">Marchés</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        						<li class="main-nav__item">
							<a href="fr/services" class="main-nav__link" title="Services">Services</a>
						                     
                                                <ul class="main-nav-2nd__list">
                            								<li class="main-nav-2nd__item">
									<a href="fr/services/locations-de-voiture" class="main-nav-2nd__item">Locations de voiture</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/services/taxis" class="main-nav-2nd__item">Taxis</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/services/vtc" class="main-nav-2nd__item">VTC</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/services/lignes-de-car" class="main-nav-2nd__item">Lignes de car</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/services/navettes" class="main-nav-2nd__item">Navettes</a>
								</li>                              
                              								<li class="main-nav-2nd__item">
									<a href="fr/services/consignes-a-bagages" class="main-nav-2nd__item">Consignes à bagages</a>
								</li>                              
                                                      </ul>
                                                </li>   
                        					</ul>
				</nav>
				<button id="button-menu-resp" title="Ouvrir le menu" aria-label="Ouvrir le menu">
					<span></span>
				</button>
			</div>
			<div class="header-group-links" style="z-index:5;position: relative;">
				<div class="group-infos">
					<ul class="group-infos-icon">
						
							              <li>
              <a href="fr/meteo" title="Météo">
								<img src="./images/assets/icon-meteo.svg" target="_blank" rel="noopener" alt="Icone Météo">
							</a> 
              </li>             
                            <li>
              <a href="fr/loisirs/loisirs-nautiques/horaires-des-marees" title="Horaires des marées">
								<img src="./images/assets/icon-maree.svg" target="_blank" rel="noopener" alt="Icone Horaires des marées">
							</a> 
              </li>             
              					</ul>
					<ul class="group-infos-links">
          
						              <li>
              <a href="fr/les-rendez-vous-du-jour" id="a-rdv-jour">Les rendez-vous du jour</a>
              </li>             
              
					</ul>					
				</div>
				<div class="acces-espace">
					<ul>
						              <li>
              <a href="fr/espace-presse">Presse</a>
              </li>             
                            <li>
              <a href="fr/espace-pros">Pros</a>
              </li>             
                            <li>
              <a href="fr/espace-adherents">Adhérents</a>
              </li>             
                            <li class="acces-groupes">
              <a href="https://www.calameo.com/read/007752479cec6516134d3" target="_blank"><span class="icon"></span><span>Groupes</span></a>
              </li>             
                        
          

					</ul>
				</div>
			</div>
			<div class="sidebar">
				<ul class="tools-list">
					                        <li>
    						<a href="en/">
    							<span class="tooltip">English</span>
    							<img src="images/assets/flag-uk.svg" alt="Drapeau">
    						</a>
    					</li>                        
                                            <li>
    						<div id="a_multilangue">
    							<span id="tooltip_multilangue">
                                    <div id="autres_langues">
                                        <a href="upload/open_document.php?idD=67c6a1e7ce56d3d6fa748ab6d9af3fd7" class="autre_langue">
                                            <img src="./images/assets/flags/de.svg" alt="Deutsch" />
                                            <span>Deutsch</span>
                                        </a>
                                        
                                        <a href="upload/open_document.php?idD=c0c7c76d30bd3dcaefc96f40275bdc0a" class="autre_langue">
                                            <img src="./images/assets/flags/nl.svg" alt="Nederlands" />
                                            <span>Nederlands</span>
                                        </a>                                         
                                        
                                        <a href="upload/open_document.php?idD=642e92efb79421734881b53e1e1b18b6" class="autre_langue">
                                            <img src="./images/assets/flags/es.svg" alt="Español" />
                                            <span>Español</span>
                                        </a>                                        

                                        <a href="upload/open_document.php?idD=2838023a778dfaecdc212708f721b788" class="autre_langue">
                                            <img src="./images/assets/flags/it.svg" alt="Italiano" />
                                            <span>Italiano</span>
                                        </a> 
                                                                                
                                    </div>
                                </span>
    							<img src="./images/assets/flags/eu.svg" alt="Drapeau">
    						</div>
    				</li> 

                        
					<li>
						<button href="#" id="trigger-accessibility" aria-label="Accessibilité">
							<span class="tooltip">Accessibilité</span>
							<img src="./images/assets/icon-accessibility.svg" alt="Icone Accessibilité">
						</button>
					</li>
					<li class="tools-rechercher">
						<a href="javascript:void(0)" id="btn_recherche">
							<span class="tooltip">Rechercher</span>
							<img src="./images/assets/icon-recherche.svg" alt="Icone Recherche">
						</a>
					</li>
				</ul>
				<ul class="links-list">
					                    <li>
						<a href="fr/contact">
							<span class="tooltip">Contactez-nous</span>
							<img src="./images/assets/icon-contact.svg" alt="Icone Contact">
						</a>
					</li>
                                        <li>
						<a href="fr/brochures-plans">
							<span class="tooltip">Nos brochures</span>
							<img src="./images/assets/icon-brochures.svg" alt="Icone Brochures">
						</a>
					</li>
                    
					                    <li>
						<a href="fr/destination-qualite">
							<span class="tooltip">Destination Qualité</span>
							<img src="./images/assets/icon-qualite-tourisme.svg" alt="Icone Qualité Tourisme">
						</a>
					</li>
                                        

				</ul>
				<ul class="rs-list">
					<li>
						<a href="https://www.facebook.com/Bayeux.Bessin.DDay" target="_blank">
							<span class="tooltip">Facebook</span>
							<img src="./images/assets/rs-facebook.svg" alt="Icone Facebook">
						</a>
					</li>
					<li>
						<a href="https://www.linkedin.com/company/office-de-tourisme-bayeux-intercom/" target="_blank">
							<span class="tooltip">Linkedin</span>
							<img src="./images/assets/rs-linkedin.png" alt="Icone Linkedin">
						</a>
					</li>
					<li>
						<a href="https://www.instagram.com/bayeux_bessin/" target="_blank">
							<span class="tooltip">Instagram</span>
							<img src="./images/assets/rs-instagram.svg" alt="Icone Instagram">
						</a>
					</li>
					<li>
						<a href="https://www.youtube.com/user/BayeuxBessinDDay" target="_blank">
							<span class="tooltip">Youtube</span>
							<img src="./images/assets/rs-youtube.svg" alt="Icone Youtube">
						</a>
					</li>
				</ul>
			</div>
                               <style>
                    .video-background {
                      position: relative;
                      overflow: hidden;
                      width: 100vw;
                      height: 81vh;
                    }

                    .video-background iframe {
                      position: absolute;
                      top: 50%;
                      left: 50%;
                      width: 100%;
                      height: 100%;
                      transform: translate(-50%, -50%);
                    }
                    
                    #video-credits {
                      position: absolute;
                      bottom: 20px;
                      right: 100px;
                      color:rgba(255,255,255,0.6);
                      
                      z-index:9999;
                    }

                    @media (min-aspect-ratio: 16/9) {
                      .video-background iframe {
                        /* height = 100 * (9 / 16) = 56.25 */
                        height: 56.25vw;
                      }
                    }
                    @media (max-aspect-ratio: 16/9) {
                      .video-background iframe {
                        /* width = 100 / (9 / 16) = 177.777777 */
                        width: 177.78vh;
                      }
                    }    
                    
                    @media (max-width: 801px) {
                        #video-credits {
                            left:10px;
                        }
                        .video-background {
                            height:85vh;
                        }
                    }               
                   </style>            
                    <div class="video-background">
                        <iframe src="https://www.youtube.com/embed/7sggYCG1870?autoplay=1&loop=1&playlist=7sggYCG1870&controls=0&fs=0&modestbranding=1&rel=0&showinfo=0&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" ></iframe>
                        <div id="video-credits">©Thomas Zilberdoukaten - @zib_pics</div>
                    </div>
                    
                    <button class="scroll-next"><img src="./images/assets/double-chevron-down.svg" alt="Double Chevron"></button>

                    		</header>
        <main role="main"> 
               
              
   
			<!-- EDITO -->
			      <section class="edito">
				<div class="container">
					<p>Vacances ou escapades, profitez du meilleur de la <span style="color: #ee743b;"><span style="color: #000000;">destination</span></span><strong><span style="color: #ee743b;"> Bayeux Bessin &ndash; D-Day Normandie</span></strong>&nbsp;!</p>
<p>Autour de&nbsp;Bayeux&nbsp;&laquo;la cit&eacute; m&eacute;di&eacute;vale aux portes des&nbsp;plages de D&eacute;barquement&raquo;, le Bessin bayeusain est un territoire authentique et naturel, entre terre et mer. Ses hauts-lieux touristiques font la r&eacute;putation de la Normandie dans le monde entier&nbsp;:</p>
<p>la&nbsp;Tapisserie de Bayeux&nbsp;class&eacute;e &agrave; l&rsquo;Unesco et la&nbsp;cath&eacute;drale de Guillaume-le-Conqu&eacute;rant, le&nbsp;port artificiel d&rsquo;Arromanches, la&nbsp;batterie allemande de Longues-sur-Mer...</p>				</div>
			</section>
      			<!-- AGENDA  -->
			<div class="actus-agenda">
				<section class="agenda">
					<h2 class="titre-eclats">
						<div class="inner-eclats">
							<span>Agenda</span>
							<span></span>
						</div>
					</h2>
				<div class="container">
					<div class="description-section">Bayeux Bessin - D-Day Normandie, c’est aussi une destination qui s’anime toute au long de l’année
grâce à un large choix d’animations, de festivals, d’expositions et de visites guidées.</div>
				</div>                    
					<!-- IMAGE 416px x 234px -->
					<ul class="article__list">
						<li class="article__item">
							<a href="fr/expositions" class="article__link">
  								<div class="article__text">
  									<h3 class="article__titre">Expositions</h3>
  								</div>
                                <picture class="article__picture ratio-box ratio-16-9">
									<img class="article__img object-fit-cover" alt="Description de l'image" src="./images/temp/expositions.jpg">
                                </picture>
  							</a>
						</li>
						<li class="article__item">
							<a href="fr/grands-evenements" class="article__link">
  								<div class="article__text">
  									<h3 class="article__titre">Grands évènements</h3>
  								</div>
                                <picture class="article__picture ratio-box ratio-16-9">
									<img class="article__img object-fit-cover" alt="Description de l'image" src="./images/temp/grands-evenements.jpg">
                                </picture>
  							</a>
						</li>
						<li class="article__item">
							<a href="fr/fetes-et-manifestations" class="article__link">
  								<div class="article__text">
  									<h3 class="article__titre">Fêtes et manifestations</h3>
  								</div>
                                <picture class="article__picture ratio-box ratio-16-9">
									<img class="article__img object-fit-cover" alt="Description de l'image" src="./images/temp/fetes-manifestations.jpg">
                                </picture>
  							</a>
						</li>
						<li class="article__item">
							<a href="fr/visites/visites-tours-guides/visites-guidees" class="article__link">
  								<div class="article__text">
  									<h3 class="article__titre">Visites guidées</h3>
  								</div>
                                <picture class="article__picture ratio-box ratio-16-9">
									<img class="article__img object-fit-cover" alt="Description de l'image" src="./images/temp/visites-guidees.jpg">
                                </picture>
  							</a>
						</li>
					</ul>
					<div class="see-all-wrapper" id="see-all-agenda">
						<a href="fr/les-rendez-vous-du-jour" class="see-all orange">
							<span class="see-all__icon icon-calendar"></span>
							<span class="see-all__label">Voir les rendez-vous du jour</span>
						</a>
						<!--
						<a href="fr/expositions" class="see-all orange">
							<span class="see-all__icon icon-calendar"></span>
							<span class="see-all__label">Expositions</span>
						</a>
						<a href="fr/fetes-et-manifestations" class="see-all orange">
							<span class="see-all__icon icon-calendar"></span>
							<span class="see-all__label">Fêtes et manifestations</span>
						</a>
						<a href="fr/visites/visites-tours-guides/visites-guidees" class="see-all orange">
							<span class="see-all__icon icon-calendar"></span>
							<span class="see-all__label">Visites guidées</span>
						</a>     
						-->                                           
					</div>
				</section>
			</div>
			
            			<section class="destination bandeau-bulles">
				<h2 class="titre-eclats">
					<div class="inner-eclats">
						<span>Destination</span>
						<span>Bayeux Bessin</span>
					</div>
				</h2>
				<div class="container">
					<div class="description-section"><p style="text-align: center;">Bayeux Bessin, c'est une situation privil&eacute;gi&eacute;e au c&oelig;ur des sites embl&eacute;matiques du DDay et de la Normandie m&eacute;di&eacute;vale, de grands &eacute;v&eacute;nements toute l&rsquo;ann&eacute;e pour vivre vos vacances intens&eacute;ment, la culture maritime rafraichissante du 1er port de p&ecirc;che de Normandie, les points de vues saisissants de la plus belle destination v&eacute;lo de Normandie.</p></div>
				</div>
				<div class="container-xl">
					<!--IMAGE 280px x 280px -->
					<div class="bulles__wrapper">
						<ul class="js-bulles bulles__list">
                        
                                                          <li class="bulles__item">
  								<a href="fr/destination-bessin/d-day-normandie" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">D-Day Normandie</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="D-Day Normandie" src="upload/destination/minis/2Port-artificiel-d-Arromanches-800.jpg">
                                          									</picture>
  								</a>
  							  </li>    
                                                          <li class="bulles__item">
  								<a href="fr/destination-bessin/normandie-medievale" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Normandie Médiévale</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Tapisserie de  Bayeux" src="upload/destination/minis/Odo_bayeux_tapestry-800.jpg">
                                          									</picture>
  								</a>
  							  </li>    
                                                          <li class="bulles__item">
  								<a href="fr/destination-bessin/destination-velo-1" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Destination Vélo</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Destination Vélo &copy; A.Guerin-Litosphère" src="upload/destination/minis/1Velo-OT-BAYEUX-Arnaud-Guerin---Lithosphere--19-sur-260-800.jpg">
                                          									</picture>
  								</a>
  							  </li>    
                                                          <li class="bulles__item">
  								<a href="fr/destination-bessin/port-de-peche-1" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Port de Pêche</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Port de Pêche &copy; Anibas Photography" src="upload/destination/minis/port-de-peche-800.jpg">
                                          									</picture>
  								</a>
  							  </li>    
                                						<li class="bulles__item">
    							<a href="fr/grands-evenements" class="bulles__link">
      								<div class="bulles__text">
      									<h3 class="bulles__titre">Grands évènements</h3>
      								</div>
                                    <picture class="bulles__picture ratio-box ratio-1-1">
    									<img class="bulles__img object-fit-cover" alt="Description de l'image" src="./images/temp/grands-evenements.jpg">
                                    </picture>
      							</a>
    						</li>                            
                            						</ul>
					</div>
				</div>
				
			</section>
            			<section class="experiences bandeau-bulles fond-orange">
				<h2 class="titre-eclats">
					<div class="inner-eclats">
						<span>Experiences</span>
						<span>Bayeux Bessin</span>
					</div>
				</h2>
				<div class="container">
					<div class="description-section"><p style="text-align: center;">La destination Bayeux Bessin est vari&eacute;e et fascinante, faite de hauts-lieux mondialement connus mais aussi de petites p&eacute;pites &agrave; d&eacute;couvrir. Suivez notre &eacute;quipe, experte du territoire, &agrave; travers cette rubrique. Elle vous livre des exp&eacute;riences enrichissantes et surprenantes sp&eacute;cialement imagin&eacute;es pour enrichir vos journ&eacute;es de vacances.</p></div>
				</div>
				<div class="container-xl">
					<!--IMAGE 280px x 280px -->
					<div class="bulles__wrapper">
						<ul class="js-bulles bulles__list">
							
                                                          <li class="bulles__item">
  								<a href="fr/experiences/au-coeur-du-18e-siecle---elegance--lumieres-et-art-en-folie--" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Au cœur du 18e siècle : Elégance, Lumières et Art en folie !</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Au cœur du 18e siècle : Elégance, Lumières et Art en folie !" src="upload/experience/minis/Abbaye-de-Juaye-Mondaye--Anibas-Photography--5-.jpg">
                                          									</picture>
  								</a>
  							  </li>                            
                                                            <li class="bulles__item">
  								<a href="fr/experiences/sous-la-pluie-a-bayeux-avec-les-kids---fun--histoires-et-eclats-de-rire--" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Sous la pluie à Bayeux avec les kids ? Fun, histoires et éclats de rire !</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Sous la pluie à Bayeux avec les kids ? Fun, histoires et éclats de rire !" src="upload/experience/minis/Bayeux---MAHB-La-Garde-du-Patrimoine-01--1-.jpg">
                                          									</picture>
  								</a>
  							  </li>                            
                                                            <li class="bulles__item">
  								<a href="fr/experiences/immersion-dans-le-patrimoine-medieval-bajocasse" class="bulles__link">
  									<div class="bulles__text">
  										<h3 class="bulles__titre">Immersion dans le patrimoine médiéval bajocasse</h3>
  										<!--span class="bulles__theme"></span-->
  									</div>
  									<picture class="bulles__picture ratio-box ratio-1-1">
  										                                        <img class="bulles__img object-fit-cover" alt="Immersion dans le patrimoine médiéval bajocasse" src="upload/experience/minis/Vieux-Bayeux--Ibrahim-Hendy-CRT--21-.jpg">
                                          									</picture>
  								</a>
  							  </li>                            
                              
						</ul>
					</div>
					<div class="see-all-wrapper">
						<a href="fr/experiences" class="see-all">
							<span class="see-all__label">Découvrir les expériences</span> 
						</a>
					</div>
				</div>
			</section>            
            			<!-- ACTUS  -->
			<div class="actus-agenda">
				<section class="actus">
					<h2 class="titre-eclats">
						<div class="inner-eclats">
							<span>Actus</span>
							<span>à la une</span>
						</div>
					</h2>
				<div class="container">
					<div class="description-section" style="color:#fff"><p style="text-align: center;">Toutes les actualit&eacute;s de la destination Bayeux-Bessin &ndash; D-Day Normandie : une rubrique en mouvement &agrave; consulter avant et pendant votre s&eacute;jour.</p></div>
				</div>                    
                    <ul class="article__list">
                    <!-- IMAGE 278px x 278px -->
                    						<li class="article__item">
							<a href="fr/actualites" class="article__link">
								<div class="article__text">
									<h3 class="article__titre">Fête des Pères : trouvez le cadeau qui lui ressemble !</h3>
								</div>
								<picture class="article__picture ratio-box ratio-16-9">
									                                      <img class="article__img object-fit-cover" alt="Balade à la mer avec papa &copy; Anibas Photography" src="upload/actualite/minis/AP2_2949-Anibas-Photography-Bayeux-Bessin---Copie.jpg">
                                      								</picture>
							</a>
						</li>                    
                    						<li class="article__item">
							<a href="fr/actualites" class="article__link">
								<div class="article__text">
									<h3 class="article__titre">Demandez le programme !</h3>
								</div>
								<picture class="article__picture ratio-box ratio-16-9">
									                                      <img class="article__img object-fit-cover" alt=" &copy; D-Day Festival Normandy" src="upload/actualite/minis/Programme-DDFNdy-2026.JPG">
                                      								</picture>
							</a>
						</li>                    
                    						<li class="article__item">
							<a href="fr/actualites" class="article__link">
								<div class="article__text">
									<h3 class="article__titre">Le Guide de Séjour 2026 est disponible </h3>
								</div>
								<picture class="article__picture ratio-box ratio-16-9">
									                                      <img class="article__img object-fit-cover" alt="" src="upload/actualite/minis/GS2026--NP-OT-Bayeux-Intercom-3.JPG">
                                      								</picture>
							</a>
						</li>                    
                    						<li class="article__item">
							<a href="fr/actualites" class="article__link">
								<div class="article__text">
									<h3 class="article__titre">Visite guidée Les Aventures de la Tapisserie dans Bayeux !</h3>
								</div>
								<picture class="article__picture ratio-box ratio-16-9">
									                                      <img class="article__img object-fit-cover" alt=" &copy; OT Bayeux Intercom" src="upload/actualite/minis/VG-Tapisserie-3.jpeg">
                                      								</picture>
							</a>
						</li>                    
                    
					</ul>
					<div class="see-all-wrapper">
						<a href="fr/actualites" class="see-all blanc">
							<span class="see-all__icon icon-etincelles"></span>
							<span class="see-all__label">Voir toutes les actualités</span>
						</a>
					</div>
				</section>
			</div>
			<!-- RESEAUX SOCIAUX -->
			<section class="reseaux-sociaux">
				<h2 class="titre-eclats">
					<div class="inner-eclats">
						<span>Réseaux Sociaux</span>
						<span>suivez-nous !</span>
					</div>
				</h2>
				<div class="container">
					<div class="reseaux-sociaux__wrapper">
						<div class="rs-facebook__wrapper">
							<a href="https://www.facebook.com/Bayeux.Bessin.DDay" target="_blank" rel="noopener" class="rs__link">
								<div class="rs__titre">
									<span class="rs__titre-icon"></span>
									<span class="rs__titre-label">Facebook</span>
								</div>
								<span class="rs__identifiant">@Bayeux.Bessin.DDay</span>
							</a>
							<div id="facebook__content" class="rs__content">
								<!--img src="./images/fb-flux.jpg" alt=""-->
								<div id="fb-root"></div>
									<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v12.0&appId=580596515454149&autoLogAppEvents=1" nonce="q8YgjOy8"></script>
									<div class="fb-page" data-href="https://www.facebook.com/Bayeux.Bessin.DDay" data-tabs="timeline" data-width="373" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="true"></div>
							</div>
						</div>
						<div class="rs-instagram__wrapper">
							<a href="https://www.instagram.com/bayeux_bessin/" target="_blank" rel="noopener" class="rs__link">
								<div class="rs__titre">
									<span class="rs__titre-icon"></span>
									<span class="rs__titre-label">Instagram</span>
								</div>
								<span class="rs__identifiant">@bayeux_bessin</span>
							</a>
							<div id="instagram__content" class="rs__content">
								
                                                                <a href="https://www.instagram.com/bayeux_bessin/" target="_blank" title="Social Wall Instagram"><img src="https://bayeux-bessin-tourisme.com/upload/social_wall/reduites/Social-Wall-Instagram.jpg" class="social_wall_image" alt="Social Wall Instagram"/></a>
                                                                

							</div>
						</div>
						<div class="rs-autres__wrapper">
							<div class="rs__link">
								<div class="rs__titre">
									<span class="rs__titre-icon"></span>
									<span class="rs__titre-label">Autres réseaux</span>
								</div>
							</div>
							<div class="rs__block">
								<a href="https://www.linkedin.com/company/office-de-tourisme-bayeux-intercom/" target="_blank" rel="noopener" id="linkedin__content" class="rs__block-link" style="background-image: url('./images/twitter-background.jpg');">
									<span class="rs__titre-icon"></span>
									<div class="rs__titre">
										<span class="rs__titre-label">Linkedin</span>
										<span class="rs__identifiant">office-de-tourisme-bayeux-intercom</span>
									</div>
								</a>
								<a href="https://www.youtube.com/user/BayeuxBessinDDay" target="_blank" rel="noopener" id="youtube__content" class="rs__block-link" style="background-image: url('./images/youtube-background.jpg');">
									<span class="rs__titre-icon"></span>
									<div class="rs__titre">
										<span class="rs__titre-label">Youtube</span>
										<span class="rs__identifiant">Bayeux Bessin DDay Normandie</span>
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- CARTE -->
			<section class="carte" style="background-image: url('./images/bandeau-02-1920.jpg');">
				<div class="carte__text">
					<h2 class="titre-eclats">
						<div class="inner-eclats">
							<span>Nous situer</span><span>Géographiquement</span>						</div>
					</h2>
					<p>Destination touristique internationale à 2h30 de Paris, Bayeux Bessin - D-Day Normandie est facilement accessible du monde entier. Vous avez le choix du mode de transport : aéroport, gares routières et maritimes, trains grandes lignes, autoroutes et maintenant véloroutes !</p>
					<a href="fr/venir-dans-le-bessin" class="see-all">
						<span class="see-all__label">Comment venir ?</span>
					</a>
				</div>
				<div class="carte__img">
					<img src="./images/carte.svg" alt="Carte Bayeux-Bessin">
				</div>
			</section>
		        
        </main>
        		<!-- NEWSLETTER -->
		<section class="newsletter">
			<div class="container">
				<form action="newsletter/actions.php" name="abonnenewsletterForm" onsubmit="" method="post" enctype="multipart/form-data">
                    <input type="hidden" name="mode" value="add">
                    <input type="text" name="name" value="" class="mon_champ"/>                  
					<label for="newsletter-address">
						<span>S'abonner à la newsletter</span>
						<span class="">Inscrivez-vous gratuitement pour recevoir l'actualité de l'office de tourisme de Bayeux Intercom</span>
					</label>
					<div class="champs">
						<input type="text" name="nom" id="newsletter-nom" placeholder="Nom" tabindex="-1" autocomplete="on" required>
                        <input type="email" name="email" id="newsletter-address" placeholder="E-mail" tabindex="-1" autocomplete="on" required>
						<input type="submit" id="btn-newsletter-submit" value="S'inscrire" aria-label="valider" title="Inscrivez-vous gratuitement pour recevoir l'actualité de l'office de tourisme de Bayeux Intercom" />
					</div>
				</form>
			</div>
		</section>
        		<footer id="main-footer">
			<div class="container-xl">
				<div class="linksbar">
                    
										<div class="branding">
						<a href="fr/" class="logo" title="Accueil">
							<img src="./images/assets/logo-footer.svg" alt="Logo Office de Tourisme de Bayeux-Bessin">
						</a>
                        
                        
						<ul class="rs-list">
							<li>
								<a href="https://www.facebook.com/Bayeux.Bessin.DDay" target="_blank" title="Facebook">
									<img src="./images/assets/rs-orange-facebook.svg" alt="Icone Facebook">
								</a>
							</li>
							<li>
								<a href="https://www.linkedin.com/company/office-de-tourisme-bayeux-intercom/" target="_blank">
									<img src="./images/assets/rs-orange-linkedin.svg" alt="Icone Linkedin" width="20">
								</a>
							</li>
							<li>
								<a href="https://www.instagram.com/bayeux_bessin/" target="_blank">
									<img src="./images/assets/rs-orange-instagram.svg" alt="Icone Instagram">
								</a>
							</li>
							<li>
								<a href="https://www.youtube.com/user/BayeuxBessinDDay" target="_blank" title="Youtube">
									<img src="./images/assets/rs-orange-youtube.svg" alt="Icone Youtube">
								</a>
							</li>
						</ul>
					</div>
          				</div>
				<div class="partenaires">
					<ul>
						<li>
							<div title="Offices de Tourisme de France">
								<img src="./images/partenaire-OTF.png" alt="Logo Offices de Tourisme de France">
							</div>
						</li>
						<li>
							<div title="Qualité Tourisme">
								<img src="./images/partenaire-QT.svg" alt="Logo Qualité Tourisme">
							</div>
						</li>
						<li>
							<div title="République Française">
								<img src="./images/partenaire-FR.png" alt="Logo République Française">
							</div>
						</li>
						<li>
							<div title="Normandie Tourisme">
								<img src="./images/partenaire-NT.svg" alt="Logo Normandie Tourisme">
							</div>
						</li>
						<li>
							<div title="Calvados">
								<img src="./images/logo_calvados.png" alt="Logo Calvados">
							</div>
						</li>
						<li>
							<div title="Bayeux Intercom">
								<img src="./images/partenaire-BI.png" alt="Logo Bayeux Intercom">
							</div>
						</li>
					</ul>
				</div>
				<div class="bottombar">
					<p>
                                                <a href="fr/mentions-legales">Mentions légales</a> - 
                                                <a href="fr/qui-sommes-nous">Qui sommes-nous</a> - 
                                                <a href="fr/espace-adherents/connexion">Connexion adhérents</a> - 
                                                <a href="fr/proposer-une-manifestation">Proposer une manifestation</a> - 
                        						<a href="https://www.net-conception.com" target="_blank" rel="noopener">Création & Hébergement : Net-Conception.com</a>
					</p>

                    
				<div class="acces-espace">
					<ul>
						                        <li>
                        <a href="fr/espace-presse">Presse</a>
                        </li>             
                                                <li>
                        <a href="fr/espace-pros">Pros</a>
                        </li>             
                                                <li>
                        <a href="fr/espace-adherents">Adhérents</a>
                        </li>             
                                                <li class="acces-groupes">
                        <a href="https://www.calameo.com/read/007752479cec6516134d3" target="_blank"><span class="icon"></span><span>Groupes</span></a>
                        </li>             
                         
					</ul>
				</div>                    
                    
				</div>
			</div>
		</footer>

        <div id="popin-recherche">
            <div id="popin-recherche-content">
              <div class="recherche">
                <form action="recherche/actions.php" method="post" name="" rel="nofollow">
                  <input type="hidden" name="mode" value="search" />
                      <div class="champs">
            						<input type="text" name="mots" id="mots" placeholder="Tapez ici votre recherche *" value="" required minlength="3" />
            						<input type="submit" id="search-submit" value="Rechercher" aria-label="valider" />
            					</div>
                </form>
                <div id="recherche-close">x</div>     
              </div> 
                    
            </div>                
        </div>

                    <div id="popin-alerte">
                    <div id="popin-alerte-content">
                        <div id="popin-alerte-close">x</div>     
                                                <div class="popin-alerte-el">
                          <h2>Musée de la Tapisserie</h2>
                          <div>
                          <p style="text-align: justify;"><strong><span style="text-decoration: underline;">INFORMATION VISITEURS</span></strong> :&nbsp;Le mus&eacute;e de la Tapisserie de Bayeux est d&eacute;sormais ferm&eacute; pour travaux de r&eacute;novation pendant 2 ans. R&eacute;ouverture pr&eacute;vue en octobre 2027. Merci de votre compr&eacute;hension.</p>
<p style="text-align: justify;">Nos <strong>guides</strong> ont &agrave; coeur de vous conter l'histoire de l'oeuvre en son absence : inscrivez-vous aux cr&eacute;neaux propos&eacute;s pour <a title="Les aventures de la Tapisserie dans Bayeux," href="fr/actualites" target="_blank">Les aventures de la Tapisserie dans Bayeux,</a>&nbsp;rubrique <a title="visites guid&eacute;es" href="fr/visites/visites-tours-guides/visites-guidees" target="_blank">visites guid&eacute;es</a>.</p>
<p style="text-align: justify;">L'<strong>exposition</strong>&nbsp;<a title="de Lin et de Laine - l'Histoire de la conservation de la Tapisserie de Bayeux" href="fr/fetes-et-manifestations/bayeux/exposition-de-lin-et-de-laine---l-histoire-de-la-conservation-de-la-tapisserie-de-bayeux" target="_blank">de Lin et de Laine - l'Histoire de la conservation de la Tapisserie de Bayeux</a>&nbsp;est &agrave; d&eacute;couvrir d&egrave;s mai 2026.&nbsp;</p>                          </div>
                        </div>
                            
                    </div>                
                </div>                
                	<script src="//rgpd.netconception.fr/api/embed" id="__rgpdwidget" data-clientid="70efdf2ec9b086079795c442636b55fb" data-langue="fr" ></script>
    </body>

</html>