Bienvenue chez Ooredoo Algérie ! Nous sommes ravis de vous compter parmi nous. Je suis un Agent Virtuel Ooredoo Chat, comment puis-je vous aider ?

Ooredoo Chat

BORN FOR

Une erreur s'est produite lors du traitement du modèle.

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') && currentURL?contains('/telephones') )>

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="">

173							<#list entries as curEntry>

174							 Entry: ${curEntry.getTitle(locale)?lower_case}

175    Section: ${curSection?lower_case}

176    Match: ${curSection?lower_case?contains((curEntry.getTitle(locale)?lower_case)?replace(' ','-'))?string('yes', 'no')}

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

178									Section2: ${curSection?lower_case}

179				        	<#assign

180		                            assetRenderer = curEntry.getAssetRenderer()

181		                            journalArticle = assetRenderer.getAssetObject()

182		                     />

183		                    <@liferay_journal["journal-article"]

184		                            articleId=journalArticle.getArticleId()

185		                            ddmTemplateKey=journalArticle.getDDMTemplateKey()

186		                            groupId=journalArticle.getGroupId()

187		                    />

188		                </#if>

189	                </#list>

190	            </div>

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

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

193                        <@liferay.search_bar />

194                    </div>

195                    <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">

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

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

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

199													<select

201        id="languageIdWeb"

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

203        fdprocessedid="0tfnyf">

204			<#if localeString == 'ar_SA'>

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

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

207			<#elseif localeString == 'fr_FR'>

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

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

210		  </#if>

212    </select>

213</div>

214                    </div>

215                </div>

216    		</nav>

217		</div>

220		<!--tablet-->

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

222	        <!-- first row -->

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

224	            <a href="/personal">

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

226	            </a>

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

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

229	                    <@liferay.search_bar />

230	                </div>

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

232	                    <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">

233	                        <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"/>

234	                        </svg>

235	                    </button>

236	                    <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);">

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

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

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

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

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

243																</a>

244														</li>

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

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

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

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

250																</a>

251														</li>

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

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

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

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

257																</a>

258														</li>

259														<li class="">

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

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

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

263																</a>

264														</li>

265												</ul>

266	                    </div>

267	                </div>

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

276    id="p_p_id_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_"><span

277        id="p_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet"></span>

278    <section class="portlet"

279        id="portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet">

280        <div class="portlet-content">

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

282                <div class="portlet-body">

283                    <form class="form  "

284                        data-fm-namespace=""

285                        id="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825"

286                        method="post"

287                        name="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_fm0_1726697931825">

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

289                            <select

290                                onchange="_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_changeLanguage()"

291                                id="languageIdTab"

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

293                                aria-labelledby="languageDropdownMobile">

295                                <#if localeString == 'ar_SA'>

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

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

298										<#elseif localeString == 'fr_FR'>

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

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

301										</#if>

302                            </select>

303                        </div>

304                    </form>

306                    <style>

307                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content {

308                            padding: 0;

309                        }

311                        .portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet {

312                            margin: 0;

313                        }

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

316                            padding-right: 2rem !important;

317                        }

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

320                            padding-bottom: 0.25rem !important;

321                        }

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

324                            padding-top: 0.25rem !important;

325                        }

326                    </style>

327                </div>

328            </div>

329        </div>

330    </section>

331</div>

342	            </div>

343	        </div>

344	        <!-- second row -->

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

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

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

348	            </button>

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

350	            	<#if mainNav?has_content>

351					<#list mainNav as navList>

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

353						          <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(' ','-')}">

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

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

356			                	</span>

357			                </a>

362	               </#list>

363							 </#if>

364	            </div>

365	        </div>

366	    </div>

368	    <!--mobile-->

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

370	        <!-- first row -->

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

372	            <a href="/personal">

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

374	            </a>

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

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

377	                    <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">

378	                        <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>

379	                    </button>

380	                    <@liferay.search_bar />

381	                </div>

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

383	                    <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">

384	                        <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"/>

385	                        </svg>

386	                    </button>

387	                    <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);">

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

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

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

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

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

394																</a>

395														</li>

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

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

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

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

401																</a>

402														</li>

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

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

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

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

408																</a>

409														</li>

410														<li class="">

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

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

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

414																</a>

415														</li>

416												</ul>

417	                    </div>

418	                </div>

427								<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>

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

429             <div class="portlet-content">

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

431               <div class="portlet-body">

432                <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">

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

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

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

437										 <#if localeString == 'ar_SA'>

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

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

440										<#elseif localeString == 'fr_FR'>

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

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

443										</#if>

444									 </select>

445                 </div>

446                </form>

447                <script>

449</script>

450                <style>

451	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet-content{

452		padding:0;

453	}

454	.portlet-boundary_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet_ .portlet{

455		margin:0;

456	}

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

458    padding-right: 2rem !important;

459}

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

