Select your location and language
Contact & Help
We would encourage you to contact your adviser, preferably by phone or secure mail, or make arrangements in advance for a meeting.
Contact & Help
We have taken all the necessary health and safety precautions in order to ensure continuous service. Where possible, please contact us by phone or via our secure digital channels. If you would like speak to your adviser, we recommend making an appointment in advance.
Wallonie - Brussels
Chaussée de La Hulpe, 120 – 1000 Brussels
FLANDERS
Kortrijksesteenweg 218 – 9830 Sint-Martens-Latem
An error occurred while processing the 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>