<!DOCTYPE html>
<html lang="fr" xmlns:og="http://ogp.me/ns#">
<head data-layout-view="default" class="xj_layout_head">
<script>
    window.dataLayer = window.dataLayer || [];
        </script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T5W4WQ');</script>
<!-- End Google Tag Manager -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Javascript tabs tutorial ^482^ - Breizhbook</title>
    <link rel="icon" href="http://www.breizhbook.com/favicon.ico" type="image/x-icon" />
    <link rel="SHORTCUT ICON" href="http://www.breizhbook.com/favicon.ico" type="image/x-icon" />
    <meta name="description" content="10 Awesome jQuery Tab Tutorials and Plugins to help you get tab effects set up for your blog or web page. Tabs are very useful for web designers and developers…" />
    <meta name="keywords" content="Bretons, Breizh, Réseau, Bretagne, social" />
<meta name="title" content="Javascript tabs tutorial ^482^" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.breizhbook.com/photo/albums/javascript-tabs-tutorial-482?rss=yes&amp;xn_auth=no" />
<meta property="og:title" content="Javascript tabs tutorial ^482^" />
<meta property="og:image" content="https://storage.ning.com/topology/rest/1.0/file/get/2756051398?profile=UPSCALE_150x150">
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Javascript tabs tutorial ^482^" />
<meta name="twitter:description" content="10 Awesome jQuery Tab Tutorials and Plugins to help you get tab effects set up for your blog or web page. Tabs are very useful for web designers and developers…" />
<meta name="twitter:image" content="https://storage.ning.com/topology/rest/1.0/file/get/2756051398?profile=UPSCALE_150x150" />
<link rel="image_src" href="https://storage.ning.com/topology/rest/1.0/file/get/2756051398?profile=UPSCALE_150x150" />
<script type="text/javascript">
    djConfig = { baseScriptUri: 'http://www.breizhbook.com/xn/static-6.11.8.1/js/dojo-0.3.1-ning/', isDebug: false }
ning = {"CurrentApp":{"premium":true,"iconUrl":"https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/2756051398?profile=UPSCALE_150x150","url":"httptestbreizhbook.ning.com","domains":["breizhbook.com"],"online":true,"privateSource":true,"id":"testbreizhbook","appId":6339722,"description":"Le r&eacute;seau social des Bretons et des amis de la Bretagne","name":"Breizhbook","owner":"0km5tmola9u3k","createdDate":"2010-11-22T14:02:12.000Z","runOwnAds":false,"category":{"Bretons":null,"Breizh":null,"R\u00e9seau":null,"Bretagne":null,"social":null},"tags":["Bretons","Breizh","R\u00e9seau","Bretagne","social"]},"CurrentProfile":null,"maxFileUploadSize":5};
        (function(){
            if (!window.ning) { return; }

            var age, gender, rand, obfuscated, combined;

            obfuscated = document.cookie.match(/xgdi=([^;]+)/);
            if (obfuscated) {
                var offset = 100000;
                obfuscated = parseInt(obfuscated[1]);
                rand = obfuscated / offset;
                combined = (obfuscated % offset) ^ rand;
                age = combined % 1000;
                gender = (combined / 1000) & 3;
                gender = (gender == 1 ? 'm' : gender == 2 ? 'f' : 0);
                ning.viewer = {"age":age,"gender":gender};
            }
        })();

        if (window.location.hash.indexOf('#!/') == 0) {
        window.location.replace(window.location.hash.substr(2));
    }
    window.xg = window.xg || {};
