< ! DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
< xmlns html = " http://www.w3.org/1999/xhtml "xml : lang = "fr" lang = "fr" dir = " < $ BlogLanguageDirection $ > ">
< $ BlogPageTitle $> < / title>
< ! - Meta Information - >
< $ BlogMetaData $>
<style type="text/css">
/ *
-----------------------------------------------
Blogger Template Style
Nom : 565
Designer : Douglas Bowman
URL : www.stopdesign.com
Date: 28 février 2004
----------------------------------------------- * /
body {
background: # cdb ;
margin: 0;
padding: 10px 14px 0 ;
police : x -small Verdana , sans-serif ;
text-align : center;
color: # 333;
*/:/**/ font-size * / small ;
font-size : / ** / small ;
}
/ * Structure de la page
----------------------------------------------- * /
@ Media tous les {
# wrap {
position: relative;
Haut : 4px;
à gauche: 4px;
background: # AB8 ;
largeur: 744px ;
margin: 0 auto ;
text-align : left;
}
}
@ Media poche {
# wrap {
largeur: 90% ;
}
}
# { wrap2
position: relative;
top : - 4px;
à gauche: - 4px;
background: # FFF ;
padding: 10px ;
}
# content {
background: url ( " http://www.blogblog.com/no565/bg_content.gif " ) repeat-y en haut à gauche ;
width: 100% ;
font-size : 85% ;
}
@ Media tous les {
# principal {
background: url cdb # ( " http://www.blogblog.com/no565/corner_main.gif " ) no-repeat en haut à droite ;
largeur: 460PX ;
float: left;
color: # 333;
}
# Sidebar {
background: url # 565 ( " http://www.blogblog.com/no565/corner_sidebar.gif " ) no-repeat en haut à gauche ;
largeur: 254px ;
float: right ;
padding: 0 ;
Couleur: cdb # ;
}
}
@ Media poche {
# principal {
width: 100% ;
float: none;
}
# Sidebar {
width: 100% ;
float: none;
}
}
# { Main2
margin: 0;
padding: 20px 15px ;
}
# { sidebar2
margin: 0;
padding: 2px 20px 10px ;
}
Liens * /
----------------------------------------------- * /
a: link {
color: # 388;
text-decoration : none;
}
a: visited {
color: # 776;
text-decoration : none;
}
a: hover {
color: # 333;
text-decoration : underline;
}
une img {
border-width : 0 ;
}
# Sidebar a: link {
couleur: # FFF ;
}
# Sidebar a: visited {
color: # AB9 ;
}
# Sidebar a: hover {
couleur: # FFF ;
}
En-tête * /
----------------------------------------------- * /
# header {
background: url # Be4 ( " http://www.blogblog.com/no565/topleft.gif " ) no-repeat left bottom ;
padding: 0 0 0 160px ;
margin: 0 0 10px ;
couleur: # FFF ;
width: 100% ;
largeur / * */:/**/ automobile ;
width: auto ;
}
# blog -titre {
background: url ( " http://www.blogblog.com/no565/bg_header.gif " ) no-repeat en haut à gauche ;
margin: 0;
padding: 40px 0 0 ;
caractères gras 275% / 97px Helvetica , Arial , Verdana , sans-serif ;
text-transform : minuscules ;
}
# blog - titre d'un {
couleur: # FFF ;
text-decoration : none;
}
. postpage blog # -titre {
padding-top : 0 ;
background-position : 0- 40px;
}
Description * /
----------------------------------------------- * /
Description # {
background: url # F90 ( " http://www.blogblog.com/no565/bg_desc_top.gif " ) no-repeat en haut à gauche ;
margin: 0 0 10px ;
padding: 12px 0 0 ;
couleur: # FFF ;
}
p { # description
background: url ( " http://www.blogblog.com/no565/bg_desc_bot.gif " ) no-repeat left bottom ;
margin: 0;
padding: 12px 0 0 ;
}
Description em # {
/ * Pour supprimer le mot à côté de la desription , supprimer la référence suivants * de propriété /
background: url ( " http://www.blogblog.com/no565/temp_no.gif " ) no-repeat centre gauche ;
/ * Gardez tout ci-dessous * /
display: block ;
padding: 0 0 0 160px ;
caractères gras de 75% / 1.6em Arial , Verdana , sans-serif ;
text-transform : uppercase ;
letter-spacing : .1 em ;
min-height : 12px ;
_height : 12px ;
}
. em description postpage # {
font-size : 1px ;
line-height : 1px ;
color: # 8df ;
visibility: hidden ;
}
Messages * /
----------------------------------------------- * /
. date d'en-tête {
margin: 0 0 .5 em ;
caractères gras 112% / 1.4em Arial , Verdana , sans-serif ;
text-transform : minuscules ;
couleur: # FFF ;
}
. { post
margin: 2em 0 0 ;
}
. post - title {
margin: 0 0 0,25 em ;
caractères gras 150% / 1.4em Helvetica , Arial , Verdana , sans-serif ;
color: # 333;
}
# principal. post - titre d'un {
text-decoration : none;
color: # 366;
}
# principal. post -titre a: hover {
color: # 333;
}
. p post , . post- body {
margin: 0 0 0,75 em ;
line-height : 1.6em ;
}
. post - footer {
color: # AB9 ;
text-transform : minuscules ;
}
. em post - footer {
font-style : normal ;
color: # 787;
}
blockquote poste. {
margin: 20px 1em ;
padding: 5px 0;
border: 2px solid # décembre ;
border-width : 2px 0;
}
. poste P blockquote {
marge : .5 em 0 ;
}
img poste. {
border: 5px solid # fff ;
}
Commentaires * /
----------------------------------------------- * /
{ # comments
margin: 2em 0 0 ;
border-top : 2px solid # décembre ;
padding-top : 1em ;
}
# comments h4 {
margin: 0 0 0,25 em ;
caractères gras 150% / 1.4em Helvetica , Arial , Verdana , sans-serif ;
text-transform : minuscules ;
color: # 366;
}
# Comments - bloc {
margin: 0;
line-height : 1.6em ;
}
. comment- poster {
margin: 0 0 0,25 em ;
caractères gras 112% / 1.4em Arial , Verdana , sans-serif ;
text-transform : minuscules ;
}
. comment- corps, . p comment- body {
margin: 0 0 0,75 em ;
}
p.comment - timestamp {
margin: -. 25em 0 2em ;
}
. deleted-comment {
font-style : italic ;
Couleur: gris ;
}
. paging -control- conteneur {
float: right ;
margin: 0px 0px 0px 6px ;
font-size : 80% ;
}
. inutiles - paging de contrôle {
visibility: hidden ;
}
Sidebar * /
----------------------------------------------- * /
. sidebar- title {
margin: 1em 0 0,25 em ;
caractères gras 150% / 1.4em Helvetica , Arial , Verdana , sans-serif ;
color: # 897;
text-transform : minuscules ;
}
# Sidebar ul {
margin: 0 0 1.5em ;
padding: 0 ;
list-style : none;
}
# Sidebar li {
margin: 0;
padding: 0 0 0,25 em 20px ;
text-indent : 20px - ;
line-height : 1.4em ;
}
# Sidebar { p
margin: 0 0 0,75 em ;
line-height : 1.4em ;
}
Profil * /
----------------------------------------------- * /
# Profile - conteneur {
margin: 0 0 1.75em ;
}
. profile- datablock , . profile- TextBlock {
margin: 0 0 0,75 em ;
line-height : 1.4em ;
}
. profile- img {
display: inline ;
}
. img profil -img {
float: left;
margin: 0 10px 5px 0;
border: 5px solid # 786;
}
. profile- données {
font- weight: bold ;
couleur: # FFF ;
}
. profile- données solides {
display: none ;
}
Pied de page * /
----------------------------------------------- * /
# footer {
clear: both ;
padding: 10px 0 0 ;
}
h # footer {
display: none ;
}
p # footer {
margin: 0;
padding: 5px 0;
}
/ * Divers
----------------------------------------------- * /
. claire {
clear: both ;
display: block ;
hauteur: 1px ;
margin: 0;
padding: 0 ;
font-size : 1px ;
line-height : 1px ;
}
/ * Feeds
----------------------------------------------- * /
# Blogfeeds {
Couleur: cdb # ;
}
# Postfeeds {
}
< / style>
</ Head>
<link rel="me" href="https://www.blogger.com/profile/12230336625068309976" />
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>
<!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css);
div.b-mobile {display:none;}
</style>
</head><body><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d3790633347207084025\x26blogName\x3dl+imaginaire\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttps://energiejmo.blogspot.com/search\x26blogLocale\x3den_US\x26v\x3d2\x26homepageUrl\x3dhttp://energiejmo.blogspot.com/\x26vt\x3d316023864248813668',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script>
< ! - Begin enveloppe - >
id="wrap2"> <div id="wrap">
id="header"> <div
<h1 id="blog-title">
<ItemPage> < a href = " < $ BlogURL $>"></ ItemPage >
< $ BlogTitle $>
<ItemPage> < / a> < ItemPage /
</ H1 >
</ Div>
id="description"> <div
<p> < $ BlogDescription $> < / em> < / p >
</ Div>
< ! - # contenu Début - >
id="content"> <div
< ! - # principale Début - >
id="main2"> <div ID="Main">
<div class='adsense' style='text-align:center; padding: 0px 3px 0.5em 3px;'>
<script type="text/javascript"> < ! -
google_ad_client = " pub - 8579452267663888 " ;
google_ad_host = " pub - 1556223355139109 " ;
google_ad_host_channel = "00000" ;
google_ad_width = 300 ;
google_ad_height = 250 ;
google_ad_format = " 300x250_as " ;
google_ad_type = " textuelle_illustrée " ;
google_color_border = " CCDDBB " ;
google_color_bg = " CCDDBB " ;
google_color_link = " 889977 " ;
google_color_url = " 889977 " ;
google_color_text = " FFFFFF " ;
> script //--></
type de script < = "text / javascript "
src = " http://pagead2.googlesyndication.com/pagead/show_ads.js ">
</ Script>
</ Div>
<Blogger>
<BlogDateHeader>
<h2 class="date-header"> < $ BlogDateHeaderDate $> < / h2 >
> < BlogDateHeader /
< ! - Begin. post - >
<div class="post"> <a name = " <$ BlogItemNumber $>"></ a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl> < a href = " < $ BlogItemURL $ > "title =" lien externe "> < / BlogItemURL >
< $ BlogItemTitle $>
<BlogItemUrl> </ a > < / > BlogItemURL
</ H3 >
< / > BlogItemTitle
class="post-body"> <div
<p>
< $ BlogItemBody $>
</ P >
</ Div>
<p class="post-footer">
<em> < $ I18NPostedByAuthorNickname $> < $ I18NAtTimeWithPermalink $> < / em>
<MainOrArchivePage> <BlogItemCommentsEnabled> |
I18NNumComments <a class = " comment- lien " href = "< $ BlogItemCommentCreate $>"<$ BlogItemCommentFormOnClick $> > <span style="text-transform:lowercase"> < $ $> < / span> < / a>
< / BlogItemCommentsEnabled > <BlogItemBacklinksEnabled>
<A class = " comment- lien " href = "< $ BlogItemPermalinkURL $ > # links "> <span style="text-transform:lowercase"> < $ I18NLinksToThisPost $> < / span> </ a >
< / BlogItemBacklinksEnabled >
< / MainOrArchivePage > < $ BlogItemControl $>
</ P >
</ Div>
< ! - Fin . post - >
< ! - Begin # comments - >
<ItemPage>
id="comments"> <div
<BlogItemCommentsEnabled> <a name="comments"> </ a >
<h4> < I18NNumComments $ $>:</ h4>
id="comments-block"> <dl
< $ CommentPager $>
<BlogItemComments>
<Class = dt " comment- poster " id = " < $ BlogCommentAnchorName $>">< un nom = " < $ BlogCommentAnchorName $>"></ a>
< $ I18NCommentAuthorSaid $>
< / dt>
class="comment-body"> <jj
<p> < $ BlogCommentBody $> < / p>
<p class="comment-timestamp"> < a href = " < $ BlogCommentPermalinkURL $ > "title = permalink "commentaire" > < $ BlogCommentDateTime $> < / a> </ p>
< $ BlogCommentDeleteIcon $>
< / dd>
< / BlogItemComments >
< $ CommentPager $>
< / dl>
class="comment-timestamp"> <p
< $ BlogItemCreate $>
</ P >
id="postfeeds"> align="left"> < $ BlogItemFeedLinks $> < / p>
< / BlogItemCommentsEnabled >
<BlogItemBacklinksEnabled>
<a name="links"> </ a > <h4> < I18NLinksToThisPost $ $>:</ h4>
id="comments-block"> <dl
<BlogItemBacklinks>
<dt class="comment-title">
< $ BlogBacklinkControl $>
< a href = " < $ BlogBacklinkURL $> "rel = "nofollow" > < $ BlogBacklinkTitle $ > < / a> < $ BlogBacklinkDeleteIcon $ >
< / dt>
<jj class="comment-body"> < $ BlogBacklinkSnippet $>
<br />
class="comment-poster"> <span
<em> < $ I18NPostedByBacklinkAuthor $> @ < $ BlogBacklinkDateTime $> < / em>
</ Span>
< / dd>
< / BlogItemBacklinks >
< / dl>
class="comment-timestamp"> align="left"> < $ BlogItemBacklinkCreate $> < / p>
< / BlogItemBacklinksEnabled >
class="comment-timestamp"> <p
< a href = " < $ BlogURL $>"><< < $ I18NHome $> < / a>
</ P >
</ Div>
> < ItemPage /
< ! - Fin # comments - >
> < / Blogger
< / div> < / div>
< ! - # Fin principal ->
< ! - Begin sidebar # - >
id="sidebar2"> <div id="sidebar">
< ! - Begin profil # conteneur- ->
< $ BlogMemberProfile $ >
< ! - # Fin du profil - >
<MainOrArchivePage>
<h2 class="sidebar-title"> < $ I18NLinks $> < / h2 >
<ul>
<li> <a href="http://news.google.com/"> Google Nouvelles </ a> </ li >
<li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit -Me </ a > </ li >
<li> <a href="http://help.blogger.com/bin/answer.py?answer=41427"> Edit -Me </ a > </ li >
</ Ul>
< / > MainOrArchivePage
<h2 class="sidebar-title"> < $ I18NPreviousPosts $> < / h2 >
id="recently"> <ul
<BloggerPreviousItems>
<li> <a href = "< $ BlogItemPermalinkURL $>"><$ BlogPreviousItemTitle $> < / a> </ li>
< / BloggerPreviousItems >
</ Ul>
<MainOrArchivePage>
<h2 class="sidebar-title"> < $ I18NArchives $ > </ h2 >
class="archive-list"> <ul
<BloggerArchives>
<li> <a href = "< $ BlogArchiveURL $>"><$ BlogArchiveName $> < / a> </ li>
< / BloggerArchives >
</ Ul>
< / > MainOrArchivePage
<p id="powered-by"> <a href="http://www.blogger.com"> <img src = " http://buttons.blogger.com/bloggerbutton1.gif "alt =" Powered by Blogger " / > </ a > </ p >
id="blogfeeds"> align="left"> < $ BlogFeedsVertical $> < / p>
< ! -
<p> Ceci est un paragraphe de texte qui pourrait aller dans la barre latérale . </ p>
- >
< / div> < / div>
< ! - Fin # sidebar - >
> <em class="clear"> </ em>
</ Div>
< ! - # Fin de contenu - >
< / div> < / div>
< ! - Fin enveloppe - >
</ Body>
</ Html></body></html>