Chatbot is loading

Ooredoo Chat

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

L’avenir commence maintenant !

Découvrez la puissance de la 5G avec Ooredoo

An error occurred while processing the template.

The following has evaluated to null or missing:
==> request.cookies  [in template "20097#20123#77441" at line 5, column 24]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
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: #list request.cookies?filter(c -> c.n...  [in template "20097#20123#77441" at line 5, column 17]
----

1<#if entries?has_content>

2	<#assign sectionParam = getterUtil.getString(request.getParameter("section"))?trim>

3		<#assign sectionCookie = "">

5		<#list request.cookies?filter(c -> c.name == "guest-section") as cookie>

6			<#assign sectionCookie = getterUtil.getString(cookie.value)?trim>

7    </#list>

8	<#if currentURL?contains('/business') || currentURL?contains('/entreprises') || (sectionCookie?contains('entreprises') )>

9		<#assign curSection = "business|entreprises" />

10		<script>

11		(function() {

12			const cookieName = "guest-section";

13			const sessionValue = "entreprises";

15			document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";

16		})();

17		</script>

18	<#elseif currentURL?contains('/about-us') || currentURL?contains('/tout-sur-ooredoo')>

19		<#assign curSection = "about-us|tout-sur-ooredoo" />

20		<script>

21		(function() {

22			const cookieName = "guest-section";

23			const sessionValue = "tout-sur-ooredoo";

25			document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";

26		})();

27		</script>

28	<#else>

29			<#assign curSection = "personal|particuliers " />

30		<#if currentURL?contains('/particuliers')>

32						<script>

33						(function() {

34					const cookieName = "guest-section";

35					const sessionValue = "particuliers";

37					document.cookie = cookieName + "=" + encodeURIComponent(sessionValue) + "; path=/";

38				})();

39				</script>

40		   </#if>

42	</#if>

44		<#assign navOrder={}/>

45		<#assign mainNav='en_US'/>

46		<#assign mainNavLocal='fr'/>

48		<#assign navListEn=['Personal','Business','About Us']/>

49		<#assign navListFr=['Particuliers','Entreprises','Tout sur Ooredoo']/>

50		<#assign navListAr=['Personal','Business','About']/>

55		<#assign localeString = locale?string />

56		<#if localeString == 'en_US'>

57			<#assign mainNav = navListEn />

58			<#elseif localeString == 'ar_SA'>

59				<#assign mainNav = navListEn />

60				<#assign mainNavLocal='ar'/>

61				<#elseif localeString == 'fr_FR'>

62					<#assign mainNav = navListFr />

63					<#else>

64						<!-- Set a default value if none of the conditions match -->

65						<#assign mainNav = navListEn />

66		</#if>

68		<#list entries as curEntry>

69			<#assign navOrder+={curEntry.getTitle(locale),curEntry}/>

73			</#list>

75	<#if curSection=="about-us|tout-sur-ooredoo">

76		<#if localeString == 'ar_SA'>

77			<style>

78				.navbar-nav{

79						padding-inline: 0px !important;

80				}

81				.text-base-1280{

82				 font-size: 14px !important;

83				}

84			</style>

85		<#else>

86			<style>

87				ol, ul {

88						padding-inline: 32px;

89				}

90				.text-base-1280{

91				 font-size: 14px !important;

92				}

93				.nav-padding-right {

94				padding-right: 32px;

95				font-size: 14px !important;

96				font-weight: 400 !important;

97			}

98			</style>

100		</#if>

101	<#else>

102		<style>

103			.nav-padding-right {

104				padding-right: 32px;

105				font-size: 16px !important;

106				font-weight: 400 !important;

107			}

108			.rtl .nav-padding-right {

109					padding-right: 0px;

110					padding-left: 32px;

111			}

112			</style>

113  </#if>

114	<div class="nav-wrap shadow megaMenu bg-white">

115		<div class="mx-auto hidden max-w-7xl xl:block">

116	        <!-- first row -->

117	        <div class="flex">

118	            <a href="/personal">

119								<#if curSection=="business|entreprises">

120	                <img src="/documents/d/guest/20170203_ooredoo-business-logo" alt="about Logo" class="mt-[14px] pb-3 h-16">

121									<#else>

122										<img src="/documents/d/guest/logo" alt="about Logo" class="mt-[14px] pb-3 h-12">

