<!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>Pop up box html css tutorial stylesheet @542@ - 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="Download    Download Pop up box html css tutorial stylesheet Read Online    Read Online Pop up box html css tutorial stylesheet 
jquery modal popuphow to make…" />
    <meta name="keywords" content="Bretons, Breizh, Réseau, Bretagne, social" />
<meta name="title" content="Pop up box html css tutorial stylesheet @542@" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.breizhbook.com/photo/albums/pop-up-box-html-css-tutorial-stylesheet-542?rss=yes&amp;xn_auth=no" />
<meta property="og:title" content="Pop up box html css tutorial stylesheet @542@" />
<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="Pop up box html css tutorial stylesheet @542@" />
<meta name="twitter:description" content="Download    Download Pop up box html css tutorial stylesheet Read Online    Read Online Pop up box html css tutorial stylesheet 
jquery modal popuphow to make…" />
<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': '6Ldf3AoUAAAAALPgNx2gcXc8a_5XEcnNseR6WmsT'
};
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="http://static.ning.com/socialnetworkmain/widgets/photo/gfx/albums/default_cover_120x120.gif?xn_version=4024552908" type="image/jpeg" /><meta name="title" content="Pop up box html css tutorial stylesheet @542@" /><link rel="alternate" type="application/rss+xml" title="Pop up box html css tutorial stylesheet @542@ - Breizhbook" href="http://www.breizhbook.com/photo/albums/pop-up-box-html-css-tutorial-stylesheet-542?rss=yes&amp;xn_auth=no" /><link rel="alternate" type="application/atom+xml" title="Commentaires - Pop up box html css tutorial stylesheet @542@ - Breizhbook" href="http://www.breizhbook.com/photo/albumcomment/feed?attachedTo=6339722%3AAlbum%3A472692&amp;xn_auth=no" />
<style type="text/css" media="screen,projection">
@import url("http://static.ning.com/socialnetworkmain/widgets/index/css/common-982.min.css?xn_version=3128532263");
@import url("http://static.ning.com/socialnetworkmain/widgets/index/css/wide-sidebar.min.css?xn_version=1460991910");
@import url("http://static.ning.com/socialnetworkmain/widgets/photo/css/component.min.css?xn_version=3156643033");
@import url("http://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-69d3af661c3076-86914479-css?xn_version=202604061257");

</style>

<style type="text/css" media="screen,projection">
@import url("/generated-69d3af65b968c9-30679563-css?xn_version=202604061257");

</style>