xg.captcha = {
    'shouldShow': false,
    'siteKey': '6LeE174tAAAAAMHFtnhOaKpb7xCufY94iOGHr7a4',
        'spamChallengeAction': 'spamChallenge',
    'problemsSigningInAction': 'problemsSigningIn'
};
xg.addOnRequire = function(f) { xg.addOnRequire.functions.push(f); };
xg.addOnRequire.functions = [];
xg.addOnFacebookLoad = function (f) { xg.addOnFacebookLoad.functions.push(f); };
xg.addOnFacebookLoad.functions = [];
xg._loader = {
    p: 0,
    loading: function(set) {  this.p++; },
    onLoad: function(set) {
                this.p--;
        if (this.p == 0 && typeof(xg._loader.onDone) == 'function') {
            xg._loader.onDone();
        }
    }
};
xg._loader.loading('xnloader');
if (window.bzplcm) {
    window.bzplcm._profileCount = 0;
    window.bzplcm._profileSend = function() { if (window.bzplcm._profileCount++ == 1) window.bzplcm.send(); };
}
xg._loader.onDone = function() {
            if(window.bzplcm)window.bzplcm.start('ni');
        xg.shared.util.parseWidgets();    var addOnRequireFunctions = xg.addOnRequire.functions;
    xg.addOnRequire = function(f) { f(); };
    try {
        if (addOnRequireFunctions) { dojo.lang.forEach(addOnRequireFunctions, function(onRequire) { onRequire.apply(); }); }
    } catch (e) {
        if(window.bzplcm)window.bzplcm.ts('nx').send();
        throw e;
    }
    if(window.bzplcm) { window.bzplcm.stop('ni'); window.bzplcm._profileSend(); }
};
window.xn = { track: { event: function() {}, pageView: function() {}, registerCompletedFlow: function() {}, registerError: function() {}, timer: function() { return { lapTime: function() {} }; } } };</script>
<link rel="image_src" href="https://static.ning.com/socialnetworkmain/widgets/photo/gfx/albums/default_cover_120x120.gif?xn_version=4024552908" type="image/jpeg" /><meta name="title" content="Javascript tabs tutorial ^482^" /><link rel="alternate" type="application/rss+xml" title="Javascript tabs tutorial ^482^ - Breizhbook" href="http://www.breizhbook.com/photo/albums/javascript-tabs-tutorial-482?rss=yes&amp;xn_auth=no" /><link rel="alternate" type="application/atom+xml" title="Commentaires - Javascript tabs tutorial ^482^ - Breizhbook" href="http://www.breizhbook.com/photo/albumcomment/feed?attachedTo=6339722%3AAlbum%3A484776&amp;xn_auth=no" />
<style type="text/css" media="screen,projection">
@import url("https://static.ning.com/socialnetworkmain/widgets/index/css/common-982.min.css?xn_version=3058563175");
@import url("https://static.ning.com/socialnetworkmain/widgets/index/css/wide-sidebar.min.css?xn_version=1460991910");
@import url("https://static.ning.com/socialnetworkmain/widgets/photo/css/component.min.css?xn_version=3156643033");
@import url("https://static.ning.com/socialnetworkmain/widgets/chat/css/bottom-bar.min.css?xn_version=512265546");

</style>

<style type="text/css" media="screen,projection">
@import url("/generated-6ab669d7347909-11142382-css?xn_version=202609251226");

</style>

<style type="text/css" media="screen,projection">
@import url("/generated-6ab66b026f1286-81279655-css?xn_version=202609251226");

