Outiref

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

<!doctype html>
<html xmlns:sf lang="fr" dir="ltr">
<head prefix="og: http://ogp.me/ns#" >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<style id="_acj_">body{visibility:hidden!important;}</style>
<script>if(self===top||(function(){try{return typeof(window.parent.applyColorScheme)!='undefined'||document.location.host.indexOf('samplestores.shopfactory')!=-1;}catch(e){return false;}})()){var _acj_=document.getElementById('_acj_');_acj_.parentNode.removeChild(_acj_);}else{top.location=self.location;}</script>
<style id="_cls_">#ProductLoop{opacity:0;}</style>
<script>
window.addEventListener('load',function(){setTimeout(function(){var _cls_=document.getElementById('_cls_');if(_cls_)_cls_.parentNode.removeChild(_cls_);},100);},false);
setTimeout(function(){var _cls_=document.getElementById('_cls_');if(_cls_)_cls_.parentNode.removeChild(_cls_);},5000);
</script>
<title>DUCATI FRANCE  </title>
<meta name="description" content="DOC Bourgogne 71 | Club Officiel Ducati Saône-et-Loire, Sorties et Balades Moto Ducati en Bourgogne | DOC 71" />
<meta name="keywords" content="DUCATI OFFICIAL CLUB FRANCE, doc bourgogne,Trail Ducati Multistrada, Roadster Monster, Superbike Ducati Panigale, Moto néo-rétro Scrambler, Custom Diavel, DesertX tout-terrain, Pièces détachées Ducati origine, Entretien révision Desmo, Échappement Termignoni / Akrapovič Ducati, Manuel d&#39;atelier Ducati, Fiabilité moteur V4.Blouson cuir Ducati Corse, Casque moto Ducati Arai, Vêtements officiels Ducatisti, Actualité MotoGP Ducati.Avis Ducati Multistrada V4S occasion, Sorties et Balades Moto Ducati en Bourgogne | DOC 71" />
<meta http-equiv="expires" content="0" />
<meta name="generator" content="ShopFactory V14 www.shopfactory.com" />
<meta name="Author" content="DUCATI OFFICIAL CLUB BOURGOGNE 71" />
<link rel="canonical" href="http://www.docbourgogne71.fr/" />
<link rel="alternate" hreflang="fr" href="http://www.docbourgogne71.fr/" />
<link rel="alternate" hreflang="x-default" href="http://www.docbourgogne71.fr/" />
<script type="text/javascript">
/*<![CDATA[*/
function getARMID(key,getOnly){
if(getOnly){return (document.cookie.match('(?:^|;)\\s*'+key+'=([^;]*)') || ['',''])[1];}
var isNew=false,id=location.search.match('[\&\?]'+key+'=([^&]*)');
if(id){
id=id[1];
var cookid=(document.cookie.match('(?:^|;)\\s*'+key+'=([^;]*)') || ['',''])[1];
isNew=(id!=cookid);
}
if(isNew){
var date=new Date(2099,12,31);
document.cookie=key+'='+id+'; expires='+date.toGMTString()+'; path='+location.pathname.replace(new RegExp('(?:contents/)?(?:'+document.documentElement.lang+'/)?[^/]*$'),'')+';';
if(typeof(parm)=='undefined')parm={};parm[key]=id;
}
return {'id':id,'new':isNew};
}
var aid=getARMID('aid');
if(aid['id']&&aid['new']){idimg=new Image();idimg.src='//santu.com/webshop/aid_tracker.cgi?aid='+aid['id'];}
/*]]>*/
</script>
<style type="text/css">
@import "contents/styles/website.css?lmd=46165.790625";
@import "contents/styles/pa_sfx-home_1.css?lmd=46165.790625";
@import "contents/styles/index1.css?lmd=46165.790625";
@import "contents/styles/index2.css?lmd=46165.790625";
@import "contents/styles/global.css?lmd=46165.794259";
@import "contents/styles/global-responsive.css?lmd=46165.794259";
/*  */@import "shared_files/blocks/box.css?lmd=43028.607477";
@import "shared_files/blocks/content.css?lmd=44643.729954";
/*  *//* */
@import "shared_files/icomoon/style.css?lmd=44505.523218";
@import "shared_files/flickity.min.css?lmd=43129.529606";
</style>
<style type="text/css" id="sf-load-css"></style>
<!-- Require IcoMoon --><script>
var hasProducts=false;
var pgid='D-2';
//<!--BEGIN_C78E91C8-61BA-447e-B459-F6FE529C7724-->
var LMD='46165.784722';
//<!--END_C78E91C8-61BA-447e-B459-F6FE529C7724-->
</script>
<script type="text/javascript" charset="utf-8" src="contents/loader.js?lmd=46165.793750"></script>
<script id="__sfLoadJQuery" src="shared_files/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript" src="shared_files/jquery.sidr.min.js?lmd=43129.529606" defer></script>
<script type="text/javascript" charset="utf-8" src="contents/sf.js?lmd=46165.793750" defer></script>
<script type="text/javascript" src="shared_files/flickity.pkgd.min.js?lmd=43129.529606" defer></script>
<script type="text/javascript" src="shared_files/jquery.zoom.min.js?lmd=43129.529606" defer></script>
<script type="text/javascript" src="shared_files/echo.js?lmd=43152.474931" defer></script>
<script type="text/javascript">
var pgidx=tf.wm.jfile(location.href).replace(/\#.*$/,'');if(pgidx==='')pgidx=tf.enterFilename;
var _sfProductsInPage=[];
sfFilters.deptEnabled=pgid;
//
var isEntryPage=true;
</script>
<meta name="optinout" />
</head>
<body class="GC41 ThemeVersion-11">
<a name="top"></a>
<iframe name="extra" id="extra" src="contents/extra.html" width="5" height="5" frameborder="0" border="0" unselectable="on" style="position:absolute;z-index:0;overflow:hidden;left:50%;top:50%;display:none;width:5px;height:5px;" allowtransparency="true"></iframe>
<div class="GC39 header mobile">
<div class="GC26 utils group">
<menu>
<div class="menu_left_col">
<li id="util_menu" class="sf-button sf-corner">
<a id="sidemap-button" href="#Sidemap" title="Menu">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<path d="M491.318,235.318H20.682C9.26,235.318,0,244.577,0,256s9.26,20.682,20.682,20.682h470.636c11.423,0,20.682-9.259,20.682-20.682C512,244.578,502.741,235.318,491.318,235.318z"></path>
</g>
<g>
<path d="M491.318,78.439H20.682C9.26,78.439,0,87.699,0,99.121c0,11.422,9.26,20.682,20.682,20.682h470.636c11.423,0,20.682-9.26,20.682-20.682C512,87.699,502.741,78.439,491.318,78.439z"></path>
</g>
<g>
<path d="M491.318,392.197H20.682C9.26,392.197,0,401.456,0,412.879s9.26,20.682,20.682,20.682h470.636c11.423,0,20.682-9.259,20.682-20.682S502.741,392.197,491.318,392.197z"></path>
</g>
</svg>
</a>
</li>
</div>
<div class="mob_logo_col">
<div class="CompanyImage"><span></span><a href="index.html" title="DOC-BOURGOGNE-71-LOGO-contour-noir">
<img width="210" height="60" src="contents/media/trans.gif" data-echo="contents/media/BANNIERE-DOC-BOURGOGNE-SITE.png" class="DataEchoLoaded" id="I" name="I" border="0" alt="DOC-BOURGOGNE-71-LOGO-contour-noir" title="DOC-BOURGOGNE-71-LOGO-contour-noir" hspace="0" vspace="0" align="" onmouseover="window.status='DOC-BOURGOGNE-71-LOGO-contour-noir';return true;" onmouseout="window.status='';return true" /></a></div>
</div>
<div id="util_group" class="right_icon_col">
<li sf:if=".ID!=D-6&ShopEnabled" id="mobile_cart" class="sf-button sf-corner">
<a href="#" title="Mon panier" onclick="location=tf.wm.url('basket.html','-',true);return false;"><i class="icon-cart"></i> <span class="GC91 MiniCartTotalItemsQuantity_Mobile" id="MiniCartTotalItemsQuantity_Mobile">0</span></a>
</li>
</div>
</menu>
</div>
<div class="search_coll">
</div>
</div>
<div sf:name="BannerMobile" class="GC49 BannerMobile mobile">
<style>
.BannerMobile .BannerImage {display:none;}
.BannerMobile .BannerBox:first-child .BannerImage {display:block;}
</style>
<div class="gallery-box">
<div class="BannerBox">
<a target="" href="contents/fr/privacy.html" class="" id="">
<div id="BannerMobileImage-D-2LD22" class="BannerImage slide-item mob_main_banner" border="0" title="" data-echo-background="contents/media/b_BANNIERE-DOC-BOURGOGNE-SITE.png"></div>
</a>
<div class="BannerInfo">
<div class="BannerFilter" data-echo-background="contents/media/sf-darken.png">
<div sf:name="BannerIntroduction"  class="GC70 BannerIntroduction">Ducati Official Club en France</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/about.html" class="" id="">
<div id="BannerMobileImage-D-2LD23" class="BannerImage slide-item mob_main_banner" border="0" title="" data-echo-background="contents/media/b_banniere-1-ESSAI.png"></div>
</a>
<div class="BannerInfo">
<div class="BannerFilter" data-echo-background="contents/media/sf-darken.png">
<div sf:name="BannerIntroduction"  class="GC70 BannerIntroduction">La passion DUCATI, la convivialité de notre région.</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/d2011.html" class="" id="">
<div id="BannerMobileImage-D-2LD15" class="BannerImage slide-item mob_main_banner" border="0" title="" data-echo-background="contents/media/b_BANNIERE-DOC-BOURGOGNE-DUCATI-NEWS.png"></div>
</a>
<div class="BannerInfo">
<div class="BannerFilter" data-echo-background="contents/media/sf-darken.png">
<div sf:name="BannerIntroduction"  class="GC70 BannerIntroduction">Toute l&#39;actualité DUCATI</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/about.html" class="" id="">
<div id="BannerMobileImage-D-2LD6" class="BannerImage slide-item mob_main_banner" border="0" title="" data-echo-background="contents/media/b_BANNIERE-DOC-BOURGOGNE-SITE.png"></div>
</a>
<div class="BannerInfo">
<div class="BannerFilter" data-echo-background="contents/media/sf-darken.png">
<div sf:name="BannerIntroduction"  class="GC70 BannerIntroduction">Un groupe de passionnés de la marque DUCATI basé en Saône-et-Loire</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/privacy.html" class="" id="">
<div id="BannerMobileImage-D-2LD7" class="BannerImage slide-item mob_main_banner" border="0" title="" data-echo-background="contents/media/b_BANNIERE-DOC-BOURGOGNE-ENGLISH.png"></div>
</a>
<div class="BannerInfo">
<div class="BannerFilter" data-echo-background="contents/media/sf-darken.png">
<div sf:name="BannerIntroduction"  class="GC70 BannerIntroduction">Pourquoi nous rejoindre ?</div>
</div>
</div>
</div>
</div>
<div class="gallery-buttons"></div>
<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function(){
if (jQuery('.BannerMobile .BannerImage').length > 1) {
var $banmob = jQuery('.BannerMobile .gallery-box').flickity({
cellAlign:'left',
wrapAround: true,
autoPlay: 5000,
draggable: true,
freeScroll: false,
setGallerySize: true,
prevNextButtons: false,
pageDots: false
});
$banmob.flickity('resize');
jQuery('.BannerMobile .BannerImage').each(function(i, item){
var clsname = i == 0 ? "button selected" : "button";
jQuery('.BannerMobile .gallery-buttons').append('<span class="'+clsname+'">&nbsp;</span>');
})
.css('display', 'block');
var banmobFlkty = $banmob.data('flickity');
var $banmobBtnGrp = jQuery('.BannerMobile .gallery-buttons');
var $banmobBtns = $banmobBtnGrp.find('.button');
$banmob.on('cellSelect', function() {
$banmobBtns.filter('.selected').removeClass('selected');
$banmobBtns.eq(banmobFlkty.selectedIndex ).addClass('selected');
});
$banmobBtnGrp.on('click', '.button', function() {
var index = jQuery(this).index();
$banmob.flickity( 'select', index );
});
}
});
/*]]>*/
</script>
</div>
<script type="text/javascript">
$(document).ready(function(){
if (!tf.isInSF() && !tf.isInDesigner()) $('.gallery-box a').removeAttr('onclick');
if (tf.isInSF()) {
window.Flickity.prototype._dragPointerDown= function( event, pointer ) {
this.pointerDownPoint = Unipointer.getPointerPoint( pointer );
}
}
//topbar
var $galleryTopbar = null, galleryTopbarRowItems = 0;
function SetGalleryTopbar() {
if ($galleryTopbar) $galleryTopbar.flickity('destroy');
$galleryTopbar = null;
$galleryTopbar = $('.TopBar:visible .gallery-box').flickity({
cellAlign: 'left',
freeScroll: true,
contain: true,
setGallerySize: false,
prevNextButtons: false,
pageDots: false,
imagesLoaded: true
});
$galleryTopbar.flickity('resize');
$('img', $galleryTopbar).css('opacity','');
}
// Link Image Group 1
var galleryRowItems = $('.Banner .BannerImage').length;
if (galleryRowItems >= 1) {
var $gallery = $('.Banner .gallery-box').flickity({
wrapAround: true,
autoPlay: (tf.isInSF() || galleryRowItems == 1 ? false : 5000),
draggable: galleryRowItems > 1,
freeScroll: false,
setGallerySize: false,
prevNextButtons: galleryRowItems > 1,
pageDots: false
});
function ResizeGallery() {
var wBanner = $('.Banner').width(), wAvailable = parseInt('1170') || wBanner, hAvailable = (parseInt($('.Banner .gallery-box').css('max-height','').css('max-height')) || parseInt('350'));
var rAvailable = hAvailable / wAvailable;
var wMaxNatural = 0, hMaxNatural = 0;
$('.Banner a.BannerImage img, .Banner a.BannerImage .slide-item').each(function(){
$(this).width('');
var wNatural = parseFloat(this.naturalWidth || this.getAttribute('data-naturalwidth') || this.getAttribute('width') || $(this).width()), hNatural = parseFloat(this.naturalHeight || this.getAttribute('data-naturalheight') || this.getAttribute('height') || $(this).height());
if (wNatural >= wMaxNatural) {
if (hMaxNatural == 0 || hNatural <= hAvailable) {
wMaxNatural = wNatural;
hMaxNatural = hNatural;
}
}
});
if (wMaxNatural > 0 && hMaxNatural > 0) {
hMaxNatural = (hMaxNatural / wMaxNatural) * Math.min(wBanner, wMaxNatural);
wMaxNatural = wBanner;
}
var hMax = Math.min(hAvailable, hMaxNatural, wBanner * rAvailable);
$('.Banner .gallery-box').css({'height':'','max-height':'none'}).attr('style',($('.Banner .gallery-box').attr('style')||'')+'height:'+hMax+'px!important;');
$('.Banner .gallery-box .BannerImage').css('height','').attr('style',($('.Banner .gallery-box .BannerImage').attr('style')||'')+'height:'+hMax+'px!important;');
$('.Banner a.BannerImage img, .Banner a.BannerImage .slide-item').each(function(){
$(this).width($(this).width() > wBanner ? '100%' : $(this).width());
});
if ($gallery) $gallery.flickity('resize');
}
$('.Banner .BannerImage img').off('load imageLoaded.flickity').on('load imageLoaded.flickity', ResizeGallery);
$(window).on('load resize', ResizeGallery);
if (galleryRowItems > 1) {
$('.Banner .BannerImage').each(function(i, item){
var clsname = i == 0 ? "button selected" : "button";
$('.Banner .gallery-buttons').append('<span class="'+clsname+'">&nbsp;</span>');
});
// Flickity instance
var flkty = $gallery.data('flickity');
var $cellButtonGroup = $('.Banner .gallery-buttons');
var $cellButtons = $cellButtonGroup.find('.button');
// update selected cellButtons
$gallery.on( 'cellSelect', function() {
$cellButtons.filter('.selected').removeClass('selected');
$cellButtons.eq( flkty.selectedIndex ).addClass('selected');
});
// select cell on button click
$cellButtonGroup.on( 'click', '.button', function() {
var index = $(this).index();
$gallery.flickity( 'select', index );
});
}
}
function galleryGetRowItems(outerSelector, itemSelector) {
var w = 0, wOuter = $(outerSelector).width() - 1, items = 0;
$(outerSelector)
.find(itemSelector).each(function(){
w += $(this).outerWidth(true);
items++;
var margin = ($(this).outerWidth(true) - $(this).outerWidth());
if (w - margin + 1 >= wOuter) return false;
})
;
return items;
}
//top
var $gallery1 = null, gallery1RowItems = 3;
function SetGallery1() {
$gallery1 = $('.PageLinkBoxWrapper .gallery-box').flickity({
cellAlign: 'left',
wrapAround: true,
freeScroll: true,
setGallerySize: false,
prevNextButtons: false,
pageDots: false
});
$gallery1.flickity('resize');
$('.PageLinkBoxWrapper .gallery-action').removeClass('hide');
}
$('.PageLinkBoxWrapper .icon-arrow-left3').on( 'click', function() {
$gallery1.flickity('previous');
if ($(window).width() > 619) {
for (var n = 1; n < gallery1RowItems; n++) {
$gallery1.flickity('previous');
}
}
});
$('.PageLinkBoxWrapper .icon-arrow-right3').on( 'click', function() {
$gallery1.flickity('next');
if ($(window).width() > 619) {
for (var n = 1; n < gallery1RowItems; n++) {
$gallery1.flickity('next');
}
}
});
if ($(window).width() > 619) {
if ($('.PageLinkBoxWrapper .PageLinkBoxItem').length > gallery1RowItems)  SetGallery1();
}
else {
if ($('.PageLinkBoxWrapper .PageLinkBoxItem').length > 1) SetGallery1();
}
//bottom
var $gallery2 = null, gallery2RowItems = 3;
function SetGallery2() {
$gallery2 = $('.BannerBottomWrapper .gallery-box').flickity({
cellAlign: 'left',
wrapAround: true,
freeScroll: true,
setGallerySize: false,
prevNextButtons: false,
pageDots: false
});
$gallery2.flickity('resize');
$('.BannerBottomWrapper .gallery-action').removeClass('hide');
}
$('.BannerBottomWrapper .icon-arrow-left3').on( 'click', function() {
$gallery2.flickity('previous');
if ($(window).width() > 619) {
for (var n = 1; n < gallery2RowItems; n++) {
$gallery2.flickity('previous');
}
}
});
$('.BannerBottomWrapper .icon-arrow-right3').on( 'click', function() {
$gallery2.flickity('next');
if ($(window).width() > 619) {
for (var n = 1; n < gallery2RowItems; n++) {
$gallery2.flickity('next');
}
}
});
if ($(window).width() > 619) {
if ($('.BannerBottomWrapper .BannerBottomItem').length > gallery2RowItems)  SetGallery2();
}
else {
if ($('.BannerBottomWrapper .BannerBottomItem').length > 1) SetGallery2();
}
//resize
$(window).resize(function(){
if ($(window).width() > 619) {
if ($gallery1 != null && $('.PageLinkBoxWrapper .PageLinkBoxItem').length <= gallery1RowItems)  {
$('.PageLinkBoxWrapper .gallery-action').addClass('hide');
$gallery1.flickity('destroy');
$gallery1 = null;
}
if ($gallery2 != null && $('.BannerBottomWrapper .BannerBottomItem').length <= gallery2RowItems) {
$('.BannerBottomWrapper .gallery-action').addClass('hide');
$gallery2.flickity('destroy');
$gallery2 = null;
}
}
else {
if ($gallery1 == null && $('.PageLinkBoxWrapper .PageLinkBoxItem').length > 1)  SetGallery1();
if ($gallery2 == null && $('.BannerBottomWrapper .BannerBottomItem').length > 1)  SetGallery2();
}
if (tf.isMobile && $('.header.mobile > .TopBar').length == 0) {
if ($galleryTopbar) $galleryTopbar.flickity('destroy');
$galleryTopbar = null;
$('#WebSite .TopBar').clone(true).attr('id', $('#WebSite .TopBar').attr('id')+'Clone').prependTo('.header.mobile');
(function waitForMobileUtils() {
if (!tf.utils || !tf.utils.showMobileUtils) { setTimeout(waitForMobileUtils, 200); return; }
tf.utils.showMobileUtils();
})();
}
else if (!tf.isMobile) {
if ($galleryTopbar) $galleryTopbar.flickity('destroy');
$galleryTopbar = null;
$('.header.mobile > .TopBar').remove();
}
galleryTopbarRowItems = 0;
$('.TopBar:visible .CustomNavBox').each(function(){ galleryTopbarRowItems += $(this).outerWidth(true); })
if ($galleryTopbar != null && $('.TopBar:visible .gallery-box').width() >= galleryTopbarRowItems) {
$galleryTopbar.flickity('destroy');
$galleryTopbar = null;
}
else if ($('.TopBar:visible .gallery-box').width() < galleryTopbarRowItems) SetGalleryTopbar();
});
$(window).trigger('resize');
});
</script>
<div id="WebSite" class="GC38">
<div id="WebSiteHeader" class="GC39 LayoutObject">
<div id="WebSiteHeaderInner" class="WebSiteHeaderInner">
<div id="TopBar" class="GC89 TopBar">
<div id="TopBarDesign" class="GC89 TopBarDesign"></div>
</div>
<div id="DesignImage1">
<div class="header-left">
<div id="CompanyImage" class="smaller">
<a href="index.html" title="DOC-BOURGOGNE-71-LOGO-contour-noir">
<img width="350" height="100" src="contents/media/trans.gif" data-echo="contents/media/BANNIERE-DOC-BOURGOGNE-SITE.png" class="DataEchoLoaded" id="I" name="I" border="0" alt="DOC-BOURGOGNE-71-LOGO-contour-noir" title="DOC-BOURGOGNE-71-LOGO-contour-noir" hspace="0" vspace="0" align="" onmouseover="window.status='DOC-BOURGOGNE-71-LOGO-contour-noir';return true;" onmouseout="window.status='';return true" />
</a>
</div>
<a href="index.html" id="SiteHeadingContainer">
<h2 id="SiteHeading" class="GC39 SiteHeading">DUCATI OFFICIAL CLUB BOURGOGNE 71</h2>
</a>
<h2 id="SiteSlogan" class="GC42">Roulez Ducati, vivez la Bourgogne</h2>
</div>
<div class="header-right">
<div class="rightBottom">
</div>
</div>
<div id="Index1-spacer">
<div id="Index1" class="GC2 Index1">
<script src="shared_files/jquery.menu-aim.js" defer="true"></script>
<script src="shared_files/jquery.megamenu.js" defer="true"></script>
<script type="text/javascript">
$(function(){
$('.Index1').on('load', function(){
var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1');
var GCNum = [
{'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'},
{'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'}
][idxNum-1];
$('.idx'+idxNum+'Submenu').empty();
var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true);
if ($branch.length > 0) {
var $subpageNavigation = $('#idxSubpageNavigationAlt');
if ($subpageNavigation.length == 0) {
$subpageNavigation = $('#idxSubpageNavigation');
if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>');
var placed = false, $placement = $('.PageTitle');
if ($placement.length > 0) {
$placement.after($subpageNavigation);
if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation');
placed = true;
}
if (!placed) {
var selectors = ['.PageIntroduction', '.PageDescription'];
for (var n = 0; n < selectors.length; n++) {
$placement = $(selectors[n]);
if ($placement.length > 0) {
$placement.before($subpageNavigation);
if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation');
placed = true;
break;
}
}
}
if (!placed) {
var selectors = ['#PageContainer1', '#PageContainer11'];
for (var n = 0; n < selectors.length; n++) {
$placement = $(selectors[n]);
if ($placement.length > 0) {
$placement.append($subpageNavigation);
break;
}
}
}
}
$subpageNavigation
.width('auto')
.removeClass('GC28 GC32')
.append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>');
$branch.find('> li > ul, i[class*=icon-], li.see-all').remove();
$branch.find('> li')
.on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);})
.on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);})
.addClass('idx'+idxNum+'Sub')
.find('> a')
.on('mouseover', function(){tf.navOvr(this, '', '');})
.on('mouseout', function(){tf.navOut(this, '', '');})
.addClass('idx'+idxNum+'Sub')
;
var mh = 0;
$branch.find('> li > a > img').each(function(){
var hasImg = !!$(this).attr('src');
if (!hasImg) $(this).hide();
mh = Math.max(mh, $(this).css('max-height'));
});
var prop = (mh ? 'height:'+mh+'px;' : '');
$branch.find('> li > a').each(function(){
if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>');
else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>');
$(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>');
});
$('.idx'+idxNum+'Submenu').empty().append($branch);
$(window).on('load resize', function () {
var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container);
var outerSpace = $items.outerWidth(true) - $items.width();
var maxAvailableWidth = $container.css('width','auto').width();
var maxColumns = 8, itemMaxWidth = 260, w = 0;
for (var n = 1; n <= maxColumns; n++) {
w = parseInt((maxAvailableWidth / n) - outerSpace);
if (w <= itemMaxWidth) break;
}
$items.width(w);
$container.width((w + outerSpace) * Math.min(n, $items.length));
if(tf.echo)tf.echo.render();
});
$(window).trigger('resize');
}
$('img', $(this)).remove();
$('> ul[class*=idx]', $(this))
.sfMegaMenu({
'submenuDirection':'below',
'layout':'base',
'showImages':false,
'iconOpenRight':'icon-arrow-right3',
'iconOpenDown':'icon-arrow-down3',
'iconNoImage':'icon-image',
'iconPin':'icon-pushpin',
'idxNum':idxNum,
'onLoad':function() {
var $idxSlider = $('#Index1 > .idx1List');
$('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove();
function setIdxSlider() {
$idxSlider.parent().width('100%').css('float','none');
$idxSlider
.on('cellSelect', function(){
var flkty = $(this).data('flickity');
if (flkty) {
if (flkty.selectedIndex == $(this).data('selectedIndex')) return;
if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) {
if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex');
else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--;
}
$(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')});
}
})
.on('settle', function(){
var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0;
if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4]));
if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled');
else $('.next', this).removeAttr('disabled');
})
.flickity({
cellAlign: 'left',
contain: true,
wrapAround: false,
autoPlay: false,
draggable: true,
freeScroll: true,
setGallerySize: false,
prevNextButtons: true,
pageDots: false,
percentPosition: false
})
.flickity('resize')
.find('.flickity-viewport')
.find('.flickity-slider').addClass('idx1List')
.end()
.parentsUntil('[id^=WebSite]').each(function(){
var zIndex = $(this).css('z-index');
if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001);
})
;
}
function unsetIdxSlider() {
if ($idxSlider.hasClass('flickity-enabled')) {
$idxSlider
.flickity('destroy')
;
}
$idxSlider.parent().css({'float':''});
}
$(window).on('resize', function () {
unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'});
if ($('#WebSite').width() > 619) {
var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1;
$('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); });
if (w-1 > wContainer) {
setIdxSlider();
$idxSlider.flickity('resize');
setTimeout(function(){$idxSlider.flickity('reposition');}, 200);
}
else if (w < wContainer) unsetIdxSlider();
}
});
$(window).trigger('resize');
}
})
.parent().find('.idx1List > li > a > span').addClass('vcenter');
});
});
</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script>
<!--
Version tag, please don't remove
$Revision: 46130 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-BASE_1/toplevel.html $
-->
<i class="icon-spinner2 icon-fa-spin"></i>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.Index1').load(tf.wm.url('d-34.html','-',true)+' ',function(){
if(tf.isEntryPage){
jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){
if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-');
else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true);
});
jQuery('.Index1 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));});
} else {
jQuery('.Index1 a[href]').not('a[href^=http]').each(function(){
if(this.id.match(/D-2$/)) {
this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-');
}
});
}
jQuery('.Index1').trigger('load');
});
jQuery('#CompanyImage a[href], .CompanyImage a[href]').not('a[href^=http]').each(function(){
var href = this.href.replace(/.*\//,'');
if(tf.isEntryPage) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-');
else this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+href,'-');
});
});
</script>
</div><div id="idx1Sentinel"></div>
</div>
</div>
<div id="DesignImage3">
<span class="GC32"></span>
<div id="Index2" class="GC32 Index2">
<script type="text/javascript">
$(function(){
$('.Index2').on('load', function(){
var idxNum = $(this).attr('class').replace(/.*Index(\d+).*/,'$1');
var GCNum = [
{'top':'GC28', 'tophover':'GC29', 'sub':'GC30', 'subhover':'GC31'},
{'top':'GC32', 'tophover':'GC33', 'sub':'GC34', 'subhover':'GC35'}
][idxNum-1];
$('.idx'+idxNum+'Submenu').empty();
var $branch = $('[id^=idx][id$='+tf.pgid+'] + ul', $(this)).clone(true, true);
if ($branch.length > 0) {
var $subpageNavigation = $('#idxSubpageNavigationAlt');
if ($subpageNavigation.length == 0) {
$subpageNavigation = $('#idxSubpageNavigation');
if ($subpageNavigation.length == 0) $subpageNavigation = $('<div id="idxSubpageNavigation"></div>');
var placed = false, $placement = $('.PageTitle');
if ($placement.length > 0) {
$placement.after($subpageNavigation);
if ($('.PageImage ~ .PageTitle + #idxSubpageNavigation').length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation');
placed = true;
}
if (!placed) {
var selectors = ['.PageIntroduction', '.PageDescription'];
for (var n = 0; n < selectors.length; n++) {
$placement = $(selectors[n]);
if ($placement.length > 0) {
$placement.before($subpageNavigation);
if ($('.PageImage ~ #idxSubpageNavigation + '+selectors[n]).length == 1) $('.PageImage').insertAfter('#idxSubpageNavigation');
placed = true;
break;
}
}
}
if (!placed) {
var selectors = ['#PageContainer1', '#PageContainer11'];
for (var n = 0; n < selectors.length; n++) {
$placement = $(selectors[n]);
if ($placement.length > 0) {
$placement.append($subpageNavigation);
break;
}
}
}
}
$subpageNavigation
.width('auto')
.removeClass('GC28 GC32')
.append('<div class="idx'+idxNum+'Submenu" data-toplevelid="undefined"><i class="icon-spinner2 icon-fa-spin"></i></div>');
$branch.find('> li > ul, i[class*=icon-], li.see-all').remove();
$branch.find('> li')
.on('mouseover', function(){tf.navOvr(this, '', GCNum['subhover']);if(tf.autoText)tf.autoText.localApply(this.parentNode);})
.on('mouseout', function(){tf.navOut(this, '', GCNum['sub']);if(tf.autoText)tf.autoText.localApply(this.parentNode);})
.addClass('idx'+idxNum+'Sub')
.find('> a')
.on('mouseover', function(){tf.navOvr(this, '', '');})
.on('mouseout', function(){tf.navOut(this, '', '');})
.addClass('idx'+idxNum+'Sub')
;
var mh = 0;
$branch.find('> li > a > img').each(function(){
var hasImg = !!$(this).attr('src');
if (!hasImg) $(this).hide();
mh = Math.max(mh, $(this).css('max-height'));
});
var prop = (mh ? 'height:'+mh+'px;' : '');
$branch.find('> li > a').each(function(){
if ($(this).find('> img').length > 0) $(this).find('> img').wrap('<div class="SubPageNavigationImageContainer" style="'+prop+'"></div>');
else $(this).prepend('<div class="SubPageNavigationImageContainer"><span></span></div>');
$(this).addClass('SubPageNavigationBox').find('> span').addClass('SubPageNavigationTitle').wrap('<div class="SubPageNavigationTitleContainer"></div>');
});
$('.idx'+idxNum+'Submenu').empty().append($branch);
$(window).on('load resize', function () {
var $container = $('.idx'+idxNum+'Submenu > ul'), $items = $('li', $container);
var outerSpace = $items.outerWidth(true) - $items.width();
var maxAvailableWidth = $container.css('width','auto').width();
var maxColumns = 8, itemMaxWidth = 260, w = 0;
for (var n = 1; n <= maxColumns; n++) {
w = parseInt((maxAvailableWidth / n) - outerSpace);
if (w <= itemMaxWidth) break;
}
$items.width(w);
$container.width((w + outerSpace) * Math.min(n, $items.length));
if(tf.echo)tf.echo.render();
});
$(window).trigger('resize');
}
$('img', $(this)).remove();
$('> ul[class*=idx]', $(this))
.sfMegaMenu({
'submenuDirection':'below',
'layout':'base',
'showImages':false,
'iconOpenRight':'icon-arrow-right3',
'iconOpenDown':'icon-arrow-down3',
'iconNoImage':'icon-image',
'iconPin':'icon-pushpin',
'idxNum':idxNum,
'onLoad':function() {
var $idxSlider = $('#Index2 > .idx2List');
$('> li', $idxSlider).last().clone().appendTo($idxSlider).children().remove();
function setIdxSlider() {
$idxSlider.parent().width('100%').css('float','none');
$idxSlider
.on('cellSelect', function(){
var flkty = $(this).data('flickity');
if (flkty) {
if (flkty.selectedIndex == $(this).data('selectedIndex')) return;
if ($(this).data('translateX') == $('.flickity-slider', this).css('transform')) {
if (flkty.selectedIndex > $(this).data('selectedIndex')) flkty.selectedIndex = $(this).data('selectedIndex');
else if (flkty.selectedIndex < $(this).data('selectedIndex')) flkty.selectedIndex--;
}
$(this).data({'selectedIndex':flkty.selectedIndex, 'translateX':$('.flickity-slider', this).css('transform')});
}
})
.on('settle', function(){
var $last = $('.flickity-slider > li', this).last(), shifted = $('.flickity-slider', this).css('transform').match(/matrix\((.+)\)/) || $('.flickity-slider', this).css('transform').match(/matrix3d\((.+)\)/), shiftedpx = 0;
if (shifted && shifted.length > 1) shiftedpx = parseFloat((shifted[1].split(', ')[12]) || (shifted[1].split(', ')[4]));
if (parseFloat($last.css('left')) + $last.outerWidth(true) <= $('.flickity-slider', this).width() + Math.abs(shiftedpx)) $('.next', this).attr('disabled', 'disabled');
else $('.next', this).removeAttr('disabled');
})
.flickity({
cellAlign: 'left',
contain: true,
wrapAround: false,
autoPlay: false,
draggable: true,
freeScroll: true,
setGallerySize: false,
prevNextButtons: true,
pageDots: false,
percentPosition: false
})
.flickity('resize')
.find('.flickity-viewport')
.find('.flickity-slider').addClass('idx2List')
.end()
.parentsUntil('[id^=WebSite]').each(function(){
var zIndex = $(this).css('z-index');
if (zIndex == 'auto' || parseInt(zIndex) <= 0) $(this).css('z-index', idxNum == 2 ? 1000 : 1001);
})
;
}
function unsetIdxSlider() {
if ($idxSlider.hasClass('flickity-enabled')) {
$idxSlider
.flickity('destroy')
;
}
$idxSlider.parent().css({'float':''});
}
$(window).on('resize', function () {
unsetIdxSlider(); $idxSlider.parent().css({'width':'', 'float':'none'});
if ($('#WebSite').width() > 619) {
var w = 0, wContainer = ($idxSlider.parent().outerWidth(true)||$idxSlider.outerWidth(true))+1;
$('> li, .flickity-slider > li', $idxSlider).each(function(){ w += $(this).outerWidth(true); $(this).css('height',''); if($(this).outerHeight()>0)$(this).outerHeight($(this).outerHeight()); });
if (w-1 > wContainer) {
setIdxSlider();
$idxSlider.flickity('resize');
setTimeout(function(){$idxSlider.flickity('reposition');}, 200);
}
else if (w < wContainer) unsetIdxSlider();
}
});
$(window).trigger('resize');
}
})
.parent().find('.idx2List > li > a > span').addClass('vcenter');
});
});
</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationImageContainer');</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationTitleContainer');</script>
<script type="text/javascript">equalHeightClass.push('SubPageNavigationBox');</script>
<!--
Version tag, please don't remove
$Revision: 46130 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Index/Horizontal/SFX-BASE_1/toplevel.html $
-->
<i class="icon-spinner2 icon-fa-spin"></i>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.Index2').load(tf.wm.url('d-33.html','-',true)+' ',function(){
if(tf.isEntryPage){
jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){
if(this.id.match(/D-2$/)) this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-');
else this.href=tf.wm.url(this.href.replace(/.*\//,''),'-',true);
});
jQuery('.Index2 a img[src]').each(function(){jQuery(this).attr('src', jQuery(this).attr('src').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));if(jQuery(this).data('echo'))jQuery(this).attr('data-echo', jQuery(this).data('echo').replace(/\.\.\/media\//g,(tf.lang!=tf.baseLang?'../':'')+'contents/media/'));});
} else {
jQuery('.Index2 a[href]').not('a[href^=http]').each(function(){
if(this.id.match(/D-2$/)) {
this.href=tf.wm.url((tf.lang==tf.baseLang?'../../':'../../'+tf.lang+'/')+this.href.replace(/.*\//,''),'-');
}
});
}
jQuery('.Index2 #idx2D-2').parent('li').remove();
jQuery('.Index2').trigger('load');
});
});
</script>
</div><div id="idx2Sentinel"></div>
</div>
<div class="GC49 LayoutObject" id="DesignImage2">
<div class="GC49 Banner" id="Banner-D-2">
<div class="gallery-box">
<div class="BannerBox">
<a target="" href="contents/fr/privacy.html" class="BannerImage" id="BannerImage-D-2LD22">
<img id="D-2LD22" data-echo="contents/media/b_BANNIERE-DOC-BOURGOGNE-SITE.png" class="slide-item" height="350" data-naturalwidth="1170" data-naturalheight="350" alt="DOC BOURGOGNE 71" border="0" />
</a>
<div class="BannerInfo">
<div class="BannerFilter">
<div class="GC70 BannerIntroduction" id="BannerIntroduction-D-2LD22">Ducati Official Club en France</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/about.html" class="BannerImage" id="BannerImage-D-2LD23">
<img id="D-2LD23" data-echo="contents/media/b_banniere-1-ESSAI.png" class="slide-item" height="350" data-naturalwidth="1169" data-naturalheight="350" alt="DOC BOURGOGNE 71 au coeur de la France" border="0" />
</a>
<div class="BannerInfo">
<div class="BannerFilter">
<div class="GC70 BannerIntroduction" id="BannerIntroduction-D-2LD23">La passion DUCATI, la convivialité de notre région.</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/d2011.html" class="BannerImage" id="BannerImage-D-2LD15">
<img id="D-2LD15" data-echo="contents/media/b_BANNIERE-DOC-BOURGOGNE-DUCATI-NEWS.png" class="slide-item" height="350" data-naturalwidth="1170" data-naturalheight="350" alt="DUCATI NEWS" border="0" />
</a>
<div class="BannerInfo">
<div class="BannerFilter">
<div class="GC70 BannerIntroduction" id="BannerIntroduction-D-2LD15">Toute l&#39;actualité DUCATI</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/about.html" class="BannerImage" id="BannerImage-D-2LD6">
<img id="D-2LD6" data-echo="contents/media/b_BANNIERE-DOC-BOURGOGNE-SITE.png" class="slide-item" height="350" data-naturalwidth="1170" data-naturalheight="350" alt="QUI SOMMES NOUS" border="0" />
</a>
<div class="BannerInfo">
<div class="BannerFilter">
<div class="GC70 BannerIntroduction" id="BannerIntroduction-D-2LD6">Un groupe de passionnés de la marque DUCATI basé en Saône-et-Loire</div>
</div>
</div>
</div>
<div class="BannerBox">
<a target="" href="contents/fr/privacy.html" class="BannerImage" id="BannerImage-D-2LD7">
<img id="D-2LD7" data-echo="contents/media/b_BANNIERE-DOC-BOURGOGNE-ENGLISH.png" class="slide-item" height="350" data-naturalwidth="1170" data-naturalheight="350" alt="DOC BOURGOGNE 71 CLUB WELCOME" border="0" />
</a>
<div class="BannerInfo">
<div class="BannerFilter">
<div class="GC70 BannerIntroduction" id="BannerIntroduction-D-2LD7">Pourquoi nous rejoindre ?</div>
</div>
</div>
</div>
</div>
<div class="gallery-buttons"></div>
</div>
</div>
</div>
</div>
<div id="WebSiteContent" class="GC1">
<div id="Content" class="GC22 ContentBody">
<div id="PageLinkBoxWrapper" class="GC50 PageLinkBoxWrapper">
<div id="PageLinkBox-1" class="GC50 PageLinkBox WebSiteLevel slide-item">
<div class="GC57 icon-arrow-left3 gallery-action hide" id="FlickityPrevious-D-2"></div>
<div class="GC57 icon-arrow-right3 gallery-action hide" id="FlickityNext-D-2"></div>
<div class="gallery-box">
<div id="PageLinkBoxContainer-D-2LD18" class="GC50 PageLinkBoxItem">
<a target="" href="contents/fr/about.html" class="PageLinkBoxLink" id="">
<div id="PageLinkBoxImage-D-2LD18" class="GC16 PageLinkBoxImage no-responsive">
<img data-echo="contents/media/k_PHOTOS-RESEAUX-SOCIAUX.jpeg" name="ID-2LD18" id="ID-2LD18" title="RESEAUX SOCIAUX DOC BOURGOGNE 71" alt="RESEAUX SOCIAUX DOC BOURGOGNE 71" border="0" />
</div>
<div class="GC44 PageLinkBoxTextsContainer" id="PageLinkBoxTextsContainer-D-2LD18">
<h3 class="GC44 PageLinkBoxTitle" id="PageLinkBoxTitle-D-2LD18">RESEAUX SOCIAUX DOC BOURGOGNE 71</h3>
<div class="GC8 PageLinkBoxDescription" id="PageLinkBoxDescription-D-2LD18">Nous sommes actifs sur les réseaux sociaux, nous t&#39;attendons avec impatience ! </div>
</div>
</a>
</div>
<div id="PageLinkBoxContainer-D-2LD19" class="GC50 PageLinkBoxItem">
<a target="" href="contents/fr/specials.html" class="PageLinkBoxLink" id="">
<div id="PageLinkBoxImage-D-2LD19" class="GC16 PageLinkBoxImage no-responsive">
<img data-echo="contents/media/k_100-ANS.png" name="ID-2LD19" id="ID-2LD19" title="CENTENAIRE DUCATI 2026" alt="CENTENAIRE DUCATI 2026" border="0" />
</div>
<div class="GC44 PageLinkBoxTextsContainer" id="PageLinkBoxTextsContainer-D-2LD19">
<h3 class="GC44 PageLinkBoxTitle" id="PageLinkBoxTitle-D-2LD19">CENTENAIRE DUCATI 2026</h3>
<div class="GC8 PageLinkBoxDescription" id="PageLinkBoxDescription-D-2LD19">VIVONS ENSEMBLE CET EVENEMENT UNIQUE</div>
</div>
</a>
</div>
<div id="PageLinkBoxContainer-D-2LD9" class="GC50 PageLinkBoxItem">
<a target="" href="contents/fr/about.html" class="PageLinkBoxLink" id="">
<div id="PageLinkBoxImage-D-2LD9" class="GC16 PageLinkBoxImage no-responsive">
<img data-echo="contents/media/k_PHOTOS-RESEAUX-SOCIAUX.jpeg" name="ID-2LD9" id="ID-2LD9" title="RESEAUX SOCIAUX DOC BOURGOGNE 71" alt="RESEAUX SOCIAUX DOC BOURGOGNE 71" border="0" />
</div>
<div class="GC44 PageLinkBoxTextsContainer" id="PageLinkBoxTextsContainer-D-2LD9">
<h3 class="GC44 PageLinkBoxTitle" id="PageLinkBoxTitle-D-2LD9">RESEAUX SOCIAUX DOC BOURGOGNE 71</h3>
<div class="GC8 PageLinkBoxDescription" id="PageLinkBoxDescription-D-2LD9">Nous sommes actifs sur les réseaux sociaux, nous t&#39;attendons avec impatience ! </div>
</div>
</a>
</div>
<div id="PageLinkBoxContainer-D-2LD10" class="GC50 PageLinkBoxItem">
<a target="" href="contents/fr/d2011.html" class="PageLinkBoxLink" id="">
<div id="PageLinkBoxImage-D-2LD10" class="GC16 PageLinkBoxImage no-responsive">
<img data-echo="contents/media/k_logo-doc-ducati-(1).png" name="ID-2LD10" id="ID-2LD10" title="ACTUALITES" alt="ACTUALITES" border="0" />
</div>
<div class="GC44 PageLinkBoxTextsContainer" id="PageLinkBoxTextsContainer-D-2LD10">
<h3 class="GC44 PageLinkBoxTitle" id="PageLinkBoxTitle-D-2LD10">ACTUALITES</h3>
<div class="GC8 PageLinkBoxDescription" id="PageLinkBoxDescription-D-2LD10">ACTUALITES CONSTRUCTEUR DUCATI</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="PageContainer11" class="EqualHeight_PageContainer1">
<!-- Page elements are kept in this div so the if statement above may
make room for PageLinkBox -->
<div id="PageContainer1" class="EqualHeight_PageContainer1">
<div class="GC18 PageIntroduction" id="PageIntroduction-D-2"><font face="Times New Roman" size="3">
</font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font face="Calibri"><font size="3"></font></font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font face="Calibri"><font size="3"><font face="Times New Roman">
</font><font style="font-family: Advent Pro, sans-serif;">Benvenuti dans la Famille :
Ducati Official Club Bourgogne 71 !<span style="mso-spacerun: yes;">&nbsp; </span></font></font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;">
Le rouge n’est pas qu’une
couleur, c’est notre ADN.</font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;">
Que tu pilotes les motos d'hier
ou d'aujourd'hui, une Panigale affûtée pour la piste, une Multistrada prête à
dévorer les sommets du Morvan, ou un Monster au caractère bien trempé, tu es
ici chez toi.</font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;">
<font size="3" style="font-family: Advent Pro, sans-serif;">Le Ducati Official Club Bourgogne
71, ce n’est pas seulement une association de motards. C’est le point de
ralliement de celles et ceux pour qui le moteur Desmo est une mélodie et chaque
virage une émotion. Nous sommes les fiers ambassadeurs de l’excellence
italienne au cœur de nos paysages bourguignons.</font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;">
<font size="3" style="font-family: Advent Pro, sans-serif;">Ensemble, faisons vibrer la
Bourgogne !</font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;">
<font size="3" style="font-family: Advent Pro, sans-serif;">Que tu sois un puriste de la
mécanique ou un amoureux des balades dominicales, ton siège est déjà prêt
autour de la table. Notre club vit par et pour ses adhérents. Ton enthousiasme est notre
moteur, ta présence notre plus belle trajectoire.</font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font style="font-family: Advent Pro, sans-serif;"></font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3"><font style="font-family: Advent Pro, sans-serif;">"Ducati, ce n’est pas
seulement une moto. C’est une passion, c’est une émotion, c’est une
famille." — Loris Capirossi (Légende du MotoGP et premier Vainqueur sur
Ducati en GP).</font></font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3"><font style="font-family: Advent Pro, sans-serif;">
<br></font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3"><font style="font-family: Advent Pro, sans-serif;">Prêt à faire chauffer la gomme avec nous ?</font></font></p><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3"><font style="font-family: Advent Pro, sans-serif;">
Explore le site, découvre notre
calendrier et, surtout, n'hésite pas à franchir le pas : rejoins la
"Scuderia" bourguignonne dès aujourd'hui.</font></font></p><font size="3" style="font-family: Advent Pro, sans-serif;">
</font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><br></p><font size="3" style="font-family: Advent Pro, sans-serif;"></font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;"></font><p style="margin: 0cm 0cm 8pt; text-align: justify;"><font size="3" style="font-family: Advent Pro, sans-serif;"><font face="Times New Roman">
<br></font></font></p></div>
<div class="GC19 PageDescription" id="PageDescription-D-2"><div class="sf-cb row clearfix"><div class="column full" style="text-align: justify; text-transform: uppercase;">
<p style="text-align: center;"><b>&nbsp;</b></p></div></div></div>
</div>
</div>
<script type="text/javascript"></script>
<script type="text/javascript">var bpriceArr=[],ppriceArr=[],weightArr=[],crFFldArr=[];</script>
<style type="text/css">
.ProductImageContainer{position:relative;text-align:center;}
.ProductImageCaption{clear:both;}
.ProductImage,.ProductImage a{position:relative;}
.ProductImage a{display:block;}
.ProductImage a img{display:block;margin:0 auto;}
.ThumbnailSliderContainer{position:relative;line-height:100%;float:right;padding:5px 5px 5px 4px;}
.ThumbnailSlider .ThumbnailSliderItem{display:block;background-color:transparent;margin-bottom:5px;text-align:center;}
.ThumbnailSlider [class^=icon] {cursor:pointer;}
.ThumbnailSliderMoreLink{text-decoration:underline;font-weight:bold;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSliderContainer {float:none;width:100%;overflow:hidden;margin:10px 0 0 0;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider {white-space:nowrap;position:relative;overflow:hidden;height:auto!important;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider .ThumbnailSliderItem {display:inline-block;margin:0 10px 0 0;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider img {max-height:80px;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider div[id^=ms_] {width:1000%;}
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider [class^=icon-] {padding:2px;height:24px!important;font-size:24px!important; width:20px!important; }
.ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_left, .ProductImageContainer.ThumbnailSlider-horizontal .ThumbnailSlider #ms_right {display:inline-block;}
.ProductImageContainer.ThumbnailSlider-horizontal .ImgLink.HasSlider {width:100%!important;float:none;}
</style>
<script type="text/javascript">
$(window).on('load resize domChanged', function () {
tf.equalWidth('#ProductLoopInner','.Product',260,5,false);
});
</script>
<script type="text/javascript">
/*<![CDATA[*/
tf.sfOffsetCenterCols=0;
function sfEqualRow(oOffset, idChildPrefix, aItm, idItemPrefix) {
function affectHeight(els, x, mh, nn) {
for (var n = 0; n < nn; n++) {
var el = els[x - n];
if (el) {
jQuery(el).outerHeight(mh);
}
}
}
if (!tf.sfOffsetCenterCols) {
var w = jQuery(oOffset).find('[id^="' + idItemPrefix.split(',').join('"],[id^="') + '"]').first().outerWidth(true);
if (w > 0) {
tf.sfOffsetCenterCols = parseInt((jQuery(oOffset).width() / w));
}
}
var coll = jQuery(oOffset).find('.' + idChildPrefix);
if (coll.length > 0) {
var maxh = 0, idx = 0;
if(tf.isiPhone){
var $this=jQuery(this);
jQuery('img[src$="trans.gif"][data-echo]',coll).each(function(){
$this.attr('style', ($this.attr('style')||'')+'width:'+($this.attr('width')||'')+'px!important;height:'+($this.attr('height')||'')+'px!important;');
});
}
jQuery(coll).each(function () {
if(jQuery('img',this).length==0||(jQuery('img[data-echo]',this).length==0&&jQuery('img',this).height()>1))jQuery(this).css('height', '');
maxh = Math.max(maxh, jQuery(this).outerHeight());
if ((idx % tf.sfOffsetCenterCols) == tf.sfOffsetCenterCols - 1) {
affectHeight(coll, idx, maxh, tf.sfOffsetCenterCols);
maxh = 0;
}
idx++;
});
affectHeight(coll, idx, maxh, (coll.length % tf.sfOffsetCenterCols) + 1);
}
}
var _sfEqualRowOuter=_sfEqualRowOuter?_sfEqualRowOuter.concat('ProductLoop'):['ProductLoop'],_sfEqualRowArr=_sfEqualRowArr||[];
_sfEqualRowArr.push('ProductImageContainer');
_sfEqualRowArr.push('ProductContainer3');
_sfEqualRowArr.push('ProductContainer2');
_sfEqualRowArr.push('Product');
var equalRowPoll = null;
var sfEqualRowOnload = function() {
clearTimeout(equalRowPoll);
equalRowPoll = setTimeout(function(){
sfEqualRowCall();
equalRowPoll = null;
}, 500);
};
function sfEqualRowCall(){
for(var m=0,mm=_sfEqualRowOuter.length;m<mm;m++){
if(!gl(_sfEqualRowOuter[m]))continue;
tf.sfOffsetCenterCols=0;
for(var n=0,nn=_sfEqualRowArr.length;n<nn;n++){
sfEqualRow(gl(_sfEqualRowOuter[m]),_sfEqualRowArr[n],null,'Product-');
}
}
}
function sfEqualRowOnresize(){tf.sfOffsetCenterCols=0;if(typeof(sfOffsetCenterOnresize)!='undefined')sfOffsetCenterOnresize();sfEqualRowOnload();if(typeof(populateProductFlash)!='undefined')populateProductFlash(productFlashVarsArr,'DesignImage');}
addEvent('onresize',sfEqualRowOnresize,window);
if(tf.sfMakeSpace&&tf.sfMakeSpace.posthandlers) tf.sfMakeSpace.posthandlers.push(sfEqualRowOnload);
/*]]>*/
</script>
<!--
Version tag, please don't remove
$Revision: 44733 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-BASE_1/productloop.html $
-->
<div id="AutoSplitPageBottom"></div>
<div class="GC19 PageFootnote" id="PageFootnote-D-2"><div class="row clearfix sf-cb">
<div class="column full">
<p>Nous sommes basés au camping des Voiles de LAIVES au coeur de la France, entre Dijon et Lyon,&nbsp;notre route est&nbsp;bordée d'une&nbsp;d'une campagne magnifique, de villages pittoresques et des vignes à perte de vue.</p></div></div></div>
<div id="BannerBottomWrapper" class="GC50 BannerBottomWrapper">
<div id="Banner-D-2-1" class="GC50 BannerBottom WebSiteLevel slide-item">
<div class="GC57 icon-arrow-left3 gallery-action hide" id="FlickityPrevious-D-2"></div>
<div class="GC57 icon-arrow-right3 gallery-action hide" id="FlickityNext-D-2"></div>
<div class="gallery-box">
<div id="BannerBottomItem-D-2LD17" class="GC50 BannerBottomItem">
<a target="" href="contents/fr/terms.html" class="BannerBottomLink" id="">
<div class="GC16 BannerBottomImage no-responsive" id="BannerImage-D-2LD17">
<img data-echo="contents/media/b_PHOTO-LAIVES-2.JPG" name="ID-2LD17" id="ID-2LD17" title="CAMPING VOILES DE LAIVES" alt="CAMPING VOILES DE LAIVES" border="0" />
</div>
<div class="GC44 BannerBottomTextsContainer" id="BannerBottomTextsContainer-D-2LD17">
<h3 class="GC44 BannerBottomTitle" id="BannerCaption-D-2LD17">CAMPING VOILES DE LAIVES</h3>
<div class="GC8 BannerBottomDescription" id="BannerDescription-D-2LD17">SIEGE DOC BOURGOGNE 71</div>
</div>
</a>
</div>
<div id="BannerBottomItem-D-2LD24" class="GC50 BannerBottomItem">
<a target="" href="contents/fr/privacy.html" class="BannerBottomLink" id="">
<div class="GC16 BannerBottomImage no-responsive" id="BannerImage-D-2LD24">
<img data-echo="contents/media/b_PHOTO-LAIVES.jpg" name="ID-2LD24" id="ID-2LD24" title="Un accueil chaleureux de tous nos adhérents" alt="Un accueil chaleureux de tous nos adhérents" border="0" />
</div>
<div class="GC44 BannerBottomTextsContainer" id="BannerBottomTextsContainer-D-2LD24">
<h3 class="GC44 BannerBottomTitle" id="BannerCaption-D-2LD24">Un accueil chaleureux de tous nos adhérents</h3>
<div class="GC8 BannerBottomDescription" id="BannerDescription-D-2LD24">Et l&#39;esprit fraternel ducatisti</div>
</div>
</a>
</div>
<div id="BannerBottomItem-D-2LD8" class="GC50 BannerBottomItem">
<a target="" href="contents/fr/d2011.html" class="BannerBottomLink" id="">
<div class="GC16 BannerBottomImage no-responsive" id="BannerImage-D-2LD8">
<img data-echo="contents/media/b_MERAS-MOTO-LOGO.jpg" name="ID-2LD8" id="ID-2LD8" title="NOTRE PARTENAIRE DUCATI MERAS MOTO" alt="NOTRE PARTENAIRE DUCATI MERAS MOTO" border="0" />
</div>
<div class="GC44 BannerBottomTextsContainer" id="BannerBottomTextsContainer-D-2LD8">
<h3 class="GC44 BannerBottomTitle" id="BannerCaption-D-2LD8">NOTRE PARTENAIRE DUCATI MERAS MOTO</h3>
<div class="GC8 BannerBottomDescription" id="BannerDescription-D-2LD8">DUCATI DEALER BOURGOGNE 71</div>
</div>
</a>
</div>
<div id="BannerBottomItem-D-2LD12" class="GC50 BannerBottomItem">
<a target="" href="contents/fr/terms.html" class="BannerBottomLink" id="">
<div class="GC16 BannerBottomImage no-responsive" id="BannerImage-D-2LD12">
<img data-echo="contents/media/b_MERAS-MOTO-2.jpg" name="ID-2LD12" id="ID-2LD12" title="MERAS MOTO - DUCATI DEALER" alt="MERAS MOTO - DUCATI DEALER" border="0" />
</div>
<div class="GC44 BannerBottomTextsContainer" id="BannerBottomTextsContainer-D-2LD12">
<h3 class="GC44 BannerBottomTitle" id="BannerCaption-D-2LD12">MERAS MOTO - DUCATI DEALER</h3>
<div class="GC8 BannerBottomDescription" id="BannerDescription-D-2LD12">DUCATI CENTENAIRE </div>
</div>
</a>
</div>
</div>
</div>
</div>
<div id="AutoSplitPageBottom"></div>
</div>
<!-- SFNOTE_END: IndexCodeSnippetBottom --><div id="FooterClearance">
<span>!</span>
</div>
</div>
</div>
<div id="WebSiteFooter" class="GC40 WebSiteFooter">
<div id="ProductMediaShare" class="">
<div id="productmediashareholder"><script type="text/javascript">tf.load('load_productmediashare.html','productmediashareholder',false,null,true);</script></div>
</div>
<div class="GC40 WebSiteFootnote" id="WebSiteFootnote-D-2"><div class="row sf-wrapped"><div class="column full"><p align="center">DUCATI OFFICIAL CLUB (D.O.C.) BOURGOGNE 71 - Club Bourguignon au service de la Passion DUCATI en France.</p></div></div></div>
</div>
</div>
<script type="text/javascript">equalHeightClass.push('EqualHeight_CustomNav');</script>
<!--
Version tag, please don't remove
$Revision: 46240 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-CAR-CA_bes/Pages/SFX-Home_1/page.html $ -->
<div id="mobile_switchview" class="desktop-xor"><a href="#" class="desktop-xor"> Version mobile</a></div>
<style type="text/css">
#AppLogo {width:110px;overflow:hidden;}
#LinkSF{position:relative;height:100%;display:block;overflow:hidden;color:#000000;font-family:arial, helvetica, sans-serif;font-size:9px;text-decoration:none;text-align:center;width:100%;}
</style>
<div class="LayoutObject" id="AppLogo">
<a id="LinkSF" href="https://www.shopfactory.fr/" title="Boutique en ligne créés avec le logiciel eCommerce ShopFactory" target="_blank"><span>Boutique en ligne créés avec le logiciel eCommerce ShopFactory</span></a>
</div>
<div class="GC39 footer mobile">
<div class="utils group">
<menu>
<li id="util_home" class="sf-button sf-corner left vcenter"><a href="index.html" title="Accueil "><i class="icon-home2">&nbsp;</i><span>Accueil </span></a></li>
<li id="util_switchview" class="sf-button sf-corner right vcenter"><a href="#" class="mobile-xor" title="Version bureau"><i class="icon-display4">&nbsp;</i><span>Version bureau</span></a><a href="#" class="desktop-xor" title="Version mobile"><i class="icon-mobile">&nbsp;</i><span>Version mobile</span></a></li>
</menu>
</div>
</div>
<div id="util_gototop" class="GC91 sf-button sf-corner right vcenter"><a id="gototop-button" href="#top"><i class="icon-arrow-up8">&nbsp;</i><span></span></a></div>
<nav id="Sidemap" class="GC32">
<div class="top_wrap_menu">
<ul>
<li sf:if=".ID!=D-6&ShopEnabled" id="mobile_cart" class="sf-button sf-corner">
<a href="#" title="Mon panier" onclick="location=tf.wm.url('basket.html','-',true);return false;"><i class="icon-cart"></i> <span class="GC91 MiniCartTotalItemsQuantity_Mobile" id="MiniCartTotalItemsQuantity_Mobile">0</span></a>
</li>
<li sf:if="__Reference&ShowSelectCurrencyLink" id="mobile_SwitchCurrency" class="sf-button sf-corner">
<a href="#" class="SwitchCurrencyLink" title="Sélectionnez la devise">
<i class="currencySymbol"></i>
<script type="text/javascript">
function mobile_SwitchCurrencyLink_ShowSymbol() {
if (!tf.bskLoaded) setTimeout(mobile_SwitchCurrencyLink_ShowSymbol, 500);
jQuery('#mobile_SwitchCurrency .currencySymbol').html(tf.currentCurrency.abbrev);
}
mobile_SwitchCurrencyLink_ShowSymbol();
</script>
</a>
</li>
<li sf:if="__MultipleLanguages=true" class="lang_col">
<div id="mobile_switchlang" class="sf-button sf-corner left">
<div class="Outer">
<span class="SwitchLangName">
<span class="flag-spacer">
<img src="contents/media/flags/flag_fr.gif" alt="Français" title="Français"/>&nbsp;
</span>
</span>
<i class="icon-arrow-down3"></i>
</div>
<div class="Inner">
<a class="GC48" href="index.html" onclick="tf.utils.change_lang('fr,1');return false;"><img src="contents/media/flags/flag_fr.gif" alt="Français" title="Français" width="20" height="10" /> Français&nbsp;(French)</a>
</div>
</div>
</li>
<li sf:if="DisplayLoginForm">
<div class="sf-button sf-corner left">
<div id="mobilelogin" class="LoginSignUpLink"></div>
</div>
</li>
</ul>
<span class="GC91 close_btn-col">
<div id="sidemap-close" class="sf-button sf-corner"><i class="icon-cross2">&nbsp;</i></div>
</span>
<a name="Sidemap"></a>
</div>
<div class="search_coll">
</div>
<div class="idx-menu" data-deptid="d-34"><i class="icon-spinner2 icon-fa-spin"></i></div>
<div class="idx-menu" data-deptid="d-33"><i class="icon-spinner2 icon-fa-spin"></i></div>
</nav>
<script type="text/javascript">
specialLoading=false;
function ams(){var tfu=tf.utils;if(tfu&&tfu.applyms)tfu.applyms();else setTimeout('ams()',50)};if(aMS.length>0)ams();
function equalHeight(){if(tf.utils){setTimeout(function(){equalHeightOnClass('EqualHeight_','');if(tf.content.sfOffsetCenterOnload)sfOffsetCenterOnload();if(tf.content.sfEqualRowOnload)tf.content.sfEqualRowOnload();equalHeightOnClass('','EqualHeight_');tf.utils.equaldiv();},250)}}addOnload(equalHeight);
tf.moreHistory.pop(tf.pgidx);tf.nametag.del('pgidxFrom');
function acs(){return function(){try{tf.extra.forceAllLang=false;if(typeof(tf.parent.applyColorScheme)!='undefined')tf.parent.applyColorScheme(window);}catch(e){};}}addOnload(acs());
</script>
<script>
$(function () {
echo.init({
offset: 1, throttle: 1, unload: false,
callback: function (element, op) {
(function(selector, callback){
jQuery(selector).each(function(){
if (this.complete || this.readyState === 4) callback.apply(this);
else jQuery(this).on('load', function(){ callback.apply(this); });
});
})(element, function() {
jQuery(element).hide().fadeIn(200, function() {
if(tf.content.makeResponsive)tf.content.makeResponsive();equalHeight();
jQuery(element).trigger('imageLoaded');
});
});
}
});
jQuery(document).on('dragMove settle', debounce(function() { echo.render(); }, 250));
});
</script>
</body>
</html>
<!--
Version tag, please don't remove
$Revision: 46130 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/Themes/SFX-CAR-CA_bes/Website/parseLang/website.html $-->

A propos d'Outiref

Contact / Signaler un bug

FAQ

Crédits et Mentions Légales

Audit SEO par Abondance

Suivez nous sur...

Un site du Réseau Abondance

Agence SEO Neper
Formations SEO NEPER
Googlefight
Cabinet de conseil en IA - Neper AI
La météo du SEO
Klemo