123									</#if>

124	            </a>

125				<div class="flex h-14 items-start gap-x-1 overflow-y-hidden text-[14px] ltr:ml-24 rtl:mr-24">

126	           <#if mainNav?has_content>

127					<#list mainNav as navList>

129					     <#assign curEntry=navOrder[navList]/>

130						          <a class="flex h-full items-end rounded-b-xl

131													${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white','hover:bg-brand-red-6')}

132													px-5 pb-2.5" data-senna-off="true" href="/${mainNavLocal}/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">

133			                    <span>

134														<@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />

135			                	</span>

136			                </a>

141	               </#list>

142							 </#if>

143	             </div>

144	            <div class="flex items-center justify-end gap-x-10 ltr:ml-auto rtl:mr-auto">

145								<a href="/personal/noudjoum" class="flex items-center gap-x-2.5">

146	                    <img src="/documents/d/guest/frame-1707479612" alt="User Icon">

147	                    <p class="flex flex-col items-start leading-tight">

148	                        <span><@liferay.language key="noudjoum-icon"/> </span>

149	                    </p>

150	                </a>

151	                <a href="https://my.ooredoo.dz/" class="flex items-center gap-x-2.5">

152	                    <img src="/documents/d/guest/persons" alt="User Icon">

153	                    <p class="flex flex-col items-start leading-tight">

154	                        <span><@liferay.language key="my-ooredoo"/> </span>

155	                    </p>

156	                </a>

157	                <a href="https://estorm.ooredoo.dz/" class="flex items-center gap-x-2.5">

158	                    <img src="/documents/d/guest/e-strom" alt="E Strom Icon">

159	                    <p><@liferay.language key="e-strom"/></p>

160	                </a>

161	                <a href="https://appstorm.ooredoo.dz/" class="flex items-center gap-x-2.5">

162	                    <img src="/documents/d/guest/partners" alt="People Icon">

163	                    <p><@liferay.language key="partners"/></p>

164	                </a>

165	            </div>

166	        </div>

167	    </div>

168	    <div class="mx-auto hidden max-w-7xl xl:block desktop-tab">

169       		<nav class="navbar navbar-expand-lg pb-xl-0 pt-4 relative flex items-center w-full justify-between px-0" data-te-navbar-ref="">

170		        <div class="!visible flex-grow basis-[100%] d-flex align-items-center lg:!flex lg:basis-auto MegaNavSection" id="navbarSupportedContentX" data-te-collapse-item="">

171		        	<#list entries as curEntry>

172		        		<#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>

173				        	<#assign

174		                            assetRenderer = curEntry.getAssetRenderer()

175		                            journalArticle = assetRenderer.getAssetObject()

176		                     />

177		                    <@liferay_journal["journal-article"]

178		                            articleId=journalArticle.getArticleId()

179		                            ddmTemplateKey=journalArticle.getDDMTemplateKey()

180		                            groupId=journalArticle.getGroupId()

181		                    />

182		                </#if>

183	                </#list>

184	            </div>

185	            <div class="flex-wrap flex pb-2 mb-1">

186                    <div class="relative flex w-80 justify-end ltr:ml-auto rtl:mr-auto ooredoo-search-bar">

187                        <@liferay.search_bar />

188                    </div>

189                    <div class="grid grid-flow-col gap-1 justify-center items-center  ltr:ml-10 rtl:mr-10 ltr:translate-x-1  rtl:-translate-x-1 border-none">

190                        <!--<@liferay_portlet["runtime"] portletName="com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet" />-->

191											<div class="d-flex gap-3 ooredoo-lang-selector">

192												<img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " >

193													<select

195        id="languageIdWeb"

196        name="languageId" class="border-0 py-1 text-gray-700 pr-4" aria-labelledby="languageDropdownMobile"

197        fdprocessedid="0tfnyf">

198			<#if localeString == 'ar_SA'>

199			   <option  value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

200				 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

201			<#elseif localeString == 'fr_FR'>

202				 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

203				 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

204		  </#if>

206    </select>

207</div>

208                    </div>

209                </div>

210    		</nav>

211		</div>

214		<!--tablet-->

215	    <div class="hidden px-5 py-4 md:block xl:hidden">

216	        <!-- first row -->

217	        <div class="flex items-center justify-between">

218	            <a href="/personal">

219	                <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[auto] h-12 pb-3">

220	            </a>

221	            <div class="flex items-center gap-x-[14px]">

222	                <div class="relative flex h-9 w-72 justify-end ltr:ml-auto rtl:mr-auto">

223	                    <@liferay.search_bar />

224	                </div>

225	                <div class="flex items-center gap-x-[14px]">

226	                    <button id="navigationTabletDropdown" data-dropdown-toggle="navigation-section-teblet-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">

227	                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>

228	                        </svg>

229	                    </button>

230	                    <div id="navigation-section-teblet-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">

231	                        <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">

232														<li class="border-b border-gray-300">

233																<img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">

234																<a href="/personal/noudjoum" class="block  py-2">

236																		<@liferay.language key="noudjoum-icon" />

237																</a>

238														</li>

239														<li class="border-b border-gray-300">

240																<img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">

241																<a href="https://my.ooredoo.dz/" class="block  py-2">

243																		<@liferay.language key="my-ooredoo" />

244																</a>

245														</li>

246														<li class="border-b border-gray-300">

247																<img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">

248																<a href="https://estorm.ooredoo.dz/" class="block py-2">

250																		<@liferay.language key="e-strom" />

251																</a>

252														</li>

253														<li class="">

254																<img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">

255																<a href="https://appstorm.ooredoo.dz/" class="block py-2">

256																		<@liferay.language key="partners" />

257																</a>

258														</li>

259												</ul>

260	                    </div>

261	                </div>

269		<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-decorate portlet-language "

270    id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span

271        id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>

272    <section class="portlet"

273        id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">

274        <div class="portlet-content">

275            <div class=" portlet-content-container">

276                <div class="portlet-body">

277                    <form class="form  "

278                        data-fm-namespace=""

279                        id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825"

280                        method="post"

281                        name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825">

282                        <div class="d-flex gap-3 ooredoo-lang-selector">

283                            <select

284                                onchange="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage()"

285                                id="languageIdTab"

286                                name="languageId" class="border-0 py-1 text-gray-700 pr-4"

287                                aria-labelledby="languageDropdownMobile">

289                                <#if localeString == 'ar_SA'>

290											 <option  value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

291											 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

292										<#elseif localeString == 'fr_FR'>

293											 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

294											 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

295										</#if>

296                            </select>

297                        </div>

298                    </form>

300                    <style>

301                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {

302                            padding: 0;

303                        }

305                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {

306                            margin: 0;

307                        }

309                        .ooredoo-lang-selector .pr-4 {

310                            padding-right: 2rem !important;

311                        }

313                        .ooredoo-lang-selector .pb-1 {

314                            padding-bottom: 0.25rem !important;

315                        }

317                        .ooredoo-lang-selector .pt-1 {

318                            padding-top: 0.25rem !important;

319                        }

320                    </style>

321                </div>

322            </div>

323        </div>

324    </section>

325</div>

336	            </div>

337	        </div>

338	        <!-- second row -->

339	        <div class="mt-4 flex items-center justify-between">

340	            <button id="tablet-menu-trigger-btn">

341	                <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">

342	            </button>

343	            <div class="h-9 text-base">

344	            	<#if mainNav?has_content>

345					<#list mainNav as navList>

346					     <#assign curEntry=navOrder[navList]/>

347						          <a class="h-full rounded-full no-underline text-inherit  ${((curSection?lower_case)?contains((curEntry.getTitle(locale)?replace(' ','-'))?lower_case))?then('bg-brand-red-4 text-white tablet-menu-active-btn','')} text-sm" data-senna-off="true" href="/${mainNavLocal}/${(curEntry.getTitle('en_US')?lower_case)?replace(' ','-')}">

348			                    <span class="inline-block section-text-tab">

349														<@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />

350			                	</span>

351			                </a>

356	               </#list>

357							 </#if>

358	            </div>

359	        </div>

360	    </div>

362	    <!--mobile-->

363	    <div class="px-4 py-4 md:hidden">

364	        <!-- first row -->

365	        <div class="flex items-center justify-between">

366	            <a href="/personal">

367	                <img src="/documents/d/guest/logo" alt="Business Logo" class="w-[120px]">

368	            </a>

369	            <div class="d-flex justify-end align-items-xl-center gap-x-2">

370	                <div class="relative flex h-9 w-50 w-xl-72 justify-end ltr:ml-auto rtl:mr-auto">

371	                    <button id="mobile-nav-search" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">

372	                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.031 16.617L22.314 20.899L20.899 22.314L16.617 18.031C15.0237 19.3082 13.042 20.0029 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20.0029 13.042 19.3082 15.0237 18.031 16.617ZM16.025 15.875C17.2941 14.5699 18.0029 12.8204 18 11C18 7.132 14.867 4 11 4C7.132 4 4 7.132 4 11C4 14.867 7.132 18 11 18C12.8204 18.0029 14.5699 17.2941 15.875 16.025L16.025 15.875Z" fill="white"/></svg>

373	                    </button>

374	                    <@liferay.search_bar />

375	                </div>

376	                <div class="flex items-center gap-x-[14px]">

377	                    <button id="navigationDropdown" data-dropdown-toggle="navigation-section-dropdown" class="nav-mob-dropdown inline-flex items-center rounded-full bg-brand-red-4 text-center text-white" type="button">

378	                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13C14.396 13 16.575 13.694 18.178 14.671C18.978 15.161 19.662 15.736 20.156 16.361C20.642 16.977 21 17.713 21 18.5C21 19.345 20.589 20.011 19.997 20.486C19.437 20.936 18.698 21.234 17.913 21.442C16.335 21.859 14.229 22 12 22C9.771 22 7.665 21.86 6.087 21.442C5.302 21.234 4.563 20.936 4.003 20.486C3.41 20.01 3 19.345 3 18.5C3 17.713 3.358 16.977 3.844 16.361C4.338 15.736 5.021 15.161 5.822 14.671C7.425 13.694 9.605 13 12 13ZM12 2C13.3261 2 14.5979 2.52678 15.5355 3.46447C16.4732 4.40215 17 5.67392 17 7C17 8.32608 16.4732 9.59785 15.5355 10.5355C14.5979 11.4732 13.3261 12 12 12C10.6739 12 9.40215 11.4732 8.46447 10.5355C7.52678 9.59785 7 8.32608 7 7C7 5.67392 7.52678 4.40215 8.46447 3.46447C9.40215 2.52678 10.6739 2 12 2Z" fill="white"/>

379	                        </svg>

380	                    </button>

381	                    <div id="navigation-section-dropdown" class="z-10 hidden w-35 rounded-xl bg-white shadow" data-popper-reference-hidden="false" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">

382	                        <ul class="custom-list py-1 text-sm text-black/80" aria-labelledby="navigationDropdown">

383														<li class="border-b border-gray-300">

384																<img src="/documents/d/guest/frame-1707479612" alt="Noudjoum Icon" class="list-icon">

385																<a href="/personal/noudjoum" class="block  py-2">

387																		<@liferay.language key="noudjoum-icon" />

388																</a>

389														</li>

390														<li class="border-b border-gray-300">

391																<img src="/documents/d/guest/persons" alt="My Ooredoo Icon" class="list-icon">

392																<a href="https://my.ooredoo.dz/" class="block  py-2">

394																		<@liferay.language key="my-ooredoo" />

395																</a>

396														</li>

397														<li class="border-b border-gray-300">

398																<img src="/documents/d/guest/e-strom" alt="eStorm Icon" class="list-icon">

399																<a href="https://estorm.ooredoo.dz/" class="block py-2">

401																		<@liferay.language key="e-strom" />

402																</a>

403														</li>

404														<li class="">

405																<img src="/documents/d/guest/partners" alt="Partners Icon" class="list-icon">

406																<a href="https://appstorm.ooredoo.dz/" class="block  py-2">

407																		<@liferay.language key="partners" />

408																</a>

409														</li>

410												</ul>

411	                    </div>

412	                </div>

421								<div class="portlet-boundary portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_  portlet-static portlet-static-end portlet-decorate portlet-language " id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>

422            <section class="portlet" id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">

423             <div class="portlet-content">

424              <div class=" portlet-content-container">

425               <div class="portlet-body">

426                <form action="/fr/c/portal/update_language?p_l_id=24&amp;redirect=%2Ffr%2Fentreprises" class="form  " data-fm-namespace="" id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586" method="post" name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1700720685586"><input class="field form-control" id="formDate" name="formDate" type="hidden" value="1700720685587">

427                 <div class="d-flex gap-3 ooredoo-lang-selector">

428									 <img id="displayedImage" src='<@liferay.language key="language-flag"/>' class="w-[24px] h-[24px] rounded-[50%] " alt="uk">

429									 <select id="languageIdMobile" name="languageId" class="border-0 py-1 text-gray-700 pr-4 bg-brand-red-4" aria-labelledby="languageDropdownMobile">

431										 <#if localeString == 'ar_SA'>

432											 <option  value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

433											 <option selected="" value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

434										<#elseif localeString == 'fr_FR'>

435											 <option selected="" value="fr_FR" lang="fr-FR" class="block px-4 py-2">FR </option>

436											 <option value="ar_SA" lang="ar-SA" class="block px-4 py-2">AR </option>

437										</#if>

438									 </select>

439                 </div>

440                </form>

441                <script>

443</script>

444                <style>

445	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{

446		padding:0;

447	}

448	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{

449		margin:0;

450	}

451	.ooredoo-lang-selector .pr-4{

452    padding-right: 2rem !important;

453}

454.ooredoo-lang-selector .pb-1 {

455    padding-bottom: 0.25rem !important;

456}

457.ooredoo-lang-selector .pt-1{

458    padding-top: 0.25rem !important;

459}

460.nav-mob-search .d-xl-none{

461	    display: block !important;

462	}

463	.nav-mob-search .d-xl-block{

464	    display: none !important;

465	}

466.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {

468    width: 250px !important;

469}

470</style>

471               </div>

472              </div>

473             </div>

474            </section>

475           </div>

482	            </div>

483	        </div>

484	        <!-- second row -->

485	        <div class="mt-4 flex items-center justify-between">

486	            <button id="mobile-menu-trigger-btn">

487	                <img src="/documents/d/guest/fluent_navigation-16-filled" alt="Menu Icon">

488	            </button>

489	            <div class="flex items-center gap-x-[14px]">

490								<#list entries as curEntry>

491	            		<#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>

492			                <button id="navigationDropdown" data-dropdown-toggle="navigation-dropdown" class="inline-flex items-center rounded-full bg-brand-red-4 px-4 py-2 text-center text-white justify-center section-btn" type="button">

493			                    <@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" />

494			                    <svg class="ml-2 h-4 w-4" aria-hidden="true" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

495			                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>

496			                    </svg>

497			                </button>

498			            </#if>

499		            </#list>

500	            	<#list entries as curEntry>

502			            <#if curEntry?index==0>

503			                <div id="navigation-dropdown" class="z-10 hidden w-44 rounded-xl bg-white shadow" data-popper-reference-hidden="" data-popper-escaped="" data-popper-placement="bottom" style="position: absolute; inset: -1rem auto auto 0px; margin: 0px; transform: translate3d(0px, 10.4px, 0px);">

504			                	<ul class="custom-list custom-list-mobile py-1 text-sm text-black/80" aria-labelledby="navigationDropdown" >

505			                		<#assign mobSectionDropDown = true />

506			            </#if>

507                        <li>

508                            <a href="/${mainNavLocal}/${curEntry.getTitle('en_US')?lower_case?replace(' ', '-')}" class="block px-4 py-2"><@liferay.language key="${curEntry.getTitle(locale)?replace(' ','')}" /></a>

509                        </li>

510		            </#list>

511            	<#if mobSectionDropDown==true>

512            		</ul>

513	                </div>

514            	</#if>

515	            </div>

516	        </div>

517	    </div>

518	</div>

519	<div id="colorChangeButton" style="display: none"></div>

520</#if>

521<#if entries?has_content>

522	<#list entries as curEntry>

523		<#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>

524        	<#assign

525                    assetRenderer = curEntry.getAssetRenderer()

526                    journalArticle = assetRenderer.getAssetObject()

527             />

528            <@liferay_journal["journal-article"]

529                    articleId=journalArticle.getArticleId()

530                    ddmTemplateKey="192008"

531                    groupId=journalArticle.getGroupId()

532            />

533			      <#break>

534				 </#if>

535	</#list>

536	<#list entries as curEntry>

537		<#if (curSection?lower_case)?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))>

538			       <#assign

539                    assetRenderer = curEntry.getAssetRenderer()

540                    journalArticle = assetRenderer.getAssetObject()

541             />

542            <@liferay_journal["journal-article"]

543                    articleId=journalArticle.getArticleId()

544                    ddmTemplateKey="192949"

545                    groupId=journalArticle.getGroupId()

546            />

547			<#break>

548        </#if>

549	</#list>

550</#if>

552<style>

553	.guest-site	.min-vh-100{

554	    min-height: 0 !important;

555	}

556.MegaNavSection .journal-content-article {

557		flex-grow: 1;

558		display: flex;

559		align-items: center;

560		justify-content: start;

561	}

562	.ooredoo-search-bar .portlet{

563	margin-bottom:0;

564}

565.nav-menu-link a {

566                position: relative;

567                color: inherit;

568                text-decoration: none;

569                transition: color 0.3s ease;

570            }

572            .nav-menu-link a::before {

573                content: "";

574                position: absolute;

575                left: 0;

576                right: 0;

577                bottom: -3px; /* Adjust this for space between text and line */

578                height: 2px; /* Adjust this for line thickness */

579                background-color: red;

580                transform: scaleX(0);

581                transform-origin: center;

582                transition: transform 0.3s ease;

583            }

585            .nav-menu-link a:hover::before,

586            .navbar-nav.active .nav-menu-link a::before {

587                transform: scaleX(1);

588            }

590            .navbar-nav.active .nav-menu-link a {

591                color: red;

592            }

593.active-underline {

594    transform: scaleX(0);

595}

597.navbar-nav.active .nav-menu-link a .active-underline {

598    transform: scaleX(1);

599}

601.underline-red {

602  text-decoration: underline #d6001c;

603	text-decoration-thickness: 2px;

604}

606.tablet-menu-active-btn {

607	padding-bottom: 0.5rem;

608    	padding-top: 0.5rem;

609}

610.rtl .rotate-180 {

611    transform: rotate(90deg);

612}

613	.nav-mob-search .d-xl-none{

614	    display: block !important;

615	}

616	.nav-mob-search .d-xl-block{

617	    display: none !important;

618	}

619	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input{

620   padding-right: 6rem !important;

621   padding-left: 1rem !important;

622}

623	.portlet-boundary_com_liferay_portal_search_web_search_bar_portlet_SearchBarPortlet_ .search-bar-input {

625    width: 250px !important;

626}

627.nav-wrap {

628    background: #ffffff;

629    position: fixed;

630    top: 0;

631    left: 0;

632    width: 100%;

633    z-index: 100;

634}

635.custom-list li {

636    list-style: none;

637    display: flex;

638    align-items: center;

639	  padding-left: 10px;

640    padding-right: 10px;

641}

642.custom-list {

643	  padding-left: 0rem;

644    padding-right: 0rem;

645}

646.custom-list-mobile {

647	  color: #D6001C;

648}

650.custom-list .list-icon {

651    width: 20px;

652    height: 20px;

653    margin-right: 10px;

654}

655.section-btn {

656    width: 11rem;

657}

658	.section-text-tab{

659		text-align: center;

660		width: 8.5rem;

661	}

663/* Remove focus outline on select elements */

664#languageIdMobile:focus,

665#languageIdTab:focus {

666    outline: none;

667    -webkit-box-shadow: none;

668    -moz-box-shadow: none;

669    box-shadow: none;

670	  background-color: #B20017 !important;

671}