</style>

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="https://static.ning.com/socialnetworkmain/widgets/index/css/common-ie6.min.css?xn_version=463104712" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="https://static.ning.com/socialnetworkmain/widgets/index/css/common-ie7.css?xn_version=2712659298" />
<![endif]-->
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.breizhbook.com/profiles/blog/rsd" />
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5W4WQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
    <div class="xj_before_content">        <div id="xn_bar">
            <div id="xn_bar_menu">
                <div id="xn_bar_menu_branding" >
                                                        </div>

                <div id="xn_bar_menu_more">
                    <form id="xn_bar_menu_search" method="GET" action="http://www.breizhbook.com/main/search/search">
                        <fieldset>
                            <input type="text" name="q" id="xn_bar_menu_search_query" value="Rechercher dans Breizhbook" _hint="Rechercher dans Breizhbook" accesskey="4" class="text xj_search_hint" />
                            <a id="xn_bar_menu_search_submit" href="#" onclick="document.getElementById('xn_bar_menu_search').submit();return false">Rechercher</a>
                        </fieldset>
                    </form>
                </div>

                            <ul id="xn_bar_menu_tabs">
                                            <li><a href="http://www.breizhbook.com/main/authorization/signIn?target=http%3A%2F%2Fwww.breizhbook.com%2Fphoto%2Falbums%2Fjavascript-tabs-tutorial-482%3Frss%3Dyes%26xn_auth%3Dno">Connectez-vous</a></li>
                                    </ul>
                        </div>
        </div>
        </div>
    <div class="xg_theme" data-layout-pack="juliet">
        <div id="xg_themebody">
            <div id="xg_ad_above_header" class="xg_ad xj_ad_above_header">
                    <div class="xg_module module-plain  html_module module_text xg_reset" data-module_name="text"
        >
            <div class="xg_module_body xg_user_generated">
            <table border="0" cellspacing="10">
<tbody>
<tr>
<td style="padding-left: 20px;"><br />
<iframe src="http://server1.affiz.net/tracking/iframe_display.php?n=323836395f343531335f3136373236_e89b2ad156" width="468" height="60" frameborder="0" scrolling="no"></iframe></td>
<td style="padding-left: 20px;"><br />
<iframe src="http://server1.affiz.net/tracking/iframe_display.php?n=323836395f343531335f3136373235_dc834d92e0" width="468" height="60" frameborder="0" scrolling="no"></iframe></td>
</tr>
</tbody>
</table>
        </div>
        </div>

                </div>        
            <div id="xg_head">
                <div id="xg_masthead">
                    <h1 id="xg_sitename" class="xj_site_name"><a id="application_name_header_link" href="/"><img src="http://storage.ning.com/topology/rest/1.0/file/get/3152047427?profile=original" alt="Breizhbook"></a></h1>
                    <p id="xg_sitedesc" class="xj_site_desc">Le r&eacute;seau social des Bretons et des amis de la Bretagne</p>
                </div>
                <div id="xg_navigation" class="xj_navigation"><ul>
    <li id="xg_tab_blogs" class="xg_subtab"><a href="/profiles/blog/list"><span>Publications des membres</span></a></li><li id="xg_tab_xn16" class="xg_subtab"><a href="/page/jeux-concours"><span>Jeux concours</span></a></li><li id="xg_tab_xn36" class="xg_subtab"><a href="/page/best-of-breizhbook"><span>Best of BreizhBook</span></a></li><li id="xg_tab_xn40" class="xg_subtab"><a href="/page/sorties"><span>Sorties</span></a></li><li id="xg_tab_xn44" class="xg_subtab"><a href="/page/formation-professionnelle"><span>Formation</span></a></li><li id="xg_tab_xn47" class="xg_subtab"><a href="/publicite"><span>Publicit&eacute;</span></a></li><li dojoType="SubTabHover" id="xg_tab_xn0" class="xg_subtab"><a href="/a-propos"><span>En savoir +</span></a><div class="xg_subtab" style="display:none;position:absolute;"><ul class="xg_subtab" style="display:block;" ><li style="list-style:none !important;display:block;text-align:left;"><a href="/page/lancez-vous" style="float:none;"><span>Lancez-vous !</span></a></li><li style="list-style:none !important;display:block;text-align:left;"><a href="/page/promouvoir" style="float:none;"><span>Promouvoir</span></a></li></ul></div></li><li id="xg_tab_xn46" class="xg_subtab"><a href="/page/sondage-presidentielle"><span>Sondages</span></a></li></ul>