461    padding-bottom: 0.25rem !important;

462}

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

464    padding-top: 0.25rem !important;

465}

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

467	    display: block !important;

468	}

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

470	    display: none !important;

471	}

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

474    width: 250px !important;

475}

476</style>

477               </div>

478              </div>

479             </div>

480            </section>

481           </div>

488	            </div>

489	        </div>

490	        <!-- second row -->

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

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

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

494	            </button>

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

496								<#list entries as curEntry>

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

498			                <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">

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

500			                    <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">

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

502			                    </svg>

503			                </button>

504			            </#if>

505		            </#list>

506	            	<#list entries as curEntry>

508			            <#if curEntry?index==0>

509			                <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);">

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

511			                		<#assign mobSectionDropDown = true />

512			            </#if>

513                        <li>

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

515                        </li>

516		            </#list>

517            	<#if mobSectionDropDown==true>

518            		</ul>

519	                </div>

520            	</#if>

521	            </div>

522	        </div>

523	    </div>

524	</div>

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

526</#if>

527<#if entries?has_content>

528	<#list entries as curEntry>

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

530        	<#assign

531                    assetRenderer = curEntry.getAssetRenderer()

532                    journalArticle = assetRenderer.getAssetObject()

533             />

534            <@liferay_journal["journal-article"]

535                    articleId=journalArticle.getArticleId()

536                    ddmTemplateKey="192008"

537                    groupId=journalArticle.getGroupId()

538            />

539			      <#break>

540				 </#if>

541	</#list>

542	<#list entries as curEntry>

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

544			       <#assign

545                    assetRenderer = curEntry.getAssetRenderer()

546                    journalArticle = assetRenderer.getAssetObject()

547             />

548            <@liferay_journal["journal-article"]

549                    articleId=journalArticle.getArticleId()

550                    ddmTemplateKey="192949"

551                    groupId=journalArticle.getGroupId()

552            />

553			<#break>

554        </#if>

555	</#list>

556</#if>

558<style>

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

560	    min-height: 0 !important;

561	}

562.MegaNavSection .journal-content-article {

563		flex-grow: 1;

564		display: flex;

565		align-items: center;

566		justify-content: start;

567	}

568	.ooredoo-search-bar .portlet{

569	margin-bottom:0;

570}

571.nav-menu-link a {

572                position: relative;

573                color: inherit;

574                text-decoration: none;

575                transition: color 0.3s ease;

576            }

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

579                content: "";

580                position: absolute;

581                left: 0;

582                right: 0;

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

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

585                background-color: red;

586                transform: scaleX(0);

587                transform-origin: center;

588                transition: transform 0.3s ease;

589            }

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

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

593                transform: scaleX(1);

594            }

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

597                color: red;

598            }

599.active-underline {

600    transform: scaleX(0);

601}

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

604    transform: scaleX(1);

605}

607.underline-red {

608  text-decoration: underline #d6001c;

609	text-decoration-thickness: 2px;

610}

612.tablet-menu-active-btn {

613	padding-bottom: 0.5rem;

614    	padding-top: 0.5rem;

615}

616.rtl .rotate-180 {

617    transform: rotate(90deg);

618}

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

620	    display: block !important;

621	}

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

623	    display: none !important;

624	}

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

626   padding-right: 6rem !important;

627   padding-left: 1rem !important;

628}

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

631    width: 250px !important;

632}

633.nav-wrap {

634    background: #ffffff;

635    position: fixed;

636    top: 0;

637    left: 0;

638    width: 100%;

639    z-index: 100;

640}

641.custom-list li {

642    list-style: none;

643    display: flex;

644    align-items: center;

645	  padding-left: 10px;

646    padding-right: 10px;

647}

648.custom-list {

649	  padding-left: 0rem;

650    padding-right: 0rem;

651}

652.custom-list-mobile {

653	  color: #D6001C;

654}

656.custom-list .list-icon {

657    width: 20px;

658    height: 20px;

659    margin-right: 10px;

660}

661.section-btn {

662    width: 11rem;

663}

664	.section-text-tab{

665		text-align: center;

666		width: 8.5rem;

667	}

669/* Remove focus outline on select elements */

670#languageIdMobile:focus,

671#languageIdTab:focus {

672    outline: none;

673    -webkit-box-shadow: none;

674    -moz-box-shadow: none;

675    box-shadow: none;

676	  background-color: #B20017 !important;

677}

679/* Remove focus outline on button elements */

680#navigationDropdown:focus,

681#navigationTabletDropdown:focus {

682    outline: none;

683    -webkit-box-shadow: none;

684    -moz-box-shadow: none;

685    box-shadow: none;

686}

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

689#languageIdMobile,

690#navigationDropdown,

691#languageIdTab,

692#navigationTabletDropdown {

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

694}

697</style>

700<script>

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

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

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

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

705    // Update the URL without reloading the page

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

