<!DOCTYPE html>
<html lang="fr">
<head>
<script src="https://assets.canalblog.com/c/blog/v2024.08.26/runtime.65119cb6.js"></script><script src="https://assets.canalblog.com/c/blog/v2024.08.26/ads.930ed0c8.js"></script>
<script>
dataLayer = [{
'source' : 'OVERBLOG',
'theme' : '1',
'adUnitID' : '/1038167/CANALBLOG_FR_WEB/blog',
'group' : 'Blog-Cuisine',
'category' : 'Food & Drink',
'rating' : 'BS',
'unused' : 'Yes',
'adult' : 'No',
'pda' : 'No',
'hasAds' : 'Yes',
'lang' : 'fr',
'adblock' : '__ads_loaded__' in window ? 'No' : 'Yes',
'blog_id' : '941477',
'blog_name': "Les tables de Pralinette",
'premium' : 'No',
'slots' : {
"_cab9b50": {
"name": "rectangle_atf_left",
"meta": {
"background_color": "#f3f5f7",
"border_color": "#000000",
"text_color": "#000000",
"link_color": "#000000",
"url_color": "#000000"
}
},
"_88d4a99": {
"name": "rectangle_mtf_left",
"meta": {
"background_color": "#f3f5f7",
"border_color": "#000000",
"text_color": "#000000",
"link_color": "#000000",
"url_color": "#000000"
}
},
"_bf42e3f": {
"name": "rectangle_btf_left",
"meta": {
"background_color": "#f3f5f7",
"border_color": "#000000",
"text_color": "#000000",
"link_color": "#000000",
"url_color": "#000000"
}
},
"_26d3a45": {
"name": "rectangle_atf",
"meta": {
"background_color": "#f3f5f7",
"border_color": "#000000",
"text_color": "#000000",
"link_color": "#000000",
"url_color": "#000000"
}
},
"_765a316": {
"name": "footer",
"meta": {
"background_color": "#f3f5f7",
"border_color": "#000000",
"text_color": "#000000",
"link_color": "#000000",
"url_color": "#000000"
}
},
"_6ffabb0": {
"name": "interstitial"
},
"_25f1967": {
"name": "sticky_footer"
}
},
}];
</script>
<script>
var s = document.createElement("script");
s.async = true;
s.src = "https://cdn.lib.getjad.io/library/1038167/canalblog_fr_web";
s.setAttribute("importance", "high");
s.onload = function(){
function setupSlideIn() {
var divSlidein = document.createElement("div");
divSlidein.id = 'slidein';
document.body.appendChild(divSlidein);
}
if( document.readyState !== 'loading' ) {
setupSlideIn();
} else {
document.addEventListener('DOMContentLoaded', setupSlideIn, false);
}
};
var g = document.getElementsByTagName("head")[0];
g.parentNode.insertBefore(s, g);
// targeting
var jadTargeting = {};
var noTargetingKeys = ['slots'];
for (var k in dataLayer[0]) {
if (noTargetingKeys.indexOf(k) === -1) {
if (typeof dataLayer[0][k] === 'string') {
jadTargeting[k] = [dataLayer[0][k]];
} else if (Array.isArray(dataLayer[0][k])) {
jadTargeting[k] = dataLayer[0][k];
} else {
// unknow type
}
}
}
// mapping positions
var jadPagePositions = [];
var jadElementsMapping = {};
var stickyFooterDefined = false;
for (var slot in dataLayer[0].slots) {
if (dataLayer[0].slots[slot].name == 'sticky_footer') {
stickyFooterDefined = true;
}
}
// _881c7f7, leaderboard, [header, mtf_leaderboard, mtf_leaderboard_2, btf_leaderboard] => on prend le premier pas défini
var jadAddPosition = function(obSlotDivId, obSlotName, positionsPref) {
var added = false;
for (var i = 0; i < positionsPref.length && !added; i++) {
if (jadPagePositions.indexOf(positionsPref[i]) === -1) {
jadPagePositions.push(positionsPref[i]);
jadElementsMapping[positionsPref[i]] = obSlotDivId;
added = true;
}
}
if (!added) {
console.warn('can not add position ' + obSlotName);
}
};
for (var obSlotDivId in dataLayer[0].slots) {
var obSlotName = dataLayer[0].slots[obSlotDivId].name
jadAddPosition(obSlotDivId, obSlotName, [obSlotName]);
}
// si ! sticky_footer alors ajouter slidein
if (!jadElementsMapping.hasOwnProperty('sticky_footer')) {
jadPagePositions.push('slidein');
jadElementsMapping.slidein = 'slidein';
}
window.jad = window.jad || {};
jad.cmd = jad.cmd || [];
var g = document.getElementsByTagName("head")[0];
g.parentNode.insertBefore(s, g), jad.cmd.push(function () {
jad.public.setConfig({
page: '/1038167/CANALBLOG_FR_WEB/blog',
targeting: {catId: [dataLayer[0].CategoryId]},
elementsMapping: jadElementsMapping,
pagePositions: jadPagePositions,
cmp: {
name: "didomi",
siteId: "e23a01f6-a508-4e71-8f50-c1a9cae7c0d0",
noticeId: "rwDMiqxN",
paywall: {
clientId: "AVvF60FpOZcS6UoBe6sf8isBLYwzuLgMQCnNdE-FvpoW_OhR8P6zERqhyuIBGPOxqrTHKxv7QxsXnfck",
planId: "P-8MT44702TY458861PMBQZWFY",
touUrl: "https://www.canalblog.com/cf/tos.cfm",
tosUrl: "https://www.canalblog.com/cf/terms.cfm",
privacyUrl: "https://www.canalblog.com/cf/privacy.cfm"
},
includeCmp: true
},
interstitialOnFirstPageEnabled: false,
cappingByPosition: [{position: "interstitial", ttl: 86400, limit: 1}]
}), jad.public.loadPositions(), jad.public.displayPositions()
})
</script>
<script>
// Paywall Bounce Rate pixel
function sendCustomPixel(method, consent, tcfStatus) {
var pixelUrl = "https://bpt.webedia-group.com/pixel.png?/domain=overblog.com&referrer=" + document.referrer + "&site_route=" + dataLayer[0].blog_name + "_" + (typeof jad !== "undefined") + "&event=tcfapi&method=" + method + "&consent=" + consent + "&tcfStatus=" + tcfStatus
var img = document.createElement('img');
img.style = "display: none;"
img.src = pixelUrl;
document.body.appendChild(img);
}
function triggerOnReadyOrTimeout(action, tcfStatus) {
var done = false;
function doItIfNotDone(method, consent, tcfStatus) {
if (!done) {
action(method, consent, tcfStatus);
done = true;
}
}
window.didomiOnReady = window.didomiOnReady || [];
window.didomiOnReady.push(function (Didomi) {
var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true;
var consentToString = consent == undefined ? "undefined" : consent;
doItIfNotDone("didomiOnReady", consentToString, tcfStatus);
});
setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000);
}
var tcfok = false;
var tryTcfApiTimer = 0;
var tryToReachTcfApi = setInterval(function() {
if (typeof __tcfapi !== "undefined") {
clearInterval(tryToReachTcfApi);
launchTcfApi()
} else if (tryTcfApiTimer > 3000) {
clearInterval(tryToReachTcfApi);
triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
}
tryTcfApiTimer += 200;
}, 200)
function launchTcfApi() {
__tcfapi('addEventListener', 2, function(tcData, success) {
if (success) {
try{
switch (tcData.eventStatus) {
case "useractioncomplete":
triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
__tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
break;
case "cmpuishown":
triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
break;
case "tcloaded":
triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
__tcfapi('removeEventListener', 2, function(){}, tcData.listenerId)
break;
default:
triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
}
} catch (error) {
triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus);
}
tcfok = true;
}
});
setTimeout(function() {
if (!tcfok) {
triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded")
}
}, 2000);
}
</script> <style>
[class^=app_gdpr] a {
color: white !important;
}
[class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) {
text-decoration: underline;
}
[class^=app_gdpr] a svg {
fill: white !important;
}
[class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{
z-index: 2147483647 !important;
}
</style>
<script>
if (window.parent !== window) {
if (typeof btoa !== "function") {
window.btoa = function (input) {
var str = String(input);
for (var block, charCode, idx = 0, map = chars, output = ''; str.charAt(idx | 0) || (map = '=', idx % 1); output += map.charAt(63 & block >> 8 - idx % 1 * 8)) {
charCode = str.charCodeAt(idx += 3/4)
block = block << 8 | charCode
}
return output
}
}
var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i
var res = re.exec(document.referrer)
var domain = res[1]
var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",]
if (forbidden.indexOf(btoa(domain)) > -1) {
document.location = document.location.origin + "/system/noframed"
}
}
</script>
<link rel="stylesheet" href="https://assets.canalblog.com/c/blog/v2024.08.26/canalblog-main.0f8c4dbe.css">
<!-- Basic theme id 1 [canalblog] - last modified : 2024-04-22T10:54:02+02:00 -->
<!-- Title -->
<title>Les tables de Pralinette - Création de décorations de tables, coups de coeur gastronomique et chambres d'hôtes insolites</title>
<!-- Metas -->
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="author" content="pralinnette" />
<meta property="og:site_name" content="Les tables de Pralinette" />
<meta property="og:title" content="Les tables de Pralinette" />
<meta name="twitter:title" content="Les tables de Pralinette" />
<meta name="description" content="Cr&eacute;ation de d&eacute;corations de tables, coups de coeur gastronomique et chambres d'h&ocirc;tes insolites" />
<meta property="og:description" content="Cr&eacute;ation de d&eacute;corations de tables, coups de coeur gastronomique et chambres d'h&ocirc;tes insolites" />
<meta name="twitter:description" content="Cr&eacute;ation de d&eacute;corations de tables, coups de coeur gastronomique et chambres d'h&ocirc;tes insolites" />
<meta property="og:locale" content="fr_FR" />
<meta name="keywords" content="" />
<meta property="og:image" content="https://profilepics.canalblog.com/profilepics/6/4/640987.jpg" />
<meta name="twitter:image:src" content="https://profilepics.canalblog.com/profilepics/6/4/640987.jpg" />
<meta property="og:type" content="blog" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@overblog" />
<meta property="fb:app_id" content="116867175007475" />
<!-- Robots -->
<meta name="robots" content="index,follow" />
<!-- RSS -->
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss" />
<!-- Analytics -->
<!-- Metas -->
<link rel="icon" type="image/png" href="https://profilepics.canalblog.com/profilepics/6/4/640987.jpg" />
<!-- DEFINITIONS -->
<!-- LAYOUT -->
<!-- GENERAL -->
<!-- PAGE -->
<!-- CONTENT ZONE -->
<!-- LEFT ZONE -->
<!-- RIGHT ZONE -->
<!-- LINKS -->
<!-- PAGINATION -->
<!-- POST -->
<!-- DATE -->
<!-- POST TITLE -->
<!-- POST SECONDARY TITLE -->
<!-- POST BODY -->
<!-- POST FOOTER -->
<!-- COLUMN -->
<!-- COLUMN TITLE -->
<!-- COLUMN LIST -->
<!-- COLUMN IMAGE -->
<!-- COLUMN COLOR -->
<!-- BLOG TITLE -->
<!-- MENU -->
<!-- MENU SEPARATION -->
<!-- MENU HOVER -->
<!-- MENU CHILD WIDTH -->
<!-- ALBUM -->
<!-- ALBUM TITLE -->
<!-- ALBUM BODY -->
<!-- ALBUM IMAGES -->
<!-- WIDGET -->
<!-- ALBUMS WIDGET -->
<!-- ABOUT WIDGET -->
<!-- ARCHIVES WIDGET -->
<!-- OWNER AVATAR -->
<!-- MAIN TAGS WIDGET -->
<!-- CONTACT OWNER WIDGET -->
<!-- LAST COMMENTS WIDGET -->
<!-- LAST POSTS WIDGET -->
<!-- FACEBOOK WIDGET -->
<!-- RSS WIDGET -->
<!-- INSTAGRAM WIDGET -->
<!-- FREE MODULE 1 -->
<!-- FREE MODULE 2 -->
<!-- FREE MODULE 3 -->
<!-- FREE MODULE 4 -->
<!-- FREE MODULE 5 -->
<!-- NAVIGATION -->
<!-- CLOUD TAGS WIDGET -->
<!-- PAGES WIDGET -->
<!-- PINTEREST WIDGET -->
<!-- SEARCH WIDGET -->
<!-- SUBSCRIBE WIDGET -->
<!-- STATS -->
<!-- FOLLOW WIDGET -->
<!-- TAGS WIDGET -->
<!-- TWITTER WIDGET -->
<!-- TEMPLATE -->
<!-- GENERAL -->
<!-- PAGE -->
<!-- CONTENT ZONE -->
<!-- LEFT ZONE -->
<!-- RIGHT ZONE -->
<!-- LINKS -->
<!-- PAGINATION -->
<!-- POST -->
<!-- DATE -->
<!-- POST TITLE -->
<!-- POST SECONDARY TITLE -->
<!-- POST BODY -->
<!-- POST FOOTER -->
<!-- COLUMN -->
<!-- COLUMN TITLE -->
<!-- COLUMN LIST -->
<!-- COLUMN IMAGE -->
<!-- COLUMN COLOR -->
<!-- BLOG_TITLE -->
<!-- MENU -->
<!-- MENU SEPARATION -->
<!-- MENU HOVER -->
<!-- MENU CHILD WIDTH -->
<!-- ALBUM -->
<!-- ALBUM TITLE -->
<!-- ALBUM BODY -->
<!-- ALBUM IMAGES -->
<!-- LAYOUT -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Trebuchet+MS,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Verdana,sans-serif:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' /><link href="https://fonts.over-blog.com/?family=Courier+New:100,200,300,400,500,600,700,800,900" rel='stylesheet' type='text/css' />
<style>
*, ::after, ::before {
box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
a, a:visited, a:hover {
text-decoration: none;
color: inherit; }
html {
background-color: #696969;
background-image: url("");
background-position: top left;
background-attachment: fixed;
background-repeat: repeat-x; }
body.withsharebar .menu-main {
top: 40px; }
body .flex {
display: flex; }
body .header {
font-family: Courier New;
color: #FFCCFF;
font-size: 32px;
font-weight: 700
;
font-style: italic;
text-align: center;
background-color: #696969;
border-width: 1px;
border-color: #FFFFFF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
margin-top: 0px;
border-radius: 10px 10px 0 0; }
body .header h1, body .header .ob-h1 {
display: flex;
justify-content: center; }
body .header_link {
display: block;
width: 100%;
overflow: hidden; }
body .header_title {
padding: 20px;
display: block; }
body .header img {
display: block; }
body .listing-content {
display: flex;
flex-direction: column;
gap: 50px; }
body .listing-content .article:hover .article_footer {
opacity: 1;
transition: opacity 0.3s ease-in-out; }
body .listing-content .article_link {
color: inherit;
text-decoration: none; }
body .listing-content .article_link:visited {
color: inherit;
text-decoration: none; }
body .listing-content .article_link:active {
color: inherit;
text-decoration: none; }
body .listing-content .article_link:hover {
color: inherit;
text-decoration: none; }
body .listing-content .article_content {
display: flex;
margin-bottom: 10px;
gap: 10px; }
body .listing-content .article_snippet {
word-break: break-all;
flex: 1; }
body .listing-content .article_footer {
opacity: 0.4;
transition: opacity 0.3s ease-in-out; }
body .listing-content .article_cover-wrapper {
order: 0; }
body .listing-content .article_title {
margin-bottom: 10px; }
body .article_footer {
border-width: 2px;
border-color: #;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 400
;
font-style: normal;
text-transform: none;
text-align: left; }
body .article_footer .ob-Shares-title {
display: none; }
body .article_footer .ob-Shares--right {
line-height: initial; }
body .article_footer .rating-wrapper {
margin-top: 10px; }
body .ob-widgets {
display: flex;
flex-direction: column;
gap: 20px; }
body .ob-widgets img {
max-width: 100%; }
body .ob-widget {
color: #FFCCFF;
font-family: Verdana,sans-serif; }
body .ob-widget_title {
border-width: 1px;
border-color: #FFFFFF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
font-family: 'Trebuchet MS',sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: normal;
text-transform: uppercase;
text-align: left; }
body .ob-widget li {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 10px;
font-weight: 400
;
font-style: normal;
text-align: left;
line-height: 150%; }
body .ob-widget img {
border-width: 1px;
border-color: #FFFFFF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-radius: 0px; }
body .ob-widget_stats_title svg {
fill: #FFCCFF; }
body .ob-widget_cloud-tags_list {
row-gap: 0px; }
body .ob-widget_cloud-tags li {
display: flex;
align-items: center;
line-height: 1; }
body .ob-widget_search input[type=submit], body .ob-widget_subscribe input[type=submit] {
background-color: #FFCCFF; }
body .ob-widget_rss_link {
background-color: #FFCCFF; }
body .ob-widget_follow_element {
border: 1px solid #FFCCFF; }
body .ob-widget_follow_element i {
color: #FFCCFF; }
body .ob-widget_follow_element:hover {
background-color: #FFCCFF; }
body .ob-widget_about_avatar, body .ob-widget_ownerAvatar, body .ob-widget_albums li {
text-align: left; }
body .ob-widget_freeModule_content p {
margin: 1em 0; }
body .ob-widget_freeModule_content img {
display: block;
width: 100%; }
body .ob-widget_archives_trigger {
border-color: #FFCCFF; }
body .ob-widget_last-comments ul {
display: flex;
flex-direction: column;
gap: 10px; }
body .ob-widget_last-comments ul li {
display: flex;
flex-wrap: wrap;
column-gap: 10px; }
body .ob-widget_last-comments ul li a {
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box; }
body .ob-widget_about_description {
text-align: left; }
body .ob-widget_subscribe_count {
font-size: 12px; }
body .not-found_content {
padding: 10px; }
body .ads-container {
max-width: 100%;
background: #e7e7e7;
position: relative; }
body .ads-container.super_leaderboard {
width: 970px;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
margin: 10px auto; }
body .ads-container.medium_rectangle {
width: 300px;
height: 250px;
display: flex;
justify-content: center;
align-items: center; }
body .ads-container.half_page {
width: 300px;
height: 600px; }
body .ads-container.half_page div:last-of-type {
position: sticky;
top: 0; }
body .ads-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
gap: 10px;
color: #9f9f9f; }
body .ads-placeholder > * + * {
margin-top: 10px; }
body .ads-placeholder + div {
isolation: isolate; }
body .ads_end-post {
display: flex;
flex-direction: row;
justify-content: center; }
body .ads_container-atf {
display: flex;
justify-content: space-around; }
body .menu-main {
background-color: #696969;
position: sticky;
top: 0;
z-index: 10;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-width: 1px;
border-top-color: #FFCCFF;
border-bottom-width: 1px;
border-bottom-color: #FFCCFF; }
body .menu-main li {
height: 30px;
background-color: #696969;
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: italic;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
border-right-style: dotted;
border-right-width: 1px;
border-right-color: #FFCCFF; }
body .menu-main li:hover {
background-color: #696969; }
body .menu-main a, body .menu-main span {
padding: 0; }
body .menu-main .trigger {
margin-left: 10px;
margin-bottom: 2px;
height: 8px;
width: 8px !important;
border: solid #FFCCFF;
border-width: 0 2px 2px 0;
display: inline-block;
transform: rotate(45deg);
transition: transform 0.2s ease-in-out; }
body .menu-main > ul {
height: 100%; }
body .menu-main > ul > li {
flex: 1;
max-width: 250px;
padding: 0 10px; }
body .menu-main > ul > li:nth-last-child(1) {
border-right-style: none; }
body .menu-main > ul > li a {
height: initial;
line-height: 1; }
body .menu-main > ul > li ul {
top: 100%;
width: 160px; }
body .menu-main > ul > li ul li {
max-width: initial;
border-bottom: 1px dotted #fefefa;
border-left: 1px dotted #fefefa; }
body .menu-main > ul > li ul li .trigger {
width: 8px !important;
transform: rotate(-45deg);
margin-bottom: 0; }
body .menu-main > ul > li ul li ul {
left: calc(100% + 1px);
width: 160px;
min-width: initial; }
body .menu-main a:not(.trigger), body .menu-main span:not(.trigger) {
text-overflow: ellipsis;
text-align: center;
white-space: nowrap;
overflow: hidden;
display: block;
width: initial;
max-width: 90%; }
body .menu-main .home-link {
position: relative;
flex: 0; }
body .menu-main .home-link:after {
content: "";
position: absolute;
left: 1px;
right: 1px;
top: 20%;
bottom: 20%;
-webkit-mask-image: url("/build/images/logo-home.svg");
mask-image: url("/build/images/logo-home.svg");
mask-position: center;
-webkit-mask-position: center;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
background-color: #FFCCFF;
-webkit-mask-size: contain; }
body .menu-main .home-link a {
z-index: 11;
width: 100%;
height: 100%;
display: block;
color: transparent; }
body .menu-main .home-link:hover {
cursor: pointer; }
body .breadcrumb {
padding-left: 0;
margin-bottom: 10px; }
body .breadcrumb ul {
gap: 2px;
font-size: 12px;
text-transform: uppercase; }
body .container {
background-color: #696969;
min-height: 100vh;
margin: auto;
width: 1220px;
border-radius: 10px 10px 0 0;
border-width: 1px;
border-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; }
body .content-wrapper {
display: flex;
line-height: 150%; }
body .content-wrapper a {
color: #FFCCFF;
text-decoration: underline
; }
body .content-wrapper a:visited {
color: #FFCCFF;
text-decoration: none
; }
body .content-wrapper a:active {
color: #FFCCFF;
text-decoration: underline
; }
body .content-wrapper a:hover {
color: #FFCCFF;
text-decoration: none
; }
body .right-zone {
width: 320px;
background-color: #696969;
border-width: 1px;
border-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; }
body .right-zone img {
max-width: 100%; }
body .left-zone {
width: 320px;
background-color: #696969;
border-width: 1px;
border-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; }
body .left-zone img {
max-width: 100%; }
body .content {
width: 580px;
background-color: #696969;
border-width: 1px;
border-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 400
;
font-style: normal;
text-transform: none;
text-align: left;
padding: 10px;
display: flex;
flex-direction: column;
line-height: 150%; }
body .content img {
max-width: 100%; }
body .content .title {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: normal;
text-transform: none;
text-align: left;
border-width: 1px;
border-color: #;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
line-height: 1; }
body .content h3, body .content .ob-h3 {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: normal;
text-transform: none;
text-align: left;
border-width: 1px;
border-color: #;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
line-height: 1; }
body .date-header {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: normal;
text-transform: none;
text-align: left;
border-width: 1px;
border-color: #;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-bottom: 10px; }
body .side-zone {
padding: 10px; }
body .ob-footer {
padding-top: 40px;
padding-bottom: 10px; }
body .ob-PostNavigation {
margin-top: 30px;
margin-bottom: 20px; }
body .post-comments_title {
font-family: ;
color: ;
font-weight: ;
font-size: ;
border-bottom-style: dotted;
border-width: 1px;
margin-bottom: 10px;
padding: 3px;
font-size: 16px; }
body .ob-Shares a {
color: inherit;
text-decoration: none; }
body .ob-Shares a:visited {
color: inherit;
text-decoration: none; }
body .ob-Shares a:active {
color: inherit;
text-decoration: none; }
body .ob-Shares a:hover {
color: inherit;
text-decoration: none; }
body .ob-pagination {
display: flex;
justify-content: center;
gap: 10px;
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 400
;
font-style: normal; }
body .ob-pagination a {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 400
;
font-style: normal; }
body .ob-pagination a:visited {
color: #FFCCFF; }
body .ob-pagination a:active {
color: #FFCCFF; }
body .ob-pagination a:hover {
color: #FFCCFF; }
body .ob-Related {
margin-bottom: 30px; }
body .ob-Related-post {
max-width: 200px; }
body .ob-Related-title {
font-size: 16px;
font-weight: bold;
color: #616161; }
body .carousel_large {
margin-bottom: 10px;
background-color: #696969; }
body .carousel_large .ob-section-tags-img {
margin: auto;
max-height: 340px; }
body .carousel_normal {
margin-bottom: 10px;
background-color: #696969; }
body .carousel_normal .ob-section-tags-img {
margin: auto;
max-height: 340px; }
body .ob-subscription {
flex: 1; }
body .ob-contact {
flex: 1; }
body .ob-posts-carousel-wrapper {
margin-bottom: 0; }
body .single-content_title {
margin-bottom: 10px; }
body .ob-section-html ol {
list-style: decimal; }
body .ob-section-html ul {
list-style: initial; }
body .ob-section-html ol, body .ob-section-html ul {
padding-left: 15px; }
body .content .album-title {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 13px;
font-weight: 700
;
font-style: normal;
text-transform: none;
text-align: left;
border-width: 1px;
border-color: #;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
line-height: 1; }
body .content .album-desc {
margin: 10px 0; }
body .content .album-desc, body .content .album-tags, body .content .album-taken_at, body .content .album-author {
font-family: Verdana,sans-serif;
color: #FFCCFF;
font-size: 10px;
font-weight: 400
;
font-style: normal;
text-transform: none;
text-align: left;
line-height: 150%; }
body .content .album .ob-Shares-title {
margin-bottom: 20px; }
body .content .album-image img, body .content .image-container .ob-slideshow-line-item img, body .content .album .cover img, body .content .fresque .vignette {
border-width: 1px;
border-color: #FFFFFF;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid; }
</style>
<script>
function loadGA() {
window.dataLayer = window.dataLayer || []
var s = document.createElement("script")
s.async = true
s.src = "https://cdn.lib.getjan.io/library/overblog.js"
s.setAttribute("importance", "high")
var g = document.getElementsByTagName("head")[0]
g.parentNode.insertBefore(s, g)
window.jan = window.jan || {}
jan.cmd = jan.cmd || []
jancmd = function(){jan.cmd.push(arguments);}
// TODO: Now, The wrapper handle didomi consent for us so we don't need anymore to wait didomi consent to load GA. The dimension23 is for didomi consent but it will be handle directly by the wrapper. We remove it from the code below.
var dimensions = {
dimension1: '__ads_loaded__' in window ? '0' : '1',
dimension2: 'fr',
dimension3: 'BS',
dimension4: 'food-drink',
dimension5: '1',
dimension6: '0',
dimension7: '0',
dimension10: '941477',
dimension11: '1',
dimension12: '1',
dimension13: '1',
dimension14: '__ads_loaded__' in window ? '1' : '0',
dimension15: '__ads_loaded__' in window ? '0' : '1',
dimension16: '941477',
dimension17: "Les tables de Pralinette",
dimension24: '20100513',
dimension25: 'canalblog',
}
if (location) {
dimensions.dimension22 = '' + location.hostname
}
jancmd("setConfig", {
metadata: dimensions,
});
jancmd("sendEvent", "pageview");
}
loadGA()
</script>
<script>
function isConnected(connected, connected_owner, timestamp, user_id) {
if (connected) {
document.querySelector('html').classList.add('ob-connected')
}
if (connected_owner) {
document.querySelector('html').classList.add('ob-connected-blog')
}
}
</script>
<script src="//connect.canalblog.com/ping/941477/isConnected" async></script>
<script src="https://assets.canalblog.com/c/blog/v2024.08.26/canalblog-main.b11f8d04.js"></script>
<script src="https://static1.webedia.fr/js/gs.js" async></script>
</head>
<body>
<div class="ob-ShareBar ob-ShareBar--light js-ob-ShareBar">
<div class="ob-ShareBar-container ob-ShareBar-container--left">
<img class="ob-ShareBar-brandingImg" src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon-branding-750g--light.png" alt="750 grammes">
</div>
<div class="ob-ShareBar-container ob-ShareBar-container--right">
<a class="ob-ShareBar-food" href="https://www.over-blog.com/mag/cuisine-deco" target="_blank">
Tous nos blogs cuisine
</a>
<a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a>
<a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&text={title}" title="X (Twitter)" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a>
<a href="#" data-href="#" title=" pinterest" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a>
<form action="/search" method="post" accept-charset="utf-8" class="ob-ShareBar-search">
<input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher">
<button class="ob-ShareBar-submit"></button>
</form>
<a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.canalblog.com/_follow/941477" target="_blank" rel="nofollow">
Suivre ce blog
</a>
<a href="https://admin.canalblog.com/" class="ob-ShareBar-admin ob-ShareBar--connected">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/lock-alt-light.svg" class="ob-ShareBar-lock">
<span class="ob-ShareBar-text">Administration</span>
</a>
<a href="https://connect.canalblog.com/en/login" class="ob-ShareBar-login ob-ShareBar--notconnected">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/lock-alt-light.svg" class="ob-ShareBar-lock">
<span class="ob-ShareBar-text">Connexion</span>
</a>
<a href="https://www.canalblog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected">
<span class="ob-ShareBar-plus">+</span>
<span class="ob-ShareBar-text">Créer mon blog</span>
</a>
</div>
</div>
<script src="https://assets.canalblog.com/c/blog/v2024.08.26/sharebar.db8ff6e0.js"></script>
<script>
var postTitle = "Les tables de Pralinette"
socialShare(document.querySelector('.ob-ShareBar-share--facebook'), postTitle)
socialShare(document.querySelector('.ob-ShareBar-share--twitter'), postTitle)
</script> <div class="root">
<!-- HEADER_AD -->
<div class="container">
<header class="header">
<a class="header_link" href="http://pralinnette.canalblog.com">
<h1>
<img src="http://storage.canalblog.com/91/09/743835/66574086.jpg" alt="Les tables de Pralinette"/>
</h1>
</a>
</header>
<div class="home">
<div class="content-wrapper">
<div class="left-zone">
<div class="side-zone">
<div class="ob-widgets">
<div class="ob-widget ob-widget_ownerAvatar">
<img class="ob-widget_ownerAvatar_img" src="https://image.canalblog.com/OXpZX2o69L5lZOFPzptpGh999YM=/150x150/smart/filters:no_upscale()/https%3A%2F%2Fprofilepics.canalblog.com%2Fprofilepics%2F6%2F4%2F640987.jpg" alt="Les tables de Pralinette" />
</div>
<div class="ob-widget ob-widget_contact-owner">
<div class="ob-h3 ob-widget_contact-owner_title ob-widget_title">
</div>
<div class="ob-widget_contact-owner_link">
<a href="/contact">Contacter le propriétaire du blog</a>
</div>
</div>
<div class="ob-widget ob-widget_navigation">
<div class="ob-h3 ob-widget_navigation_title ob-widget_title">
Les tables de Pralinette
</div>
<ul>
<li>
Création de décorations de tables, coups de coeur gastronomique et chambres d'hôtes insolites
</li>
<li>
<a href="/">
Accueil du blog
</a>
</li>
<li>
<a href="https://www.canalblog.com/creation" target="_blank">
Créer un blog avec CanalBlog
</a>
</li>
</ul>
</div>
<div class="ob-widget ob-widget_albums">
<div class="ob-h3 ob-widget_albums_title ob-widget_title">
Albums Photos
</div>
<ul class="ob-widget_albums_list">
<li class="ob-widget_albums_album">
<a href="http://pralinnette.canalblog.com/albums/paques__p_tit_dej_/index.html" title="Pâques ">
<img src="https://image.canalblog.com/Yo_Xj60VM9HpCtQrUzn02Vc0hyM=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F00%2F26%2F743835%2F57923114_o.jpg" alt="Pâques ">
<span class="ob-widget_albums_name">Pâques "P'tit Dej"</span>
</a>
</li>
<li class="ob-widget_albums_album">
<a href="http://pralinnette.canalblog.com/albums/paques_en_vert_et_blanc/index.html" title="Pâques en Vert et Blanc" class="ob-widget_albums_link">
<img src="https://image.canalblog.com/C-EZcrxOVx0O9NwwJoMsK19kdRY=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F94%2F06%2F743835%2F57923007_o.jpg" alt="Pâques en Vert et Blanc" width="120" height="120" class="ob-widget_albums_img">
<span class="ob-widget_albums_name">Pâques en Vert et Blanc</span>
</a>
</li>
<li class="ob-widget_albums_album">
<a href="http://pralinnette.canalblog.com/albums/paques__le_jardin_s_invite_a_table_/index.html" title="Pâques ">
<img src="https://image.canalblog.com/vIUWI10nV6KA0lLhxn6oEwJt5wM=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F25%2F73%2F743835%2F57922845_o.jpg" alt="Pâques ">
<span class="ob-widget_albums_name">Pâques "le jardin s'invite a table"</span>
</a>
</li>
<li class="ob-widget_albums_album">
<a href="http://pralinnette.canalblog.com/albums/pierre_bois_et_feu/index.html" title="Pierre Bois Et Feu" class="ob-widget_albums_link">
<img src="https://image.canalblog.com/-zFXG4Ic5zNDTnd9gfjO8-NpSuI=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F45%2F07%2F743835%2F57922564_o.jpg" alt="Pierre Bois Et Feu" width="120" height="120" class="ob-widget_albums_img">
<span class="ob-widget_albums_name">Pierre Bois Et Feu</span>
</a>
</li>
<li class="ob-widget_albums_album">
<a href="http://pralinnette.canalblog.com/albums/toile_de_jute_et_herbes_aromatiques/index.html" title="Toile De Jute Et Herbes Aromatiques" class="ob-widget_albums_link">
<img src="https://image.canalblog.com/5s14coVkIRSWuPEHW1ZkRgmE7Es=/120x120/smart/filters:no_upscale()/https%3A%2F%2Fstorage.canalblog.com%2F30%2F97%2F743835%2F57922401_o.jpg" alt="Toile De Jute Et Herbes Aromatiques" width="120" height="120" class="ob-widget_albums_img">
<span class="ob-widget_albums_name">Toile De Jute Et Herbes Aromatiques</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="content">
<div class="carousel_normal">
</div>
<div class="listing-content">
<div class="article article_26522499">
<div class="date-header">1 décembre 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html">
<h2 class="article_title title">Premier table hivernal...... Ma periode préféré</h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Premier table hivernal......</p>
<p style="text-align: center;">Ma periode préféré en thème de deco de table </p>
<p style="text-align: center;"><a name="IMG_107811810" href="https://storage.canalblog.com/23/53/743835/107811810_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/23/53/743835/107811810.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107811823" href="https://storage.canalblog.com/88/09/743835/107811823_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/88/09/743835/107811823.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107811835" href="https://storage.canalblog.com/86/75/743835/107811835_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/86/75/743835/107811835.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107812038" href="https://storage.canalblog.com/03/65/743835/107812038_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/03/65/743835/107812038.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 10:09 - <a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html#ob-comments"><span>Commentaires [<span id="comment-count-26522499">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522499"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522499",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html"
data-text="Premier table hivernal...... Ma periode préféré"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Premier table hivernal...... Ma periode préféré"
data-pin-media="https://storage.canalblog.com/23/53/743835/107811810_o.jpeg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Premier%20table%20hivernal......%20Ma%20periode%20pr%C3%A9f%C3%A9r%C3%A9&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F12%2F01%2F33006861.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522499">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522499")
printElement.addEventListener("click", function() {
ob.printPost("Premier table hivernal...... Ma periode pr\u00e9f\u00e9r\u00e9", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Premier table hivernal......<\/p>\r\n<p style=\"text-align: center;\">Ma periode pr\u00e9f\u00e9r\u00e9 en th\u00e8me de deco de table <\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811810\" href=\"https:\/\/storage.canalblog.com\/23\/53\/743835\/107811810_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/23\/53\/743835\/107811810.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811823\" href=\"https:\/\/storage.canalblog.com\/88\/09\/743835\/107811823_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/88\/09\/743835\/107811823.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811835\" href=\"https:\/\/storage.canalblog.com\/86\/75\/743835\/107811835_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/86\/75\/743835\/107811835.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107812038\" href=\"https:\/\/storage.canalblog.com\/03\/65\/743835\/107812038_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/03\/65\/743835\/107812038.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522499" >
<label class="stars-view stars-view-5-26522499" for="rating-5-26522499" onclick="handleRate(26522499, 5, 0, 'stars-view-5-26522499', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522499" >
<label class="stars-view stars-view-4-26522499" for="rating-4-26522499" onclick="handleRate(26522499, 4, 0, 'stars-view-4-26522499', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522499" >
<label class="stars-view stars-view-3-26522499" for="rating-3-26522499" onclick="handleRate(26522499, 3, 0, 'stars-view-3-26522499', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522499" >
<label class="stars-view stars-view-2-26522499" for="rating-2-26522499" onclick="handleRate(26522499, 2, 0, 'stars-view-2-26522499', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522499" >
<label class="stars-view stars-view-1-26522499" for="rating-1-26522499" onclick="handleRate(26522499, 1, 0, 'stars-view-1-26522499', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522499">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_cab9b50"></div>
</div>
</div>
<div class="article article_26522473">
<div class="date-header">1 décembre 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html">
<h2 class="article_title title">Petite table automnal autour du mini potimarron </h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Petite table automnal autour du mini potimarron </p>
<p style="text-align: center;"><a name="IMG_107811706" href="https://storage.canalblog.com/88/62/743835/107811706_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/88/62/743835/107811706.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107811715" href="https://storage.canalblog.com/83/45/743835/107811715_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/83/45/743835/107811715.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107811722" href="https://storage.canalblog.com/65/50/743835/107811722_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/65/50/743835/107811722.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_107811737" href="https://storage.canalblog.com/79/23/743835/107811737_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/79/23/743835/107811737.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 09:48 - <a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html#ob-comments"><span>Commentaires [<span id="comment-count-26522473">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522473"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522473",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html"
data-text="Petite table automnal autour du mini potimarron "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Petite table automnal autour du mini potimarron "
data-pin-media="https://storage.canalblog.com/88/62/743835/107811706_o.jpeg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Petite%20table%20automnal%20autour%20du%20mini%20potimarron%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F12%2F01%2F33006830.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522473">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522473")
printElement.addEventListener("click", function() {
ob.printPost("Petite table automnal autour du mini potimarron ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Petite table automnal autour du mini potimarron <\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811706\" href=\"https:\/\/storage.canalblog.com\/88\/62\/743835\/107811706_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/88\/62\/743835\/107811706.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811715\" href=\"https:\/\/storage.canalblog.com\/83\/45\/743835\/107811715_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/83\/45\/743835\/107811715.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811722\" href=\"https:\/\/storage.canalblog.com\/65\/50\/743835\/107811722_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/65\/50\/743835\/107811722.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_107811737\" href=\"https:\/\/storage.canalblog.com\/79\/23\/743835\/107811737_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/79\/23\/743835\/107811737.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522473" >
<label class="stars-view stars-view-5-26522473" for="rating-5-26522473" onclick="handleRate(26522473, 5, 0, 'stars-view-5-26522473', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522473" >
<label class="stars-view stars-view-4-26522473" for="rating-4-26522473" onclick="handleRate(26522473, 4, 0, 'stars-view-4-26522473', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522473" >
<label class="stars-view stars-view-3-26522473" for="rating-3-26522473" onclick="handleRate(26522473, 3, 0, 'stars-view-3-26522473', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522473" >
<label class="stars-view stars-view-2-26522473" for="rating-2-26522473" onclick="handleRate(26522473, 2, 0, 'stars-view-2-26522473', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522473" >
<label class="stars-view stars-view-1-26522473" for="rating-1-26522473" onclick="handleRate(26522473, 1, 0, 'stars-view-1-26522473', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522473">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522255">
<div class="date-header">13 octobre 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html">
<h2 class="article_title title">Bonsoir, Petite variante pour ma table de</h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Bonsoir,</p>
<p style="text-align: center;">Petite variante pour ma table de saison....</p>
<p style="text-align: center;"><a name="IMG_106914282" href="https://storage.canalblog.com/79/54/743835/106914282_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/79/54/743835/106914282.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106914291" href="https://storage.canalblog.com/15/03/743835/106914291_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/15/03/743835/106914291.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106914296" href="https://storage.canalblog.com/19/53/743835/106914296_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/19/53/743835/106914296.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106914303" href="https://storage.canalblog.com/70/90/743835/106914303_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/70/90/743835/106914303.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106914312" href="https://storage.canalblog.com/50/77/743835/106914312_o.jpeg" target="_blank"><img src="https://storage.canalblog.com/50/77/743835/106914312.jpeg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 20:43 - <a href="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html#ob-comments"><span>Commentaires [<span id="comment-count-26522255">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522255"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522255",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html"
data-text="Bonsoir, Petite variante pour ma table de"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Bonsoir, Petite variante pour ma table de"
data-pin-media="https://storage.canalblog.com/79/54/743835/106914282_o.jpeg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Bonsoir%2C%20Petite%20variante%20pour%20ma%20table%20de&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F10%2F13%2F32772018.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522255">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522255")
printElement.addEventListener("click", function() {
ob.printPost("Bonsoir, Petite variante pour ma table de", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Bonsoir,<\/p>\r\n<p style=\"text-align: center;\">Petite variante pour ma table de saison....<\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106914282\" href=\"https:\/\/storage.canalblog.com\/79\/54\/743835\/106914282_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/79\/54\/743835\/106914282.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106914291\" href=\"https:\/\/storage.canalblog.com\/15\/03\/743835\/106914291_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/15\/03\/743835\/106914291.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106914296\" href=\"https:\/\/storage.canalblog.com\/19\/53\/743835\/106914296_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/19\/53\/743835\/106914296.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106914303\" href=\"https:\/\/storage.canalblog.com\/70\/90\/743835\/106914303_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/70\/90\/743835\/106914303.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106914312\" href=\"https:\/\/storage.canalblog.com\/50\/77\/743835\/106914312_o.jpeg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/50\/77\/743835\/106914312.jpeg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522255" >
<label class="stars-view stars-view-5-26522255" for="rating-5-26522255" onclick="handleRate(26522255, 5, 0, 'stars-view-5-26522255', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522255" >
<label class="stars-view stars-view-4-26522255" for="rating-4-26522255" onclick="handleRate(26522255, 4, 0, 'stars-view-4-26522255', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522255" >
<label class="stars-view stars-view-3-26522255" for="rating-3-26522255" onclick="handleRate(26522255, 3, 0, 'stars-view-3-26522255', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522255" >
<label class="stars-view stars-view-2-26522255" for="rating-2-26522255" onclick="handleRate(26522255, 2, 0, 'stars-view-2-26522255', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522255" >
<label class="stars-view stars-view-1-26522255" for="rating-1-26522255" onclick="handleRate(26522255, 1, 0, 'stars-view-1-26522255', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522255">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522232">
<div class="date-header">27 septembre 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html">
<h2 class="article_title title">Bonsoir, Nouvelle table de saison .... Autour du</h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Bonsoir,</p>
<p style="text-align: center;">Nouvelle table de saison ....</p>
<p style="text-align: center;">Autour du potiron ....</p>
<p style="text-align: center;"><a name="IMG_106611941" href="https://storage.canalblog.com/94/93/743835/106611941_o.jpg" target="_blank"><img src="https://storage.canalblog.com/94/93/743835/106611941.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106611948" href="https://storage.canalblog.com/86/84/743835/106611948_o.jpg" target="_blank"><img src="https://storage.canalblog.com/86/84/743835/106611948.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106611951" href="https://storage.canalblog.com/11/97/743835/106611951_o.jpg" target="_blank"><img src="https://storage.canalblog.com/11/97/743835/106611951.jpg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 23:21 - <a href="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html#ob-comments"><span>Commentaires [<span id="comment-count-26522232">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522232"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522232",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html"
data-text="Bonsoir, Nouvelle table de saison .... Autour du"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Bonsoir, Nouvelle table de saison .... Autour du"
data-pin-media="https://storage.canalblog.com/94/93/743835/106611941_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Bonsoir%2C%20Nouvelle%20table%20de%20saison%20....%20Autour%20du&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F09%2F27%2F32694379.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522232">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522232")
printElement.addEventListener("click", function() {
ob.printPost("Bonsoir, Nouvelle table de saison .... Autour du", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Bonsoir,<\/p>\r\n<p style=\"text-align: center;\">Nouvelle table de saison ....<\/p>\r\n<p style=\"text-align: center;\">Autour du potiron ....<\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106611941\" href=\"https:\/\/storage.canalblog.com\/94\/93\/743835\/106611941_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/94\/93\/743835\/106611941.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106611948\" href=\"https:\/\/storage.canalblog.com\/86\/84\/743835\/106611948_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/86\/84\/743835\/106611948.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106611951\" href=\"https:\/\/storage.canalblog.com\/11\/97\/743835\/106611951_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/11\/97\/743835\/106611951.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522232" >
<label class="stars-view stars-view-5-26522232" for="rating-5-26522232" onclick="handleRate(26522232, 5, 0, 'stars-view-5-26522232', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522232" >
<label class="stars-view stars-view-4-26522232" for="rating-4-26522232" onclick="handleRate(26522232, 4, 0, 'stars-view-4-26522232', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522232" >
<label class="stars-view stars-view-3-26522232" for="rating-3-26522232" onclick="handleRate(26522232, 3, 0, 'stars-view-3-26522232', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522232" >
<label class="stars-view stars-view-2-26522232" for="rating-2-26522232" onclick="handleRate(26522232, 2, 0, 'stars-view-2-26522232', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522232" >
<label class="stars-view stars-view-1-26522232" for="rating-1-26522232" onclick="handleRate(26522232, 1, 0, 'stars-view-1-26522232', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522232">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522214">
<div class="date-header">17 septembre 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html">
<h2 class="article_title title">Première Table de saison ..... Chaud les Marrons.</h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Première Table de saison .....</p>
<p style="text-align: center;">Chaud les Marrons.</p>
<p style="text-align: center;"><a name="IMG_106412669" href="https://storage.canalblog.com/13/47/743835/106412669_o.jpg" target="_blank"><img src="https://storage.canalblog.com/13/47/743835/106412669.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106412673" href="https://storage.canalblog.com/40/27/743835/106412673_o.jpg" target="_blank"><img src="https://storage.canalblog.com/40/27/743835/106412673.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106412681" href="https://storage.canalblog.com/76/10/743835/106412681_o.jpg" target="_blank"><img src="https://storage.canalblog.com/76/10/743835/106412681.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_106412684" href="https://storage.canalblog.com/86/59/743835/106412684_o.jpg" target="_blank"><img src="https://storage.canalblog.com/86/59/743835/106412684.jpg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 10:14 - <a href="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html#ob-comments"><span>Commentaires [<span id="comment-count-26522214">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522214"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522214",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html"
data-text="Première Table de saison ..... Chaud les Marrons."
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Première Table de saison ..... Chaud les Marrons."
data-pin-media="https://storage.canalblog.com/13/47/743835/106412669_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Premi%C3%A8re%20Table%20de%20saison%20.....%20Chaud%20les%20Marrons.&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F09%2F17%2F32639268.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522214">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522214")
printElement.addEventListener("click", function() {
ob.printPost("Premi\u00e8re Table de saison ..... Chaud les Marrons.", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Premi\u00e8re Table de saison .....<\/p>\r\n<p style=\"text-align: center;\">Chaud les Marrons.<\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106412669\" href=\"https:\/\/storage.canalblog.com\/13\/47\/743835\/106412669_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/13\/47\/743835\/106412669.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106412673\" href=\"https:\/\/storage.canalblog.com\/40\/27\/743835\/106412673_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/40\/27\/743835\/106412673.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106412681\" href=\"https:\/\/storage.canalblog.com\/76\/10\/743835\/106412681_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/76\/10\/743835\/106412681.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_106412684\" href=\"https:\/\/storage.canalblog.com\/86\/59\/743835\/106412684_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/86\/59\/743835\/106412684.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522214" >
<label class="stars-view stars-view-5-26522214" for="rating-5-26522214" onclick="handleRate(26522214, 5, 0, 'stars-view-5-26522214', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522214" >
<label class="stars-view stars-view-4-26522214" for="rating-4-26522214" onclick="handleRate(26522214, 4, 0, 'stars-view-4-26522214', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522214" >
<label class="stars-view stars-view-3-26522214" for="rating-3-26522214" onclick="handleRate(26522214, 3, 0, 'stars-view-3-26522214', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522214" >
<label class="stars-view stars-view-2-26522214" for="rating-2-26522214" onclick="handleRate(26522214, 2, 0, 'stars-view-2-26522214', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522214" >
<label class="stars-view stars-view-1-26522214" for="rating-1-26522214" onclick="handleRate(26522214, 1, 0, 'stars-view-1-26522214', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522214">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_88d4a99"></div>
</div>
</div>
<div class="article article_26522453">
<div class="date-header">1 août 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html">
<h2 class="article_title title">Une soirée au jardin ..... </h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Une soirée au jardin .....</p>
<p style="text-align: center;"><a name="IMG_105604673" href="https://storage.canalblog.com/57/45/743835/105604673_o.jpg" target="_blank"><img src="https://storage.canalblog.com/57/45/743835/105604673.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105604680" href="https://storage.canalblog.com/49/73/743835/105604680_o.jpg" target="_blank"><img src="https://storage.canalblog.com/49/73/743835/105604680.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105604688" href="https://storage.canalblog.com/39/43/743835/105604688_o.jpg" target="_blank"><img src="https://storage.canalblog.com/39/43/743835/105604688.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105604694" href="https://storage.canalblog.com/73/54/743835/105604694_o.jpg" target="_blank"><img src="https://storage.canalblog.com/73/54/743835/105604694.jpg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 18:44 - <a href="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html#ob-comments"><span>Commentaires [<span id="comment-count-26522453">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522453"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522453",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html"
data-text="Une soirée au jardin ..... "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Une soirée au jardin ..... "
data-pin-media="https://storage.canalblog.com/57/45/743835/105604673_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Une%20soir%C3%A9e%20au%20jardin%20.....%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F08%2F01%2F32433922.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522453">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522453")
printElement.addEventListener("click", function() {
ob.printPost("Une soir\u00e9e au jardin ..... ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Une soir\u00e9e au jardin .....<\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105604673\" href=\"https:\/\/storage.canalblog.com\/57\/45\/743835\/105604673_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/57\/45\/743835\/105604673.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105604680\" href=\"https:\/\/storage.canalblog.com\/49\/73\/743835\/105604680_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/49\/73\/743835\/105604680.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105604688\" href=\"https:\/\/storage.canalblog.com\/39\/43\/743835\/105604688_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/39\/43\/743835\/105604688.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105604694\" href=\"https:\/\/storage.canalblog.com\/73\/54\/743835\/105604694_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/73\/54\/743835\/105604694.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522453" >
<label class="stars-view stars-view-5-26522453" for="rating-5-26522453" onclick="handleRate(26522453, 5, 0, 'stars-view-5-26522453', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522453" >
<label class="stars-view stars-view-4-26522453" for="rating-4-26522453" onclick="handleRate(26522453, 4, 0, 'stars-view-4-26522453', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522453" >
<label class="stars-view stars-view-3-26522453" for="rating-3-26522453" onclick="handleRate(26522453, 3, 0, 'stars-view-3-26522453', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522453" >
<label class="stars-view stars-view-2-26522453" for="rating-2-26522453" onclick="handleRate(26522453, 2, 0, 'stars-view-2-26522453', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522453" >
<label class="stars-view stars-view-1-26522453" for="rating-1-26522453" onclick="handleRate(26522453, 1, 0, 'stars-view-1-26522453', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522453">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522433">
<div class="date-header">16 juillet 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html">
<h2 class="article_title title">Bonjour, Une soirée au jardin ... </h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;">Bonjour,</p>
<p style="text-align: center;">Une soirée au jardin ...</p>
<p style="text-align: center;"><a name="IMG_105326104" href="https://storage.canalblog.com/56/45/743835/105326104_o.jpg" target="_blank"><img src="https://storage.canalblog.com/56/45/743835/105326104.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105326112" href="https://storage.canalblog.com/46/01/743835/105326112_o.jpg" target="_blank"><img src="https://storage.canalblog.com/46/01/743835/105326112.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105326116" href="https://storage.canalblog.com/35/85/743835/105326116_o.jpg" target="_blank"><img src="https://storage.canalblog.com/35/85/743835/105326116.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105326122" href="https://storage.canalblog.com/38/04/743835/105326122_o.jpg" target="_blank"><img src="https://storage.canalblog.com/38/04/743835/105326122.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105326130" href="https://storage.canalblog.com/98/85/743835/105326130_o.jpg" target="_blank"><img src="https://storage.canalblog.com/98/85/743835/105326130.jpg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 09:16 - <a href="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html#ob-comments"><span>Commentaires [<span id="comment-count-26522433">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522433"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522433",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html"
data-text="Bonjour, Une soirée au jardin ... "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Bonjour, Une soirée au jardin ... "
data-pin-media="https://storage.canalblog.com/56/45/743835/105326104_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Bonjour%2C%20Une%20soir%C3%A9e%20au%20jardin%20...%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F07%2F16%2F32364500.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522433">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522433")
printElement.addEventListener("click", function() {
ob.printPost("Bonjour, Une soir\u00e9e au jardin ... ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\">Bonjour,<\/p>\r\n<p style=\"text-align: center;\">Une soir\u00e9e au jardin ...<\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105326104\" href=\"https:\/\/storage.canalblog.com\/56\/45\/743835\/105326104_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/56\/45\/743835\/105326104.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105326112\" href=\"https:\/\/storage.canalblog.com\/46\/01\/743835\/105326112_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/46\/01\/743835\/105326112.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105326116\" href=\"https:\/\/storage.canalblog.com\/35\/85\/743835\/105326116_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/35\/85\/743835\/105326116.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105326122\" href=\"https:\/\/storage.canalblog.com\/38\/04\/743835\/105326122_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/38\/04\/743835\/105326122.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105326130\" href=\"https:\/\/storage.canalblog.com\/98\/85\/743835\/105326130_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/98\/85\/743835\/105326130.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522433" >
<label class="stars-view stars-view-5-26522433" for="rating-5-26522433" onclick="handleRate(26522433, 5, 0, 'stars-view-5-26522433', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522433" >
<label class="stars-view stars-view-4-26522433" for="rating-4-26522433" onclick="handleRate(26522433, 4, 0, 'stars-view-4-26522433', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522433" >
<label class="stars-view stars-view-3-26522433" for="rating-3-26522433" onclick="handleRate(26522433, 3, 0, 'stars-view-3-26522433', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522433" >
<label class="stars-view stars-view-2-26522433" for="rating-2-26522433" onclick="handleRate(26522433, 2, 0, 'stars-view-2-26522433', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522433" >
<label class="stars-view stars-view-1-26522433" for="rating-1-26522433" onclick="handleRate(26522433, 1, 0, 'stars-view-1-26522433', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522433">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522150">
<div class="date-header">5 juillet 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html">
<h2 class="article_title title">Mon Jardin et ma Table est prête pour accueillir</h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: medium;">Mon Jardin et ma Table est prête </span></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;">pour accueillir mes hôtes ce soir ...</span></span></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;"></span></span></p>
<p style="text-align: center;"><a name="IMG_105139964" href="https://storage.canalblog.com/04/18/743835/105139964_o.jpg" target="_blank"><img src="https://storage.canalblog.com/04/18/743835/105139964.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;"></span></span></p>
<p style="text-align: center;"><a name="IMG_105139970" href="https://storage.canalblog.com/55/89/743835/105139970_o.jpg" target="_blank"><img src="https://storage.canalblog.com/55/89/743835/105139970.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;"></span></span></p>
<p style="text-align: center;"><a name="IMG_105139981" href="https://storage.canalblog.com/75/00/743835/105139981_o.jpg" target="_blank"><img src="https://storage.canalblog.com/75/00/743835/105139981.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;"></span></span></p>
<p style="text-align: center;"><a name="IMG_105139989" href="https://storage.canalblog.com/95/87/743835/105139989_o.jpg" target="_blank"><img src="https://storage.canalblog.com/95/87/743835/105139989.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"></span>Le Concept du diner chez l'habitant vous plait </p>
<p style="text-align: center;">Contactez moi </p>
<p style="text-align: center;">a bientôt </p>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;"><span style="font-family: georgia, palatino; font-size: medium;"></span></span></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 13:18 - <a href="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html#ob-comments"><span>Commentaires [<span id="comment-count-26522150">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522150"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522150",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html"
data-text="Mon Jardin et ma Table est prête pour accueillir"
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Mon Jardin et ma Table est prête pour accueillir"
data-pin-media="https://storage.canalblog.com/04/18/743835/105139964_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Mon%20Jardin%20et%20ma%20Table%20est%20pr%C3%AAte%20pour%20accueillir&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F07%2F05%2F32315629.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522150">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522150")
printElement.addEventListener("click", function() {
ob.printPost("Mon Jardin et ma Table est pr\u00eate pour accueillir", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: medium;\">Mon Jardin et ma Table est pr\u00eate <\/span><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\">pour accueillir mes h\u00f4tes ce soir ...<\/span><\/span><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\"><\/span><\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105139964\" href=\"https:\/\/storage.canalblog.com\/04\/18\/743835\/105139964_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/04\/18\/743835\/105139964.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\"><\/span><\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105139970\" href=\"https:\/\/storage.canalblog.com\/55\/89\/743835\/105139970_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/55\/89\/743835\/105139970.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\"><\/span><\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105139981\" href=\"https:\/\/storage.canalblog.com\/75\/00\/743835\/105139981_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/75\/00\/743835\/105139981.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\"><\/span><\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105139989\" href=\"https:\/\/storage.canalblog.com\/95\/87\/743835\/105139989_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/95\/87\/743835\/105139989.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><\/span>Le Concept du diner chez l'habitant vous plait <\/p>\r\n<p style=\"text-align: center;\">Contactez moi <\/p>\r\n<p style=\"text-align: center;\">a bient\u00f4t <\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><span style=\"font-family: georgia, palatino; font-size: medium;\"><\/span><\/span><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522150" >
<label class="stars-view stars-view-5-26522150" for="rating-5-26522150" onclick="handleRate(26522150, 5, 0, 'stars-view-5-26522150', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522150" >
<label class="stars-view stars-view-4-26522150" for="rating-4-26522150" onclick="handleRate(26522150, 4, 0, 'stars-view-4-26522150', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522150" >
<label class="stars-view stars-view-3-26522150" for="rating-3-26522150" onclick="handleRate(26522150, 3, 0, 'stars-view-3-26522150', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522150" >
<label class="stars-view stars-view-2-26522150" for="rating-2-26522150" onclick="handleRate(26522150, 2, 0, 'stars-view-2-26522150', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522150" >
<label class="stars-view stars-view-1-26522150" for="rating-1-26522150" onclick="handleRate(26522150, 1, 0, 'stars-view-1-26522150', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522150">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522123">
<div class="date-header">28 juin 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html">
<h2 class="article_title title">Petite table au jardin ... </h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;"><span style="font-family: georgia, palatino; font-size: 12pt;">Petite table au jardin ...</span><span style="font-family: georgia, palatino; font-size: 12pt;"></span></p>
<p style="text-align: center;"><a name="IMG_105016214" href="https://storage.canalblog.com/88/86/743835/105016214_o.jpg" target="_blank"><img src="https://storage.canalblog.com/88/86/743835/105016214.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105016224" href="https://storage.canalblog.com/30/49/743835/105016224_o.jpg" target="_blank"><img src="https://storage.canalblog.com/30/49/743835/105016224.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105016233" href="https://storage.canalblog.com/41/06/743835/105016233_o.jpg" target="_blank"><img src="https://storage.canalblog.com/41/06/743835/105016233.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_105016243" href="https://storage.canalblog.com/47/98/743835/105016243_o.jpg" target="_blank"><img src="https://storage.canalblog.com/47/98/743835/105016243.jpg" border="0" alt="image" class="width450 centeralign" /></a></p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 18:01 - <a href="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html#ob-comments"><span>Commentaires [<span id="comment-count-26522123">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522123"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522123",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html"
data-text="Petite table au jardin ... "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Petite table au jardin ... "
data-pin-media="https://storage.canalblog.com/88/86/743835/105016214_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Petite%20table%20au%20jardin%20...%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F06%2F28%2F32283797.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522123">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522123")
printElement.addEventListener("click", function() {
ob.printPost("Petite table au jardin ... ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"font-family: georgia, palatino; font-size: 12pt;\">Petite table au jardin ...<\/span><span style=\"font-family: georgia, palatino; font-size: 12pt;\"><\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105016214\" href=\"https:\/\/storage.canalblog.com\/88\/86\/743835\/105016214_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/88\/86\/743835\/105016214.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105016224\" href=\"https:\/\/storage.canalblog.com\/30\/49\/743835\/105016224_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/30\/49\/743835\/105016224.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105016233\" href=\"https:\/\/storage.canalblog.com\/41\/06\/743835\/105016233_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/41\/06\/743835\/105016233.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_105016243\" href=\"https:\/\/storage.canalblog.com\/47\/98\/743835\/105016243_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/47\/98\/743835\/105016243.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522123" >
<label class="stars-view stars-view-5-26522123" for="rating-5-26522123" onclick="handleRate(26522123, 5, 0, 'stars-view-5-26522123', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522123" >
<label class="stars-view stars-view-4-26522123" for="rating-4-26522123" onclick="handleRate(26522123, 4, 0, 'stars-view-4-26522123', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522123" >
<label class="stars-view stars-view-3-26522123" for="rating-3-26522123" onclick="handleRate(26522123, 3, 0, 'stars-view-3-26522123', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522123" >
<label class="stars-view stars-view-2-26522123" for="rating-2-26522123" onclick="handleRate(26522123, 2, 0, 'stars-view-2-26522123', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522123" >
<label class="stars-view stars-view-1-26522123" for="rating-1-26522123" onclick="handleRate(26522123, 1, 0, 'stars-view-1-26522123', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522123">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
</div>
<div class="article article_26522407">
<div class="date-header">28 mai 2015</div>
<a class="article_link" href="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html">
<h2 class="article_title title">Petite Table " Diner au Jardin " </h2>
</a>
<div class="ob-sections">
<div
class="ob-section ob-section-html"
>
<p style="text-align: center;"><span style="font-size: 12pt; font-family: georgia, palatino;">Petite Table </span></p>
<p style="text-align: center;"><span style="font-size: 12pt; font-family: georgia, palatino;">" Diner au Jardin "</span></p>
<p style="text-align: center;"><a name="IMG_104402642" href="https://storage.canalblog.com/07/01/743835/104402642_o.jpg" target="_blank"><img src="https://storage.canalblog.com/07/01/743835/104402642.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_104402646" href="https://storage.canalblog.com/91/13/743835/104402646_o.jpg" target="_blank"><img src="https://storage.canalblog.com/91/13/743835/104402646.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_104402648" href="https://storage.canalblog.com/58/44/743835/104402648_o.jpg" target="_blank"><img src="https://storage.canalblog.com/58/44/743835/104402648.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p style="text-align: center;"><a name="IMG_104402650" href="https://storage.canalblog.com/05/87/743835/104402650_o.jpg" target="_blank"><img src="https://storage.canalblog.com/05/87/743835/104402650.jpg" border="0" alt="image" class="width450 centeralign" /></a></p>
<p> </p> </div>
</div>
<div class="article_footer">
<div class="article_footer_info">
Posté par pralinnette à 01:11 - <a href="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html#ob-comments"><span>Commentaires [<span id="comment-count-26522407">…</span><script>
ob.commentCount(document.querySelector("#comment-count-26522407"), {
resource: "http://pralinnette.canalblog.com/api/comment-count/26522407",
format: (count) => {
const string = count === 0
? "0"
: count === 1
? "%c"
: "%c"
return string.replace("%c", count)
}
})
</script>]</span></a> - Permalien [<a href="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html">#</a>]
</div>
<h3 class="ob-Shares-title">Partager cet article</h3>
<div class="ob-Shares ob-Shares--right ob-Shares--horizontal">
<div class="ob-Shares-facebookShare">
<div class="fb-share-button" data-href="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html" data-layout="button_count"></div>
</div>
<div class="ob-Shares-twitter">
<a class="twitter-share-button"
href="https://twitter.com/share"
data-url="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html"
data-text="Petite Table &quot; Diner au Jardin &quot; "
data-lang="en"
></a>
</div>
<div class="ob-Shares-pinterest">
<a href="https://pinterest.com/pin/create/button/"
data-pin-count="beside"
data-pin-color="red"
data-pin-config="beside"
data-pin-description="Petite Table &quot; Diner au Jardin &quot; "
data-pin-media="https://storage.canalblog.com/07/01/743835/104402642_o.jpg"
data-pin-url="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html"
target="_BLANK"
>
<img src="https://assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_20.png" />
</a>
</div>
<div class="ob-Shares-mail">
<a href="mailto:?subject=Petite%20Table%20%26quot%3B%20Diner%20au%20Jardin%20%26quot%3B%20&body=Voici%20un%20article%20int%C3%A9ressant%20que%20j%27ai%20trouv%C3%A9%20sur%20%3A%20http%3A%2F%2Fpralinnette.canalblog.com%2Farchives%2F2015%2F05%2F28%2F32127289.html">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/shareicon_email.png">
</a>
</div>
<div class="ob-Shares-print ob-Shares-print_26522407">
<img src="https://assets.canalblog.com/c/blog/v2024.08.26/images/printer.png">
</div>
</div>
<script>
var printElement = document.querySelector(".ob-Shares-print_26522407")
printElement.addEventListener("click", function() {
ob.printPost("Petite Table \" Diner au Jardin \" ", "\n\n\n <div class=\"ob-sections\">\n \n \n \n <div\n class=\"ob-section ob-section-html \"\n >\n\n<p style=\"text-align: center;\"><span style=\"font-size: 12pt; font-family: georgia, palatino;\">Petite Table <\/span><\/p>\r\n<p style=\"text-align: center;\"><span style=\"font-size: 12pt; font-family: georgia, palatino;\">\" Diner au Jardin \"<\/span><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_104402642\" href=\"https:\/\/storage.canalblog.com\/07\/01\/743835\/104402642_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/07\/01\/743835\/104402642.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_104402646\" href=\"https:\/\/storage.canalblog.com\/91\/13\/743835\/104402646_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/91\/13\/743835\/104402646.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_104402648\" href=\"https:\/\/storage.canalblog.com\/58\/44\/743835\/104402648_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/58\/44\/743835\/104402648.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p style=\"text-align: center;\"><a name=\"IMG_104402650\" href=\"https:\/\/storage.canalblog.com\/05\/87\/743835\/104402650_o.jpg\" target=\"_blank\"><img src=\"https:\/\/storage.canalblog.com\/05\/87\/743835\/104402650.jpg\" border=\"0\" alt=\"image\" class=\"width450 centeralign\" \/><\/a><\/p>\r\n<p> <\/p> <\/div>\n\n\n \n\n <\/div>\n ", "canalblog")
})
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.0';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-jssdk'));
</script>
<script>
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (!d.getElementById(id)) {
js = d.createElement(s);
js.type = 'text/javascript';
js.async = true;
js.defer = true;
js.id = id;
js.src = 'https://assets.pinterest.com/js/pinit.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'pinterest-jssdk'));
</script>
<div class="rating-wrapper">
<div class="rating-wording">Vous aimez ?</div>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-star" viewbox="0 0 26 28">
<path d="M26 10.109c0 0.281-0.203 0.547-0.406 0.75l-5.672 5.531 1.344 7.812c0.016 0.109 0.016 0.203 0.016 0.313 0 0.406-0.187 0.781-0.641 0.781-0.219 0-0.438-0.078-0.625-0.187l-7.016-3.687-7.016 3.687c-0.203 0.109-0.406 0.187-0.625 0.187-0.453 0-0.656-0.375-0.656-0.781 0-0.109 0.016-0.203 0.031-0.313l1.344-7.812-5.688-5.531c-0.187-0.203-0.391-0.469-0.391-0.75 0-0.469 0.484-0.656 0.875-0.719l7.844-1.141 3.516-7.109c0.141-0.297 0.406-0.641 0.766-0.641s0.625 0.344 0.766 0.641l3.516 7.109 7.844 1.141c0.375 0.063 0.875 0.25 0.875 0.719z"></path>
</symbol>
<lineargradient id="grad">
<stop offset="50%" stop-color="#ffc41f"/>
<stop offset="50%" stop-color="#9f9f9f"/>
</lineargradient>
</defs>
</svg>
<form class="stars">
<input class="stars-input" type="radio" name="rating" value="5" id="rating-5-26522407" >
<label class="stars-view stars-view-5-26522407" for="rating-5-26522407" onclick="handleRate(26522407, 5, 0, 'stars-view-5-26522407', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="4" id="rating-4-26522407" >
<label class="stars-view stars-view-4-26522407" for="rating-4-26522407" onclick="handleRate(26522407, 4, 0, 'stars-view-4-26522407', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="3" id="rating-3-26522407" >
<label class="stars-view stars-view-3-26522407" for="rating-3-26522407" onclick="handleRate(26522407, 3, 0, 'stars-view-3-26522407', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="2" id="rating-2-26522407" >
<label class="stars-view stars-view-2-26522407" for="rating-2-26522407" onclick="handleRate(26522407, 2, 0, 'stars-view-2-26522407', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
<input class="stars-input" type="radio" name="rating" value="1" id="rating-1-26522407" >
<label class="stars-view stars-view-1-26522407" for="rating-1-26522407" onclick="handleRate(26522407, 1, 0, 'stars-view-1-26522407', this)">
<svg class="icon icon-star">
<use xlink:href="#icon-star"></use>
</svg>
</label>
</form>
<div class="rating-raters-26522407">
0 vote
</div>
</div>
<script defer async>
function setFullStar(halfStarElement) {
halfStarElement.classList.add('star-chosen')
}
function setRaters(ratersElement, raters) {
ratersElement.textContent = raters > 1 ? `${raters} votes` : `${raters} vote`
}
function createToaster() {
const toaster = document.createElement('div')
toaster.classList.add('rating-toaster')
document.body.appendChild(toaster)
return toaster
}
function showToast(message, status) {
const toaster = createToaster()
toaster.textContent = message
toaster.classList.add('show-rating-toaster')
if (status === "success") {
toaster.style.backgroundColor = "#E5F4EF"
toaster.style.color = "#1D8C65"
} else {
toaster.style.backgroundColor = "#FFB5B5"
toaster.style.color = "#6F0000"
}
setTimeout(() => {
toaster.classList.remove('show-rating-toaster')
}, 3000)
}
async function rate(postID, value, halfStarClass, node) {
const res = await fetch(`/api/section-container/rate/${postID}/${value}`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
credentials: 'include',
})
if (res.ok) {
const data = await res.json()
const ratersNumber = document.querySelector(`.rating-raters-${postID}`)
setRaters(ratersNumber, data.raters)
showToast("Votre vote est pris en compte","success")
if (node.classList.contains("half-star")) {
const halfStarElement = document.querySelector(`.${halfStarClass}`)
setFullStar(halfStarElement)
}
}
return res
}
function handleUserLogin() {
return window.open(
`${window.location.origin}/comments/fr/fetch/user`,
"loginob",
"width=400,height=450,location=0,menubar=0,resizable=0,scrollbars=0,status=0,toolbar=0,titlebar=0"
)
}
async function handleRate(postID, value, halfStar, halfStarClass, node) {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
showToast("Vous ne pouvez pas votez sur une preview de votre blog.","error")
return
}
try {
const rateResponse = await rate(postID, value, halfStarClass, node)
if (rateResponse.status === 401) {
const loginWindow = handleUserLogin()
const checkWindowClosed = setInterval(() => {
if (loginWindow && loginWindow.closed) {
clearInterval(checkWindowClosed)
const res = rate(postID, value, halfStarClass)
if (res.status !== 200) {
showToast("Une erreur est survenue lors du vote","error")
}
}
}, 1000)
}
} catch (e) {
showToast("Une erreur est survenue lors du vote","error")
}
}
</script>
</div>
</div>
<div class="ads_container-atf">
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_bf42e3f"></div>
</div>
</div>
<div class="ob-pagination">
<span
class="ob-page ob-page-current"
>1</span>
<a
href="/page/2"
class="ob-page ob-page-link"
>2</a>
<a
href="/page/3"
class="ob-page ob-page-link"
>3</a>
<a
href="/page/4"
class="ob-page ob-page-link"
>4</a>
<a
href="/page/5"
class="ob-page ob-page-link"
>5</a>
<a
href="/page/6"
class="ob-page ob-page-link"
>6</a>
<a
href="/page/7"
class="ob-page ob-page-link"
>7</a>
<a
href="/page/8"
class="ob-page ob-page-link"
>8</a>
<a
href="/page/9"
class="ob-page ob-page-link"
>9</a>
<a
href="/page/10"
class="ob-page ob-page-link ob-page-tens"
>10</a>
<a
href="/page/20"
class="ob-page ob-page-link ob-page-more ob-page-tens"
>20</a>
<a
href="/page/2"
class="ob-page ob-page-link ob-page-next"
>></a>
<a
href="/page/29"
class="ob-page ob-page-link ob-page-last"
>>></a>
</div>
</div>
</div>
<div class="right-zone">
<div class="side-zone">
<div class="ob-widgets">
<div class="ob-widget ob-widget_subscribe">
<div class="ob-h3 ob-widget_subscribe_title ob-widget_title">
Newsletter
</div>
<div class="ob-widget_subscribe_content">
<!-- subscription form -->
<form action="/mail/subscribe?utm_source=_ob_abo_newsletter&utm_medium=_ob_sidebar" method="post" class="ob-form ob-form-subscription">
<div class="ob-form-field">
<label class="ob-label required" for="form_email">Email</label>
<input type="email" id="form_email" name="email" placeholder="Saisissez votre email ici" required="required" class="ob-input ob-input-email" />
</div>
<input type="submit" value="S'abonner" class="ob-input ob-input-submit" />
</form>
</div>
</div>
<div class="ads-container half_page">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_26d3a45"></div>
</div>
<div class="ob-widget ob-widget_search" >
<div class="ob-h3 ob-widget_search_title ob-widget_title">
Recherche
</div>
<form action="/search" method="post">
<input type="text" name="q" placeholder="Recherche..." class="ob-widget_search_input" />
<input type="submit" value="Recherche" class="ob-widget_search_submit" />
</form>
</div>
<div class="ob-widget ob-widget_archives">
<div class="ob-widget_archives_title ob-widget_title ob-h3">
Archives
</div>
<ul id="ob-widget_archives_list">
<li class="ob-widget_archives_year-list" data-year="2015">
<div class="ob-widget_archives_year">2015<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2015-12/">Décembre</a> (2)</li>
<li><a href="/archive/2015-10/">Octobre</a> (1)</li>
<li><a href="/archive/2015-09/">Septembre</a> (2)</li>
<li><a href="/archive/2015-08/">Août</a> (1)</li>
<li><a href="/archive/2015-07/">Juillet</a> (2)</li>
<li><a href="/archive/2015-06/">Juin</a> (1)</li>
<li><a href="/archive/2015-05/">Mai</a> (4)</li>
<li><a href="/archive/2015-01/">Janvier</a> (1)</li>
</ul>
</li>
<li class="ob-widget_archives_year-list" data-year="2014">
<div class="ob-widget_archives_year">2014<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2014-12/">Décembre</a> (2)</li>
<li><a href="/archive/2014-11/">Novembre</a> (2)</li>
<li><a href="/archive/2014-10/">Octobre</a> (2)</li>
<li><a href="/archive/2014-09/">Septembre</a> (1)</li>
<li><a href="/archive/2014-08/">Août</a> (1)</li>
<li><a href="/archive/2014-07/">Juillet</a> (1)</li>
<li><a href="/archive/2014-06/">Juin</a> (1)</li>
<li><a href="/archive/2014-05/">Mai</a> (1)</li>
<li><a href="/archive/2014-04/">Avril</a> (2)</li>
<li><a href="/archive/2014-03/">Mars</a> (1)</li>
<li><a href="/archive/2014-02/">Février</a> (1)</li>
<li><a href="/archive/2014-01/">Janvier</a> (1)</li>
</ul>
</li>
<li class="ob-widget_archives_year-list" data-year="2013">
<div class="ob-widget_archives_year">2013<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2013-12/">Décembre</a> (2)</li>
<li><a href="/archive/2013-11/">Novembre</a> (3)</li>
<li><a href="/archive/2013-09/">Septembre</a> (2)</li>
<li><a href="/archive/2013-08/">Août</a> (1)</li>
<li><a href="/archive/2013-07/">Juillet</a> (2)</li>
<li><a href="/archive/2013-06/">Juin</a> (2)</li>
<li><a href="/archive/2013-04/">Avril</a> (2)</li>
<li><a href="/archive/2013-03/">Mars</a> (1)</li>
<li><a href="/archive/2013-02/">Février</a> (1)</li>
<li><a href="/archive/2013-01/">Janvier</a> (2)</li>
</ul>
</li>
<li class="ob-widget_archives_year-list" data-year="2012">
<div class="ob-widget_archives_year">2012<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2012-12/">Décembre</a> (5)</li>
<li><a href="/archive/2012-11/">Novembre</a> (4)</li>
<li><a href="/archive/2012-10/">Octobre</a> (5)</li>
<li><a href="/archive/2012-09/">Septembre</a> (3)</li>
<li><a href="/archive/2012-08/">Août</a> (2)</li>
<li><a href="/archive/2012-07/">Juillet</a> (4)</li>
<li><a href="/archive/2012-06/">Juin</a> (3)</li>
<li><a href="/archive/2012-05/">Mai</a> (8)</li>
<li><a href="/archive/2012-04/">Avril</a> (6)</li>
<li><a href="/archive/2012-03/">Mars</a> (6)</li>
<li><a href="/archive/2012-02/">Février</a> (4)</li>
<li><a href="/archive/2012-01/">Janvier</a> (6)</li>
</ul>
</li>
<li class="ob-widget_archives_year-list" data-year="2011">
<div class="ob-widget_archives_year">2011<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2011-12/">Décembre</a> (3)</li>
<li><a href="/archive/2011-11/">Novembre</a> (10)</li>
<li><a href="/archive/2011-10/">Octobre</a> (4)</li>
<li><a href="/archive/2011-09/">Septembre</a> (2)</li>
<li><a href="/archive/2011-08/">Août</a> (6)</li>
<li><a href="/archive/2011-07/">Juillet</a> (8)</li>
<li><a href="/archive/2011-06/">Juin</a> (6)</li>
<li><a href="/archive/2011-05/">Mai</a> (9)</li>
<li><a href="/archive/2011-04/">Avril</a> (7)</li>
<li><a href="/archive/2011-03/">Mars</a> (8)</li>
<li><a href="/archive/2011-02/">Février</a> (6)</li>
<li><a href="/archive/2011-01/">Janvier</a> (5)</li>
</ul>
</li>
<li class="ob-widget_archives_year-list" data-year="2010">
<div class="ob-widget_archives_year">2010<span class="ob-widget_archives_trigger"></span></div>
<ul class="ob-widget_archives_month-list">
<li><a href="/archive/2010-12/">Décembre</a> (7)</li>
<li><a href="/archive/2010-11/">Novembre</a> (5)</li>
<li><a href="/archive/2010-10/">Octobre</a> (10)</li>
<li><a href="/archive/2010-09/">Septembre</a> (11)</li>
<li><a href="/archive/2010-08/">Août</a> (12)</li>
<li><a href="/archive/2010-07/">Juillet</a> (20)</li>
<li><a href="/archive/2010-06/">Juin</a> (19)</li>
<li><a href="/archive/2010-05/">Mai</a> (23)</li>
</ul>
</li>
</ul>
</div>
<script>
var years = document.querySelectorAll(".ob-widget_archives_year")
var monthList = document.querySelectorAll(".ob-widget_archives_month-list")
function setMaxHeight(month) {
month.style.maxHeight = month.clientHeight + "px"
}
function handleClick(e) {
var target = e.target.nextElementSibling
if (target) {
e.target.classList.toggle("ob-widget_archives--open")
target.classList.toggle("ob-archives-hidden")
}
}
document.addEventListener("DOMContentLoaded", function() {
monthList.forEach(function(month) {
setMaxHeight(month)
month.classList.add("ob-archives-hidden")
})
years.forEach((year) => {
year.addEventListener("click", handleClick)
})
})
</script>
<div class="ob-widget ob-widget_rss">
<div class="ob-widget_rss_element ob-widget_social-share">
<a class="ob-widget_rss_link" href="/rss" target="_blank">
<i class="fa-solid fa-rss"></i>
<span>Flux RSS</span>
</a>
</div>
</div>
<div class="ob-widget ob-widget_last-comments">
<div class="ob-h3 ob-widget_last-comments_title ob-widget_title">
Derniers commentaires
</div>
<div id="ob-widget_last-comments_root">
<div class="ob-widget_last-comments_loading"></div>
<div class="ob-widget_last-comments_loading"></div>
<div class="ob-widget_last-comments_loading"></div>
</div>
</div>
<script>
var isLastCommentsWidgetInitialized = false;
function initLastCommentsWidget(){
if(!isLastCommentsWidgetInitialized){
ob.initLastCommentsWidget(document.querySelector("#ob-widget_last-comments_root"), {"blogID":941477,"locale":"fr","I18N":{"on":"sur","graphError":"Veuillez nous excuser, une erreur est survenue lors du chargement des derniers commentaires."}});
isLastCommentsWidgetInitialized = true
}
}
window.addEventListener('DOMContentLoaded', initLastCommentsWidget)
</script>
<div class="ob-widget ob-widget_last-posts">
<div class="ob-h3 ob-widget_last-posts_title ob-widget_title">
Articles récents
</div>
<ul class="ob-widget_last-posts_list">
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006861.html" title="Premier table hivernal...... Ma periode préféré" class="ob-widget_last-posts_link">
Premier Table Hivernal...... Ma Periode Préféré
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/12/01/33006830.html" title="Petite table automnal autour du mini potimarron " class="ob-widget_last-posts_link">
Petite Table Automnal Autour Du Mini Potimarron
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/10/13/32772018.html" title="Bonsoir, Petite variante pour ma table de" class="ob-widget_last-posts_link">
Bonsoir, Petite Variante Pour Ma Table De
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/09/27/32694379.html" title="Bonsoir, Nouvelle table de saison .... Autour du" class="ob-widget_last-posts_link">
Bonsoir, Nouvelle Table De Saison .... Autour Du
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/09/17/32639268.html" title="Première Table de saison ..... Chaud les Marrons." class="ob-widget_last-posts_link">
Première Table De Saison ..... Chaud Les Marrons.
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/08/01/32433922.html" title="Une soirée au jardin ..... " class="ob-widget_last-posts_link">
Une Soirée Au Jardin .....
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/07/16/32364500.html" title="Bonjour, Une soirée au jardin ... " class="ob-widget_last-posts_link">
Bonjour, Une Soirée Au Jardin ...
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/07/05/32315629.html" title="Mon Jardin et ma Table est prête pour accueillir" class="ob-widget_last-posts_link">
Mon Jardin Et Ma Table Est Prête Pour Accueillir
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/06/28/32283797.html" title="Petite table au jardin ... " class="ob-widget_last-posts_link">
Petite Table Au Jardin ...
</a>
</li>
<li class="ob-widget_last-posts_post">
<a href="http://pralinnette.canalblog.com/archives/2015/05/28/32127289.html" title="Petite Table " Diner au Jardin " " class="ob-widget_last-posts_link">
Petite Table &Quot; Diner Au Jardin &Quot;
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ads-container super_leaderboard">
<div class="ads-placeholder">
<span>Publicité</span>
</div>
<div id="_765a316"></div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
function createDropdownTrigger() {
var trigger = document.createElement("span")
trigger.classList.add("trigger")
return trigger
}
function addTriggers() {
var elementsToTriggers = document.querySelectorAll(".menu-main .branch > a, .menu-main .branch > span")
elementsToTriggers.forEach(function (elementToTrigger) {
elementToTrigger.insertAdjacentElement("afterend", createDropdownTrigger())
})
}
addTriggers()
})
</script>
<div class="ob-footer ob-footer-padded" id="legals" >
<ul>
<li class="ob-footer-item"><a href="https://www.canalblog.com/" target="_blank">Créer un blog gratuit sur CanalBlog</a></li>
<li class="ob-footer-item"><a href="/top">Top articles</a></li>
<li class="ob-footer-item"><a href="/contact">Contact</a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/abuse/941477"> Signaler un abus </a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/cf/tos.cfm" target="_blank">C.G.U.</a></li>
<li class="ob-footer-item"><a href="https://www.canalblog.com/cf/cookies.cfm" target="_blank">Cookies et données personnelles</a></li>
<li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li>
</ul>
</div>
<script defer async>
document.addEventListener('DOMContentLoaded', function() {
async function syncRating() {
const isPreview = /\/preview\/|\.preview\./.test(window.location.href)
if (isPreview) {
return
}
const res = await fetch(`/api/section-container/rates`, {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({
id: [26522499,26522473,26522255,26522232,26522214,26522453,26522433,26522150,26522123,26522407],
})
})
if (res.ok) {
const data = await res.json()
Object.keys(data).forEach(function(key) {
const postRate = data[key]
const input = document.querySelector(`#rating-${Math.ceil(postRate.rate)}-${key}`)
input.checked = true
// check if it's half-star rate
if (!Number.isInteger(postRate.rate)) {
const label = document.querySelector(`.stars-view-${Math.ceil(postRate.rate)}-${key}`)
label.classList.add("half-star")
}
const ratersEl = document.querySelector(`.rating-raters-${key}`)
ratersEl.textContent = postRate.raters > 1 ? `${postRate.raters} votes` : `${postRate.raters} vote`
})
}
}
syncRating()
})
</script>
<div id="_6ffabb0"></div><div id="_25f1967"></div> <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-WG3SK3P");
</script>
</body>
</html>