</div>
            </div>
            <div id="xg_ad_below_header" class="xg_ad xj_ad_below_header dy-displaynone">
						
					</div>
            <div id="xg" class="xg_widget_photo xg_widget_photo_album xg_widget_photo_album_show">
                	
                <div id="xg_body">
                    <div class="xj_notifications"><div id="albumIdDiv" style="display:none;" _albumId="6339722:Album:484776"></div></div>
                    <div class="xg_column xg_span-7" id="column1">
                        <div class="xj_user_info">    <div class="xg_module" id="xg_module_account">
        <div class="xg_module_body xg_signup xg_lightborder">
            <p>Bienvenue dans<br />Breizhbook</p>
                        <p class="last-child"><big><strong><a href="http://www.breizhbook.com/main/authorization/signIn?target=http%3A%2F%2Fwww.breizhbook.com%2Fphoto%2Falbums%2Fjavascript-tabs-tutorial-482%3Frss%3Dyes%26xn_auth%3Dno" style="white-space:nowrap">Connectez-vous</a></strong></big></p>
                            <div class="xg_external_signup xg_lightborder xj_signup">
                    <p class="dy-small">Or sign in with:</p>
                    <ul class="providers">
            <li>
            <a
                onclick="xg.index.authorization.social.openAuthWindow(
                    'https://auth.ning.com/socialAuth/facebook?edfm=Q2r94MebVc9GvBUP6hc09UnKfq%2F%2FE8Ze%2BAxieqrjicVlOyoMBiIJ6BynHa%2BmYJkII%2BrrjFGm4BKypu%2BIi0Al%2BJTdB7C%2Buae3ujaghMrh%2B%2B7OhgONyWijGwnmMpe96gDY0uI83WC284WqPJqwCz7G%2BTgi3u0gUVwWiixlwdeG3esci53FGFxJRfQ2Vt0ikDsR5DtDNHnmAPAKJDrGn39%2BR6js1GYGBNNfhpT9EBzOH5Jxc0rWIBy%2BfzVQS3R4aGN39qvd%2BS0Ez%2F4is7I1PX6Jv0C3O7NzlImhvEWylY6wjGxRuhv7jtGF7HOePRuhu8k%2FpcPnIIruFVaYce1ivCPhwNbrN2gqvTfENOWvrrxHlhHNLAlgC%2FL1o1qwDLR%2FyPn0Fsfnk7lMDho8q1J57sCbeT38t6cr9uySWf0IAKQFMWlLJBZho0iz%2F45NMLApSIsMfQ%2FQF6lRsAP8vtVnI%2B7ymkRMk4VjYTM5J70SVnzjQOs%3D'
                    ); return false;">
                            <img src="https://static.ning.com/socialnetworkmain/widgets/index/gfx/admin/facebook-login-button.png?xn_version=3895636671" alt="Facebook" title="Facebook" />
                        </a>
        </li>
    </ul>
                </div>
                    </div>
    </div>
</div>
                        <div class="xj_sidebar_content"></div>
                    </div>
                    <div class="xg_column xg_span-14 xg_last" id="column2">
                        <div id="xg_canvas" class="xj_canvas">
                            <ul class="navigation easyclear"><li><a href="http://www.breizhbook.com/photo">Toutes les photos</a></li><li><a href="http://www.breizhbook.com/photo/album/list">Tous les albums</a></li><li><a href="http://www.breizhbook.com/photo/photo/listForContributor?">Mes photos</a></li><li><a href="http://www.breizhbook.com/photo/album/listForOwner?">Mes albums</a></li><li class="right xg_lightborder navbutton"><a href="http://www.breizhbook.com/photo/album/new" class="xg_sprite xg_sprite-add">Ajouter</a></li></ul><div class="xg_module xg_module_with_dialog">
	<div class="xg_headline xg_headline-img xg_headline-2l">
    <div class="ib"><span class="xg_avatar"><a class="fn url" href="http://www.breizhbook.com/profile/FransEstes"  title="Frans Estes"><span class="table_img dy-avatar dy-avatar-64 "><img  class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1713290528?profile=RESIZE_64x64&amp;width=64&amp;height=64&amp;crop=1%3A1" alt="" /></span></a></span></div>
