Sélectionnez la langue en fonction de votre zone géographique
Contact & Aide
Nos équipes sont à votre disposition pour vous accompagner dans vos projets, répondre à vos questions et vous proposer des solutions adaptées.
Contact & Aide
Nos équipes restent à votre écoute pour vous accompagner dans vos projets, proposer des réponses adaptées à vos besoins et répondre à toutes vos questions.
Wallonie - Bruxelles
Chaussée de La Hulpe, 120 – 1000 Bruxelles
FLANDRE
Kortrijksesteenweg 218 – 9830 Sint-Martens-Latem
Une erreur s'est produite lors du traitement du template.
The following has evaluated to null or missing:
==> ILLUSTRATION_ANIMEEFieldSet [in template "10157#10197#205341" at line 51, column 26]
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign VisibleDetail = ILLUSTRATION_... [in template "10157#10197#205341" at line 51, column 1]
---- 1<#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()> 2<#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService") /> 3<#assign themeDisplay = serviceContext.getThemeDisplay() /> 4<#assign site_groupid = themeDisplay.getLayout().getGroupId() /> 5 6<#assign originalImageUrl = ""> 7<#if ART_IMAGE?has_content> 8 <#assign originalImageUrl = ART_IMAGE.getData()> 9</#if> 10<#assign imageUrl = fileEntryUtil.getImageUrlByFormat(groupId, originalImageUrl, "liste")> 11 12<#assign GroupLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.GroupLocalService")> 13 14<#assign contenu = ART_CONTENU.getData()> 15 16<#-- gestion de la date - DEBUT --> 17<#assign date_publication = .vars['reserved-article-display-date'].data> 18<#assign originalLocale = locale> 19<#setting locale = localeUtil.getDefault()> 20<#assign date_publication = date_publication?datetime("EEE, d MMM yyyy HH:mm:ss Z")> 21<#assign locale = originalLocale> 22<#setting locale = originalLocale> 23<#assign langue = locale?substring(0,locale?last_index_of("_"))> 24<#assign langueDateDot = ""> 25<#if langue == "de"><#assign langueDateDot = "."></#if> 26<#assign title = .vars['reserved-article-title'].data> 27<#if title?ends_with(" ?")><#assign title = title?substring(0 , title?length - 2) + " ?"></#if> 28<#if title?ends_with(" !")><#assign title = title?substring(0 , title?length - 2) + " !"></#if> 29<#-- gestion de la date - FIN --> 30 31<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService") /> 32 33<#assign journalArticleId = .vars['reserved-article-id'].data> 34<#assign journalArticleResourceLocalServiceUtil = staticUtil["com.liferay.journal.service.JournalArticleResourceLocalServiceUtil"]> 35<#assign articleResourcePK = journalArticleResourceLocalServiceUtil.getArticleResourcePrimKey(groupId, journalArticleId)/> 36<#assign asset = assetEntryLocalService.getEntry('com.liferay.journal.model.JournalArticle', articleResourcePK) > 37 38<#assign main_group = GroupLocalService.getGroup(site_groupid)/> 39<#assign main_group_short_name = main_group.getFriendlyURL() /> 40<#assign authorsFolder = main_group.getExpandoBridge().getAttribute("FOLDER_AUTHORS")/> 41 42<#assign rechercheParTagURL = languageUtil.get(locale,"recherche-par-tag-url")> 43 44<#assign artAuteur = ""> 45<#if ART_AUTEUR?has_content && ART_AUTEUR.getData() != "" && ART_AUTEUR.getData() != "vide"> 46 <#assign artAuteur = authorArticle.ajustAuthor(ART_AUTEUR.getData(),themeDisplay)> 47</#if> 48 49<#assign readTime = articleUtil.getReadTime(ART_CHAPO.getData(),contenu)/> 50 51<#assign VisibleDetail = ILLUSTRATION_ANIMEEFieldSet.VisibleDetail?has_content && getterUtil.getBoolean(ILLUSTRATION_ANIMEEFieldSet.VisibleDetail.getData())> 52<#assign hasAnimatedIllustration = ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE?has_content && ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE.getData()!="" && VisibleDetail> 53 54 55<#if main_group_short_name == "/bl"> 56 <#assign cropimage = "Centre"> 57 <#if CROP_IMAGE?has_content> 58 <#assign cropimage = CROP_IMAGE.getData()> 59 </#if> 60 <#if cropimage == "Gauche"><#assign cropimage = "25%"></#if> 61 <#if cropimage == "Droite"><#assign cropimage = "75%"></#if> 62 <#if cropimage == "Centre"><#assign cropimage = "center"></#if> 63 <div class="section image-bg-header ca3-scroll-down-arrow-ok" style="background-color:black;background-image:url(${originalImageUrl});background-position: ${cropimage} center;"> 64 <#if hasAnimatedIllustration> 65 <video autoplay="" class="videofullscreen" data-autoplay="" muted="" playsinline="" poster="${originalImageUrl}" webkit-playsinline=""><source src="${ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE.getData()}" type="video/mp4"/></video> 66 </#if> 67 <div class="image_overlay_dark"></div> 68 <div class="layer"> 69 <div class="article-meta-line"> 70 <div class="real-date">${date_publication?string.dd}${langueDateDot} ${date_publication?string.MMMM} ${date_publication?string.yyyy}</div> 71 <div class="withmiddot"><span>·</span></div> 72 <div class="read-time"><img src="/o/blu-theme/images/picto/clock-white.svg" class="clock" loading="lazy" width="18" height="18" style="margin-right:6px;margin-bottom:3px;"/> ${readTime} min</div> 73 </div> 74 <h1 class="blog-detail">${title}</h1> 75 <div class="article-meta-line authors"> 76 <#if artAuteur != "" && artAuteur != "vide"> 77 <#assign authorsIMG = authorArticle.getAuthorImg(artAuteur,authorsFolder)> 78 <#list authorsIMG as authorIMG> 79 <img src="${authorIMG}" width="32" height="32" class="author"/> 80 </#list> 81 ${artAuteur} 82 </#if> 83 </div> 84 <div class="article-meta-line tags"> 85 <#list asset.getTags() as tag> 86 <#if tag.name?starts_with("topic_")> 87 <a class="hashtag-hash" href="/${langue}/bank${main_group_short_name}/${rechercheParTagURL}/-/filter/tag/${tag.name}">${languageUtil.get(locale,tag.name)}</a> 88 </#if> 89 </#list> 90 </div> 91 </div> 92 </div> 93 </div> 94 <div class="article-wrapper"> 95 <p class="chapo">${ART_CHAPO.getData()}</p> 96 97 ${contenu} 98 <#if artAuteur != "" && artAuteur != "vide"> 99 <#assign auteurxml = authorArticle.get(articleGroupId, artAuteur, locale)> 100 <#if auteurxml?? && auteurxml!=''> 101 <div class="trait-auteur"></div> 102 <div class="blog-detail-auteur"> 103 ${saxReaderUtil.read(auteurxml).valueOf("//dynamic-content/text()")} 104 </div> 105 </#if> 106 </#if> 107 <div class="topic-tags"> 108 <#list asset.getTags() as tag> 109 <#if tag.name?starts_with("topic_")> 110 <a class="topic_tag" href="/${langue}/bank${main_group_short_name}/${rechercheParTagURL}/-/filter/tag/${tag.name}"> 111 ${languageUtil.get(locale,tag.name)} 112 </a> 113 </#if> 114 </#list> 115 </div> 116 </div> 117 118 <div class="addthis_sharing_toolbox"></div> 119 120 <script> 121 $(document).ready(function() { 122 init_topScreen(); 123 return; 124 <#assign blocDate = '<div class="article-meta-line"><div class="real-date">${date_publication?string.dd}${langueDateDot} ${date_publication?string.MMMM} ${date_publication?string.yyyy}</div>'> 125 <#assign blocDate = blocDate + '<div class="withmiddot"><span>·</span></div><div class="read-time"><img src="/o/blu-theme/images/picto/clock-white.svg" class="clock" loading="lazy" width="18" height="18" style="margin-right:6px;margin-bottom:3px;"/> ${readTime} min</div></div>'/> 126 127 <#assign blocTags = '<div class="article-meta-line tags">'> 128 <#list asset.getTags() as tag> 129 <#if tag.name?starts_with("topic_")> 130 <#assign blocTags = blocTags + ' <a class="hashtag-hash" href="/${langue}/bank${main_group_short_name}/${rechercheParTagURL}/-/filter/tag/${tag.name}">${languageUtil.get(locale,tag.name)}</a>'> 131 </#if> 132 </#list> 133 <#assign blocTags = blocTags + '</div>'> 134 135 <#assign blocAuteurs = '<div class="article-meta-line authors">'> 136 <#if artAuteur != "" && artAuteur != "vide"> 137 <#assign authorsIMG = authorArticle.getAuthorImg(artAuteur,authorsFolder)> 138 <#list authorsIMG as authorIMG> 139 <#assign blocAuteurs = blocAuteurs + '<img src="${authorIMG}" width="32" height="32" class="author"/>'> 140 </#list> 141 142 <#assign authorClean = artAuteur?replace("'", "'")> 143 <#assign blocAuteurs = blocAuteurs + ' ${authorClean}'> 144 </#if> 145 <#assign blocAuteurs = blocAuteurs + '</div>'> 146 147 <#assign titleClean = title?replace("'", "'")> 148 <#assign blocH1 = '<div class="image_overlay_dark"></div><div class="layer">${blocDate}<h1 class="blog-detail">${titleClean}</h1>${blocAuteurs}${blocTags}</div></div>'> 149 150 $('.fullpage').prepend('<div class="section image-bg-header ca3-scroll-down-arrow-ok" style="background-image:url(${originalImageUrl});display:none;">${blocH1}</div>'); 151 <#if hasAnimatedIllustration> 152 $('.fullpage .section.image-bg-header').html('<video autoplay="" class="videofullscreen" data-autoplay="" muted="" playsinline="" poster="${originalImageUrl}" webkit-playsinline=""><source src="${ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE.getData()}" type="video/mp4"/></video>${blocH1}'); 153 </#if> 154 $('.fullpage .section.image-bg-header').show(); 155 }); 156 157 </script> 158 159 <#if main_group_short_name == "/bl"> 160 <div id="nl-subscription" class="blu-times-nl form_newsletter style2" style="display:none;"> 161 <div class="form_newsletter_content"> 162 <div class="form_newsletter_content_img"></div> 163 <div class="form_newsletter_content_form"> 164 <div class="form_newsletter_text">${languageUtil.get(locale,"nl.abonnez.vous")}</div> 165 <#if main_group_short_name == "/bl"> 166 <a style="display:none !important;" class="only-lu only-de only-europe only-autres" href="/${langue}/bank/bl/newsletter-lu">${languageUtil.get(locale,"nl.consultez")}</a> 167 <a style="display:none !important;" class="only-be" href="/${langue}/bank/bl/newsletter-be">${languageUtil.get(locale,"nl.consultez")}</a> 168 <div style="font-family:'Poppins Medium';font-size:16px;line-height:24px;font-weight: 400;" 169 class="form_newsletter_text">${languageUtil.get(locale,"nl.text")}</div> 170 </#if> 171 <div class="form_newsletter_form"> 172 <div class="newsletter"> 173 <input placeholder="${languageUtil.get(locale,"nl.e.mail")}" type="text" id="nl_email"/> 174 <a id="nl-link-form" onclick="cook();" data-featherlight="iframe" 175 <#if main_group_short_name == "/bl"> 176 href="/${langue}${languageUtil.get(locale,"nl.url-form-bl")}" 177 </#if> 178 > <div>${languageUtil.get(locale,"nl.s.inscrire")}</div> </a> 179 </div> 180 </div> 181 <a class="close-nl" href="#" onclick="return cook();">X</a> 182 </div> 183 </div> 184 </div> 185 186 <script> 187 <#assign cur_url = portalUtil.getCurrentCompleteURL(serviceContext.getRequest())> 188 <#if !cur_url?contains("source=newsmail") && !cur_url?contains("source=blwebsites")> 189 jQuery(document).ready(function() { 190 if(typeof jQuery.cookie('NL_SUBSCRIPTION_HIDE') == 'undefined') { 191 setTimeout(function() { jQuery('#nl-subscription').show();}, 10000); 192 } 193 }); 194 </#if> 195 196 function cook() { 197 jQuery.cookie('NL_SUBSCRIPTION_HIDE', 'true', { expires:100, path: '/' }); 198 jQuery('#nl-subscription').hide(); 199 return false; 200 } 201 202 jQuery("#nl_email").change(function() { 203 jQuery('#nl-link-form').attr('href',jQuery('#nl-link-form').attr('href').substr(0, jQuery('#nl-link-form').attr('href').indexOf('&EMAIL=')) + '&EMAIL=' + jQuery("#nl_email").val()); 204 }); 205 </script> 206 </#if> 207</#if> 208 209<#if main_group_short_name == "/bli"> 210 <#assign titleClean = title?replace("'", "'")> 211 <div class="article-wrapper" id="movemeblog" style="padding-top:0;"> 212 <nav class="bl-breadcrumb" role="navigation"> 213 <a href="/"><@liferay.language key="homepage"/></a> > 214 <#assign ancestors = themeDisplay.getLayout().getAncestors()> 215 <#if ancestors?has_content> 216 <#assign reversedAncestors = ancestors?reverse> 217 <#list reversedAncestors as ancestor> 218 <a href="/${langue}/bank${main_group_short_name}${ancestor.getFriendlyURL(locale)}">${ancestor.getName(locale)}</a> > 219 </#list> 220 </#if> 221 <span>${titleClean}</span> 222 </nav> 223 <bdl-bds-grid-layout margin-bottom-8 margin-top-4 style="margin-left:calc(var(--gutter-default) * -2);margin-right:calc(var(--gutter-default) * -6);"> 224 <bdl-bds-grid-layout-item xlg-6 lg-6 md-6 sm-8 xs-4 xxs-4 style="margin-left:0;"> 225 <section style="height: 100%"> 226 <bdl-bds-card no-padding no-background no-border border-radius="calc(var(--gutter-default) * 2)"> 227 <div slot="card-content" border-radius-2> 228 <div class="title-zone"> 229 <div display-flex justify-content-start align-items-center> 230 <#list asset.getTags() as tag> 231 <#if tag.name?starts_with("topic_")> 232 <bdl-bds-badge size="lg" margin-right-2 233 <#if ("topic_highlights" == tag.name)> styles="primary-300" </#if> 234 <#if ("topic_perspectives" == tag.name)> styles="tertiary-700" </#if> 235 <#if ("topic_article" == tag.name)> styles="primary-900" </#if> 236 text="${languageUtil.get(locale,tag.name)}"> 237 </bdl-bds-badge> 238 </#if> 239 </#list> 240 <div display-flex justify-content-start align-items-center> 241 <bdl-bds-icon icon="calendar" styles="secondary-900" size="3X"></bdl-bds-icon> 242 <bdl-bds-typography style="margin-left: calc(var(--gutter-default) * .5);" font-type="body2" 243 styles="secondary-900" font-weight="light">${date_publication?string.dd}${langueDateDot} ${date_publication?string.MMMM} ${date_publication?string.yyyy}</bdl-bds-typography> 244 <bdl-bds-icon margin-left-1 icon="clock" styles="primary-700" size="3X"></bdl-bds-icon> 245 <bdl-bds-typography style="margin-left: calc(var(--gutter-default) * .5);" font-type="body2" 246 styles="primary-700" font-weight="bold">${readTime} min</bdl-bds-typography> 247 </div> 248 </div> 249 <bdl-bds-typography margin-top-2 font-type="h1" 250 styles="primary-700" font-weight="bold" content="${titleClean}"></bdl-bds-typography> 251 <#if ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE?has_content && ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE.getData()!="" > 252 <bdl-bds-button margin-top-1 class="article-download btn_to_expand" styles="default" size="sm" border-squared 253 content="<@liferay.language key="bli.news.download"/>" 254 onclick="window.open('${ILLUSTRATION_ANIMEEFieldSet.ILLUSTRATION_ANIMEE.getData()}', '_blank');return false;"> 255 </bdl-bds-button> 256 </#if> 257 </div> 258 <section style="height: auto" class="img-smartphone"> 259 <bdl-bds-card no-padding no-background no-border border-radius="calc(var(--gutter-default) * 2)"> 260 <div slot="card-content" border-radius-2> 261 <div style="position: relative; height: calc(var(--gutter-default) * 60); padding: calc(var(--gutter-default) * 2); border-radius: calc(var(--gutter-default) * 2); background-color: var(--color-white); overflow: hidden"> 262 <div style="position: relative;height: 100%;border-radius: calc(var(--gutter-default) * 2);border: calc(var(--gutter-default)) solid var(--color-primary-100); 263 background-color: var(--color-primary-200);background-position: center;background-size: cover;background-repeat: no-repeat; 264 background-image:url('${imageUrl}');overflow: hidden;"></div> 265 </div> 266 </div> 267 </bdl-bds-card> 268 </section> 269 <#assign lesAuteurs = artAuteur /> 270 <#assign maListeAuteurs = lesAuteurs?split(" & ") /> 271 <#assign folderId = 10806076 /> 272 <#assign articlesInFolder = journalArticleLocalService.getArticles(site_groupid, folderId, -1, -1) /> 273 <bdl-bds-grid-layout class="article-title-auteur"> 274 <#list maListeAuteurs as articleTitleAuteur> 275 <#assign myArticleAuteur = "" /> 276 <#list articlesInFolder as article> 277 <#if article.getTitle(locale)?lower_case == articleTitleAuteur?lower_case> 278 <#assign myArticleAuteur = journalArticleLocalService.getLatestArticle(site_groupid, article.getArticleId()) /> 279 <#break> 280 </#if> 281 </#list> 282 <#if myArticleAuteur?has_content && myArticleAuteur?is_hash> 283 <#assign document = saxReaderUtil.read(myArticleAuteur.getContentByLocale(themeDisplay.getLocale().getLanguage() + "_"+themeDisplay.getLocale().getCountry())) /> 284 <#assign root = document.getRootElement() /> 285 <#assign poste = root.valueOf("//dynamic-element[@name='POSTE']/dynamic-content/text()")> 286 <#assign link = articleUtil.getPageURL(site_groupid,myArticleAuteur.getArticleId(),themeDisplay) /> 287 <#assign link = link?substring(link?last_index_of("/")) /> 288 289 <#assign imageUrlAuteur="" /> 290 <#assign photoValue = root.valueOf("//dynamic-element[@name='PHOTO']/dynamic-content/text()") /> 291 <#if photoValue?? && (photoValue?length > 5)> 292 <#assign imageUrlAuteur = fileEntryUtil.getImageUrlByFormat(site_groupid, photoValue, "vignette", false)> 293 </#if> 294 295 <bdl-bds-grid-layout-item xlg-6 lg-6 md-6 sm-4 xs-4 xxs-4 class="bdl-bds-card-contact__grid" 296 onClick="document.location.href='/${langue}/bank${main_group_short_name}${link}';return false;"> 297 <bdl-bds-card no-padding="" no-border="" class="bdl-bds-card-contact"> 298 <div slot="card-content" display-flex="" justify-content-flex-start=""> 299 <div style="padding:24px 16px 24px 24px;"> 300 <div display-flex justify-content-start align-items-start gap-1> 301 <bdl-bds-avatar elevation-level="0" rounded="" src="${imageUrlAuteur}" size="lg" text="${articleTitleAuteur}"></bdl-bds-avatar> 302 <div flex-1> 303 <bdl-bds-typography font-type="h4" styles="tertiary-700" font-weight="bold" content="${articleTitleAuteur}"></bdl-bds-typography> 304 <bdl-bds-typography font-type="body2" styles="secondary" font-weight="light" content="${poste}" style="text-align:left;"></bdl-bds-typography> 305 </div> 306 <bdl-bds-button styles="default" size="default" text-only="" squared="" class="bdl-bds-card-contact__button" 307 onClick="document.location.href='/${langue}/bank${main_group_short_name}${link}';return false;"> 308 <bdl-bds-icon slot="icon" icon="chevron-right" size="3x"> </bdl-bds-icon> 309 </bdl-bds-button> 310 </div> 311 </div> 312 </div> 313 </bdl-bds-card> 314 </bdl-bds-grid-layout-item> 315 </#if> 316 </#list> 317 </bdl-bds-grid-layout> 318 </div> 319 </bdl-bds-card> 320 </section> 321 </bdl-bds-grid-layout-item> 322 <bdl-bds-grid-layout-item xlg-6 lg-6 md-6 sm-8 xs-4 xxs-4 style="margin-right:calc(var(--gutter-default) * -2);" class="img-not-smartphone"> 323 <section style="height: auto"> 324 <bdl-bds-card no-padding no-background no-border border-radius="calc(var(--gutter-default) * 2)"> 325 <div slot="card-content" border-radius-2> 326 <div style="position: relative; height: calc(var(--gutter-default) * 60); padding: calc(var(--gutter-default) * 2); border-radius: calc(var(--gutter-default) * 2); background-color: var(--color-white); overflow: hidden"> 327 <div style="position: relative;height: 100%;border-radius: calc(var(--gutter-default) * 2);border: calc(var(--gutter-default)) solid var(--color-primary-100); 328 background-color: var(--color-primary-200);background-position: center;background-size: cover;background-repeat: no-repeat; 329 background-image:url('${originalImageUrl}');overflow: hidden;"></div> 330 </div> 331 </div> 332 </bdl-bds-card> 333 </section> 334 </bdl-bds-grid-layout-item> 335 </bdl-bds-grid-layout> 336 </div> 337 <script> 338 document.body.classList.add('bli-big-header-page'); 339 $('#layout-column_column-1').prepend($('#movemeblog').first().detach()); 340 document.querySelectorAll('.article-download').forEach(btn => { 341 try { btn.trailingMedia = [{ type:'icon', icon:'download', size:'3x' }]; } catch(e) {} 342 }); 343 </script> 344 <section class="transparent-card BLI_BLOG" id="item-blogpost"> 345 <bdl-bds-container z-index="1" position-relative> 346 <bdl-bds-card no-padding border-radius="calc(var(--gutter-default) * 2)" margin-bottom-8> 347 <div slot="card-content" border-radius-2> 348 <div style="padding: 32px"> 349 350 <bdl-bds-card no-padding="" no-border="" no-background="" margin-bottom-4="" class="radius-1-smartphone"> 351 <div slot="card-content" background-color="primary-800" border-radius-2="" style="border-radius: calc(var(--gutter-default) * 2);border: 1px solid var(--color-secondary-400);"> 352 <bdl-bds-typography class="h3_h4 scrollspyme" padding-left-4="" padding-right-4="" padding-top-2="" padding-bottom-2="" 353 font-type='h3' styles="secondary-100" font-weight="extra-bold" content="${languageUtil.get(locale,"topic_article")}"> 354 </bdl-bds-typography> 355 </div> 356 </bdl-bds-card> 357 358 <p class="chapo">${ART_CHAPO.getData()}</p> 359 <div class="content-bli-article">${contenu}</div> 360 <div class="content-bli-article-show-hide-more" onclick="showMore();" style="cursor:pointer;margin-top: 16px;"> 361 ${languageUtil.get(locale,"bli.news.voir-plus")} 362 <bdl-bds-icon icon="arrow-down" styles="secondary-900" size="3X" style="margin-left:12px;vertical-align:text-bottom;"></bdl-bds-icon> 363 </div> 364 <div class="content-bli-article-show-hide-less" onclick="showLess();" style="cursor:pointer;margin-top: 16px;"> 365 ${languageUtil.get(locale,"bli.news.voir-moins")} 366 <bdl-bds-icon icon="arrow-up" styles="secondary-900" size="3X" style="margin-left:12px;vertical-align:text-bottom;"></bdl-bds-icon> 367 </div> 368 </div> 369 </div> 370 </bdl-bds-card> 371 </bdl-bds-container> 372 </section> 373 <style> 374 .content-bli-article-show-hide-more {display:none;} 375 .content-bli-article-show-hide-less {display:none;} 376 </style> 377 <script> 378 function showMore() { 379 $('.content-bli-article-show-hide-more').hide(); 380 $('.content-bli-article-show-hide-less').show(); 381 $('.content-bli-article').addClass("show-all"); 382 } 383 function showLess() { 384 $('.content-bli-article-show-hide-more').show(); 385 $('.content-bli-article-show-hide-less').hide(); 386 $('.content-bli-article').removeClass("show-all"); 387 setTimeout(function() { 388 $('html, body').animate({ 389 scrollTop: $('.content-bli-article-show-hide-more').offset().top - 200 390 }, 400); 391 }, 100); 392 } 393 </script> 394 <#if (VIDEO_ID_YOUTUBE?has_content && VIDEO_ID_YOUTUBE.getData()!="") || (AUSHAPARAMS?has_content && AUSHAPARAMS.getData()!="")> 395 <style> 396 .content-bli-article { 397 max-height:40vh; 398 overflow:hidden; 399 } 400 .content-bli-article.show-all { 401 max-height:none; 402 } 403 .content-bli-article-show-hide-more {display:block;} 404 </style> 405 </#if> 406 <#if VIDEO_ID_YOUTUBE?has_content && VIDEO_ID_YOUTUBE.getData()!="" > 407 <section class="transparent-card BLI_BLOG" id="item-blogpost-video"> 408 <bdl-bds-container z-index="1" position-relative> 409 <bdl-bds-card no-padding border-radius="calc(var(--gutter-default) * 2)" margin-bottom-8> 410 <div slot="card-content" border-radius-2> 411 <div style="padding: 32px"> 412 413 <bdl-bds-card no-padding="" no-border="" no-background="" margin-bottom-4="" class="radius-1-smartphone"> 414 <div slot="card-content" background-color="primary-800" border-radius-2="" style="border-radius: calc(var(--gutter-default) * 2);border: 1px solid var(--color-secondary-400);"> 415 <bdl-bds-typography class="h3_h4 scrollspyme" padding-left-4="" padding-right-4="" padding-top-2="" padding-bottom-2="" 416 font-type='h3' styles="secondary-100" font-weight="extra-bold" content="${languageUtil.get(locale,"bli.news.video")}"> 417 </bdl-bds-typography> 418 </div> 419 </bdl-bds-card> 420 421 <div class="video-container"> 422 <div class="youtube_player" height="315" rel="0" videoid="${VIDEO_ID_YOUTUBE.getData()}" width="560"> </div> 423 </div> 424 <style> 425 .video-container {border-radius:16px;} 426 @media (max-width: 1151px) { 427 .video-container {border-radius:8px;} 428 } 429 </style> 430 </div> 431 </div> 432 </bdl-bds-card> 433 </bdl-bds-container> 434 </section> 435 </#if> 436 <#if AUSHAPARAMS?has_content && AUSHAPARAMS.getData()!="" > 437 <section class="transparent-card BLI_BLOG" id="item-blogpost-audio"> 438 <bdl-bds-container z-index="1" position-relative> 439 <bdl-bds-card no-padding border-radius="calc(var(--gutter-default) * 2)" margin-bottom-8> 440 <div slot="card-content" border-radius-2> 441 <div style="padding: 32px"> 442 443 <bdl-bds-card no-padding="" no-border="" no-background="" margin-bottom-4="" class="radius-1-smartphone"> 444 <div slot="card-content" background-color="primary-800" border-radius-2="" style="border-radius: calc(var(--gutter-default) * 2);border: 1px solid var(--color-secondary-400);"> 445 <bdl-bds-typography class="h3_h4 scrollspyme" padding-left-4="" padding-right-4="" padding-top-2="" padding-bottom-2="" 446 font-type='h3' styles="secondary-100" font-weight="extra-bold" content="${languageUtil.get(locale,"bli.news.audio")}"> 447 </bdl-bds-typography> 448 </div> 449 </bdl-bds-card> 450 451 <div aushaparams="${AUSHAPARAMS.getData()}" class="ausha_player" height="420"> 452 453 </div> 454 455 </div> 456 </div> 457 </bdl-bds-card> 458 </bdl-bds-container> 459 </section> 460 </#if> 461 <#-- <script> 462 try { 463 setTimeout(function () {addToScrollSpyTargets();}, 1000); 464 } catch(error) {} 465 </script>--> 466 <style> 467 html.aui.theme_blu body.view-bli-app { 468 & .article-wrapper .BLI_BLOG { 469 p.chapo { 470 font-size: var(--typography-h5-font-size); 471 line-height: var(--typography-h5-line-height); 472 } 473 p, span, div, ul, ul li, ol, ol li { 474 font-size: var(--typography-h6-font-size); 475 line-height: var(--typography-h6-line-height); 476 } 477 h2, h3, h4 { 478 font-size: var(--typography-h5-font-size); 479 line-height: var(--typography-h5-line-height); 480 margin-bottom:calc(var(--gutter-default) * 2); 481 color: var(--color-tertiary-700); 482 } 483 h3, h4 { 484 font-size: var(--typography-h6-font-size); 485 line-height: var(--typography-h6-line-height); 486 margin-bottom:calc(var(--gutter-default) * 1); 487 } 488 .h3_h4 { 489 h2, h3, h4 { 490 color: var(--color-secondary-100) !important; 491 } 492 } 493 494 } 495 } 496 497 .view-bli-app .article-title-auteur h4 { 498 margin:0 !important; 499 } 500 .view-bli-app ul li, .view-bli-app ol li { 501 text-align:left !important; 502 } 503 .bli-big-header-page .view-bli-app__header { 504 height: calc(var(--gutter-default) * 92) !important; 505 } 506 #content { 507 margin-top: calc(var(--gutter-default) * -72) !important; 508 } 509 510 .view-bli-app #main-section { 511 margin-right: calc(var(--gutter-default) * -4); 512 } 513 .view-bli-app #scrollspy-targets { 514 margin-left:0; 515 margin-right:0; 516 } 517 518 .view-bli-app #scrollspy-targets .influx-portlet { 519 margin-left: calc(var(--gutter-default) * 2); 520 margin-right: calc(var(--gutter-default) * 2); 521 } 522 .view-bli-app.bli-big-header-page { 523 h1, p.chapo { 524 max-width:100% 525 } 526 } 527 .view-bli-app .view-bli-app__header { 528 overflow: hidden; 529 position: relative; 530 background-repeat: no-repeat; 531 background-color: var(--color-primary-200); 532 background-size: cover; 533 background-position: center; 534 background-image:none; 535 } 536 .view-bli-app .view-bli-app__header:after { 537 position: absolute; 538 display: block; 539 content: ""; 540 width: 250vw; 541 top: 0; 542 left: -75vw; 543 height: 100%; 544 background-color: transparent; 545 background-position: center; 546 background-size: initial; 547 background-repeat: no-repeat; 548 background-image: url("/documents/d/bli/bli-big-pattern"); 549 z-index: 0; 550 } 551 552 .view-bli-app .title-zone { 553 padding: 0 calc(var(--gutter-default) * 4); 554 display: flex; 555 align-items: flex-start; 556 flex-direction: column; 557 justify-content: center; 558 height: 100%; 559 } 560 .img-not-smartphone { 561 display:block; 562 } 563 .img-smartphone { 564 display:none; 565 } 566 567 @media (max-width : 1151px) { 568 .view-bli-app #content { 569 margin-top: calc(var(--gutter-default) * -85) !important; 570 } 571 .view-bli-app .bl-breadcrumb + bdl-bds-grid-layout { 572 margin-left: calc(var(--gutter-default) * 2) !important; 573 margin-right: calc(var(--gutter-default) * -2) !important; 574 } 575 .view-bli-app .title-zone { 576 padding: 0 0 0 calc(var(--gutter-default) * 2); 577 } 578 .bdl-bds-card-contact__grid { 579 max-width:100%; 580 } 581 } 582 @media (max-width : 863px) { 583 .img-not-smartphone { 584 display:none; 585 } 586 .view-bli-app .title-zone { 587 padding:0; 588 } 589 .img-smartphone { 590 display:block; 591 margin-top: calc(var(--gutter-default) * 4); 592 } 593 .view-bli-app .bl-breadcrumb + bdl-bds-grid-layout { 594 margin-left: calc(var(--gutter-default)) !important; 595 } 596 } 597 598 </style> 599</#if> 600 601<style>.tac_activate.tac_activate_addthis { display: none !important; }</style>