707}

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

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

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

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

713        });

714    });

715</script>

716<script>

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

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

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

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

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

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

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

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

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

729      // Get the current path without the leading slash

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

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

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

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

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

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

736      window.location.replace(newUrl);

737    }

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

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

740      // Get the current path without the leading slash

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

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

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

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

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

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

747      window.location.replace(newUrl);

748    }

749  }

750});

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

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

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

755      // Get the current path without the leading slash

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

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

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

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

760      window.location.replace(newUrl);

761    }

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

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

764      // Get the current path without the leading slash

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

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

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

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

769      window.location.replace(newUrl);

770    }

771  }

772});

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

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

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

777      // Get the current path without the leading slash

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

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

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

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

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

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

784      window.location.replace(newUrl);

785    }

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

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

788      // Get the current path without the leading slash

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

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

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

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

793      window.location.replace(newUrl);

794    }

795  }

796});

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

800            event.stopPropagation();

801        });

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

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

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

809navMenuLinks.forEach(navMenuLink => {

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

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

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

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

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

817    navMenuLinks.forEach(otherNavMenuLink => {

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

819    });

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

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

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

824                if (mainLink) {

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

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

827                        mainLink.style.position = 'relative';

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

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

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

832                        underline.className = 'active-underline';

833                        underline.style.position = 'absolute';

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

835                        underline.style.left = '0';

836                        underline.style.right = '0';

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

838                        underline.style.backgroundColor = 'red';

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

840                        underline.style.transformOrigin = 'center';

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

842                        mainLink.appendChild(underline);

843                }

844  });

845});

846}

847    });

848</script>

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

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

851	<#else>

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

853</#if>

854<style>

855	.business-padding	{

856	margin-top: 7.5rem;

857	}

858	.personal-padding	{

859	margin-top: 7.5rem;

860	}

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

862        .business-padding	{

863	margin-top: 8.5rem;

864	}

865	.personal-padding	{

866	margin-top: 7.5rem;

867	}

868    }

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

870        .business-padding	{

871	margin-top: 7.5rem;

872	}

873	.personal-padding	{

874	margin-top: 7.5rem;

875	}

876    }

878</style>

879<script>

880var lazyloadImages;

881if ("IntersectionObserver" in window) {

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

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

884        entries.forEach(function (entry) {

886            if (entry.isIntersecting) {

887                var image = entry.target;

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

889                    image.src = image.dataset.src;

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

891                }

892                imageObserver.unobserve(image);

893            }

894        });

895    });

897    lazyloadImages.forEach(function (image) {

898        imageObserver.observe(image);

899    });

901} else {

903    var lazyloadThrottleTimeout;

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

906    function lazyload() {

907        if (lazyloadThrottleTimeout) {

908            clearTimeout(lazyloadThrottleTimeout);

909        }

911        lazyloadThrottleTimeout = setTimeout(function () {

912            var scrollTop = window.pageYOffset;

913            lazyloadImages.forEach(function (img) {

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

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

916                        img.src = img.dataset.src;

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

918                    }

919                }

920            });

922            if (lazyloadImages.length == 0) {

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

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

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

926            }

927        }, 20);

928    }

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

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

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

934}

935</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

FILTRER PAR DATE

FILTRER PAR MOT-CLÉ

YOOZ YOUR TALENT

23-07-2022

Ooredoo poursuit son engagement en faveur des activités culturelles et sponsorise cette fois la 2^ème édition du Oran fait sa comédie « YOOZ YOUR TALENT » qui s’est déroulée à Oran durant les soirées des 21 et 22 Juillet à l’auditorium du Centre de Conventions d’Oran.

Voir détails

Acteur principal dans la promotion de l’entrepreneuriat auprès des jeunes porteurs de projets

20-07-2022

Entreprise tournée vers la digitalisation, Ooredoo poursuit son soutien à la créativité et l’innovation et accompagne, en tant que sponsor, les porteurs de projets de startup lors la 4^ème édition de Algeria Startup Challenge (ASC 2022) qui s’est déroulée dans la soirée du mardi 19 Juillet 2022 sous le thème « Tech for Good ».

Voir détails

Ooredoo fait une donation conséquente au profit des enfants orphelins

18-07-2022

Entreprise citoyenne par excellence, Ooredoo poursuit ses actions à Responsabilité Sociétale et annonce la donation d’une enveloppe financière conséquente repartie sur plusieurs Associations activant dans le domaine de la protection et la prise en charge des enfants orphelins.

Voir détails

15ème édition du concours Media Star

07-07-2022

Suite à la demande de nombreux journalistes n’ayant pu terminer ou déposer, dans les délais requis, leurs travaux pour la 15^ème édition du concours Media Star de Ooredoo, et après approbation du jury, il a été décidé d’accorder une prolongation de la période de dépôt des travaux jusqu’au Dimanche 11 septembre 2022 à 17h.