<div class="tb"><h1>Javascript tabs tutorial ^482^</h1>
        <ul class="navigation byline">
            <li><a class="nolink">Ajouté par </a><a href="/profile/FransEstes">Frans Estes</a><a class="nolink"> le 15&nbsp;avril 2019 à 1:30</a></li>
            <li><a class="xg_sprite xg_sprite-view" href="http://www.breizhbook.com/photo/album/listForOwner?screenName=10akvejyw29ji">Afficher les albums</a></li>
        </ul>
    </div>
</div>
    <div class="xg_module_body nopad body_albumdetail_main">
        <div class="xg_column xg_span-4">
            <div class="albuminfo pad5">
                <div style="background-image: url(https://static.ning.com/socialnetworkmain/widgets/photo/gfx/albums/default_cover_120x120.gif?xn_version=4024552908);" class="albumcover">
                    Javascript tabs tutorial ^482^                </div>
                                    <div class="xg_user_generated"><p class="album_description">10 Awesome jQuery Tab Tutorials and Plugins to help you get tab effects set up for your blog or web page. Tabs are very useful for web designers and developers to present a lot of information<p> </p>
<p> </p>
<center><strong>JAVASCRIPT TABS TUTORIAL >> <u><a href="http://sxz.cloudo.pw/download?file=javascript+tabs+tutorial" rel="nofollow">DOWNLOAD NOW</a></u></strong><p> </p>
<strong>JAVASCRIPT TABS TUTORIAL >> <u><a href="http://sxz.cloudo.pw/read?file=javascript+tabs+tutorial" rel="nofollow">READ ONLINE</a></u></strong><p> </p>
<p> </p>
</center>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/></p>
<p> </p>
<p> </p>
<p>All code belongs to the poster and no license is enforced. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code. Links. Bug tracker Roadmap (vote for features) About Docs Service status Tab interface is very popular. It is best ways to display maximum content in minimum place with better UI. For a web designers to do coding for that is bit hard thing, so let's make it easier with below examples and tutorials, Here are different types of Tab scripts some have animated effects too. Learn JavaScript and Javascript arrays to build interactive websites and pages that adapt to every device. Add dynamic behavior, store information, and handle requests and responses. This course can help marketers and designers upgrade their career and is a starting point for front-end engineers. Bootstrap JS Tab Previous Next Tabs are used to separate content into different panes where each pane is viewable one at a time. For a tutorial about Tabs, read our Bootstrap Tabs/Pills Tutorial. Class Description Example JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial Tabs are sets of logically grouped content that allow us to quickly flip between them to. Tabs allow us to save space like accordions. For tabs to work properly following set of markups needs to use ? jQueryUI provides us tabs () method drastically changes the appearance of HTML elements inside When you think of "tabs", your mind might go right to JavaScript. Watch for a click on a tab, hide all the panels, show the one corresponding to tab just clicked on. All major JavaScript libraries tackle tabs in some way. But there is a way to accomplish this same idea with "pure CSS". This tutorial walks you through creating a basic bot with the Bot F</p>
<a href="http://property.ning.com/photo/albums/referee-tutorial-153" rel="dofollow">Referee tutorial</a> <a href="http://property.ning.com/photo/albums/check-flash-update-manually-994" rel="dofollow">Check flash update manually</a> <a href="http://mcdonaldauto.ning.com/photo/albums/cuernos-malefica-tutorialsbya-859" rel="dofollow">Cuernos malefica tutorialsbya</a> <a href="https://www.sonumarket.com/forums/topic/kachelbare-muster-illustrator-tutorials-947/" rel="dofollow">Kachelbare muster illustrator tutorials</a> <a href="http://community.lazypoets.com/photo/albums/3d-bop-bag-instructions-139" rel="dofollow">3d bop bag instructions</a> <a href="http://www.breizhbook.com/photo/albums/ha9888-manual-transfer-751" rel="dofollow">Ha9888 manual transfer</a> <a href="http://www.breizhbook.com/photo/albums/slow-loris-kali-linux-tutorials-334" rel="dofollow">Slow loris kali linux tutorials</a> <a href="http://www.breizhbook.com/photo/albums/skewb-megaminx-solution-guide-626" rel="dofollow">Skewb megaminx solution guide</a> <a href="http://www.breizhbook.com/photo/albums/mitsubishi-mt372-manual-787" rel="dofollow">Mitsubishi mt372 manual</a> <a href="http://www.breizhbook.com/photo/albums/food-cosmetics-and-drug-packaging-instructions-205" rel="dofollow">Food cosmetics and drug packaging instructions</a></p></div>
                <p class="share-links clear"><br>            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                    <span class="xg_tweet">
        <a href="https://twitter.com/share" class="post_to_twitter twitter-share-button" target="_blank"
            data-text="Consultation de &laquo;&nbsp;Javascript tabs tutorial ^482^&nbsp;&raquo; sur Breizhbook&nbsp;:" data-url="http://www.breizhbook.com/photo/albums/javascript-tabs-tutorial-482?rss=yes&amp;xn_auth=no" data-count="none" data-dnt="true">Tweet</a>
        </span>
        <br>        <a class="post_to_facebook xj_post_to_facebook" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.breizhbook.com%2Fphoto%2Falbums%2Fjavascript-tabs-tutorial-482%3Frss%3Dyes%26xn_auth%3Dno%26xg_source%3Dfacebookshare&amp;t=" _url="http://www.breizhbook.com/photo/albums/javascript-tabs-tutorial-482?rss=yes&amp;xn_auth=no&amp;xg_source=facebookshare" _title="" _log="{&quot;module&quot;:&quot;photo&quot;,&quot;page&quot;:&quot;album&quot;,&quot;action&quot;:&quot;show&quot;}">Facebook</a>
    <div class="likebox">
    <div class="facebook-like" data-content-type="Album" data-content-id="6339722:Album:484776" data-page-type="detail">
        <fb:like href="http://www.breizhbook.com/xn/detail/6339722:Album:484776" layout="button_count" show_faces="false" width="450"></fb:like>
    </div>