673/* Remove focus outline on button elements */

674#navigationDropdown:focus,

675#navigationTabletDropdown:focus {

676    outline: none;

677    -webkit-box-shadow: none;

678    -moz-box-shadow: none;

679    box-shadow: none;

680}

682/* Optionally, for a smoother tap/click experience */

683#languageIdMobile,

684#navigationDropdown,

685#languageIdTab,

686#navigationTabletDropdown {

687    -webkit-tap-highlight-color: transparent;

688}

691</style>

694<script>

695	// Check if the current URL contains '/web/guest'

696if (window.location.pathname.includes('/web/guest')) {

697    // Remove '/web/guest' from the URL

698    const newPath = window.location.pathname.replace('/web/guest', '');

699    // Update the URL without reloading the page

700  //  window.history.replaceState(null, '', newPath);

701}

703    $(document).ready(function () {

704        $("#mobile-nav-search").click(function (e) {

705            $(this).addClass("d-none");

706            jQuery('.search-bar-nav').removeClass('d-none');

707        });

708    });

709</script>

710<script>

713$(document).ready(function () {

715					var selectWeb = document.querySelector('#languageIdWeb');

716	var selectMobile = document.querySelector('#languageIdMobile');

717	var selectTab= document.querySelector('#languageIdTab');

718	console.log('change', selectWeb);

719selectWeb.addEventListener('change', function() {

720	console.log('change 1', this.value);

721  if (this.value == "fr_FR") {

722				if (!window.location.pathname.startsWith('/fr/')) {

723      // Get the current path without the leading slash

724      let currentPath = window.location.pathname.substring(1);

725					console.log('currentPath 1', currentPath);

726			currentPath = currentPath.replace('ar/', '');

727					console.log('currentPath 2', currentPath);

728      const newPath = '/fr/'+currentPath;

729      const newUrl = window.location.origin +''+ newPath;

730      window.location.replace(newUrl);

731    }

732  } else if (this.value == "ar_SA"){

733    		if (!window.location.pathname.startsWith('/ar/')) {

734      // Get the current path without the leading slash

735      let currentPath = window.location.pathname.substring(1);

736					console.log('currentPath 1', currentPath);

737					currentPath = currentPath.replace('fr/', '');

738					console.log('currentPath 2', currentPath);

739      const newPath = '/ar/'+currentPath;

740      const newUrl = window.location.origin +''+ newPath;

741      window.location.replace(newUrl);

742    }

743  }

744});

746	selectTab.addEventListener('change', function() {

747  if (this.value == "fr_FR") {

748				if (!window.location.pathname.startsWith('/fr/')) {

749      // Get the current path without the leading slash

750      let currentPath = window.location.pathname.substring(1);

751			currentPath = currentPath.replace('ar/', '');

752      const newPath = '/fr/'+currentPath;

753      const newUrl = window.location.origin +''+ newPath;

754      window.location.replace(newUrl);

755    }

756  } else if (this.value == "ar_SA"){

757    		if (!window.location.pathname.startsWith('/ar/')) {

758      // Get the current path without the leading slash

759      let currentPath = window.location.pathname.substring(1);

760					currentPath = currentPath.replace('fr/', '');

761      const newPath = '/ar/'+currentPath;

762      const newUrl = window.location.origin +''+ newPath;

763      window.location.replace(newUrl);

764    }

765  }

766});

768	selectMobile.addEventListener('change', function() {

769  if (this.value == "fr_FR") {

770				if (!window.location.pathname.startsWith('/fr/')) {

771      // Get the current path without the leading slash

772      let currentPath = window.location.pathname.substring(1);

773					console.log('currentPath 1', currentPath);

774			currentPath = currentPath.replace('ar/', '');

775					console.log('currentPath 2', currentPath);

776      const newPath = '/fr/'+currentPath;

777      const newUrl = window.location.origin +''+ newPath;

778      window.location.replace(newUrl);

779    }

780  } else if (this.value == "ar_SA"){

781    		if (!window.location.pathname.startsWith('/ar/')) {

782      // Get the current path without the leading slash

783      let currentPath = window.location.pathname.substring(1);

784					currentPath = currentPath.replace('fr/', '');

785      const newPath = '/ar/'+currentPath;

786      const newUrl = window.location.origin +''+ newPath;

787      window.location.replace(newUrl);

788    }

789  }

790});

793        $("#navDropdownMenuMobile, #navDropdownMenuService").click(function (event) {

794            event.stopPropagation();

795        });

796        if (typeof navMenuLinks == 'undefined') {

798const navMenuLinks = document.querySelectorAll('.nav-menu-link');

802// Add an event listener to each `<li>` element

803navMenuLinks.forEach(navMenuLink => {

804  // Add the `active` class to the `<li>` element when it or any of its child elements is clicked

806  navMenuLink.addEventListener('click', (event) => {

807    // Get the parent `<li>` element of the clicked element

808    const parent = event.target.closest('.nav-menu-link');

810    // Remove the `active` class from all other `<li>` elements

811    navMenuLinks.forEach(otherNavMenuLink => {

812      otherNavMenuLink.classList.remove('active');

813    });

815    // Add the `active` class to the parent `<li>` element

816    parent.classList.add('active');

817		const mainLink = navMenuLink.querySelector('a');

818                if (mainLink) {

819                    const mainHref = mainLink.getAttribute('href');

820                    mainLink.style.textDecoration = 'none'; // Remove default underline

821                        mainLink.style.position = 'relative';

822                        mainLink.style.color = 'inherit'; // Keep the original color

823                        mainLink.style.transition = 'color 0.3s ease';

825                        const underline = document.createElement('span');

826                        underline.className = 'active-underline';

827                        underline.style.position = 'absolute';

828                        underline.style.bottom = '-3px';

829                        underline.style.left = '0';

830                        underline.style.right = '0';

831                        underline.style.height = '2px';

832                        underline.style.backgroundColor = 'red';

833                        underline.style.transform = 'scaleX(1)';

834                        underline.style.transformOrigin = 'center';

835                        underline.style.transition = 'transform 0.3s ease';

836                        mainLink.appendChild(underline);

837                }

838  });

839});

840}

841    });

