PageSourceSearch

https://wecasablanca.com/decouvrir/contes-casablancais

html wecasablanca.com collected 2026-10-02 21:21:22 UTC 83,110 bytes, 1,382 lines download raw bytes

1
2 <!DOCTYPE html>
3<html lang="fr" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/  dc: http://purl.org/dc/terms/  foaf: http://xmlns.com/foaf/0.1/  og: http://ogp.me/ns#  rdfs: http://www.w3.org/2000/01/rdf-schema#  schema: http://schema.org/  sioc: http://rdfs.org/sioc/ns#  sioct: http://rdfs.org/sioc/types#  skos: http://www.w3.org/2004/02/skos/core#  xsd: http://www.w3.org/2001/XMLSchema# ">
4<head>
5    <!--fonts-->
6    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
7    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
8    <style>
9    .custom-blocs.home-i .bloc-col .bloc-thumb img{
10	height: 700px;
11	object-fit: unset!important;
12}
13
14    </style>
15    <!--fonts-->
16    <!--[if lt IE 9]>
17    
17<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
17
18    
18<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
18
19    <![endif]-->
20    <meta charset="utf-8" />
21<meta name="Generator" content="Drupal 8 (https://www.drupal.org)" />
22<meta name="MobileOptimized" content="width" />
23<meta name="HandheldFriendly" content="true" />
24<meta name="viewport" content="width=device-width, initial-scale=1.0" />
25<link rel="shortcut icon" href="/core/misc/favicon.ico" type="image/vnd.microsoft.icon" />
26<link rel="alternate" hreflang="fr" href="https://wecasablanca.com/decouvrir/contes-casablancais" />
27<link rel="alternate" hreflang="en" href="https://wecasablanca.com/en/discover/and-its-tales" />
28<link rel="alternate" hreflang="ar" href="https://wecasablanca.com/ar/اكتشاف/وحكاياتها" />
29<link rel="alternate" hreflang="es" href="https://wecasablanca.com/es/descubrir/y-sus-historias" />
30<link rel="canonical" href="/decouvrir/contes-casablancais" />
31<link rel="shortlink" href="/node/215" />
32<link rel="revision" href="/decouvrir/contes-casablancais" />
33
34        <title>Contes Casablancais | WeCasablanca</title>
35        <style media="all">
36@import url("/core/themes/stable/css/system/components/ajax-progress.module.css?s0lzdf");
37@import url("/core/themes/stable/css/system/components/align.module.css?s0lzdf");
38@import url("/core/themes/stable/css/system/components/autocomplete-loading.module.css?s0lzdf");
39@import url("/core/themes/stable/css/system/components/fieldgroup.module.css?s0lzdf");
40@import url("/core/themes/stable/css/system/components/container-inline.module.css?s0lzdf");
41@import url("/core/themes/stable/css/system/components/clearfix.module.css?s0lzdf");
42@import url("/core/themes/stable/css/system/components/details.module.css?s0lzdf");
43@import url("/core/themes/stable/css/system/components/hidden.module.css?s0lzdf");
44@import url("/core/themes/stable/css/system/components/item-list.module.css?s0lzdf");
45@import url("/core/themes/stable/css/system/components/js.module.css?s0lzdf");
46@import url("/core/themes/stable/css/system/components/nowrap.module.css?s0lzdf");
47@import url("/core/themes/stable/css/system/components/position-container.module.css?s0lzdf");
48@import url("/core/themes/stable/css/system/components/progress.module.css?s0lzdf");
49@import url("/core/themes/stable/css/system/components/reset-appearance.module.css?s0lzdf");
50@import url("/core/themes/stable/css/system/components/resize.module.css?s0lzdf");
51@import url("/core/themes/stable/css/system/components/sticky-header.module.css?s0lzdf");
52@import url("/core/themes/stable/css/system/components/tabledrag.module.css?s0lzdf");
53@import url("/core/themes/stable/css/system/components/tablesort.module.css?s0lzdf");
54@import url("/core/themes/stable/css/system/components/tree-child.module.css?s0lzdf");
55</style>
56<style media="all">
57@import url("/sites/all/themes/cea_portail/css/perfect-scrollbar.css?s0lzdf");
58@import url("/sites/all/themes/cea_portail/css/bootstrap.min.css?s0lzdf");
59@import url("/sites/all/themes/cea_portail/css/style-a.css?s0lzdf");
60@import url("/sites/all/themes/cea_portail/css/style-b.css?s0lzdf");
61@import url("/sites/all/themes/cea_portail/css/jquery.ui.datepicker.css?s0lzdf");
62@import url("/sites/all/themes/cea_portail/css/validationEngine.jquery.css?s0lzdf");
63@import url("/sites/all/themes/cea_portail/css/dataurl.css?s0lzdf");
64@import url("/sites/all/themes/cea_portail/css/style.css?s0lzdf");
65@import url("/sites/all/themes/cea_portail/css/custom.css?s0lzdf");
66@import url("/sites/all/themes/cea_portail/css/jquery.mCustomScrollbar.css?s0lzdf");
67@import url("/sites/all/themes/cea_portail/css/marathon.css?s0lzdf");
68@import url("/sites/all/themes/cea_portail/css/jqinstagram.css?s0lzdf");
69@import url("/sites/all/themes/cea_portail/owlcarousel/owl.carousel.min.css?s0lzdf");
70@import url("/sites/all/themes/cea_portail/owlcarousel/owl.theme.default.min.css?s0lzdf");
71</style>
72
73            
74<!--[if lte IE 8]>
75<script src="/core/assets/vendor/html5shiv/html5shiv.min.js?v=3.7.3"></script>
75
76<![endif]-->
77
78                
78<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","scriptPath":null,"pathPrefix":"","currentPath":"node\/215","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","ajaxTrustedUrl":{"form_action_cc611e1d":true,"\/search\/node":true},"statistics":{"data":{"nid":"215"},"url":"\/core\/modules\/statistics\/statistics.php"},"user":{"uid":0,"permissionsHash":"da75639a29035856028d4d3ee0686d46ccb52882a2352f6bacede229c0c83375"}}</script>
vendor: 1 bytes, line 78
78
79<script src="/core/assets/vendor/domready/ready.min.js?v=1.0.8"></script>
vendor: 1 bytes, line 79
79
80<script src="/core/assets/vendor/jquery/jquery.min.js?v=2.1.4"></script>
vendor: 1 bytes, line 80
80
81<script src="/core/misc/drupalSettingsLoader.js?v=8.1.10"></script>
vendor: 1 bytes, line 81
81
82<script src="/sites/default/files/languages/fr_SLXNqhNOYWb3oHIGnuY1LJCACeMODwHDZR1uMhtjuE8.js?s0lzdf"></script>
vendor: 1 bytes, line 82
82
83<script src="/core/misc/drupal.js?v=8.1.10"></script>
vendor: 1 bytes, line 83
83
84<script src="/sites/all/themes/cea_portail/js/perfect-scrollbar.min.js?s0lzdf"></script>
vendor: 1 bytes, line 84
84
85<script src="/sites/all/themes/cea_portail/js/jquery.scrollme.min.js?s0lzdf"></script>
vendor: 1 bytes, line 85
85
86<script src="/sites/all/themes/cea_portail/js/perfect-scrollbar.jquery.min.js?s0lzdf"></script>
vendor: 1 bytes, line 86
86
87<script src="/sites/all/themes/cea_portail/js/jquery.ui.datepicker.js?s0lzdf"></script>
vendor: 1 bytes, line 87
87
88<script src="/sites/all/themes/cea_portail/js/date-fr.js?s0lzdf"></script>
vendor: 1 bytes, line 88
88
89<script src="/sites/all/themes/cea_portail/js/bootstrap.min.js?s0lzdf"></script>
vendor: 1 bytes, line 89
89
90<script src="/sites/all/themes/cea_portail/js/jquery.carouFredSel-6.2.1.js?s0lzdf"></script>
vendor: 1 bytes, line 90
90
91<script src="/sites/all/themes/cea_portail/js/jquery.validationEngine.js?s0lzdf"></script>
vendor: 1 bytes, line 91
91
92<script src="/sites/all/themes/cea_portail/js/jquery.validationEngine-fr.js?s0lzdf"></script>
vendor: 1 bytes, line 92
92
93<script src="/sites/all/themes/cea_portail/js/script.js?s0lzdf"></script>
vendor: 1 bytes, line 93
93
94<script src="/sites/all/themes/cea_portail/js/custom.js?s0lzdf"></script>
vendor: 1 bytes, line 94
94
95<script src="/sites/all/themes/cea_portail/js/pace.min.js?s0lzdf"></script>
vendor: 1 bytes, line 95
95
96<script src="/sites/all/themes/cea_portail/js/jquery.mCustomScrollbar.concat.min.js?s0lzdf"></script>
vendor: 1 bytes, line 96
96
97<script src="/sites/all/themes/cea_portail/js/jquery.endless-scroll.js?s0lzdf"></script>
vendor: 1 bytes, line 97
97
98<script src="/sites/all/themes/cea_portail/js/jqinstapics.min.js?s0lzdf"></script>
vendor: 1 bytes, line 98
98
99<script src="/sites/all/themes/cea_portail/owlcarousel/owl.carousel.min.js?s0lzdf"></script>
vendor: 1 bytes, line 99
99
100<script src="/core/modules/statistics/statistics.js?v=8.1.10"></script>
100
101
102<script src="/sites/all/themes/cea_portail/js/jqinstapics.min.js?p21oqf"></script>
102
103                    
103<script>
vendor: 475 bytes, lines 103-109
103
104                        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
105                                    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
106                                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
107                        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
108
109                        ga('create', '
109UA-78958347-2
vendor: 81 bytes, lines 109-112
109', 'auto');
110                        ga('send', 'pageview');
111
112                    
112</script>
112
113															 <!--Meta Tags-->
114										 <meta name="description" content="Un portail d'attractivité territorial dédié à Casablanca réunissant toutes les informations utiles pour découvrir, vivre ou investir dans la métropole.">
115					 <meta name="keywords" content="endroit casablanca,quartiers casablancais,casablanca">
116					 
117										
118					
118<script type="application/ld+json">
119					{
120					  "@context": "https://schema.org/",
121					  "@type": "Page",
122					  "name": "Contes Casablancais | WeCasablanca",
123					  "description": "Un portail d'attractivité territorial dédié à Casablanca réunissant toutes les informations utiles pour découvrir, vivre ou investir dans la métropole."
124					}
125					</script>
125
126										
127					
128					
129
130
131                    					
132
133				
134					
135					
136					
137					<meta property="og:title" content="Contes Casablancais | WeCasablanca"/>
138					<meta property="og:type" content="website"/>
139					<meta property="og:url" content="https://www.wecasablanca.com"/>
140
141
142					<link rel="apple-touch-icon" href="https://wecasablanca.com/sites/all/themes/cea_portail/images/logo-mobile.png" />
143					
144					<style>
145					.redirection-to{display:none!important;}
146					</style>
147	<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 147-148
147
148<script async src="https://www.googletagmanager.com/gtag/js?id=
148G-WBL9KVY3RF
vendor: 12 bytes, line 148
148"></script>
149<script>
150  
vendor: 134 bytes, lines 150-154
150window.dataLayer = window.dataLayer || [];
151  function gtag(){dataLayer.push(arguments);}
152  gtag('js', new Date());
153
154  gtag('config', '
154G-WBL9KVY3RF
vendor: 4 bytes, line 154
154');
155</script>
155
156	
157					
158</head>
159                    <body  class="path-node node--type-page">
160
161
162<a href="#main-content" class="visually-hidden focusable">
163    Aller au contenu principal
164</a>
165
166    
167
168<a  href="/festival" target="_blank"><div class="newtab"></div> </a>
169
170
171<a  href="/shopping" target="_blank"><div class="newtab2"> </div></a>
172
173
174<a  href="/marathon" target="_blank"><div class="newtab3"></div> </a>
175
176<div id="main" class="site-off">
177    <ul class="side-rs">
178		<li><a href="https://www.instagram.com/wecasablanca/"><img src="/sites/all/themes/cea_portail/images/insta-side.png" alt=""></a></li>
179		<li><a href="https://www.facebook.com/wecasablanca/"><img src="/sites/all/themes/cea_portail/images/fb-side.png" alt=""></a></li>
180		<li><a href="https://twitter.com/wecasablanca"><img src="/sites/all/themes/cea_portail/images/twitter-side.png" alt=""></a></li>
181		<li><a href="https://www.youtube.com/channel/UCCw7MXIu8Vq63Gq_dz10QPQ"><img src="/sites/all/themes/cea_portail/images/ytb-side.png" alt=""></a></li>
182	</ul>
183            <div class="container-fluid content-site">
184        
185            
186<div id="dropdown-menu">
187    <div id="logo">
188                                                            <a href='/'><img src="/sites/all/themes/cea_portail/images/logo-menu.png" alt="" width="100px"></a>
189    </div>
190    <div class="close-menu">
191        <img src="/sites/all/themes/cea_portail/images/close-btn.png" alt="" width="40px">
192    </div>
193	
194    <div id="list-menu">
195        <ul>
196
197            
198                    <li>
199                        <a href="/decouvrir"><span>Découvrir</span></a>
200                        <ul>
201                                                                                                <li><a href="/decouvrir/son-histoire">Son Histoire</a></li>
202                                                                                                                                <li><a href="/decouvrir/contes-casablancais">Contes Casablancais</a></li>
203                                                                                                                                <li><a href="/decouvrir/a-avisiter">Visiter</a></li>
204                                                                                                                                <li><a href="/decouvrir/check-list">Check List</a></li>
205                                                                                                                                <li><a href="/decouvrir/quiz">Quizz Casaoui</a></li>
206                                                                                                                                <li><a href="/decouvrir/galerie">Galerie virtuelle</a></li>
207                                                                                                                                <li><a href="/decouvrir/incontournables">Immersion</a></li>
208                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
209                    </li>
210
211            
212                    <li>
213                        <a href="/city-guide"><span>City guide</span></a>
214                        <ul>
215                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="http://wecasablanca.com/city-guide/agenda_du_mois">Événements</a></li>
216                                                                                                                                <li><a href="/city-guide/shopping">Shopping</a></li>
217                                                                                                                                <li><a href="/city-guide/ocean">Océan</a></li>
218                                                                                                                                <li><a href="/city-guide/bien-etre">Bien-être</a></li>
219                                                                                                                                <li><a href="/city-guide/pour-les-enfants">Pour Les enfants</a></li>
220                                                                                                                                <li><a href="/city-guide/attractions">Attractions</a></li>
221                                                                                                                                <li><a href="/city-guide/culture">Culture</a></li>
222                                                                                                                                <li>
222<a href="/city-guide/street-art">Street Art</a></li>
223                                                                                                                                <li><a href="/city-guide/sortir">Sortir</a></li>
224                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
225                    </li>
226
227            
228                    <li>
229                        <a href="/vivre"><span>Vivre</span></a>
230                        <ul>
231                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li><a href="/vivre/sinformer">S&#039;informer</a></li>
232                                                                                                                                <li><a href="/vivre/sinstaller">S&#039;installer</a></li>
233                                                                                                                                <li><a href="/vivre/etudier">Etudier</a></li>
234                                                                                                                                <li><a href="/vivre/services-administratif">Administratif</a></li>
235                                                                                                                                                                                                                                                                                                                                                                                                </ul>
236                    </li>
237
238            
239                    <li>
240                        <a href="/investir"><span>Investir</span></a>
241                        <ul>
242                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li><a href="/investir/raisons">Raisons</a></li>
243                                                                                                                                <li>
243<a href="/investir/secteurs-porteurs">Secteurs porteurs</a></li>
244                                                                                                                                <li><a href="/investir/creation-bussiness">Entreprendre</a></li>
245                                                                                                                                <li><a href="/investir/e-services">E-Services</a></li>
246                                                                                                                                <li><a href="/investir/Start-up">Start up</a></li>
247                                                                                    </ul>
248                    </li>
249
250            
251        </ul>
252    </div>
253	<div class="logo-wecasaa-container">
254		<a href="https://wecasablanca.com/we/demarche">Rejoignez<img src="/sites/all/themes/cea_portail/images/logo-wecasaa.png" alt=""></a>	</div>
255</div>
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270            <div class="row redirection-to">
271<div class="col-md-12 col-xs-12 to marathon"><a class="hover-outline-out1 plus festival" href="/marathon" target="_blank">En savoir <span>plus</span>    &gt; </a></div>
272<a class="fermer-block" href="">x</a></div>
273
274      
275
276
277
278
279
280
281
282
283
284
285
286
287
288			<header class="header">
289				<div class="contenue_header">
290					<div class="row top-header">
291						<div class="col-md-6 col-xs-6">
292							<div class="meteo">
293								<img src="/sites/all/themes/cea_portail/images/icon-meteo2.png" alt="">
294								<div class="temperature">
295									<div class="meteo-jour">
296										<span>28°C</span>
297									</div>
298																																			</div>
299							</div>
300						</div>
301
302
303						<div class="col-md-6 col-xs-6">
304							<ul class="langues">
305																								<li><a href="/en/discover/and-its-tales" class="">EN</a></li>
306								<li><a href="/decouvrir/contes-casablancais" class="active">FR</a></li>
307																																	<li><a href="/ar/اكتشاف/وحكاياتها" class="">AR</a></li>
308								
309
310																								
311							</ul>
312						</div>
313					</div>
314				
315					<div class="row">
316						<div class="col-md-6 col-xs-12"><!--hidden-lg hidden-md-->
317							<div class="logo">
318																	<a href="/"><img src="/sites/all/themes/cea_portail/images/logo-mobile.png" alt="Accueil"></a>
319															</div>
320							
321						</div>
322												<div class="col-md-6 hidden-xs text-right newsl right-header">
323							<div class="newsletter">		
324	<form id="newsletters" data-drupal-selector="newsletter-portail-core-form" action="/decouvrir/contes-casablancais" method="post" accept-charset="UTF-8">
325  <div class="js-form-item form-item js-form-type-email form-item-email js-form-item-email form-no-label">
326        <input class="form-control required_field form-email required" placeholder="Inscription à la Newsletter" data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" required="required" aria-required="true" />
327
328        </div>
329<input data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="OK" class="button js-form-submit form-submit" />
330<input data-drupal-selector="form-lwda2si3lft73gldbtofcxvhippffuaqnzohn3bndme" type="hidden" name="form_build_id" value="form-LwdA2Si3lft73GLdBtoFcxvHippffuaQNzOhN3BndmE" />
331<input data-drupal-selector="edit-newsletter-portail-core-form" type="hidden" name="form_id" value="newsletter_portail_core_form" />
332
333</form>
334
335</div>
336
337
338
339
340
341
342
343
344
345
346
347
348
349						</div>
350												<div class="right-menu-mobile hidden-md hidden-lg"><div class="logo-mobile"><img src="/sites/all/themes/cea_portail/images/menu-btn.png" alt=""  width="40px"></div></div>
351					</div>
352				</div>
353			</header>
354			
355						<section id="bloc-bannier" class="hidden-xs">
356				<div class="row">
357					<div class="col-md-9">
358						
359						<div class="menu-container">
360						
361							    
362            				<ul class="main-menu menu">
363
364											
365					<li class="menu_item">
366						<a href="/decouvrir">Découvrir</a></label>			
367						<ul>
368																								<li><a href="/decouvrir/son-histoire">Son Histoire</a></li>
369																																<li><a href="/decouvrir/contes-casablancais">Contes Casablancais</a></li>
370																																<li><a href="/decouvrir/a-avisiter">Visiter</a></li>
371																																<li><a href="/decouvrir/check-list">Check List</a></li>
372																																<li><a href="/decouvrir/quiz">Quizz Casaoui</a></li>
373																																<li><a href="/decouvrir/galerie">Galerie virtuelle</a></li>
374																																<li><a href="/decouvrir/incontournables">Immersion</a></li>
375																																																																																																																																																																																																																																																																																																			</ul>
376					</li>
377
378											
379					<li class="menu_item">
380						<a href="/city-guide">
380City guide</a></label>			
381						<ul>
382																																																																																																																																	<li><a href="http://wecasablanca.com/city-guide/agenda_du_mois">Événements</a></li>
383																																<li><a href="/city-guide/shopping">Shopping</a></li>
384																																<li><a href="/city-guide/ocean">Océan</a></li>
385																																<li><a href="/city-guide/bien-etre">Bien-être</a></li>
386																																<li><a href="/city-guide/pour-les-enfants">Pour Les enfants</a></li>
387																																<li><a href="/city-guide/attractions">Attractions</a></li>
388																																<li><a href="/city-guide/culture">Culture</a></li>
389																																<li><a href="/city-guide/street-art">Street Art</a></li>
390																																<li><a href="/city-guide/sortir">Sortir</a></li>
391																																																																																																																																																												</ul>
392					</li>
393
394											
395					<li class="menu_item">
396						<a href="/vivre">Vivre</a></label>			
397						<ul>
398																																																																																																																																																																																																																																																																								<li><a href="/vivre/sinformer">S&#039;informer</a></li>
399																																<li><a href="/vivre/sinstaller">S&#039;installer</a></li>
400																																<li><a href="/vivre/etudier">Etudier</a></li>
401																																<li><a href="/vivre/services-administratif">Administratif</a></li>
402																																																																																																</ul>
403					</li>
404
405											
406					<li class="menu_item">
407						<a href="/investir">Investir</a></label>			
408						<ul>
409																																																																																																																																																																																																																																																																																																																																				<li><a href="/investir/raisons">Raisons</a></li>
410																																<li><a href="/investir/secteurs-porteurs">Secteurs porteurs</a></li>
411																																<li><a href="/investir/creation-bussiness">Entreprendre</a></li>
412																																<li><a href="/investir/e-services">E-Services</a></li>
413																																<li><a href="/investir/Start-up">Start up</a></li>
414																					</ul>
415					</li>
416
417										
418				</ul>
419                
420				<!--<section id="bloc-bannier" class="bannier-detail">
421                    <div class="header-flow">
422                        <img src="/sites/all/themes/cea_portail/images/header-flow.png" alt="">
423                    </div>
424                                        <div class="row image-detail">
425                        <div class="col-lg-12">
426                                                                                        <img src="https://wecasablanca.com/sites/default/files/2016-10/1_01.png">
427                                                    </div>
428                    </div>
429                    <div class="row">
430                                                    <div class="col-lg-3 nopadding col-md-3 col-xs-12">
431                                <div class="decouvrir" style="background-color:#f6b221">
432                                    <div class="contenue-image">
433                                        <label for=""><a href="/decouvrir">Découvrir</a></label>
434                                        <div class="content-decouvrir">
435                                            <hr>
436                                            <ul>
437                                                                                                                                                                                                                         <li><a href="/decouvrir/son-histoire">Son Histoire</a></li>
438                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/contes-casablancais">Contes Casablancais</a></li>
439                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/a-avisiter">Visiter</a></li>
440                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/check-list">Check List</a></li>
441                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/quiz">Quizz Casaoui</a></li>
442                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/galerie">Galerie virtuelle</a></li>
443                                                                                                                                                                                                                                                                                                                                     <li><a href="/decouvrir/incontournables">Immersion</a></li>
444                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
445                                        </div>
446                                    </div>
447                                </div>
448                            </div>
449                                                    <div class="col-lg-3 nopadding col-md-3 col-xs-12">
450                                <div class="decouvrir" style="background-color:#9dd22c">
451                                    <div class="contenue-image">
452                                        <label for=""><a href="/city-guide">
452City guide</a></label>
453                                        <div class="content-decouvrir">
454                                            <hr>
455                                            <ul>
456                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <li><a href="http://wecasablanca.com/city-guide/agenda_du_mois">Événements</a></li>
457                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/shopping">Shopping</a></li>
458                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/ocean">Océan</a></li>
459                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/bien-etre">Bien-être</a></li>
460                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/pour-les-enfants">Pour Les enfants</a></li>
461                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/attractions">Attractions</a></li>
462                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/culture">Culture</a></li>
463                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/street-art">Street Art</a></li>
464                                                                                                                                                                                                                                                                                                                                     <li><a href="/city-guide/sortir">Sortir</a></li>
465                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
466                                        </div>
467                                    </div>
468                                </div>
469                            </div>
470                                                    <div class="col-lg-3 nopadding col-md-3 col-xs-12">
471                                <div class="decouvrir" style="background-color:#83ceee">
472                                    <div class="contenue-image">
473                                        <label for=""><a href="/vivre">Vivre</a></label>
474                                        <div class="content-decouvrir">
475                                            <hr>
476                                            <ul>
477                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li><a href="/vivre/sinformer">S&#039;informer</a></li>
478                                                                                                                                                                                                                                                                                                                                     <li><a href="/vivre/sinstaller">S&#039;installer</a></li>
479                                                                                                                                                                                                                                                                                                                                     <li><a href="/vivre/etudier">
479Etudier</a></li>
480                                                                                                                                                                                                                                                                                                                                     <li><a href="/vivre/services-administratif">Administratif</a></li>
481                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
482                                        </div>
483                                    </div>
484                                </div>
485                            </div>
486                                                    <div class="col-lg-3 nopadding col-md-3 col-xs-12">
487                                <div class="decouvrir" style="background-color:#e83c4d">
488                                    <div class="contenue-image">
489                                        <label for=""><a href="/investir">Investir</a></label>
490                                        <div class="content-decouvrir">
491                                            <hr>
492                                            <ul>
493                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li><a href="/investir/raisons">Raisons</a></li>
494                                                                                                                                                                                                                                                                                                                                     <li>
494<a href="/investir/secteurs-porteurs">Secteurs porteurs</a></li>
495                                                                                                                                                                                                                                                                                                                                     <li><a href="/investir/creation-bussiness">Entreprendre</a></li>
496                                                                                                                                                                                                                                                                                                                                     <li><a href="/investir/e-services">E-Services</a></li>
497                                                                                                                                                                                                                                                                                                                                     <li><a href="/investir/Start-up">Start up</a></li>
498                                                                                                                                                                                                        </ul>
499                                        </div>
500                                    </div>
501                                </div>
502                            </div>
503                                            </div>
504                    <div class="bannier-flow">
505                        <img src="/sites/all/themes/cea_portail/images/flow-bannier.png" alt="">
506                    </div>
507
508                </section>-->
509            
510
511
512
513
514
515
516
517
518
519
520
521
522
523							
524<form action="/search/node" method="get" id="search-block-form" accept-charset="UTF-8">
525  <div class="js-form-item form-item js-form-type-search form-item-keys js-form-item-keys form-no-label">
526      <label for="edit-keys" class="visually-hidden">Rechercher</label>
527        <input title="Indiquer les termes à rechercher" data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" class="form-search" />
528
529        </div>
530<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" value="Rechercher" class="button js-form-submit form-submit" />
531</div>
532
533</form>
534
535
536
537
538
539
540
541
542
543
544
545
546
547						</div>
548						
549					</div>
550										<div class="col-md-3">
551						<div class="logo-wecasaa-container">
552							<a href="https://wecasablanca.com/we/demarche">Rejoignez<img src="/sites/all/themes/cea_portail/images/logo-wecasaa.png" alt=""></a>
553						</div>
554					</div>
555									</div>
556				
557			</section>
558			
559                        <section id="content_raison" class="avisiter">
560                                            
561                
562                                                                <div class="row">
563                            <div class="col-lg-8">
564                                <div class="row file-ariane">
565    <div class="col-lg-12">
566                    <h2 id="" class="visually-hidden">Fil d'Ariane</h2>
567                                                <a href="/">Accueil</a>
568                                                                <a href="/decouvrir">Découvrir</a>
569                                                                <span>Contes Casablancais </span>
570                                        </div>
571</div>
572
573
574
575
576
577
578
579
580
581
582
583
584
585    
586                        <div>
587                <h1>Contes Casablancais </h1>
588            </div>
589            <div class="test center-content" data-node="215">
590  <p>Découvrez quelques&nbsp;uns des contes Casablancais ...&nbsp;</p>
591
592<p>&nbsp;</p>
593
594<p>&nbsp;</p>
595
596</div>
597
598
599
600
601
602
603
604
605
606
607
608
609   
610<style>
611.zoom-visite .col-md-12 img {
612    width: 30%!important;
613    vertical-align: bottom;
614}
615</style>
616<div class="ligne-visiter">
617    <div class="row">
618        
619                   
620                           <div class="col-lg-6">
621                                        <div data-opned="false" id="0" data-pos="0" data-title="221" class="element-visite test">
622                        <img src="https://wecasablanca.com/sites/default/files/2016-10/ssidi%20qbdrqh.jpg" class="decouvrir-images-listings">
623                        <div class="content-bloc-visit">
624                            <p> Sidi Abderrahmane, le premier habitant de la petite île du même nom</p>
625                            <a href="#">Lire Plus +</a>
626                        </div>
627                        <div class="mask-avisiter">
628                            <div class="contenue_bloc-visiter">
629                                <img src="/sites/all/themes/cea_portail/images/loup_visit.png" alt="">
630                                <p> Sidi Abderrahmane, le premier habitant de la petite île du même nom</p>
631                            </div>
632                        </div>
633                    </div>
634                                     </div>
635                       
636            
637            
638            
639            
640             
641            
642                   
643                           <div class="col-lg-6">
644                                        <div data-opned="false" id="1" data-pos="1" data-title="220" class="element-visite test">
645                        <img src="https://wecasablanca.com/sites/default/files/2016-10/llqlq%20bidq_0.jpg" class="decouvrir-images-listings">
646                        <div class="content-bloc-visit">
647                            <p>  Lalla Taja, la dame au grand coeur</p>
648                            <a href="#">Lire Plus +</a>
649                        </div>
650                        <div class="mask-avisiter">
651                            <div class="contenue_bloc-visiter">
652                                <img src="/sites/all/themes/cea_portail/images/loup_visit.png" alt="">
653                                <p>  Lalla Taja, la dame au grand coeur</p>
654                            </div>
655                        </div>
656                    </div>
657                                     </div>
658                       
659            
660            
661            
662            
663             
664            
665                   
666                           <div class="col-lg-6">
667                                        <div data-opned="false" id="2" data-pos="2" data-title="218" class="element-visite test">
668                        <img src="https://wecasablanca.com/sites/default/files/2016-10/LQLLLQBIDQ.jpg" class="decouvrir-images-listings">
669                        <div class="content-bloc-visit">
670                            <p> Lalla Beïda, mère de Casablanca ?</p>
671                            <a href="#">Lire Plus +</a>
672                        </div>
673                        <div class="mask-avisiter">
674                            <div class="contenue_bloc-visiter">
675                                <img src="/sites/all/themes/cea_portail/images/loup_visit.png" alt="">
676                                <p> Lalla Beïda, mère de Casablanca ?</p>
677                            </div>
678                        </div>
679                    </div>
680                                     </div>
681                       
682            
683            
684            
685            
686             
687            
688                   
689                           <div class="col-lg-6">
690                                        <div data-opned="false" id="3" data-pos="3" data-title="217" class="element-visite test">
691                        <img src="https://wecasablanca.com/sites/default/files/2016-10/ssssiiidib.jpg" class="decouvrir-images-listings">
692                        <div class="content-bloc-visit">
693                            <p>Koubba Sidi Bou Smara</p>
694                            <a href="#">Lire Plus +</a>
695                        </div>
696                        <div class="mask-avisiter">
697                            <div class="contenue_bloc-visiter">
698                                <img src="/sites/all/themes/cea_portail/images/loup_visit.png" alt="">
699                                <p>Koubba Sidi Bou Smara</p>
700                            </div>
701                        </div>
702                    </div>
703                                     </div>
704                       
705            
706            
707            
708            
709             
710            
711                   
712                           <div class="col-lg-6">
713                                        <div data-opned="false" id="4" data-pos="4" data-title="216" class="element-visite test">
714                        <img src="https://wecasablanca.com/sites/default/files/2016-10/auqrtiersidi%20bly.jpg" class="decouvrir-images-listings">
715                        <div class="content-bloc-visit">
716                            <p> Quartier Sidi Belyout</p>
717                            <a href="#">Lire Plus +</a>
718                        </div>
719                        <div class="mask-avisiter">
720                            <div class="contenue_bloc-visiter">
721                                <img src="/sites/all/themes/cea_portail/images/loup_visit.png" alt="">
722                                <p> Quartier Sidi Belyout</p>
723                            </div>
724                        </div>
725                    </div>
726                                     </div>
727                       
728            
729            
730            
731            
732             
733            
734        
735        
736                                                <div id="bloc-0" class="zoom-visite bloc-221">
737                <div class="col-lg-12">
738                    <img src="https://wecasablanca.com/sites/default/files/2016-10/sssidi%20qbdrqh%3Bqn.jpg">                    <div class="detail-zoom">
739                        <div class="contenue-place-visite">
740                            <h3> Sidi Abderrahmane, le premier habitant de la petite île du même nom</h3>
741                            <p>
742                                <p>Dans l’imaginaire des Casablancais, l’îlot de Sidi Abderrahmane occupe une place particulière.&nbsp; Il se murmure en effet qu’on vient de loin y égorger des coqs noirs, consulter des voyantes et essayer tel ou tel gris-gris pour ramener un homme à la maison, réussir un examen ou réduire une rivale à la passivité. Au point d’oublier qu’à l’origine, Sidi Abderrahmane, dont le mausolée se trouve toujours sur l’île, était un homme d’une grande piété, sage et bon, venu de Bagdad et qui aurait élu domicile à cet endroit parce qu’il aimait la mer, préférant dormir à la belle étoile plutôt que dans la maison que les visiteurs de l’île lui avaient construite. Aujourd’hui encore, il est possible d’acheter une bougie à l’entrée de l’îlot et de parcourir le chemin qui mène à sa dernière demeure pour lui rendre un dernier hommage.&nbsp;</p>
743
744                            </p>
745                                                        <div class="rs_visit">
746                                <div class="addthis_inline_share_toolbox_d6ec"></div>
747                            </div>
748                        </div>
749                    </div>
750                </div>
751            </div>
752                                                                         <div id="bloc-1" class="zoom-visite bloc-220">
753                <div class="col-lg-12">
754                    <img src="https://wecasablanca.com/sites/default/files/2016-10/lqllllq%20bidq_0.jpg">                    <div class="detail-zoom">
755                        <div class="contenue-place-visite">
756                            <h3>  Lalla Taja, la dame au grand coeur</h3>
757                            <p>
758                                <p>Un jour viendra où le quartier de l’ancienne médina rendra l’hommage qu’elle mérite à la personnalité emblématique de Lalla Taja, qui toute sa vie durant prit soin des enfants démunis et des orphelins. Courageuse, généreuse et libre, elle avait su convaincre les autorités belges de l’aider dans son combat social en faveur des dé
758shérités. Sa fin fut pourtant tragique et cet épisode méconnu de bien des Casablancais mérite d’être raconté. Dans des circonstances difficiles à retracer (peut-être par jalousie ou en raison de sa façon de vivre), la jeune femme fut lapidée et décéda des suites de ses blessures. À sa mort, parce que les habitants du quartier ne voulaient pas qu’on l’enterre dans le cimetière musulman, elle fut ensevelie dans « la maison à la porte verte ».</p>
759
760                            </p>
761                                                        <div class="rs_visit">
762                                <div class="addthis_inline_share_toolbox_d6ec"></div>
763                            </div>
764                        </div>
765                    </div>
766                </div>
767            </div>
768                                                                         <div id="bloc-2" class="zoom-visite bloc-218">
769                <div class="col-lg-12">
770                    <img src="https://wecasablanca.com/sites/default/files/2016-10/LLLQLLLQ%20%20BIDQ.jpg">                    <div class="detail-zoom">
771                        <div class="contenue-place-visite">
772                            <h3> Lalla Beïda, mère de Casablanca ?</h3>
773                            <p>
774                                <p>Une légende persistante, probablement née au XIVe siècle, prétend qu’une jeune femme, Lalla Beïda, aurait donné son nom à la ville. Fille de Sidi Allal El Karouaini, premier chef de la ville, elle aurait tenté de rejoindre son père parti par bateau de Kérouan en Tunisie vers le Sénégal et dont l’embarcation avait chaviré. Si le père fut sauvé par des pêcheurs, comme une malédiction, sa fille elle fit naufrage et périt noyée. Le sanctuaire que lui fit construire son père, et où leurs deux sépultures reposent, existe toujours près de la rue Tnaker dans l’ancienne Médina.</p>
775
776                            </p>
777                                                        <div class="rs_visit">
778                                <div class="addthis_inline_share_toolbox_d6ec"></div>
779                            </div>
780                        </div>
781                    </div>
782                </div>
783            </div>
784                                                                         <div id="bloc-3" class="zoom-visite bloc-217">
785                <div class="col-lg-12">
786                    <img src="https://wecasablanca.com/sites/default/files/2016-10/ssssiiiddiboo.jpg">                    <div class="detail-zoom">
787                        <div class="contenue-place-visite">
788                            <h3>Koubba Sidi Bou Smara</h3>
789                            <p>
790                                <p>L'ancienne médina de Casablanca abrite un endroit des plus baroques : la koubba (le mausolée) du marabout Sidi Bou Smara dont presque tous les petits Casablancais ont entendu parler. Il y a plus de mille ans, ce marabout, pestant contre les mauvaises manières et le manque d’hospitalité de certains habitants de l’ancienne médina qu’il était venu visiter, aurait frappé le sol de son bâton… et fait émerger un figuier géant et entrainé le jaillissement d’une source. C’est pour implorer son pardon et se placer sous sa protection que passants et certains habitants auraient depuis pris l’habitude de venir planter des clous à cet endroit…</p>
791
792                            </p>
793                                                        <div class="rs_visit">
794                                <div class="addthis_inline_share_toolbox_d6ec"></div>
795                            </div>
796                        </div>
797                    </div>
798                </div>
799            </div>
800                                                                         <div id="bloc-4" class="zoom-visite bloc-216">
801                <div class="col-lg-12">
802                    <img src="https://wecasablanca.com/sites/default/files/2016-10/auqrtier%20sidi%20belyout.jpg">                    <div class="detail-zoom">
803                        <div class="contenue-place-visite">
804                            <h3> Quartier Sidi Belyout</h3>
805                            <p>
806                                <p>Parmi les légendes les plus ancrées dans l’imaginaire des Casablancais, figure celle d’un ancien berger qui menait paître ses moutons en compagnie d’un lion fidèle. Abou Louyout (le père des lions), ainsi qu’on le surn
806ommait, aurait eu un certain ascendant sur les bêtes sauvages qui le suivaient dans sa marche, le don d’ubiquité puisque d’aucuns disaient l’avoir vu en même temps à plusieurs endroits différents. La légende rapporte surtout que soucieux de ne plus voir la déchéance du genre humain, il avait choisi de s’exiler dans la forêt d’Ain Sebaa (la source du lion) après s’être… percé les yeux. Aujourd’hui encore, le mythe reste vivace : au nord du quartier de l’ancienne médina, aurait été édifiée au XIXe siècle la Koubba Sidi Belyout qui abriterait la tombe de cet ami des lions et protecteur de la ville, ainsi qu’une mystérieuse fontaine…</p>
807
808                            </p>
809                                                        <div class="rs_visit">
810                                <div class="addthis_inline_share_toolbox_d6ec"></div>
811                            </div>
812                        </div>
813                    </div>
814                </div>
815            </div>
816                                     </div>
817
818
819</div>
820<script src="http://mattstow.com/js/ios-orientationchange-fix.min.js"></script>
vendor: 1 bytes, line 820
820
821<script type="text/javascript" src="http://davidjbradshaw.com/imagemap-resizer/js/imageMapResizer.min.js"></script>
vendor: 1 bytes, line 821
821
822<script type="text/javascript">
823    jQuery(document).ready(function ($) {
824        $('.element-visited').click(function () {
825            var pos = $(this).attr('data-pos');
826            var opened = $(this).attr('data-opned');
827            var content = $('#bloc-'+pos);
828            if(opened == 'false'){
829                $('.zoom-visite').hide();
830                if(pos % 2 == 0){
831                    pos = parseInt(pos) + 1
832                }
833                $('#'+pos).parents('.col-lg-6').after(content);
834                content.show();
835                 $('html, body').animate({
836                    //scrollTop: $(content).offset().top
837                }, 2000);
838                console.log(content);
839                $('.element-visite').attr('data-opned', 'false');
840                $(this).attr('data-opned', 'true');
841
842            }else{
843                content.fadeOut();
844                $(this).attr('data-opned', 'false');
845            }
846            window.dispatchEvent(new Event('resize')); // fixing mapping bug
847        });
848        if($('map').length > 0)
849            $('map').imageMapResize({ origImageWidth: "1024" });
850    });
851//    jQuery(window).load(function($) {
852//        jQuery('#bloc-0.zoom-visite').hide().css('opacity', '1');
853//    });
854</script>
854
855<style>
856.contenue-place-visite img{display:none!important}
857    img[usemap] {
858        border: none;
859        height: auto;
860        max-width: 100%;
861        width: auto;
862    }
863</style>
864
865
866
867
868
869
870
871
872
873
874
875
876
877                            </div>
878                                                            <div class="col-lg-4 hidden-xs">
879                                    <div class="sidebar">
880                                        <div class="sideactu" style="display:none">
881    <div class="img-top-side">
882        <img src="/sites/all/themes/cea_portail/images/sidebare_image-top.jpg">
883    </div>
884
885            <a href="/city-guide/evenements"><img src="http://wecasablanca.com/sites/default/files/inline-images/agenda.jpg"></a>
886        <div class="titre-sidebar">
887        <a href="/node/33" class="img-actu-meteo lien-actu">
888                            ACTUALITÉS
889                
890        </a>
891            
892    </div>
893    
894    
895 
896    
897    <div class="description-side">
898        <div class="content_description">
899                            <a href="/city-guide/evenements"><p>Découvrez l’agenda du mois</p></a>
900              
901            
902        </div>
903    </div>
904    <div class="img-bottom-side">
905        <img src="/sites/all/themes/cea_portail/images/sidebare_image-bottom.jpg">
906    </div>
907</div>
908
909
910
911
912
913
914
915
916
917
918
919
920<!--********************** Bloc Meteo *******************************   -->
921<!-- include jQuery + carouFredSel plugin -->
922		
922<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
922
923		
923<script type="text/javascript" language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.caroufredsel/6.2.1/jquery.carouFredSel.packed.js"></script>
923
924
925<div class="side-meteo">
926    <div class="img-top-side">
927        <img src="/sites/all/themes/cea_portail/images/imgtop-side-meteo.jpg">
928    </div>
929    <div class="entete-side">
930        <div class="titre-sidebar">
931            <div class="img-actu-meteo lien-meteo">
932<!--                <img src="/sites/all/themes/cea_portail/images/casa-footer.png" alt="">-->
933                MÉTÉO
934            </div>
935        </div>
936    </div>
937    <div class="bloc-meteo">
938        <div class="title-meteo">
939            <h2>météo</h2>
940        </div>
941        <div class="bloc-slide-meteo">
942            <a class="left"><img src="/sites/all/themes/cea_portail/images/flesh-rubrique-left.png" alt=""></a>
943            <div id="slide_meteo">
944
945
946                                    <div class="contenue-slide-meteo">
947                        <p> Vendredi 02 octobre</p>
948                        <div class="contenue-meteo">
949                            <div class="contenue-temperature">
950                                <p>26°</p>
951                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/03d.png">
952                            </div>
953                            <div class="situation-temp">
954                                <p>partiellement nuageux</p>
955                            </div>
956                        </div>
957                    </div>
958                                    <div class="contenue-slide-meteo">
959                        <p> Samedi 03 octobre</p>
960                        <div class="contenue-meteo">
961                            <div class="contenue-temperature">
962                                <p>25°</p>
963                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/04d.png">
964                            </div>
965                            <div class="situation-temp">
966                                <p>couvert</p>
967                            </div>
968                        </div>
969                    </div>
970                                    <div class="contenue-slide-meteo">
971                        <p> Dimanche 04 octobre</p>
972                        <div class="contenue-meteo">
973                            <div class="contenue-temperature">
974                                <p>26°</p>
975                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/04d.png">
976                            </div>
977                            <div class="situation-temp">
978                                <p>couvert</p>
979                            </div>
980                        </div>
981                    </div>
982                                    <div class="contenue-slide-meteo">
983                        <p> Lundi 05 octobre</p>
984                        <div class="contenue-meteo">
985                            <div class="contenue-temperature">
986                                <p>23°</p>
987                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/10d.png">
988                            </div>
989                            <div class="situation-temp">
990                                <p>légère pluie</p>
991                            </div>
992                        </div>
993                    </div>
994                                    <div class="contenue-slide-meteo">
995                        <p> Mardi 06 octobre</p>
996                        <div class="contenue-meteo">
997                            <div class="contenue-temperature">
998                                <p>23°</p>
999                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/10d.png">
1000                            </div>
1001                            <div class="situation-temp">
1002                                <p>légère pluie</p>
1003                            </div>
1004                        </div>
1005                    </div>
1006                                    <div class="contenue-slide-meteo">
1007                        <p> Mercredi 07 octobre</p>
1008                        <div class="contenue-meteo">
1009                            <div class="contenue-temperature">
1010                                <p>23°</p>
1011                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/10d.png">
1012                            </div>
1013                            <div class="situation-temp">
1014                                <p>légère pluie</p>
1015                            </div>
1016                        </div>
1017                    </div>
1018                                    <div class="contenue-slide-meteo">
1019                        <p> Jeudi 08 octobre</p>
1020                        <div class="contenue-meteo">
1021                            <div class="contenue-temperature">
1022                                <p>22°</p>
1023                                <img src="/sites/all/themes/cea_portail/icon_meteo/day_icon/10d.png">
1024                            </div>
1025                            <div class="situation-temp">
1026                                <p>légère pluie</p>
1027                            </div>
1028                        </div>
1029                    </div>
1030                
1031            </div>
1032            <a class="right"><img src="/sites/all/themes/cea_portail/images/flesh-rubrique-right.png" alt=""></a>
1033        </div>
1034    </div>
1035    <div class="img-bottom-side">
1036        <img src="/sites/all/themes/cea_portail/images/imgbottom-side-meteo.jpg">
1037    </div>
1038</div>
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051<div class="side_casawe">
1052    <div class="img-top-side">
1053        <img src="/sites/all/themes/cea_portail/images/imgtop-sidecasawi.jpg">
1054    </div>
1055    <div class="entete-side">
1056        <div class="titre-sidebar">
1057            <div  class="img-actu-meteo lien-we">
1058                <!--                <img src="/sites/all/themes/cea_portail/images/casa-footer.png" alt="">-->
1059                 AMBASSADEURS             </div>
1060        </div>
1061    </div>
1062    <div class="cercle-casawi ">
1063        <!--<div class="titre-sidebar">-->
1064        <!--<a href="#"><img src="images/casawi-title.png" alt=""></a>-->
1065        <!--</div>-->
1066        <div class="title-casawi">
1067            <a href="#">
1068
1069                
1070                    <img src="/sites/all/themes/cea_portail/images/title-ambassadeur.png" alt="">
1071                            </a>
1072        </div>
1073        <div class="contenue-slid-cercle">
1074            <div id="myCarousel-cercle" class="slide-cercle">
1075                <div class="item">
1076                    <img src="/sites/all/themes/cea_portail/images/neyla-tazi.png" alt="">
1077                </div>
1078                <div class="item">
1079                    <img src="/sites/all/themes/cea_portail/images/rebel_spirit.jpg" alt="">
1080                </div>
1081                <div class="item">
1082                    <img src="/sites/all/themes/cea_portail/images/momo mohamed merhari.png" alt="">
1083                </div>
1084                <div class="item">
1085                    <img src="/sites/all/themes/cea_portail/images/Naser.png" alt="">
1086                </div>
1087                <div class="item">
1088                    <img src="/sites/all/themes/cea_portail/images/mme-laila-mamou--.jpg" alt="">
1089                </div>
1090            </div>
1091        </div>
1092        <div class="connecte-casawi">
1093            <div class="connect">
1094
1095                                <img src="/sites/all/themes/cea_portail/images/icon-meconnect.png"><a href=" /we/wecasablanca-ambassadors " >Découvrir</a>
1096
1097            </div>
1098        </div>
1099
1100    </div>
1101</div>
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114<div class="casa_news">
1115    <div class="titre-sidebar">
1116        <div  class="img-actu-meteo lien-news">
1117<!--            <img src="/sites/all/themes/cea_portail/images/casa-footer.png" alt=""> -->
1118            NEWSLETTER
1119        </div>
1120    </div>
1121    <p>Inscrivez-vous à l'e-newssletter</p>
1122    <form id="newsletters" data-drupal-selector="newsletter-portail-core-form-2" action="/decouvrir/contes-casablancais" method="post" accept-charset="UTF-8">
1123  <div class="js-form-item form-item js-form-type-email form-item-email js-form-item-email form-no-label">
1124        <input class="form-control required_field form-email required" placeholder="Inscription à la Newsletter" data-drupal-selector="edit-email" type="email" id="edit-email--2" name="email" value="" size="60" maxlength="254" required="required" aria-required="true" />
1125
1126        </div>
1127<input data-drupal-selector="edit-submit" type="submit" id="edit-submit--3" name="op" value="OK" class="button js-form-submit form-submit" />
1128<input data-drupal-selector="form-qsc-oeka-5jxlzz0gb18z9p7xjsp6irtr4232u-haui" type="hidden" name="form_build_id" value="form-qSc_oEKa_5jxlZz0gB18z9p7xJSP6IrtR4232u-hauI" />
1129<input data-drupal-selector="edit-newsletter-portail-core-form-2" type="hidden" name="form_id" value="newsletter_portail_core_form" />
1130
1131</form>
1132
1133</div>
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147                                    </div>
1148                                </div>
1149                                                    </div>
1150                    <!--                    -->
1151                 
1152                </section>
1153
1154
1155                <footer>
1156
1157                    
1158<div class="top-footer">
1159    <style>
1160    .zoom-visite span{
1161    font-family: 'DINNextLTArabic-Medium'!important;
1162    font-size: initial!important;
1163}
1164    </style>
1165    <!--<div class="footer-flow">
1166        <img src="/sites/all/themes/cea_portail/images/floow-entete.jpg" alt="">
1167    </div>-->
1168	<div class="row">
1169		<div class="col-md-12">
1170			
1171            <div class="row rs">
1172<div class="col-md-3 col-xs-6 icon-rs-sc"><a href="https://www.facebook.com/wecasablanca/ " target="_blank"><img alt="face" data-entity-type="file" data-entity-uuid="5132f04a-bcbe-4b39-a917-1180121879c4" src="/sites/default/files/inline-images/fb.png" /></a><a href="https://www.facebook.com/wecasablanca/ " target="_blank">Trouvez-nous<span>sur Facebook</span></a></div>
1173
1174<div class="col-md-3 col-xs-6 icon-rs-sc"><a href="https://twitter.com/wecasablanca" target="_blank"><img alt="twi" data-entity-type="file" data-entity-uuid="ea589bf8-0c2e-49fc-897f-e2e4d90d0bd3" src="/sites/default/files/inline-images/twitter.png" /></a><a href="https://twitter.com/wecasablanca" target="_blank">Suivez-nous<span>sur Twitter</span></a></div>
1175
1176<div class="col-md-3 col-xs-6 icon-rs-sc"><a href="https://www.instagram.com/wecasablanca/"><img alt="logo" data-entity-type="file" data-entity-uuid="6118d535-fef2-4f8d-939e-12abff31c4c1" src="/sites/default/files/inline-images/insta.png" /></a><a href="https://www.instagram.com/wecasablanca/" target="_blank">Suivez-nous<span>sur Instagram</span></a></div>
1177
1178<div class="col-md-3 col-xs-6 icon-rs-sc"><a href="https://www.youtube.com/channel/UCCw7MXIu8Vq63Gq_dz10QPQ" target="_blank"><img alt="yout" data-entity-type="file" data-entity-uuid="c2779e94-31fb-480c-8710-7defcb0634e2" src="/sites/default/files/inline-images/ytb.png" /></a><a href="https://www.youtube.com/channel/UCCw7MXIu8Vq63Gq_dz10QPQ" target="_blank">Rejoignez-nous<span>sur Youtube</span></a></div>
1179</div>
1180
1181      
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195		</div>
1196	</div>
1197    <div class="row contenue-footer">
1198		<div class="col-md-2">
1199		</div>
1200		<div class="col-md-8">
1201			
1202            <div class="row content-logo-footer">
1203<div class="col-md-12 text-center"><img alt="" src="/sites/all/themes/cea_portail/images/logo-mobile.png" />
1204<p>Première marque territoriale du genre au Maroc voire en Afrique, WECASABLANCA est un véritable outil au service de l’attractivité de la métropole, elle véhicule une image puissante et cohérente de Casablanca, au profit de son rayonnement et de sa compétitivité.</p>
1205</div>
1206</div>
1207
1208      
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222		</div>
1223		<div class="col-md-2">
1224		</div>
1225        		<div class="row copyright footer-bottom">
1226			<div class="col-md-6">
1227				<ul>
1228					
1229											
1230						<li><a href="/mention-legales">Mentions légales</a></li>
1231						
1232											
1233						<li><a href="/plan-de-site">Plan de site</a></li>
1234						
1235											
1236						<li><a href="/we/demarche">A propos</a></li>
1237						
1238										
1239				</ul>
1240			</div>
1241			
1242			
1243            
1244<div class="col-md-6 text-right">
1245<div class="copyright-we">
1246<p>© 2020. Tous droits réservés.</p>
1247</div>
1248</div>
1249
1250
1251
1252      
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266		</div>
1267    </div>
1268</div>
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283                    <div class="footer-bottom">
1284    <div class="row">
1285        
1286        
1287            <div class="col-md-12 text-center"><label for="">Réalisé par <span><a href="http://casaevents.ma/" target="_blank">Casablanca Events et Animation</a></span> </label></div>
1288
1289      
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304    </div>
1305</div>
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320                </footer>
1321            </section>
1322        </div>
1323    </div>
1324</div>
1325
1326
1327<script type="text/javascript">
1328    jQuery(document).ready(function ($) {
1329        $.ajax({
1330            type: "GET",
1331            url: "https://api.openweathermap.org/data/2.5/forecast/daily",
1332            data: {
1333                q: 'Casablanca',
1334                mode: 'JSON',
1335                units: 'metric',
1336                cnt: '7',
1337                appid: '7746d133b7916f6b02456928a15e5490',
1338            },
1339            success: function (data) {
1340                var iconID = (data.list[0].weather[0].icon);
1341                $('.meteo-jour span').text(Math.round(data.list[0].temp.day) + "°C");
1342//                $('.meteo-nuit span').text(Math.round(data.list[0].temp.night) + "°C");
1343                $('.meteo img').attr('src', '/sites/all/themes/cea_portail/icon_meteo/day_icon2/' + iconID + '.png');
1344                if($('#slide_meteo').length > 0){
1345                    $('#slide_meteo').carouFredSel({
1346                        items: 1,
1347                        prev: ".bloc-meteo .left",
1348                        next: ".bloc-meteo .right",
1349                        scroll: {
1350                            items: 1,
1351                            duration: 1000
1352                        },
1353                        auto: false
1354                    });
1355                }
1356            }
1357        });
1358                                    });
1359</script>
1359
1360<!--
1360<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-57fceb7d9e4ad26f"></script>
1360-->
1361<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-59ca17fb9790bc8f"></script>
1361
1362
1363
1364
1365
1366
1367
1368<script   src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
1368
1369
1370<script>
1371$('.element-visite11').click(function () {
1372            var pos = $(this).attr('data-pos');
1373            var content = $('#bloc-'+pos);
1374            console.log('#bloc-'+pos)
1375                 $('html, body').animate({
1376                    scrollTop: $('#bloc-'+pos).offset().top
1377                }, 2000);
1378            
1379        });
1380</script>
1380
1381</body>
1382</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.