</div>
</p>            </div>
        </div>
        <div class="xg_column xg_span-12 last-child">
            <ul class="clist">
                            </ul>
                    </div>
    </div>

</div>

        <div class="xg_module">
                                        <div class="xg_module_body">
                    <p id="add-comment">Commenter</p>
                                            <div class="comment-join">
                            <h3>Vous devez être membre de Breizhbook pour ajouter des commentaires !</h3>
                                                <p><a href="http://www.breizhbook.com/main/authorization/signUp?target=http%3A%2F%2Fwww.breizhbook.com%2Fphoto%2Falbums%2Fjavascript-tabs-tutorial-482%3Frss%3Dyes%26xn_auth%3Dno">Rejoindre Breizhbook</a></p>
                                                </div>
                                                        </div>
                    <div class="xg_module_body" id="comments" style="display: none" _numComments="0" _scrollTo="">
                    </div>
                    <div class="xg_module_foot" id="xj_comments_footer" style="display:none">
                                            <p class="left">
                            <a class="xg_icon xg_icon-rss" href="http://www.breizhbook.com/photo/albumcomment/feed?attachedTo=6339722%3AAlbum%3A484776&amp;xn_auth=no">RSS</a>
                        </p>
                                    </div>
                    </div>
    
                        </div>
                    </div>
                </div>
            </div>
            <div id="xg_foot">
                <div id="xg_footcontent">
                    <div class="xj_foot_content"><p class="left">
    © 2026             &nbsp; Créé par <a href="/profile/0km5tmola9u3k">Corentin de Breizhbook</a>.            &nbsp;
    Sponsorisé par<a class="poweredBy-logo" href="https://www.ning.com/fr/" title="" alt="" rel="dofollow">
    <img class="poweredbylogo" width="87" height="15" src="https://static.ning.com/socialnetworkmain/widgets/index/gfx/Ning_MM_footer_wht@2x.png?xn_version=2105418020"
         title="Cr&eacute;er un site web avec Ning" alt="Constructeur des sites | Cr&eacute;er un site web avec Ning.com">
