<!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>Img over text css tutorial - 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 Img over text css tutorial Read Online    Read Online Img over text css tutorial 
image over image css example how to write text on image…" />
    <meta name="keywords" content="Bretons, Breizh, Réseau, Bretagne, social" />
<meta name="title" content="Img over text css tutorial" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.breizhbook.com/photo/albums/img-over-text-css-tutorial?rss=yes&amp;xn_auth=no" />
<meta property="og:title" content="Img over text css tutorial" />
<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="Img over text css tutorial" />
<meta name="twitter:description" content="Download    Download Img over text css tutorial Read Online    Read Online Img over text css tutorial 
image over image css example how to write text on image…" />
<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="Img over text css tutorial" /><link rel="alternate" type="application/rss+xml" title="Img over text css tutorial - Breizhbook" href="http://www.breizhbook.com/photo/albums/img-over-text-css-tutorial?rss=yes&amp;xn_auth=no" /><link rel="alternate" type="application/atom+xml" title="Commentaires - Img over text css tutorial - Breizhbook" href="http://www.breizhbook.com/photo/albumcomment/feed?attachedTo=6339722%3AAlbum%3A456812&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%2Fimg-over-text-css-tutorial%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:456812"></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%2Fimg-over-text-css-tutorial%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=KErqcokiDXC8tGiFTaJomqO9EJkmCCVoVW9uw%2FbN3HW98vVJ2BpHwuICd6%2BpDjhZ63JcGHtvNA0v9BPqX%2BuYwdHN4yoZabfl6YydYpvWTxt%2FLn9gYo7gOQatMaxISZGgdPyU0rFmw7VmWr4ONjwqz3TdF4rnNKL0jlSk%2Brz5CnGCa9kvDPX%2Fa4uNwC8OZyoctfyCTxhzrp8X3G32LDeO7SM89QhjTa9R6XKeTMnC7MKHmTBo8K3UT4kiGoO4XYHX6fLc%2FQlBKYdEE5jbol2qM1zp%2BNmvHtkGeRg0e5lJlRp7MnIrCkFD2P2uvu%2FPtFF8B0gYUHu1iQRfLFFIN6tNFx7XL%2FyvAUGUZU4mcevG48dr6VfefX2Gg6HzVdSIP1R%2FTbkqpdsZSvU0ddwEclVNAC3l1cZZKEktmni544BToElG%2FhxqAQqMH5FkoFSlYOVP%2Bh4mjyMsTYg6oR1zT%2Bm7oAHiMjfTdalSSSUi9hncFqk%3D'
                    ); 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/TahvoHarris"  title="Tahvo Harris"><span class="table_img dy-avatar dy-avatar-64 "><img  class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/825036134?profile=RESIZE_64x64&amp;width=64&amp;height=64&amp;crop=1%3A1" alt="" /></span></a></span></div>
<div class="tb"><h1>Img over text css tutorial</h1>
        <ul class="navigation byline">
            <li><a class="nolink">Ajouté par </a><a href="/profile/TahvoHarris">Tahvo Harris</a><a class="nolink"> le 6&nbsp;mars 2019 à 7:01</a></li>
            <li><a class="xg_sprite xg_sprite-view" href="http://www.breizhbook.com/photo/album/listForOwner?screenName=0tqlucfsgx84t">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">
                    Img over text css tutorial                </div>
                                    <div class="xg_user_generated"><p class="album_description"><br/><br/><br/><center><b>Download >> <u><a href="http://vso.cloudo.pw/download?file=img+over+text+css+tutorial" rel="nofollow">Download Img over text css tutorial</a></u></b> <br/><br/><b>Read Online >> <u><a href="http://vso.cloudo.pw/read?file=img+over+text+css+tutorial" rel="nofollow">Read Online Img over text css tutorial</a></u></b> <br/><br/></center>