<!--[if IE 6]>
    <link rel="stylesheet" type="text/css" href="http://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="http://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%2Fpop-up-box-html-css-tutorial-stylesheet-542%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:472692"></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%2Fpop-up-box-html-css-tutorial-stylesheet-542%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=bjzv50MsVKZ6bB1cOsM1weKNXl%2Fl%2B01pt7nZ4HXSAIwF0y2DyZgtysoxNq3YcPlM8oAVjRdOfvJ2c79%2BUbRPXQpVB2VIp9orC5U5bS107Yu88q6zrxB6yzksCr1mYv6UDjQqHWlKw0sxpXyiKvOouOxx2v0MKFJoWoi%2FhyvdT6IpGYIkbiYc7mTocg0XP9dTeTQXqMWpCwlDrjwIDptK68v%2Fq8SYL12IICcig8UAVGVca2Qnqaeyf89xnrJXeCbMeh6zgy6JMIPixGivtayEExcGH66%2BaBErLz45RzYLy57A%2FzDpsofra%2FpSbM3XOiSIGCyI1qnbmHzBqsZwG8LV1q%2BDed3KWSHcbzEp1%2FZ5Sp6LhT7OWYZ%2BfcHAWEVcZEtR26fxh3kYxdv0q%2BuevmvYcUrdlt0ru3s%2F8b0AIZ3fDnyvCiZ%2FvYD7NRMwM0AHNPsDB0%2BNllXQWPA1uc5ujd7QRhmNHBkyWZc3k2AyFk%2B8ZV1kspT4dE83d3gEBLezsGiK'
                    ); return false;">
                            <img src="http://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>Pop up box html css tutorial stylesheet @542@</h1>
        <ul class="navigation byline">
            <li><a class="nolink">Ajouté par </a><a href="/profile/FransEstes">Frans Estes</a><a class="nolink"> le 1&nbsp;avril 2019 à 0:20</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(http://static.ning.com/socialnetworkmain/widgets/photo/gfx/albums/default_cover_120x120.gif?xn_version=4024552908);" class="albumcover">
                    Pop up box html css tutorial stylesheet @542@                </div>
                                    <div class="xg_user_generated"><p class="album_description"><br/><br/><br/><center><b>Download >> <u><a href="http://vzh.cloudz.pw/download?file=pop+up+box+html+css+tutorial+stylesheet" rel="nofollow">Download Pop up box html css tutorial stylesheet</a></u></b> <br/><br/><b>Read Online >> <u><a href="http://vzh.cloudz.pw/read?file=pop+up+box+html+css+tutorial+stylesheet" rel="nofollow">Read Online Pop up box html css tutorial stylesheet</a></u></b> <br/><br/></center>
<br/><br/><p>jquery modal popuphow to make a pop up registration form in html<br/> automatic pop up window html<br/> html popup window onclick<br/> dialog box in html<br/> how to make a pop up image in html<br/> message box in html form<br/> how to create popup in html with css<br/> <br/> <br/> <br/></p>
<p> </p>
<p> </p>
<p>7 Nov 2013 There are several techniques for creating overlays: from using an absolutely When the user interaction is only accepted in the pop-up modal, html, body{ min-height: 100%; } body{ position: relative; } .overlay{ position: . This is normally the viewport: the browser window or the paper's page box. You can apply CSS to your Pen from any stylesheet on the web. Tidy HTML; View Compiled HTML; Analyze HTML; Maximize HTML Editor; Minimize HTML Editor <h1>Popup/Modal Windows without JavaScript</h1> <div class="box"> <a Learn how to create a Modal Box with CSS and JavaScript. How To Create a Modal Box. A modal is a dialog box/popup window that is displayed on top of the 18 Jul 2016 A small box that pops up to tell you something important. How hard can it be? I typically plop a modal's HTML before the closing </body> tag. How To Create a Popup Form. Step 1) Add HTML. Use a <form> element to process the input. You can learn more about this in our PHP tutorial. Alert Buttons Outline Buttons Split Buttons Animated Buttons Fading Buttons Button on Image Social Media Buttons Read More Read Less Loading Learn how to create a responsive login form with CSS. Step 1) Add HTML: You can learn more about how to process input in our PHP tutorial. box-sizing: border-box; <link rel="stylesheet" Embed modal HTML in document; Create a link with rel="modal:open" and set the href Open modal in AJAX callback $('#manual-ajax').click(function(event) { event. When the modal is closed, both the overal and window transition out simultaneously. And then of course your custom CSSA modal is a dialog box/popup window that is displayed on top of the current page: Modal content can be any HTML element (divs, headings, paragraphs, 8 Mar 2019 In some special cases, you may find yourself needing to edit or add to the Popup Maker Style Sheets for any number of reasons. This doc But In this tutorial we will teach you how to make your own custom Popup Box without Make a HTML file and define markups for Popup Box; Make a CSS file and <html> <head> <link rel="stylesheet" type="text/css" href="popup_style.css"></p>
<a href="http://archimed.center/forums/topic/sky-user-guides-plus-939/" rel="dofollow">Sky user guides plus</a> <a href="http://techwarriorteam.ning.com/photo/albums/emblem-black-ops-2-belli-tutorial-shawl-456" rel="dofollow">Emblem black ops 2 belli tutorial shawl</a> <a href="http://www.pulsecommunity.org/photo/albums/monosorb-manual-transfer-684" rel="dofollow">Monosorb manual transfer</a> <a href="http://www.facecool.com/photo/albums/guidetti-feyenoord-youtube-to-mp3-947" rel="dofollow">Guidetti feyenoord youtube to mp3</a> <a href="http://www.hicenter.ae/forums/topic/apophysis-7x-3d-tutorial-photoshop-417/" rel="dofollow">Apophysis 7x 3d tutorial photoshop</a> <a href="http://www.breizhbook.com/photo/albums/lanveoc-restaurant-guide-502" rel="dofollow">Lanveoc restaurant guide</a> <a href="http://www.breizhbook.com/photo/albums/e-rowindex-in-gridview-c-tutorial-340" rel="dofollow">E rowindex in gridview c# tutorial</a> <a href="http://www.breizhbook.com/photo/albums/font-tutorial-adobe-photoshop-754" rel="dofollow">Font tutorial adobe photoshop</a> <a href="http://www.breizhbook.com/photo/albums/ar-condicionado-portatil-phil</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;Pop up box html css tutorial stylesheet @542@&nbsp;&raquo; sur Breizhbook&nbsp;:" data-url="http://www.breizhbook.com/photo/albums/pop-up-box-html-css-tutorial-stylesheet-542?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%2Fpop-up-box-html-css-tutorial-stylesheet-542%3Frss%3Dyes%26xn_auth%3Dno%26xg_source%3Dfacebookshare&amp;t=" _url="http://www.breizhbook.com/photo/albums/pop-up-box-html-css-tutorial-stylesheet-542?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:472692" data-page-type="detail">
        <fb:like href="http://www.breizhbook.com/xn/detail/6339722:Album:472692" 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%2Fpop-up-box-html-css-tutorial-stylesheet-542%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%3A472692&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="http://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%2Fpop-up-box-html-css-tutorial-stylesheet-542%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="http://static.ning.com/socialnetworkmain/widgets/lib/core.min.js?xn_version=1651386455"></script>        <script>
            var sources = ["http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery-ui.min.js?xn_version=2186421962","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/modernizr\/modernizr.custom.js?xn_version=202604061257","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jstorage.min.js?xn_version=1968060033","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.autoResize.js?xn_version=202604061257","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.jsonp.min.js?xn_version=1071124156","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/Base64.js?xn_version=202604061257","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.ui.widget.js?xn_version=202604061257","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.iframe-transport.js?xn_version=202604061257","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.fileupload.js?xn_version=202604061257","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/12882178268?profile=original&r=1724773193","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\/31093189466?profile=original&r=1771939172","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108871060?profile=original&r=1684135203"];
            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-05-09T03:39:24+00:00";
ning._.probableScreenName = "";
ning._.domains = {
    base: 'ning.com',
    ports: { http: '80', ssl: '443' }
};
ning.loader.version = '202604061257'; // DEP-260406_1:e856392 33
djConfig.parseWidgets = false;
</script>
    <script type="text/javascript">
        xg.token = '';
xg.canTweet = false;
xg.cdnHost = 'static.ning.com';
xg.version = '202604061257';
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>