</a>    </p>
    <p class="right xg_lightfont">
                    <a href="http://www.breizhbook.com/main/embeddable/list">Badges</a> &nbsp;|&nbsp;
                        <a href="http://www.breizhbook.com/main/authorization/signUp?target=http%3A%2F%2Fwww.breizhbook.com%2Fmain%2Findex%2Freport" dojoType="PromptToJoinLink" _joinPromptText="Veuillez vous inscrire ou vous connecter pour terminer cette &eacute;tape." _hasSignUp="true" _signInUrl="http://www.breizhbook.com/main/authorization/signIn?target=http%3A%2F%2Fwww.breizhbook.com%2Fmain%2Findex%2Freport">Signaler un problème</a> &nbsp;|&nbsp;
                        <a href="http://www.breizhbook.com/main/authorization/termsOfService?previousUrl=http%3A%2F%2Fwww.breizhbook.com%2Fphoto%2Falbums%2Fjavascript-tabs-tutorial-482%3Frss%3Dyes%26xn_auth%3Dno">Conditions d'utilisation</a>
            </p>
</div>
                </div>
            </div>
			<div id="xg_ad_below_footer" class="xg_ad xj_ad_below_footer">
				<div class="xg_module module-plain  html_module module_text xg_reset" data-module_name="text"
        >
            <div class="xg_module_body xg_user_generated">
            <table border="0" cellspacing="10">
<tbody>
<tr>
<td style="padding-left: 20px;"><iframe id="widget-of__preview" src="http://www.ouest-france.fr/services/widget/actualites?nb=5&amp;theme=R%C3%A9gions%20/%20Bretagne&amp;font=options__font-default&amp;logo=options__logo-default&amp;h=200&amp;thumbnail=0" width="400" height="200" frameborder="0" name="widget-of__preview"></iframe></td>
<td style="padding-left: 20px;"><iframe id="widget-of__preview" src="http://www.ouest-france.fr/services/widget/actualites?nb=5&amp;theme=Culture&amp;font=options__font-default&amp;logo=options__logo-default&amp;h=200&amp;thumbnail=0" width="400" height="200" frameborder="0" name="widget-of__preview"></iframe></td>
</tr>
</tbody>
</table>
        </div>
        </div>

			</div>
        </div>
    </div>
    <div class="xj_after_content"><div id="xj_baz17246" class="xg_theme"></div>
<div id="xg_overlay" style="display:none;">
<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
</div>
<!--googleoff: all--><noscript>
	<style type="text/css" media="screen">
        #xg { position:relative;top:120px; }
        #xn_bar { top:120px; }
	</style>
	<div class="errordesc noscript">
		<div>
            <h3><strong>Bonjour, JavaScript doit être activé pour utiliser Breizhbook.</strong></h3>
            <p>Veuillez vérifier les paramètres de votre navigateur ou contacter votre administrateur système.</p>
			<img src="/xn_resources/widgets/index/gfx/jstrk_off.gif" alt="" height="1" width="1" />
		</div>
	</div>