842</script>

843<#if curSection=="business|entreprises">

844	   <div  class="business-padding"></div>

845	<#else>

846		<div class="personal-padding"></div>

847</#if>

848<style>

849	.business-padding	{

850	margin-top: 7.5rem;

851	}

852	.personal-padding	{

853	margin-top: 7.5rem;

854	}

855			@media (max-width: 550px) {

856        .business-padding	{

857	margin-top: 8.5rem;

858	}

859	.personal-padding	{

860	margin-top: 7.5rem;

861	}

862    }

863	@media (max-width: 450px) {

864        .business-padding	{

865	margin-top: 7.5rem;

866	}

867	.personal-padding	{

868	margin-top: 7.5rem;

869	}

870    }

872</style>

873<script>

874var lazyloadImages;

875if ("IntersectionObserver" in window) {

876    lazyloadImages = document.querySelectorAll(".lazy");

877    var imageObserver = new IntersectionObserver(function (entries, observer) {

878        entries.forEach(function (entry) {

880            if (entry.isIntersecting) {

881                var image = entry.target;

882                if (image.src == undefined || image.src == null || image.src == "") {

883                    image.src = image.dataset.src;

884                    image.classList.remove("lazy");

885                }

886                imageObserver.unobserve(image);

887            }

888        });

889    });

891    lazyloadImages.forEach(function (image) {

892        imageObserver.observe(image);

893    });

895} else {

897    var lazyloadThrottleTimeout;

898    lazyloadImages = document.querySelectorAll(".lazy");

900    function lazyload() {

901        if (lazyloadThrottleTimeout) {

902            clearTimeout(lazyloadThrottleTimeout);

903        }

905        lazyloadThrottleTimeout = setTimeout(function () {

906            var scrollTop = window.pageYOffset;

907            lazyloadImages.forEach(function (img) {

908                if (img.offsetTop < (window.innerHeight + scrollTop)) {

909                    if (img.src == undefined || img.src == null || img.src == "") {

910                        img.src = img.dataset.src;

911                        img.classList.remove('lazy');

912                    }

913                }

914            });

916            if (lazyloadImages.length == 0) {

917                document.removeEventListener("scroll", lazyload);

918                window.removeEventListener("resize", lazyload);

919                window.removeEventListener("orientationChange", lazyload);

920            }

921        }, 20);

922    }

924    document.addEventListener("scroll", lazyload);

925    window.addEventListener("resize", lazyload);

926    window.addEventListener("orientationChange", lazyload);

928}

929</script>

Choose And Control In All Serenity

PRESS

Stay Connected
Choose And Control In All Serenity

BUSINESS

Choose And Control In All Serenity
Choose And Control In All Serenity

BUSINESS

Choose And Control In All Serenity

RECHERCHER LE COMMUNIQUÉ DE PRESSE

Filter by Date

FILTRER PAR MOT-CLÉ

14-12-2022

10-12-2022

Journée Internationale des Volontaires – 05 Décembre

06-12-2022

À l’occasion de la Journée internationale des Volontaires, coïncidant avec le 5 décembre de chaque année, l’Association nationale du Volontariat a organisé, le lundi 05 décembre 2022, au Palais de la Culture - MOUFDI Zakaria à Alger, une cérémonie au cours de laquelle elle a honoré les meilleures initiatives individuelles et collectives dans le domaine du volontariat et de la Responsabilité Sociétale des Entreprises (RSE) en Algérie.

Voir détails