<br/><br/><p>image over image css example<br/> how to write text on image in html using div<br/> image overlay csstext over image html w3schools<br/> text blocks over image<br/> text over image bootstrap<br/> text over image css responsive<br/> how to write text on image in html with example<br/> <br/> <br/> <br/></p>
<p> </p>
<p> </p>
<p>A common request is to be able to display HTML text over an image that's already embedded on the page. Using CSS to overlay text on an image . the static text on image with responsive web size until I google and find your tutorial. 27 Jul 2009 Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial. 18 Dec 2017 As per the tutorial above: Images can be aligned left, right, and center using the div tag and an inline CSS style. Text DOES NOT wrap around When someone loads a web page (by going to the URL), it is the browser, at that <style type="text/css" media="screen"> #headline1 { background-image: 13 Feb 2019 Full screen hero images using high quality images are all over the Internet. This tutorial shows how you can use HTML ansd CSS to create a responsive Image with Opacity and Color Overlay that Does Not Affect Text.Learn how to place text over an image. To learn more about how to style images, read our CSS Images tutorial. To learn more about CSS positoning, read our This tutorial covers the CSS behind adding overlays to images. Unlike text links, however, there's no standard "hover" effect when it comes to an image. need that visual indication that (1) there's a link and (2) they're hovering over it. 4 Jan 2012 How about something like this: jsfiddle.net/EgLKV/3/. Its done by using position:absolute and z-index to place the text over the image. #container { height: 21 May 2018 Here is a very simple tutorial to design image overlays in HTML and CSS only. Indeed, who has never wanted to quickly position a text over an How TO - Text Blocks Over Image Learn how to place text blocks over an image. To learn more about how to style images, read our CSS Images tutorial.</p>
<a href="http://mcdonaldauto.ning.com/photo/albums/new-york-state-203-instructions" rel="dofollow">http://mcdonaldauto.ning.com/photo/albums/new-york-state-203-instructions</a> <a href="http://mcdonaldauto.ning.com/photo/albums/mlive-voter-guide-2012-movies" rel="dofollow">http://mcdonaldauto.ning.com/photo/albums/mlive-voter-guide-2012-movies</a> <a href="http://learningboard.icongro.com/forums/topic/game-sword-art-online-infinity-moment-guide/" rel="dofollow">http://learningboard.icongro.com/forums/topic/game-sword-art-online-infinity-moment-guide/</a> <a href="http://mcdonaldauto.ning.com/photo/albums/eswa-underfloor-heating-instructions-for-corn" rel="dofollow">http://mcdonaldauto.ning.com/photo/albums/eswa-underfloor-heating-instructions-for-corn</a> <a href="https://beboua.com/forums/topic/roary-cake-tutorial/" rel="dofollow">https://beboua.com/forums/topic/roary-cake-tutorial/</a> <a href="http://www.breizhbook.com/photo/albums/matlab-arduino-tutorial-2" rel="dofollow">http://www.breizhbook.com/photo/albums/matlab-arduino-tutorial-2</a> <a href="http://www.breizhbook.com/photo/albums/fair-catch-madden-25-ps4-manual" rel="dofollow">http://www.breizhbook.com/photo/albums/fair-catch-madden-25-ps4-manual</a> <a href="http://www.breizhbook.com/photo/albums/halliday-resnick-krane-vol-2-solution-manual" rel="dofollow">http://www.breizhbook.com/photo/albums/halliday-resnick-krane-vol-2-solution-manual</a> <a href="http://www.breizhbook.com/photo/albums/dcgi-guidelines-biosimilars-vs-generics" </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;Img over text css tutorial&nbsp;&raquo; sur Breizhbook&nbsp;:" data-url="http://www.breizhbook.com/photo/albums/img-over-text-css-tutorial?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%2Fimg-over-text-css-tutorial%3Frss%3Dyes%26xn_auth%3Dno%26xg_source%3Dfacebookshare&amp;t=" _url="http://www.breizhbook.com/photo/albums/img-over-text-css-tutorial?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:456812" data-page-type="detail">
        <fb:like href="http://www.breizhbook.com/xn/detail/6339722:Album:456812" 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%2Fimg-over-text-css-tutorial%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%3A456812&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%2Fimg-over-text-css-tutorial%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-04-14T21:58:52+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>