</noscript><!--googleon: all-->
<script type="text/javascript" src="https://static.ning.com/socialnetworkmain/widgets/lib/core.min.js?xn_version=1651386455"></script>        <script>
            var sources = ["https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery-ui.min.js?xn_version=2186421962","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/modernizr\/modernizr.custom.js?xn_version=202609251226","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jstorage.min.js?xn_version=1968060033","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.autoResize.js?xn_version=202609251226","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.jsonp.min.js?xn_version=1071124156","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/Base64.js?xn_version=202609251226","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.ui.widget.js?xn_version=202609251226","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.iframe-transport.js?xn_version=202609251226","https:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.fileupload.js?xn_version=202609251226","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/31267153261?profile=original&r=1789568146","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/12882178675?profile=original&r=1724773195","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108785860?profile=original&r=1684134903","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/31267153265?profile=original&r=1789568147","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/31267153073?profile=original&r=1789568148"];
            var numSources = sources.length;
                        var heads = document.getElementsByTagName('head');
            var node = heads.length > 0 ? heads[0] : document.body;
            var onloadFunctionsObj = {};

            var createScriptTagFunc = function(source) {
                var script = document.createElement('script');
                
                script.type = 'text/javascript';
                                var currentOnLoad = function() {xg._loader.onLoad(source);};
                if (script.readyState) { //for IE (including IE9)
                    script.onreadystatechange = function() {
                        if (script.readyState == 'complete' || script.readyState == 'loaded') {
                            script.onreadystatechange = null;
                            currentOnLoad();
                        }
                    }
                } else {
                   script.onerror = script.onload = currentOnLoad;
                }

                script.src = source;
                node.appendChild(script);
            };

            for (var i = 0; i < numSources; i++) {
                                xg._loader.loading(sources[i]);
                createScriptTagFunc(sources[i]);
            }
        </script>
    <script type="text/javascript">
if (!ning._) {ning._ = {}}
ning._.compat = { encryptedToken: "<empty>" }
ning._.CurrentServerTime = "2026-10-15T19:40:51+00:00";
ning._.probableScreenName = "";
ning._.domains = {
    base: 'ning.com',
    ports: { http: '80', ssl: '443' }
};
ning.loader.version = '202609251226'; // DEP-260925_1:ab0aedb 33
djConfig.parseWidgets = false;
</script>
    <script type="text/javascript">
        xg.token = '';
xg.canTweet = false;
xg.cdnHost = 'static.ning.com';
xg.version = '202609251226';
xg.useMultiCdn = true;
xg.staticRoot = 'socialnetworkmain';
xg.xnTrackHost = "coll.ning.com";
    xg.cdnDefaultPolicyHost = 'static';
    xg.cdnPolicy = [];
xg.global = xg.global || {};
xg.global.currentMozzle = 'photo';
xg.global.userCanInvite = false;
xg.global.requestBase = '';
xg.global.locale = 'fr_CA';
xg.num_thousand_sep = ",";
xg.num_decimal_sep = ".";
(function() {
    dojo.addOnLoad(function() {
        if(window.bzplcm) { window.bzplcm.ts('hr'); window.bzplcm._profileSend(); }
            });
            ning.loader.require('xg.index.facebookLike', 'xg.video.index._shared', 'xg.video.video.ShowEmbedToggle', function() { xg._loader.onLoad('xnloader'); });
    })();    </script>
    <div class="xg_chat chatFooter signedOut" style="font-family:'Helvetica Neue', Arial, Helvetica, sans-serif">
        <div id="userListContainer" class="xg_verticalPane xg_userWidth">
            <div class="xg_chatBar xg_bottomBar xg_userBar">
                <a class="xg_info xg_info_full" href="/main/authorization/signIn?chat=true">Connectez-vous à la discussion !</a>            </div>
        </div>
    </div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-24842832-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script><script>
    document.addEventListener("DOMContentLoaded", function () {
        if (!dataLayer) {
            return;
        }
        var handler = function (event) {
            var element = event.currentTarget;
            if (element.hasAttribute('data-track-disable')) {
                return;
            }
            var options = JSON.parse(element.getAttribute('data-track'));
            dataLayer.push({
                'event'         : 'trackEvent',
                'eventType'     : 'googleAnalyticsNetwork',
                'eventCategory' : options && options.category || '',
                'eventAction'   : options && options.action || '',
                'eventLabel'    : options && options.label || '',
                'eventValue'    : options && options.value || ''
            });
            if (options && options.ga4) {
                dataLayer.push(options.ga4);
            }
        };
        var elements = document.querySelectorAll('[data-track]');
        for (var i = 0; i < elements.length; i++) {
            elements[i].addEventListener('click', handler);
        }
    });
</script>

</div>
</body>
</html>