| Server IP : 213.186.33.4 / Your IP : 216.73.216.59 Web Server : Apache System : Linux webm006.cluster103.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : awebpaca ( 35430) PHP Version : 8.5.0 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/awebpaca/360/360-aerien/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Prise de vue aérienne à 360° - Votre établissement vu du ciel</title>
<meta name="description" content="Toutes nos prises de vue aériennes à 360°" />
<meta name="keywords" content="Prise de vue aérienne à 360° - Votre établissement vu du ciel" />
<meta name="medium" content="mult" />
<meta name="video_height" content="480"></meta>
<meta name="video_width" content="640"></meta>
<link rel="image_src" href="indexdata/thumbnail.jpg" />
<!-- <meta name="directory" content="PATH/"></meta> -->
<!-- <link rel="target_url" href="index.html" /> -->
<meta name="author" content="ADEO-WEB" />
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/jquery.fullpage.min.css">
<!-- Custom theme -->
<link rel="stylesheet" href="css/custom.min.css">
<style type="text/css">
div#panoDIV {
height:100%;
position:relative;
overflow:hidden;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
</style>
<script src="js/head.min.js"></script>
<!--[if !IE]><!-->
<script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8]>
<script type="text/javascript" src="indexdata/lib/jquery-1.11.1.min.js"></script>
<![endif]-->
<!--[if gt IE 8]>
<script type="text/javascript" src="indexdata/lib/jquery-2.1.1.min.js"></script>
<![endif]-->
<link type="text/css" href="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" />
<script type="text/javascript" src="indexdata/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="indexdata/lib/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="indexdata/lib/Kolor/KolorTools.min.js"></script>
<script type="text/javascript" src="indexdata/graphics/KolorBootstrap.js"></script>
<style type="text/css">
div#panoDIV.cursorMoveMode {
cursor: move;
cursor: url(indexdata/graphics/cursors_move_html5.cur), move;
}
div#panoDIV.cursorDragMode {
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
cursor: url(indexdata/graphics/cursors_drag_html5.cur), default;
}
</style>
<script type="text/javascript">
function readDeviceOrientation() {
// window.innerHeight is not supported by IE
var winH = window.innerHeight ? window.innerHeight : jQuery(window).height();
var winW = window.innerWidth ? window.innerWidth : jQuery(window).width();
//force height for iframe usage
if(!winH || winH == 0){
winH = '100%';
}
// set the height of the document
jQuery('html').css('height', winH);
// scroll to top
window.scrollTo(0,0);
}
jQuery( document ).ready(function() {
if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) {
if(/iphone/.test(navigator.userAgent.toLowerCase()) && window.self === window.top){
jQuery('body').css('height', '100.18%');
}
// add event listener on resize event (for orientation change)
if (window.addEventListener) {
window.addEventListener("load", readDeviceOrientation);
window.addEventListener("resize", readDeviceOrientation);
window.addEventListener("orientationchange", readDeviceOrientation);
}
//initial execution
setTimeout(function(){readDeviceOrientation();},10);
}
});
function accessWebVr(){
unloadPlayer();
eventUnloadPlugins();
setTimeout(function(){ loadPlayer(true); }, 100);
}
function accessStdVr(){
unloadPlayer();
resetValuesForPlugins();
setTimeout(function(){ loadPlayer(false); }, 100);
}
function loadPlayer(isWebVr) {
if (isWebVr) {
embedpano({
id:"krpanoSWFObject"
,xml:"indexdata/index_vr.xml"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,html5:"only+webgl"
,focus: false
,vars:{skipintro:true,norotation:true}
});
} else {
var isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
embedpano({
id:"krpanoSWFObject"
,xml:"indexdata/index.xml"
,target:"panoDIV"
,passQueryParameters:true
,bgcolor:"#000000"
,focus: false
,html5:isBot ? "always" : "only"
});
}
//apply focus on the visit if not embedded into an iframe
if(top.location === self.location){
kpanotour.Focus.applyFocus();
}
}
function unloadPlayer(){
if(jQuery('#krpanoSWFObject')){
removepano('krpanoSWFObject');
}
}
function isVRModeRequested() {
var querystr = window.location.search.substring(1);
var params = querystr.split('&');
for (var i=0; i<params.length; i++){
if (params[i].toLowerCase() == "vr"){
return true;
}
}
return false;
}
</script>
</head>
<body>
<div id="tourDIV">
<div id="scene">
<div id="panoDIV">
<noscript>
You must activate javascript to visualize the Virtual Tour : Prise de vue aérienne à 360° - Votre établissement vu du ciel.
</noscript>
</div>
<script type="text/javascript" src="indexdata/index.js"></script>
<script type="text/javascript">
if (isVRModeRequested()){
accessWebVr();
}else{
accessStdVr();
}
</script>
</div><!-- #scene -->
<div id="commands">
<a href="#" class="previous"></a>
<a href="#" class="view-layer"></a>
<a href="#" class="next"></a>
</div>
<div id="commands-optional">
<a href="#" class="autorotation none" title="Toggle autorotation on/off"></a>
<a href="#" class="fullscreen enter" title="Toggle fullscreen"></a>
</div>
<div id="nav-overlay">
</div>
<div id="helper">
<span class="mouse running" title="You can use the mouse wheel to navigate"><span class="wheel"></span></span>
<span class="keyboard" title="You can use keyboard arrows to navigate">
<span class="up"></span>
<span class="left"></span>
<span class="down"></span>
<span class="right"></span>
</span>
<span class="swipe"></span>
</div>
<div id="loader" class="layered-visible opened">
<div class="cell">
<p class="clock"></p>
</div>
</div>
<nav>
<ul>
<li>
<ul data-id="panogroup99">
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano9"
title="Camping International à Giens | Les campings">
<img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Camping International à Giens">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano15"
title="Camping Les Mimosas à Portiragnes | Les campings">
<img src="indexdata/camping_les_mimosas__15/thumbnail.jpg" alt="Camping Les Mimosas à Portiragnes">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano35"
title="Camping Eurosurf à Hyères | Les campings">
<img src="indexdata/camping_eurosurf_a_h_35/thumbnail.jpg" alt="Camping Eurosurf à Hyères">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano31"
title="Camping Holiday Green à Fréjus | Les campings">
<img src="indexdata/camping_holiday_gree_31/thumbnail.jpg" alt="Camping Holiday Green à Fréjus">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano98"
title="Camping Port Pothuau | Les campings">
<img src="indexdata/camping_port_pothuau_98/thumbnail.jpg" alt="Camping Port Pothuau">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano17"
title="Camping Domaine de la Bergerie à Roquebrune-sur-Argens | Les campings">
<img src="indexdata/camping_domaine_de_l_17/thumbnail.jpg" alt="Camping Domaine de la Bergerie à Roquebrune-sur-Argens">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano33"
title="Camping Les Pins Maritimes à Hyères | Les campings">
<img src="indexdata/camping_les_pins_mar_33/thumbnail.jpg" alt="Camping Les Pins Maritimes à Hyères">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano21"
title="Camping La Barque à Saint-Aygulf | Les campings">
<img src="indexdata/camping_la_barque_a__21/thumbnail.jpg" alt="Camping La Barque à Saint-Aygulf">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano29"
title="Camping U Farniente à Bonifacio | Les campings">
<img src="indexdata/camping_u_farniente__29/thumbnail.jpg" alt="Camping U Farniente à Bonifacio">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano156"
title="Camping La Baume | Les campings">
<img src="indexdata/camping_la_baume_156/thumbnail.jpg" alt="Camping La Baume">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano25"
title="Camping La Croix du Sud à Ramatuelle | Les campings">
<img src="indexdata/camping_la_croix_du__25/thumbnail.jpg" alt="Camping La Croix du Sud à Ramatuelle">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano19"
title="Camping Domaine du Petit Lac à Moustier-Sainte-Marie | Les campings">
<img src="indexdata/camping_domaine_du_p_19/thumbnail.jpg" alt="Camping Domaine du Petit Lac à Moustier-Sainte-Marie">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano23"
title="Camping Le Dramont à Agay | Les campings">
<img src="indexdata/camping_le_dramont_a_23/thumbnail.jpg" alt="Camping Le Dramont à Agay">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano102"
title="Camping Leï Suves | Les campings">
<img src="indexdata/camping_lei_suves_102/thumbnail.jpg" alt="Camping Leï Suves">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano104"
title="Camping Le Front de Mer | Les campings">
<img src="indexdata/camping_le_front_de__104/thumbnail.jpg" alt="Camping Le Front de Mer">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano162"
title="Camping La Vieille Ferme | Les campings">
<img src="indexdata/camping_la_vieille_f_162/thumbnail.jpg" alt="Camping La Vieille Ferme">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano172"
title="Camping le Clos de Barbey | Les campings">
<img src="indexdata/camping_le_clos_de_b_172/thumbnail.jpg" alt="Camping le Clos de Barbey ">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano175"
title="Camping le Clair de Lune | Les campings">
<img src="indexdata/camping_le_clair_de__175/thumbnail.jpg" alt="Camping le Clair de Lune">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano177"
title="Camping le Soleil Bleu | Les campings">
<img src="indexdata/camping_le_soleil_bl_177/thumbnail.jpg" alt="Camping le Soleil Bleu">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano194"
title="Camping La Coste Rouge | Les campings">
<img src="indexdata/camping_la_coste_rou_194/thumbnail.jpg" alt="Camping La Coste Rouge">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano196"
title="Camping La Pinède | Les campings">
<img src="indexdata/camping_la_pinede_196/thumbnail.jpg" alt="Camping La Pinède">
</a>
</li>
<li>
<span class="icon icon-info toggle-group-info"
title="About Les campings"
data-target="panogroup99">
</span>
</li>
</ul>
</li>
<li>
<ul data-id="panogroup12">
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano11"
title="Résidence le surplage à Hyères | Hôtel, chambres d'hôtes et résidences de vacances">
<img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Résidence le surplage à Hyères">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano100"
title="Résidence La Palmeraie | Hôtel, chambres d'hôtes et résidences de vacances">
<img src="indexdata/camping_la_palmeraie_100/thumbnail.jpg" alt="Résidence La Palmeraie">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano41"
title="Renouveau Vacances à Roquebrune-sur-Argens | Hôtel, chambres d'hôtes et résidences de vacances">
<img src="indexdata/renouveau_vacances_a_41/thumbnail.jpg" alt="Renouveau Vacances à Roquebrune-sur-Argens">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano168"
title="Grand Hôtel Moriaz | Hôtel, chambres d'hôtes et résidences de vacances">
<img src="indexdata/grand_hotel_moriaz_168/thumbnail.jpg" alt="Grand Hôtel Moriaz">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano27"
title="Chambres d'hôtes : Une campagne en Provence | Hôtel, chambres d'hôtes et résidences de vacances">
<img src="indexdata/une_campagne_en_prov_27/thumbnail.jpg" alt="Chambres d'hôtes : Une campagne en Provence">
</a>
</li>
<li>
<span class="icon icon-info toggle-group-info"
title="About Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
</span>
</li>
</ul>
</li>
<li>
<ul data-id="panogroup14">
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano164"
title="Le Col du Canadel | Tourisme et paysage">
<img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Le Col du Canadel">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano170"
title="La Presqu'île de Giens | Tourisme et paysage">
<img src="indexdata/la_presqu_ile_de_gie_170/thumbnail.jpg" alt="La Presqu'île de Giens">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano185"
title="Proche de Moustier-Sainte-Marie | Tourisme et paysage">
<img src="indexdata/proche_de_moustier_s_185/thumbnail.jpg" alt="Proche de Moustier-Sainte-Marie">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano190"
title="Plateau de Valensole | Tourisme et paysage">
<img src="indexdata/plateau_de_valensol_190/thumbnail.jpg" alt="Plateau de Valensole">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano192"
title="Plateau de Valensole | Tourisme et paysage">
<img src="indexdata/plateau_de_valensol_192/thumbnail.jpg" alt="Plateau de Valensole">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano13"
title="Capitainerie du port du Lavandou | Tourisme et paysage">
<img src="indexdata/capitainerie_du_port_13/thumbnail.jpg" alt="Capitainerie du port du Lavandou">
</a>
</li>
<li>
<span class="icon icon-info toggle-group-info"
title="About Tourisme et paysage"
data-target="panogroup14">
</span>
</li>
</ul>
</li>
<li>
<ul data-id="panogroup38">
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano37"
title="Festival de Street Painting 2013 à Toulon | événements et industries">
<img src="indexdata/festival_de_street_p_37/thumbnail.jpg" alt="Festival de Street Painting 2013 à Toulon">
</a>
</li>
<li>
<a href="#"
class="pano-in-a-group"
data-target="pano39"
title="Dépôt de bus de Brégaillon à La Seyne-sur-Mer | événements et industries">
<img src="indexdata/depot_de_bus_de_breg_39/thumbnail.jpg" alt="Dépôt de bus de Brégaillon à La Seyne-sur-Mer">
</a>
</li>
<li>
<span class="icon icon-info toggle-group-info"
title="About événements et industries"
data-target="panogroup38">
</span>
</li>
</ul>
</li>
</ul>
</nav>
<div id="fullpage" class="on">
<header class="active" title="Prise de vue aérienne à 360° - Votre établissement vu du ciel">
<p>
<img src="indexdata/thumbnail.jpg" alt="Prise de vue aérienne à 360° - Votre établissement vu du ciel" class="thumbnail">
<span class="icon icon-info"></span>
<!-- <img src="img/info.svg" alt="info" class="info"> -->
</p>
<h1>Prise de vue aérienne à 360° - Votre établissement vu du ciel</h1>
<p class="project-description html-encode"><font face="arial, sans-serif">Toutes nos prises de vue aériennes à 360°</font></p>
<span class="icon icon-info"></span>
</header>
<div class="section" data-id="panogroup99">
<div class="slide" data-id="pano9" data-anchor="pano9">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_internationa_9/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Camping International à Giens"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping International à Giens</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping International à Giens</font></div><a href="http://360.adeo-web.fr/camping-international/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano15" data-anchor="pano15">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_les_mimosas__15/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_les_mimosas__15/thumbnail.jpg" alt="Camping Les Mimosas à Portiragnes"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Les Mimosas à Portiragnes</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Les Mimosas à Portiragnes</font></div><a href="http://360.adeo-web.fr/camping-les-mimosas/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano35" data-anchor="pano35">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_eurosurf_a_h_35/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_eurosurf_a_h_35/thumbnail.jpg" alt="Camping Eurosurf à Hyères"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Eurosurf à Hyères</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping Campéole Eurosurf</font><div><a href="http://360.adeo-web.fr/campeole-eurosurf/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano31" data-anchor="pano31">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_holiday_gree_31/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_holiday_gree_31/thumbnail.jpg" alt="Camping Holiday Green à Fréjus"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Holiday Green à Fréjus</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Holiday Green à Fréjus</font></div><a href="http://360.adeo-web.fr/holidaygreen/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano98" data-anchor="pano98">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_port_pothuau_98/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_port_pothuau_98/thumbnail.jpg" alt="Camping Port Pothuau"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Port Pothuau</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Port Pothuau à Hyères</font></div><a href="http://360.adeo-web.fr/camping-port-pothuau/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano17" data-anchor="pano17">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_domaine_de_l_17/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_domaine_de_l_17/thumbnail.jpg" alt="Camping Domaine de la Bergerie à Roquebrune-sur-Argens"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Domaine de la Bergerie à Roquebrune-sur-Argens</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Domaine de la Bergerie à Roquebrune-sur-Argens</font></div><a href="http://360.adeo-web.fr/domainedelabergerie/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano33" data-anchor="pano33">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_les_pins_mar_33/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_les_pins_mar_33/thumbnail.jpg" alt="Camping Les Pins Maritimes à Hyères"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Les Pins Maritimes à Hyères</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Les Pins Maritimes à Hyères</font></div><a href="http://360.adeo-web.fr/camping-pins-maritimes/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano21" data-anchor="pano21">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_barque_a__21/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_barque_a__21/thumbnail.jpg" alt="Camping La Barque à Saint-Aygulf"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Barque à Saint-Aygulf</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping La Barque à Saint-Aygulf</font></div><a href="https://360.adeo-web.fr/camping-la-barque/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano29" data-anchor="pano29">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_u_farniente__29/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_u_farniente__29/thumbnail.jpg" alt="Camping U Farniente à Bonifacio"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping U Farniente à Bonifacio</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping U Farniente à Bonifacio</font></div><a href="http://360.adeo-web.fr/camping-pertamina-village/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano156" data-anchor="pano156">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_baume_156/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_baume_156/thumbnail.jpg" alt="Camping La Baume"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Baume</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping La Baume à Fréjus</font></div><a href="http://360.adeo-web.fr/camping-la-baume/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano25" data-anchor="pano25">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_croix_du__25/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_croix_du__25/thumbnail.jpg" alt="Camping La Croix du Sud à Ramatuelle"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Croix du Sud à Ramatuelle</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping La Croix du Sud à Ramatuelle</font><div><a href="http://360.adeo-web.fr/camping-la-croix-du-sud/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano19" data-anchor="pano19">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_domaine_du_p_19/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_domaine_du_p_19/thumbnail.jpg" alt="Camping Domaine du Petit Lac à Moustier-Sainte-Marie"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Domaine du Petit Lac à Moustier-Sainte-Marie</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping Domaine du Petit Lac à Moustier-Sainte-Marie<br></font><div><a href="http://360.adeo-web.fr/camping-domainedupetitlac/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano23" data-anchor="pano23">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_le_dramont_a_23/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_le_dramont_a_23/thumbnail.jpg" alt="Camping Le Dramont à Agay"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Le Dramont à Agay</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Le Dramont à Agay</font></div><a href="http://360.adeo-web.fr/camping-dramont/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano102" data-anchor="pano102">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_lei_suves_102/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_lei_suves_102/thumbnail.jpg" alt="Camping Leï Suves"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Leï Suves</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping Leï Suves</font><br><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-lei-suves/"><span id="goog_1631506518"></span>Voir la visite<span id="goog_1631506519"></span></a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano104" data-anchor="pano104">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_le_front_de__104/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_le_front_de__104/thumbnail.jpg" alt="Camping Le Front de Mer"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping Le Front de Mer</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Camping Le Front de Mer à Argelès sur Mer</font></div><a href="http://360.adeo-web.fr/camping-front-de-mer/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano162" data-anchor="pano162">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_vieille_f_162/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_vieille_f_162/thumbnail.jpg" alt="Camping La Vieille Ferme"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Vieille Ferme</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping la Vieille Ferme à Villeneuve-Loubet</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/lavieilleferme/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano172" data-anchor="pano172">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_le_clos_de_b_172/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_le_clos_de_b_172/thumbnail.jpg" alt="Camping le Clos de Barbey "></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping le Clos de Barbey </a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping le Clos de Barbey à Bauduen</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-clos-de-barbey/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano175" data-anchor="pano175">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_le_clair_de__175/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_le_clair_de__175/thumbnail.jpg" alt="Camping le Clair de Lune"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping le Clair de Lune</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping le Clair de Lune à Giens</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-clair-de-lune/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano177" data-anchor="pano177">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_le_soleil_bl_177/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_le_soleil_bl_177/thumbnail.jpg" alt="Camping le Soleil Bleu"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping le Soleil Bleu</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping le Soleil Bleu au Barcarès</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-soleil-bleu/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano194" data-anchor="pano194">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_coste_rou_194/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_coste_rou_194/thumbnail.jpg" alt="Camping La Coste Rouge"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Coste Rouge</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping La Coste Rouge à Argelès-sur-Mer. Entre mer et montagne.</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-coste-rouge/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano196" data-anchor="pano196">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Les campings"
data-target="panogroup99">
Les campings
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_pinede_196/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_pinede_196/thumbnail.jpg" alt="Camping La Pinède"></a>
</p>
<h2><a href="#" class="view-pano link-title">Camping La Pinède</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Camping La Pinède à Grimaud</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/camping-la-pinede/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/camping_internationa_9/thumbnail.jpg" alt="Les campings" class="group-thumbnail"></p>
<h2 class="group-title">Les campings</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos réalisations sur des campings</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
</div>
<div class="section" data-id="panogroup12">
<div class="slide" data-id="pano11" data-anchor="pano11">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
Hôtel, chambres d'hôtes et résidences de vacances
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/le_surplage_a_hyeres_11/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Résidence le surplage à Hyères"></a>
</p>
<h2><a href="#" class="view-pano link-title">Résidence le surplage à Hyères</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Le Surplage à Hyères</font></div><a href="https://360.adeo-web.fr/residence-le-surplage/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Hôtel, chambres d'hôtes et résidences de vacances" class="group-thumbnail"></p>
<h2 class="group-title">Hôtel, chambres d'hôtes et résidences de vacances</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° sur les résidences de vacances</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano100" data-anchor="pano100">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
Hôtel, chambres d'hôtes et résidences de vacances
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/camping_la_palmeraie_100/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/camping_la_palmeraie_100/thumbnail.jpg" alt="Résidence La Palmeraie"></a>
</p>
<h2><a href="#" class="view-pano link-title">Résidence La Palmeraie</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Résidence La Palmeraie à Fréjus</font></div><a href="http://360.adeo-web.fr/camping-la-palmeraie/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Hôtel, chambres d'hôtes et résidences de vacances" class="group-thumbnail"></p>
<h2 class="group-title">Hôtel, chambres d'hôtes et résidences de vacances</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° sur les résidences de vacances</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano41" data-anchor="pano41">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
Hôtel, chambres d'hôtes et résidences de vacances
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/renouveau_vacances_a_41/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/renouveau_vacances_a_41/thumbnail.jpg" alt="Renouveau Vacances à Roquebrune-sur-Argens"></a>
</p>
<h2><a href="#" class="view-pano link-title">Renouveau Vacances à Roquebrune-sur-Argens</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Renouveau Vacances à Roquebrune-sur-Argens</font></div><a href="http://360.adeo-web.fr/Var/renouveau-vacances/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Hôtel, chambres d'hôtes et résidences de vacances" class="group-thumbnail"></p>
<h2 class="group-title">Hôtel, chambres d'hôtes et résidences de vacances</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° sur les résidences de vacances</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano168" data-anchor="pano168">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
Hôtel, chambres d'hôtes et résidences de vacances
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/grand_hotel_moriaz_168/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/grand_hotel_moriaz_168/thumbnail.jpg" alt="Grand Hôtel Moriaz"></a>
</p>
<h2><a href="#" class="view-pano link-title">Grand Hôtel Moriaz</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Le Grand Hôtel Moriaz sur la plage de Cavalière</font></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Hôtel, chambres d'hôtes et résidences de vacances" class="group-thumbnail"></p>
<h2 class="group-title">Hôtel, chambres d'hôtes et résidences de vacances</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° sur les résidences de vacances</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano27" data-anchor="pano27">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Hôtel, chambres d'hôtes et résidences de vacances"
data-target="panogroup12">
Hôtel, chambres d'hôtes et résidences de vacances
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/une_campagne_en_prov_27/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/une_campagne_en_prov_27/thumbnail.jpg" alt="Chambres d'hôtes : Une campagne en Provence"></a>
</p>
<h2><a href="#" class="view-pano link-title">Chambres d'hôtes : Une campagne en Provence</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Une campagne en Provence à Bras dans le Var</font></div><a href="http://360.adeo-web.fr/une-campagne-en-provence/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_surplage_a_hyeres_11/thumbnail.jpg" alt="Hôtel, chambres d'hôtes et résidences de vacances" class="group-thumbnail"></p>
<h2 class="group-title">Hôtel, chambres d'hôtes et résidences de vacances</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° sur les résidences de vacances</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
</div>
<div class="section" data-id="panogroup14">
<div class="slide" data-id="pano164" data-anchor="pano164">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/le_col_du_canadel_164/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Le Col du Canadel"></a>
</p>
<h2><a href="#" class="view-pano link-title">Le Col du Canadel</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Le Col du Canadel</font></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano170" data-anchor="pano170">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/la_presqu_ile_de_gie_170/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/la_presqu_ile_de_gie_170/thumbnail.jpg" alt="La Presqu'île de Giens"></a>
</p>
<h2><a href="#" class="view-pano link-title">La Presqu'île de Giens</a></h2>
<div class="pano-description html-encode none">La Presqu'île de Giens</div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano185" data-anchor="pano185">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/proche_de_moustier_s_185/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/proche_de_moustier_s_185/thumbnail.jpg" alt="Proche de Moustier-Sainte-Marie"></a>
</p>
<h2><a href="#" class="view-pano link-title">Proche de Moustier-Sainte-Marie</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Proche de Moustier-Sainte-Marie dans les Alpes de Haute-Provence</font></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano190" data-anchor="pano190">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/plateau_de_valensol_190/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/plateau_de_valensol_190/thumbnail.jpg" alt="Plateau de Valensole"></a>
</p>
<h2><a href="#" class="view-pano link-title">Plateau de Valensole</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Plateau de Valensol et les lavandes</font></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano192" data-anchor="pano192">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/plateau_de_valensol_192/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/plateau_de_valensol_192/thumbnail.jpg" alt="Plateau de Valensole"></a>
</p>
<h2><a href="#" class="view-pano link-title">Plateau de Valensole</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Plateau de Valensol surplombant le lac de Sainte-Croix</font></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano13" data-anchor="pano13">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about Tourisme et paysage"
data-target="panogroup14">
Tourisme et paysage
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/capitainerie_du_port_13/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/capitainerie_du_port_13/thumbnail.jpg" alt="Capitainerie du port du Lavandou"></a>
</p>
<h2><a href="#" class="view-pano link-title">Capitainerie du port du Lavandou</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Le port du Lavandou</font></div><a href="http://360.adeo-web.fr/port-du-lavandou/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/le_col_du_canadel_164/thumbnail.jpg" alt="Tourisme et paysage" class="group-thumbnail"></p>
<h2 class="group-title">Tourisme et paysage</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour mettre en valeur un espace géographique.</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
</div>
<div class="section" data-id="panogroup38">
<div class="slide" data-id="pano37" data-anchor="pano37">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about événements et industries"
data-target="panogroup38">
événements et industries
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/festival_de_street_p_37/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/festival_de_street_p_37/thumbnail.jpg" alt="Festival de Street Painting 2013 à Toulon"></a>
</p>
<h2><a href="#" class="view-pano link-title">Festival de Street Painting 2013 à Toulon</a></h2>
<div class="pano-description html-encode none"><font face="arial, sans-serif">Festival de Street Painting 2013 à Toulon</font><div><font face="arial, sans-serif"><a href="https://360.adeo-web.fr/streetpainting2012/" target="_blank">Voir la visite</a></font></div></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/festival_de_street_p_37/thumbnail.jpg" alt="événements et industries" class="group-thumbnail"></p>
<h2 class="group-title">événements et industries</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour l'indutrie ou l'événementiel</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
<div class="slide" data-id="pano39" data-anchor="pano39">
<a href="#" class="previous-section" title="Previous group"></a>
<div class="tab main opened">
<p class="group-title">
<span class="icon icon-info toggle-group-info"
title="More info about événements et industries"
data-target="panogroup38">
événements et industries
</span>
</p>
<p class="pano-thumbnail" style="background-image:url(indexdata/depot_de_bus_de_breg_39/thumbnail.jpg)">
<a href="#" class="view-pano"><img src="indexdata/depot_de_bus_de_breg_39/thumbnail.jpg" alt="Dépôt de bus de Brégaillon à La Seyne-sur-Mer"></a>
</p>
<h2><a href="#" class="view-pano link-title">Dépôt de bus de Brégaillon à La Seyne-sur-Mer</a></h2>
<div class="pano-description html-encode none"><div><font face="arial, sans-serif">Dépôt de bus de Brégaillon à La Seyne-sur-Mer</font></div><a href="http://360.adeo-web.fr/reseau-mistral/" target="_blank"><font face="arial, sans-serif">Voir la visite</font></a></div>
<p class="pano-description-short none"></p>
<a href="#" class="toggle-scene-info" title="Full description"><span class="icon icon-more"></span></a>
</div>
<div class="tab about none">
<p><img src="indexdata/festival_de_street_p_37/thumbnail.jpg" alt="événements et industries" class="group-thumbnail"></p>
<h2 class="group-title">événements et industries</h2>
<div class="group-description html-encode"><font face="arial, sans-serif">Nos 360° aériens pour l'indutrie ou l'événementiel</font></div>
</div>
<a href="#" class="next-section" title="Next group"></a>
</div>
</div>
</div>
<div class="modal group">
<p class="commands"><a href="#" class="close"></a></p>
<div class="text">
<div class="image"></div>
<h2 class="group-title"></h2>
<div class="group-description html-encode"></div>
<p class="author">© Prise de vue aérienne à 360° - Votre établissement vu du ciel by <a href="https://www.adeo-web.fr" title="Author website" class="link-author">ADEO-WEB</a></p>
</div>
</div>
</div><!-- ./#tourDIV -->
<!-- Full Page JS - Slimscroll is used when content exceeds the height of its section -->
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/jquery.fullpage.min.js"></script>
<script src="js/jquery.fullscreen.min.js"></script>
<script type="text/javascript">
/*
* FUNCTIONS
*/
var startWithAutorotation = '';
var startWithAutotour = 'yes';
var panotourPlayer = null;
function getTourPlayer() {
if ( panotourPlayer == null ) {
panotourPlayer = document.getElementById('krpanoSWFObject');
}return panotourPlayer;
}
//External commands and dynamic elements
function updatePanorama(panoid) {
var groupid = getTourPlayer().get("scene["+panoid+"].group");
var titleid = getTourPlayer().get("scene["+panoid+"].titleid");
var currentSceneThumbnail = jQuery('.slide[data-id='+panoid+'] .pano-thumbnail img').attr('src');
var descriptionid = getTourPlayer().get("scene["+panoid+"].descriptionid");
//If currently viewing scene
if(jQuery('#scene').hasClass('layered-visible')){
//Scene title into the header
jQuery('header').attr('title',ktools.I18N.getInstance().getMessage(titleid));
jQuery('header h1').text(ktools.I18N.getInstance().getMessage(titleid));
//Scene thumbnail
jQuery('header .thumbnail').attr('src', currentSceneThumbnail);
history.pushState('', document.title, window.location.pathname);
//If currently viewing layer fullpage
}else{
insertProjectInfo();
//To show helper only on the first section
if(jQuery('.section.first-section').hasClass('active')){
jQuery('#helper').removeClass('none');
}else{
jQuery('#helper').addClass('none');
}
}
//Always place current group id and pano id into a custom attribute of body tag
jQuery('body').attr('data-groupid',groupid).attr('data-panoid',panoid);
//Update navigation bubbles
jQuery('nav li, nav ul, nav a').removeClass('active');
jQuery('nav a.pano-single[data-target='+panoid+']').addClass('active');
jQuery('nav a.pano-single[data-target='+panoid+']').parent().addClass('active');
jQuery('nav a.pano-in-a-group[data-target='+panoid+']').addClass('active');
jQuery('nav a.pano-in-a-group[data-target='+panoid+']').parent().parent().parent().addClass('active');
autoScrollToActiveThumb(jQuery('nav>ul>li.active').eq(0).index()+1);
//If description is not empty
if (descriptionid != "") {
//If currently viewing scene
if(jQuery('#scene').hasClass('layered-visible')){
var htmlDescription = htmlEncode(ktools.I18N.getInstance().getMessage(descriptionid));
//Strip HTML description and place it on description
htmlDescription = htmlDescription.replace(/<(?:.|\n)*?>/gm, '');
jQuery('header .project-description').html(htmlDescription);
//Remove tweak if no description
jQuery('header h1').removeClass('padded');
}
//console.log('description scene: '+ktools.I18N.getInstance().getMessage(descriptionid));
//If no description
}else{
//If currently viewing layer fullpage
if(jQuery('#scene').hasClass('layered-visible')){
//Remove all text from description
jQuery('header .project-description').text('');
//Tweak for no description padding gap
jQuery('header h1').addClass('padded');
}
}
if (groupid != null) {
var titleid = getTourPlayer().get("panoramagroup["+groupid+"].titleid");
if(jQuery('#scene').hasClass('layered-visible')){
history.pushState('', document.title, '#'+groupid+'/'+panoid);
}
if (titleid != "") {
//HTML tags with class (group-title) will display the group title
var finalTitle = ktools.I18N.getInstance().getMessage(titleid);
//console.log('group title: '+finalTitle);
//If no group,
var mainscene = getTourPlayer().get("panoramagroup["+groupid+"].mainscene");
var descriptionid = getTourPlayer().get("panoramagroup["+groupid+"].descriptionid");
if (descriptionid != "")
{
//If group description
//console.log('description du group: '+ktools.I18N.getInstance().getMessage(descriptionid));
}else{
//If no group description,
//console.log('no group description');
}
}
}else{
//If no group,
//console.log('no group ');
if(jQuery('#scene').hasClass('layered-visible')){
history.pushState('', document.title, '#'+panoid);
}
}
}
//Toggle autorotation on/off
//@cmd (string) 'off'-> stop autorotation 'on'-> resume autorotation
var autorotation = function(cmd){
if(cmd=='off'){
getTourPlayer().call('stopautorotation()');
jQuery('.autorotation').removeClass('on');
}else if(cmd=='on'){
getTourPlayer().call('startautorotation()');
jQuery('.autorotation').addClass('on');
}else{
if(startWithAutorotation || startWithAutotour == 'yes'){
jQuery('.autorotation').removeClass('none').addClass('on');
};
}
}
//Strip all HTML tags
//@html (string) html/text to convert to txt
var strip = function(html){
var tmp = document.createElement("DIV");
tmp.innerHTML = html;
return tmp.textContent || tmp.innerText || "";
}
//Replace unwanted characters from a string
//@string
var safeString = function(string){
var str;
str = string.replace(/ /g, '_');
str = str.replace(/é/g, 'e');
str = str.replace(/è/g, 'e');
str = str.replace(/ê/g, 'e');
str = str.replace(/ë/g, 'e');
str = str.replace(/à/g, 'a');
str = str.replace(/î/g, 'i');
str = str.replace(/ï/g, 'i');
str = str.replace(/ô/g, 'o');
str = str.replace(/[&\/\\#+(),$~%.'":*!?<>{}]/g,'_').toLowerCase();
return str;
}
//Build the sections array
var rawGroups;
rawGroups = "panogroup99__||__panogroup12__||__panogroup14__||__panogroup38__||__";
rawGroups = rawGroups.substring(0, rawGroups.length - 6);
rawGroups = safeString(rawGroups);
var theFinalSections = rawGroups.split("__||__");
//Replace escaped characters to parse HTML
var htmlEncode = function(value){
return String(value)
.replace(/&/g, '&')
.replace(/"/g, '"')
.replace(/'/g, "'")
.replace(/</g, '<')
.replace(/ /g, ' ')
.replace(/>/g, '>');
}
//Display the sphere
var displayPano = function(){
jQuery('#fullpage').removeClass('on');
jQuery('#commands').addClass('on');
// jQuery('header').removeClass('none');
$.fn.fullpage.setAllowScrolling(false);
//Make the scene visible
jQuery('#scene').addClass('layered-visible');
//Disable click on header
jQuery('header').removeClass('active');
//Retrieve data from current scene
var currentID = jQuery('body').attr('data-panoid');
var currentTitle = jQuery('.slide[data-id='+currentID+'] .link-title').text();
var currentDescription = jQuery('.slide[data-id='+currentID+'] .pano-description').text();
//Strip HTML from description
currentDescription = currentDescription.replace(/<(?:.|\n)*?>/gm, '');
var currentThumbnailPath = jQuery('.slide[data-id='+currentID+'] .pano-thumbnail img').attr('src');
//Update header info
jQuery('header').attr('title',currentTitle);
jQuery('header h1').text(currentTitle);
//If description longer than 5 characters
if(currentDescription.length>5){
jQuery('header h1').removeClass('padded');
jQuery('header .project-description').text(currentDescription);
//If description shorter than 5 characters
}else{
jQuery('header h1').addClass('padded');
jQuery('header .project-description').text('');
}
//Update thumbnail
jQuery('header .thumbnail').attr('src', currentThumbnailPath);
}
//Display the layer
var displayLayer = function(){
//Retrieve data of the current scene
var theGroupID = jQuery('body').attr('data-groupid');
var thePanoID = jQuery('body').attr('data-panoid');
//This is a single pano
if(theGroupID===undefined){
$.fn.fullpage.silentMoveTo(thePanoID);
//This is a pano in a group
}else{
var theIndex = jQuery('.slide[data-id='+thePanoID+']').index();
$.fn.fullpage.silentMoveTo(theGroupID,theIndex);
}
jQuery('#scene').removeClass('layered-visible');
jQuery('#fullpage').addClass('on');
$.fn.fullpage.setAllowScrolling(true);
insertProjectInfo();
jQuery('header').addClass('active');
jQuery('#commands').removeClass('on');
//Stop autotour to avoid krpano changing automatically scenes independently from the full page layer
if(startWithAutotour=='yes'){
autorotation('off');
}
}
//Insert project info into the header
var insertProjectInfo = function(){
//Scene title
jQuery('header').attr('title','Prise de vue aérienne à 360° - Votre établissement vu du ciel');
jQuery('header h1').text('Prise de vue aérienne à 360° - Votre établissement vu du ciel');
var projectDescription = '<font face="arial, sans-serif">Toutes nos prises de vue aériennes à 360°</font>';
if(projectDescription.length>5){
var htmlDescription = htmlEncode('<font face="arial, sans-serif">Toutes nos prises de vue aériennes à 360°</font>');
htmlDescription = htmlDescription.replace(/<(?:.|\n)*?>/gm, '');
jQuery('header .project-description').text(htmlDescription);
jQuery('header h1').removeClass('padded');
}else{
jQuery('header .project-description').text('');
jQuery('header h1').addClass('padded');
}
jQuery('header .thumbnail').attr('src', 'indexdata/thumbnail.jpg');
}
//Insert group title, description and thumbnail into the modal
//@id is the group ID. If undefined, project title, description and thumbnail are used
var populateModal = function(id){
var groupTitle,groupDescription,groupImgSrc,authorName,tempImg;
if(id !== undefined){
//If it is a scene ID
if(jQuery('.slide[data-id='+id+']').length>0){
groupTitle = jQuery('.slide[data-id='+id+'] h2 .link-title').text();
groupDescription = jQuery('.slide[data-id='+id+'] .pano-description').eq(0).html();
groupDescription = htmlEncode(groupDescription);
tempImg = jQuery('.slide[data-id='+id+'] .pano-thumbnail img').eq(0);
groupImgSrc = tempImg.attr('src');
//else it is a group id
}else{
groupTitle = jQuery('.section[data-id='+id+'] .slide.active h2.group-title').text();
groupDescription = jQuery('.section[data-id='+id+'] .slide.active .group-description').html();
groupDescription = htmlEncode(groupDescription);
tempImg = jQuery('.section[data-id='+id+'] .slide.active .group-thumbnail').eq(0);
groupImgSrc = tempImg.attr('src');
}
//If undefined id, insert project info
}else{
groupTitle = 'Prise de vue aérienne à 360° - Votre établissement vu du ciel';
groupDescription = '<font face="arial, sans-serif">Toutes nos prises de vue aériennes à 360°</font>';
groupImgSrc = 'indexdata/thumbnail.jpg';
}
groupDescription = htmlEncode(groupDescription);
jQuery('.modal.group .image').css({backgroundImage:'url('+groupImgSrc+')'});
jQuery('.modal.group .group-title').text(groupTitle);
jQuery('.modal.group .group-description').html(groupDescription);
jQuery('.modal.group .group-description font').each(function(){
if(jQuery(this).attr('size')=='6'){
jQuery(this).replaceWith('<h1>'+jQuery(this).text()+'</h1>');
}
if(jQuery(this).attr('size')=='4'){
jQuery(this).replaceWith('<h2>'+jQuery(this).text()+'</h2>');
}
if(jQuery(this).attr('size')=='1'){
jQuery(this).replaceWith('<small>'+jQuery(this).text()+'</small>');
}
});
}
//Check all group descriptionand author informations. If empty, hide the "show group info" and author link
var checkGroupDescription = function(){
jQuery('.slide').each(function(){
var id = jQuery(this).closest('.section').attr('data-id');
var content = jQuery(this).find('.group-description').text();
var groupTitle = jQuery(this).find('.group-title').eq(0);
var sceneDescription = jQuery(this).find('.pano-description').eq(0).text();
//strip html tags
var sceneDescriptionStriped = strip(sceneDescription);
jQuery(this).find('.pano-description-short').text(sceneDescriptionStriped);
//Automatically toggle text description/html description according to description length
if(sceneDescriptionStriped.length>34){
jQuery(this).find('.toggle-scene-info, .pano-description-short').removeClass('none');
jQuery(this).find('.pano-description').addClass('none');
}else{
jQuery(this).find('.toggle-scene-info, .pano-description-short').addClass('none');
jQuery(this).find('.pano-description').removeClass('none');
}
if(content==''){
var groupTitleText = groupTitle.text();
groupTitle.text(groupTitleText);
jQuery('nav ul[data-id='+id+'] .toggle-group-info').parent().hide();
}
});
var author = jQuery('.modal .link-author').text();
if(author==''){
jQuery('.modal .author').addClass('none');
}
}
//Open/close modal
//@action can be 'open' or 'close'
var modal = function(action){
if(action == 'open'){
jQuery('.modal').addClass('layered-visible');
$.fn.fullpage.setAllowScrolling(false);
setTimeout(function(){
jQuery('.modal').addClass('opened');
}, 10);
}else if(action == 'close'){
jQuery('.modal').removeClass('opened');
$.fn.fullpage.setAllowScrolling(true);
setTimeout(function(){
jQuery('.modal').removeClass('layered-visible');
}, 500);
}else{
return;
}
}
//Automatically place the active/current scene/group at the middle of the screen
//@index (integer) is the index of the first childs <li> of the nav>ul
var autoScrollToActiveThumb = function(index){
if(index=='undefined'){
index = jQuery('nav>ul>li.active').index();
}
var windowHeight = jQuery(window).height();
var halfWindowHeight = windowHeight/2;
var itemHeight = jQuery('nav ul li:first-child').outerHeight();
var activeItemPosition = itemHeight*index;
var offset = activeItemPosition-halfWindowHeight+itemHeight/2;
if(activeItemPosition>halfWindowHeight){
jQuery('nav').slimscroll({scrollTo:offset+'px'});
}
}
/*
* EXECUTE ONCE DOM READY
*/
jQuery(document).ready(function() {
//Place a css class on the very first section (useful for helper)
jQuery('.section').eq(0).addClass('first-section');
//Full Page
jQuery('#fullpage').fullpage({
fixedElements: '#scene,header,#nav-overlay',
//normalScrollElements: 'nav',
scrollBar: false,
scrollOverflow: true,
autoScrolling: true,
anchors: theFinalSections,
//anchors: ['section1', 'section2', 'section3'],
afterRender: function(){
//Remove loader when fullpage has finished loading
jQuery('#loader').removeClass('opened');
setTimeout(function(){
jQuery('#loader').removeClass('layered-visible');
}, 1050);
if(startWithAutotour=='yes'){
displayPano();
autorotation('on')
}else{
autorotation();
}
},
afterLoad: function(anchorLink, index){
// console.log('after load');
},
onSlideLeave: function(anchorLink, index, slideIndex, direction, nextSlideIndex){
jQuery('.fp-prev, .fp-next, .previous-section, .next-section').addClass('closed');
setTimeout(function(){
//Get data from the current scene
var currentID = jQuery('.section.active .slide.active').attr('data-id');
getTourPlayer().call('mainloadscene('+currentID+')');
}, 550);
},
afterSlideLoad: function(anchorLink, index, slideAnchor, slideIndex){
jQuery('.fp-prev, .fp-next, .previous-section, .next-section').removeClass('closed');
},
onLeave: function(index, nextIndex, direction){
jQuery('#helper').addClass('none');
setTimeout(function(){
//Get data from the current scene
var currentID = jQuery('.section.active .slide.active').attr('data-id');
getTourPlayer().call('mainloadscene('+currentID+')');
}, 550);
}
});
checkGroupDescription();
//When navigation bubbles exceeds viewport height
jQuery('nav').slimscroll({});
jQuery('.modal .group-description').slimscroll({
color: '#aaa',
alwaysVisible: true
});
//Replace escaped characters and parse HTML
jQuery('.html-encode').each(function(){
var RAW_HTML = jQuery(this).html();
var final = htmlEncode(RAW_HTML);
jQuery(this).html(final);
});
//Navigation bubbles: For a scene in a group
jQuery('nav a.pano-in-a-group').on('click', function(e){
e.preventDefault();
var theIndex = jQuery(this).parent().index();
var navIndex = jQuery(this).parent().parent().parent().index();
var theParent = jQuery(this).closest('ul');
var theGroupID = theParent.attr('data-id');
var theAnchor = jQuery(this).attr('data-target');
//If currently viewing the scene
if(jQuery('#scene').hasClass('layered-visible')){
getTourPlayer().call('mainloadscene('+theAnchor+')');
//If currently viewing the layer fullpage
}else{
$.fn.fullpage.silentMoveTo(theGroupID, theIndex);
}
});
//Navigation bubbles: For a single scene (not in a group)
jQuery('nav a.pano-single').on('click', function(e){
e.preventDefault();
var theIndex = jQuery(this).parent().index();
var theAnchor = jQuery(this).attr('data-target');
//If currently viewing the scene
if(jQuery('#scene').hasClass('layered-visible')){
getTourPlayer().call('mainloadscene('+theAnchor+')');
//If currently viewing the layer fullpage
}else{
$.fn.fullpage.silentMoveTo(theAnchor, theIndex);
}
});
//Display modal group info
jQuery('.toggle-group-info').on('click', function(e){
e.preventDefault();
var theTargetID = jQuery(this).attr('data-target');
// var theTargetID = jQuery('.section.active').attr('data-id');
populateModal(theTargetID);
if(jQuery('.modal .group-title').text()!==''){
modal('open');
}else {
return false;
}
});
//Display scene info
jQuery('.toggle-scene-info').on('click', function(e){
e.preventDefault();
// var theTargetID = jQuery(this).attr('data-target');
var theTargetID = jQuery(this).closest('.slide').attr('data-id');
populateModal(theTargetID);
modal('open');
});
//View pano
jQuery('.view-pano').on('click', function(e){
e.preventDefault();
displayPano();
});
//View layer
jQuery('#commands a.view-layer').on('click', function(e){
e.preventDefault();
displayLayer();
});
//next scene
jQuery('#commands a.next').on('click', function(e){
e.preventDefault();
getTourPlayer().call('loadNextScene()');
});
//previous scene
jQuery('#commands a.previous').on('click', function(e){
e.preventDefault();
getTourPlayer().call('loadPreviousScene()');
});
//Go to previous section
jQuery('.previous-section').on('click', function(e){
e.preventDefault();
$.fn.fullpage.moveSectionUp();
});
//Go to next section
jQuery('.next-section').on('click', function(e){
e.preventDefault();
$.fn.fullpage.moveSectionDown();
});
//Click to display project properties only when on displayLayer mode
jQuery('header').on('click', function(){
//If currently viewing scene
if(jQuery('#scene').hasClass('layered-visible')){
displayLayer();
//If currently viewing the layer fullpage
}else{
populateModal();
modal('open');
}
});
//Remove the next section button on the last section
jQuery('.section').eq(jQuery('.section').length - 1).find('a.next-section').hide();
//Remove the previous section button on the first section
jQuery('.section').eq(0).find('a.previous-section').hide();
//Add tooltips on previous and next arrows
jQuery('.fp-controlArrow.fp-next').attr('title', 'Next scene');
jQuery('.fp-controlArrow.fp-prev').attr('title', 'Previous scene');
//Display project info modal
// jQuery('header').on('click', function(){
// populateModal();
// modal('open');
// });
//Close modal command
jQuery('.modal .commands .close').on('click', function(e){
e.preventDefault();
modal('close');
});
//Toggle autorotation
jQuery('a.autorotation').on('click', function(e){
e.preventDefault();
if(jQuery(this).hasClass('on')){
autorotation('off');
//getTourPlayer().call('stopautorotation()');
//jQuery(this).removeClass('on');
}else{
if(startWithAutotour=='yes'){
autorotation('on');
displayPano();
}else{
autorotation('on');
}
//getTourPlayer().call('startautorotation()');
//jQuery(this).addClass('on');
}
});
//Enter/exit fullscreen
jQuery('a.fullscreen').on('click', function(e){
e.preventDefault();
if(jQuery(this).hasClass('enter')){
// requestFullScreen();
jQuery('body').fullscreen();
jQuery(this).removeClass('enter').addClass('exit');
}else{
// requestFullScreen('exit');
$.fullscreen.exit();
jQuery(this).removeClass('exit').addClass('enter');
}
});
});
jQuery(window).load(function(){
});
</script>
</body>
<!-- Bubbles Template 2015/12 -->
</html>