PageSourceSearch

https://macieenligne.ci/infosutiles

html macieenligne.ci collected 2026-10-02 00:26:58 UTC 91,630 bytes, 1,743 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr-FR">
3    <head>
4        <meta charset="utf-8">
5        <title>Ma CIE en ligne</title>
6        <meta name="csrf-token" content="EOYSxKxFjqxRZP9wexNKMet7prfVEcooLNbh1XTn">
7        <meta http-equiv="X-UA-Compatible" content="IE=edge">
8        <meta name="author" content="NGSER"/>
9        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10        <meta name="description" content="Suivez votre consommation, consultez vos factures, échangez avec vos conseillers et découvrez nos différentes offres. Où que vous soyez, ma CIE en ligne vous accompagne 24h/24 et 7j/7.">
11        <meta name="keywords" content="CIE, Ma CIE en ligne">
12        <link rel="icon" href="/assets/img/logo_eagence.png" type="image/x-icon">
13        <link rel="stylesheet" href="/assets/css/fonts.min.css">
14        <link rel="stylesheet" href="/assets/css/wizard.css?id=74cafe27cec04dd59a1c">
15        <link rel="stylesheet" href="/assets/css/switchery.min.css">
16        <link rel="stylesheet" href="/assets/frontend/css/external.min.css">
17        <link rel="stylesheet" href="/assets/frontend/css/bootstrap.min.css">
18        <link rel="stylesheet" href="/assets/frontend/css/style.min.css">
19        <link rel="stylesheet" href="/assets/frontend/css/custom.css?id=79097625a819c915b7eb">
20        <!-- Custom CSS -->
21        <link rel="stylesheet" href="/assets/frontend/datepicker/jquery-ui.min.css">
22        <link rel="stylesheet" href="/assets/frontend/css/cookieconsent.min.css" />
23        
23<script src="/assets/frontend/js/cookieconsent.min.js"></script>
23
24        
24<script>
25          window.addEventListener("load", function(){
26          window.cookieconsent.initialise({
27            "palette": {
28              "popup": {
29                "background": "#1f1601bd",
30                "text": "#D6D6D6"
31              },
32              "button": {
33                "background": "transparent",
34                "text": "#8BED4F",
35              }
36            },
37            "position": "top",
38            "content": {
39              "message": "Le site MA CIE EN LIGNE collecte des informations concernant l'utilisation du site qui sont utilisées à des fins statistiques et pour l'amélioration du service. En poursuivant votre navigation, vous acceptez l'utilisation des cookies.",
40              "link": "En savoir plus",
41              "deny": "J'accepte",
42              "dismiss": "&#x274c;"
43            },
44             "type": "opt-out"
45          })});
46        </script>
46
47        
47<script>
48          //Start of Zendesk Chat Script
49          window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set._.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
50          $.src="https://v2.zopim.com/?5qaKwr9o3GEJKsCudsZwziKFrQWA7tRr";z.t=+new Date;$.type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
51          //Hotjar Tracking Code for https://www.macieenligne.ci
vendor: 136 bytes, lines 51-54
51
52         (function(h,o,t,j,a,r){
53           h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
54           h._hjSettings={hjid:
54961824
vendor: 283 bytes, lines 54-60
54,hjsv:6};
55           a=o.getElementsByTagName('head')[0];
56           r=o.createElement('script');r.async=1;
57           r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
58           a.appendChild(r);
59         })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
60        
60</script>
60
61    </head>
62
63    <body class="body-split" style="background: rgba(0, 0,0, 0.5)">
64        <div class="preloader">
65            <div class="spinner">
66                <div class="bounce1"></div>
67                <div class="bounce2"></div>
68                <div class="bounce3"></div>
69            </div>
70        </div>
71
72        <!-- wrapper -->
73        <div id="wrapper" class="wrapper clearfix">
74            <!-- header -->
75            <header id="navbar-spy" class="header header-4 header-2 header-topbar header-light header-fixed">
76  <nav id="primary-menu" class="navbar navbar--dark navbar-fixed-top menuvert">
77    <div class="container" style="height: 0;">
78      <div class="">
79        <div class="navbar-header">
80          <button type="button" class="navbar-toggle navbar-toggle-dark collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
81            <span class="sr-only">Toggle navigation</span>
82            <span class="icon-bar"></span>
83            <span class="icon-bar"></span>
84            <span class="icon-bar"></span>
85          </button>
86          <a class="logo" href="/">
87            <img src="/assets/frontend/img/logo-2.svg" class="logo-dark" alt="Eagence Logo">
88          </a>
89        </div>
90        <div class="module-container pull-right visible-lg">
91                                                <div class="module">
92                <a href="/register" class="creation-btn">Créer un compte</a>
93              </div>
94              <div class="module">
95                <a href="#" class="compte-btn loginurl" data-url="dashboard">Accéder à mon espace</a>
96              </div>
97                              </div>
98        <div class="collapse navbar-collapse" id="navbar-collapse-1">
99          <ul class="nav navbar-nav nav-pos-right navbar-left">
100            <li class="active">
101              <a href="/" class="menu-item">Accueil</a>
102            </li>
103            <li>
104              <a href="/particulier" class="menu-item">Particulier</a>
105            </li>
106            <li>
107              <a href="/entreprise" class="menu-item">Entreprise</a>
108            </li>
109            <li>
110              <a href="#" class="menu-item" style="margin-right: 160px;"></a>
111              <!-- <a href="#" class="menu-item" style="margin-right: 100px;">Institution</a> -->
112            </li>
113            <li class="has-dropdown mega-dropdown open">
114              <a href="#" data-toggle="dropdown" class="dropdown-toggle menu-item infoUtile" aria-expanded="true"> <img class="ico-utile" src="/assets/frontend/img/icone-feather-info.svg" alt=""> Infos utiles</a>
115              <ul class="dropdown-menu mega-dropdown-menu">
116                <li>
117                  <div class="megmenu">
118                    <div class="row" style="margin: 0;">
119                      <div class="col-md-3 smen22" style="padding: 0;max-width: 150px;">
120                        <a href="#">Nos simulateurs</a>
121                        <ul>
122                          <li><a href="/infosutiles#simulateur">Simulateur de facture</a></li>
123                          <li><a href="/infosutiles#simulateur">Simulateur de puissance</a></li>
124                          </li>
125                        </ul>
126                      </div>
127                      <div class="col-md-2 smen22" style="padding: 0;max-width: 125px;">
128                        <a href="#">Bon à savoir</a>
129                        <ul>
130                          <li><a href="/infosutiles#bonasavoir">Vos services</a></li>
131                          <li><a href="/infosutiles#bonasavoir">Nos compteurs</a></li>
132                          <li><a href="/infosutiles#bonasavoir">Cadre institutionnel</a></li>
133                          <li><a href="/infosutiles#bonasavoir">Votre disjoncteur</a></li>
134                          <li><a href="/infosutiles#bonasavoir">Tableau de comptage</a></li>
135                          <li><a href="/infosutiles#bonasavoir">Réseau d’agence</a></li>
136                        </ul>
137                      </div>
138                      <div class="col-md-3 smen22" style="padding: 0;max-width: 150px;">
139                        <a href="#">Economie d’énergie</a>
140                        <ul>
141                          <li><a href="/infosutiles#gestes">Appareils de froid</a></li>
142                          <li><a href="/infosutiles#gestes">Eclairage</a></li>
143                          <li><a href="/infosutiles#gestes">Multimédias</a></li>
144                          <li><a href="/infosutiles#gestes">Equipements</a></li>
145                        </ul>
146                      </div>
147                      <div class="col-md-1 smen22" style="padding: 0;min-width: 100px;">
148                        <a href="#">Tarifs</a>
149                        <ul>
150                          <li><a href="/infosutiles#tarifs">Post-payé</a></li>
151                          <li><a href="/infosutiles#tarifs">Pré-payé</a></li>
152                          <li><a href="/infosutiles#tarifs">Haute tension</a></li>
153                        </ul>
154                      </div>
155                      <div class="col-md-3 smen22" style="padding: 0;max-width: 200px;">
156                        <a href="#">Risque électrique</a>
157                        <ul>
158                          <li><a href="/infosutiles#risque">Les ouvrages électriques</a></li>
159                          <li><a href="/infosutiles#risque">Utilisation des appareils électriques</a></li>
160                          <li><a href="/infosutiles#risque">Installations intérieures</a></li>
161                        </ul>
162                      </div>
163                    </div>
164                  </div>
165                </li>
166              </ul>
167            </li>
168            <li class="hidden-lg">
169              <a href="/register" class="creation-btn">Créer un compte</a>
170              <a href="#" class="compte-btn loginurl" data-url="dashboard" style="width: 250px">Accéder à mon espace</a>
171            </li>
172            <li>
173            </li>
174          </ul>
175        </div>
176      </div>
177    </div>
178    <div class="container-fluid blk-flash">
179      <div class="flash">
180        <div class="fl-icone" data-h="0"><img src="/assets/frontend/img/icone-flash.png"> <span class="fl-info">Flash Info</span></div>
181        <div class="fl-infos marquee-rtl">
182          <div class="flashinfos"></div>
183        </div>
184      </div>
185    </div>
186  </nav>
187</header>
188            <!-- /header -->
189
190            <!-- Container -->
191            <ul class="nav-split visible-lg">
192  <li class="active">
193    <a data-scroll="scrollTo" class="scrollTo" href="#simulateur" title="Nos simulateurs">Nos simulateurs</a>
194  </li>
195  <li>
196    <a data-scroll="scrollTo" class="scrollTo" href="#bonsavoir" title="Bon à savoir">Bon à savoir</a>
197  </li>
198  <li>
199    <a data-scroll="scrollTo" class="scrollTo" href="#gestes" title="Adoptons les bons gestes">Adoptons les bons gestes</a>
200  </li>
201  <li>
202    <a data-scroll="scrollTo" class="scrollTo" href="#tarifs" title="Tarifs">Tarifs</a>
203  </li>
204</ul>
205<section id="page-title" class="page-title">
206  <div class="bg-section">
207    <img src="/assets/backoffice/bg-infosutiles.png" alt="Background" />
208  </div>
209  <div class="container">
210    <div class="row">
211      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
212        <div class="title title-4">
213          <div class="title--content">
214            <div class="title--heading">
215              <h1>INFOS UTILES</h1>
216            </div>
217          </div>
218          <div class="clearfix"></div>
219          <ol class="breadcrumb">
220            <li><a href="/"><img class="home" src="/assets/frontend/img/icone-feather-home.svg" alt="">&nbsp;Accueil</a></li>
221            <li class="active">Infos utiles</li>
222          </ol>
223          <div class="divider--shape-1down"></div>
224        </div>
225      </div>
226    </div>
227    <img class="img-at" src="/assets/frontend/img/img-at.png">
228  </div>
229</section>
230<a id="simulateur"></a>
231<section class="blk-simulation">
232  <div class="container">
233    <div class="row clearfix">
234      <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
235        <div class="text--center">
236          <p class="heading--title">Des outils de simulation à votre service</p>
237          <p class="heading--subtitle">Découvrez nos simulateurs en ligne</p>
238          <p>&nbsp;</p>
239        </div>
240      </div>
241    </div>
242  </div>
243  <div class="container">
244    <div class="row row-eq-height">
245      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
246        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 cursor">
247          <div class="divider--facture"></div>
248          <div class="blk-simuler blksi1" data-h="1">
249            <h6>SIMULATEUR DE FACTURE</h6>
250            <div class="blk-zonetxt">
251                <p>Estimer avec précision votre prochaine facturation sur la base de votre consommation.</p>
252                <p>&nbsp;</p>
253                <div class="btn-linksim">
254                  <a><span>Découvrir </span> <i class='fa fa-arrow-right'></i></a>
255                </div>
256            </div>
257          </div>
258        </div>
259        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 cursor">
260          <div class="divider--puissance"></div>
261          <div class="blk-simuler blksi2" data-h="2">
262            <h6>SIMULATEUR DE PUISSANCE</h6>
263            <div class="blk-zonetxt">
264                <p>Calculez avec exactitude la puissance qu’il vous faut en fonction de l’utilisation de vos appareils.</p>
265                <p>&nbsp;</p>
266                <div class="btn-linksim">
267                  <a><span>Découvrir </span> <i class='fa fa-arrow-right'></i></a>
268                </div>
269            </div>
270          </div>
271        </div>
272      </div>
273    </div>
274  </div>
275  <div class="blk-suiviconso simulerBill" style="display: none;">
276    <div class="container-fluid">
277      <div class="row clearfix">
278        <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 visible-xs" style="background: #EFEFEF; padding-top: 15px;">
279          <div class="text--center">
280            <p class="heading--title"><strong>Simulez votre facture</strong></p>
281            <p class="heading--subtitle hidden-xs">Estimez le montant de ma prochaine facture.</p>
282          </div>
283        </div>
284      </div>
285      <div class="row row-eq-height">
286        <div class="col-md-4 col-sm-6 col-xs-12 bg-suiviconso">
287          <div class="">
288            <div class="visible-xs" style="padding: 30px 30px 10px; color: #FFF;">
289              <p style="color: #FFF;">Vous trouverez les informations nécessaires à la simulation sur l’entête d’une facture récente</p>
290            </div>
291            
292            <div class="blk-modelfac col-md-9 col-xs-8 col-md-offset-3 col-xs-offset-2">
293              <p class="hidden-xs">Vous trouverez les informations nécessaires à la simulation sur l’entête d’une facture récente</p>
294              <img src="/assets/frontend/img/simuler_bill.png" class="img-responsive bill-simuler">
295            </div>
296            <div class="text-center col-md-9 col-md-offset-3 hidden-xs" style="margin-top: 10px;">
297              <a href="#simulateur" class="blk-simuler blksi2 btn-modelfac" data-h="2" style="padding: 5px 10px;">Découvrir nos autres simulateurs</a>
298            </div>
299          </div>
300        </div>
301        <div class="col-md-8 col-sm-6 col-xs-12 blk-simulez">
302          <div class="row clearfix">
303            <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 hidden-xs">
304              <div class="text--center">
305                <p class="heading--title">Simulez votre facture</p>
306                <p class="heading--subtitle hidden-xs">Estimez le montant de ma prochaine facture.</p>
307              </div>
308            </div>
309          </div>
310          <div class="row">
311            <div class="col-md-11 blk-simulez-form">
312              <form class="mb-0 msform simulerfact">
313                <div class="row">
314                  <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
315                    <div class="form-select">
316                      <label>Code tarif</label>
317                      <i class="fa fa-caret-down"></i>
318                      <select id="codetarif" name="codetarif" class="form-control requiredField powersubs">
319                        <option value="">Choisir</option>
320                      </select>
321                      <img src="/assets/frontend/img/icone-info-circle1.svg" class="img-bill" alt="codetarif">
322                    </div>
323                  </div>
324                  <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 col-sm-5 col-xs-12">
325                    <div class="form-select">
326                      <label>Type de branchement</label>
327                      <i class="fa fa-caret-down"></i>
328                      <select id="typbranch" name="typbranch" class="form-control requiredField powersubs">
329                        <option value="">Choisir</option>
330                        <option value="1">Monophasé</option>
331                        <option value="3">Triphasé</option>
332                      </select>
333                      <img src="/assets/frontend/img/icone-info-circle1.svg" class="img-bill" alt="typbranch">
334                    </div>
335                  </div>
336                  <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
337                    <div class="form-select">
338                      <label>Puissance souscrite</label>
339                      <i class="fa fa-caret-down"></i>
340                      <select id="powersubs" name="powersubs" class="form-control requiredField">
341                        <option value="">Choisir</option>
342                      </select>
343                      <img src="/assets/frontend/img/icone-info-circle1.svg" class="img-bill" alt="powersubs">
344                    </div>
345                  </div>
346                  <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 col-sm-5 col-xs-12">
347                    <div class="form-select">
348                      <label>Exploitation</label>
349                      <i class="fa fa-caret-down"></i>
350                      <select id="exploitation" name="exploitation" class="form-control requiredField">
351                        <option value="">Choisir</option>
352                      </select>
353                    </div>
354                  </div>
355                  <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
356                    <label>Ancien Index</label>
357                    <input type="text" name="indexanc" placeholder="Ancien index (kWh)" class="form-control requiredField number">
358                  </div>
359                  <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 col-sm-5 col-xs-12">
360                    <label>Nouvel Index</label>
361                    <input type="text" name="indexnvl" placeholder="Nouvel index (kWh)" class="form-control requiredField number">
362                  </div>
363                  <div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
364                    <label>Date de début</label>
365                    <input type="text" id="maskInput1" name="date_deb" maxlength="10" placeholder="DD/MM/AAAA" class="form-control requiredField text-center date_deb datepicker" readonly>
366                    <img src="/assets/frontend/img/calendar.svg" class="img-date">
367                  </div>
368                  <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1 col-sm-5 col-xs-12">
369                    <label>Date de fin</label>
370                    <input type="text" class="form-control text-center date_fin" readonly>
371                    <img src="/assets/frontend/img/calendar.svg" class="img-date">
372                  </div>
373                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center msgError"></div>
374                  <div class="col-lg-5 col-lg-offset-6 col-md-5 col-md-offset-6 col-sm-5 col-xs-12" style="margin-top: 10px;">
375                    <div class="col-xs-12 col-sm-6 col-md-6">
376                      <input type="reset" value="Réinitialiser" class="btn cancel-btn btn--block">
377                    </div>
378                    <div class="col-xs-12 col-sm-6 col-md-6">
379                      <input type="button" id="simulerfact" value="Simuler" class="btn submit-btn btn--block">
380                    </div>
381                  </div>
382                </div>
383                <a class="simulerfact-popup" data-toggle="modal" data-target="#simulerBill"></a>
384                <div class="modal fade" tabindex="-1" role="dialog" id="simulerBill">
385                  <i class="fa fa-times btnclose" data-dismiss="modal" aria-label="Close"></i>
386                  <div class="modal-dialog modal-sm" role="document">
387                    <div class="modal-content">
388                      <div class="modal-body">
389                        <div class="row">
390                          <div class="col-xs-12 col-sm-12 col-md-12">
391                            <div class="divider--results"></div>
392                            <div class="blk-results">
393                              <h6>Résultat de simulation</h6>
394                              <div class="results-conso simulerfact-body"></div>
395                            </div>
396                          </div>
397                        </div>
398                      </div>
399                    </div>
400                  </div>
401                </div>
402              </form>
403            </div>
404          </div>
405        </div>
406      </div>
407    </div>
408  </div>
409  <div class="container-fluid simulerPower" style="display: none;">
410    <div class="row row-eq-height">
411      <div class="col-md-4 col-sm-6 col-xs-12" style="margin-top: 30px; background: #DD644F;">
412        <div class="">
413          <div class="col-md-9 col-xs-8 col-md-offset-3 col-xs-offset-2" style="padding-left: 0">
414            <h2 class="titre-puissance">Simuler votre puissance</h2>
415          </div>
416          <div class="blk-puissance col-md-9 col-xs-8 col-md-offset-3 col-xs-offset-2">
417            <ul class="list-puissance list icon-list"></ul>
418          </div>
419        </div>
420      </div>
421      <div id="equipment-cat" class="col-md-8 col-sm-6 col-xs-12 blk-simulez" style="margin-top: 30px;">
422        <div class="row clearfix">
423          <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 hidden-xs">
424            <div class="text--center">
425              <p class="heading--title title-categorie">Quels équipements utilisez-vous simultanément ?</p>
426              <p class="heading--title title-appareil" style="display: none;">Installation de cuisine</p>
427              <p class="heading--subtitle title-appareil" style="display: none;">Sélectionnez la quantité des équipements que vous retrouvez chez vous ensuite<br>Ajouter les à la liste pour simulation</p>
428            </div>
429          </div>
430        </div>
431        <div class="row">
432          <form class="simulerpuissance">
433            <input type="hidden" id="totalApp" value="0">
434            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 blk-categorie"></div>
435            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 blk-appareil"></div>
436          </form>
437        </div>
438        <a class="simulerpower-popup" data-toggle="modal" data-target="#simulerPower"></a>
439        <div class="modal fade" tabindex="-1" role="dialog" id="simulerPower">
440          <i class="fa fa-times btnclose" data-dismiss="modal" aria-label="Close"></i>
441          <div class="modal-dialog modal-md" role="document">
442            <div class="modal-content" style="width: 100%;">
443              <div class="modal-body">
444                <div class="row">
445                  <div class="col-xs-12 col-sm-12 col-md-12">
446                    <div class="divider--results"></div>
447                    <div class="blk-results">
448                      <h6 style="color: #DD644F">Résultat de simulation</h6>
449                      <div class="results-conso simulerpower-body"></div>
450                    </div>
451                  </div>
452                </div>
453              </div>
454            </div>
455          </div>
456        </div>
457      </div>
458    </div>
459  </div>
460</section><a id="bonsavoir"></a>
461<section class="blk-bonsavoir tabs text-center bg-white">
462  <div class="container-fluid">
463    <div class="row clearfix">
464      <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
465        <div class="text--center">
466          <p class="heading--title">Bon à savoir</p>
467          <p class="heading--subtitle">Des informations pratiques sur nos produits et services</p>
468        </div>
469      </div>
470    </div>
471  </div>
472  <div class="container">
473    <div class="row">
474      <div class="col-xs-12 col-sm-12 col-md-12">
475        <div class="row">
476          <div class="col-md-3 col-xs-12">
477            <ul class="nav nav-tabs">
478              <li class="active"><a href="#services" data-toggle="tab">Vos services</a></li>
479              <li><a href="#compteurs" data-toggle="tab">Nos compteurs</a></li>
480              <li><a href="#cadreinstit" data-toggle="tab">Cadre institutionnel</a></li>
481              <li><a href="#disjoncteur" data-toggle="tab">Votre disjoncteur</a></li>
482              <li><a href="#comptage" data-toggle="tab">Tableau de comptage</a></li>
483              <li><a href="#agences" data-toggle="tab">Réseau d'agence</a></li>
484            </ul>
485          </div>
486          <div class="col-md-9 col-xs-12">
487            <div class="tab-content">
488              <div class="tab-pane fade in active" id="services" style="min-height: 750px;">
489                <form class="msform">
490                  <fieldset class="services">
491                    <div class="row">
492                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
493                        <h5 class="text-bonsavoir">BRANCHEMENT / ABONNEMENT</h5>
494                        <p><b>Le branchement</b> est l’ouvrage qui permet de relier le réseau de distribution à l’installation intérieure d’un local à alimenter en électricité.</p>
495                        <p><b>Le branchement</b> est un contrat de fourniture d’électricité signé entre la CIE et une personne physique ou morale qui devient un client. Il est suivi de la pose d’un compteur.<br>Cet abonnement peut être Prépayé (rechargement par achat d'énergie) ou Postpayé (facturation bimestrielle).</p>
496                        <div class="row">
497                          <div class="col-md-12 col-xs-12 title-pj">
498                            Particulier / pièces à fournir
499                          </div>
500                          <div class="col-md-12 col-xs-12 text-pj">
501                            <i class="fa fa-square"></i>&nbsp;&nbsp;Pièce d’identité du propriétaire<br>
502                            <i class="fa fa-square"></i>&nbsp;&nbsp;Attestation SECUREL
503                          </div>
504                        </div>
505                        <p style="margin-top: 10px;line-height: 2;">
506                          <b>Quel montant dois-je payer à l’abonnement ?</b><br>
507                          <b>Le montant de l’abonnement est composé de :</b><br>
508                          <i class="fa fa-square" style="color:#EE6E19;"></i> <b>Pour le Postpayé :</b> frais d’abonnement 1445 F TTC + une avance sur la consommation qui varie en fonction de la puissance souscrite. Cette avance sur consommation vous est remboursée lorsque vous résiliez votre contrat d’abonnement après déduction de tous les impayés.<br>
509                          <i class="fa fa-square" style="color:#EE6E19;"></i> <b>Pour le Prépayé :</b> frais d’abonnement 1445 F TTC, aucune avance sur consommation.
510                        </p>
511                      </div>
512                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
513                        <a href="#" class="action-button btn-next next">Suivant</a>
514                      </div>
515                    </div>
516                  </fieldset>
517                  <fieldset class="services">
518                    <div class="row">
519                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
520                        <h5 class="text-bonsavoir">REABONNEMENT</h5>
521                        <p><b>Le réabonnement</b> est la souscription à un nouvel abonnement, en lieu et place d’un ancien abonnement résilié. Le réabonnement entraîne la pose d’un nouveau compteur.</p>
522                        <p><b>Le réabonnement</b> doit être souscrit au nom du locataire. Les conseillers client doivent prendre toutes les informations utiles liées aux équipements du client afin de déterminer la puissance à proposer.</p>
523                        <div class="row">
524                          <div class="col-md-12 col-xs-12 title-pj">
525                            Particulier / pièces à fournir
526                          </div>
527                          <div class="col-md-12 col-xs-12 text-pj">
528                            <i class="fa fa-square"></i>&nbsp;&nbsp;Pièce d’identité du propriétaire<br>
529                            <i class="fa fa-square"></i>&nbsp;&nbsp;Référence du tableau
530                          </div>
531                        </div>
532                      </div>
533                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
534                        <h5 class="text-bonsavoir">MUTATION</h5>
535                        <p><b>La mutation est la résiliation d’un contrat suivie d’un réabonnement sans dépose du compteur.</b> est la souscription à un nouvel abonnement, en lieu et place d’un ancien abonnement résilié. Le réabonnement entraîne la pose d’un nouveau compteur.</p>
536                        <div class="row">
537                          <div class="col-md-12 col-xs-12 title-pj">
538                            Particulier / pièces à fournir
539                          </div>
540                          <div class="col-md-12 col-xs-12 text-pj">
541                            Pour l’ancien client :<br>
542                            &nbsp;&nbsp;<i class="fa fa-square"></i>&nbsp;&nbsp;Pièce d’identité de l’ancien locataire<br>
543                            &nbsp;&nbsp;<i class="fa fa-square"></i>&nbsp;&nbsp;Contrat d’abonnement de l’ancien locataire en vue d’un remboursement si le compte est créditeur<br><br>
544                            Pour le nouveau client :<br>
545                            &nbsp;&nbsp;<i class="fa fa-square"></i>&nbsp;&nbsp;Pièce d’identité<br>
546                            &nbsp;&nbsp;<i class="fa fa-square"></i>&nbsp;&nbsp;Index à relever au compteur au jour de la mutation<br>
547                            &nbsp;&nbsp;<i class="fa fa-square"></i>&nbsp;&nbsp;Référence du tableau
548                          </div>
549                        </div>
550                      </div>
551                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="margin-top: 25px;">
552                        <a href="#" class="action-button btn-next previous">Précédent</a>
553                        <a href="#" class="action-button btn-next next">Suivant</a>
554                      </div>
555                    </div>
556                  </fieldset>
557                  <fieldset class="services">
558                    <div class="row">
559                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
560                        <h5 class="text-bonsavoir">RESILIATION</h5>
561                        <p>C’est la rupture du contrat d’abonnement entre le client et la CIE, soit à la demande de celui-ci, soit à la suite des factures impayées.</p>
562                        <div class="row">
563                          <div class="col-md-12 col-xs-12 title-pj">
564                            Particulier / pièces à fournir
565                          </div>
566                          <div class="col-md-12 col-xs-12 text-pj">
567                            <i class="fa fa-square"></i>&nbsp;&nbsp;Pièce d’identité<br>
568                            <i class="fa fa-square"></i>&nbsp;&nbsp;Référence du tableau
569                          </div>
570                        </div>
571                      </div>
572                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
573                        <h5 class="text-bonsavoir">DROIT DE SUITE</h5>
574                        <p>
574Le droit de suite représente un montant perçu par la Société pour le compte d’un tiers. Lorsqu’un client se raccorde sur une portion de réseau financée par une tierce personne, ce client doit rembourser un certain montant à la personne ayant financé cette portion de réseau.<br>La CIE facture donc au nouveau client, lors de son branchement, une participation au frais de l’extension de réseau.
575                        NB : après 5 ans, le droit de suite revient dans le domaine public.</p>
576                        <div class="row">
577                          <div class="col-md-12 col-xs-12 title-pj">
578                            Particulier / pièces à fournir
579                          </div>
580                          <div class="col-md-12 col-xs-12 text-pj">
581                            <i class="fa fa-square"></i>&nbsp;&nbsp;Reçu de paiement du devis d'extension de réseau<br>
582                            <i class="fa fa-square"></i>&nbsp;&nbsp;Reçu de paiement du devis de raccordement du voisin, nouvel abonné<br>
583                            <i class="fa fa-square"></i>&nbsp;&nbsp;Copie de la convention d’extension signée avec la CIE ou une attestation de non établissement de convention délivrée par le Responsable Technique du secteur de rattachement de l’extension objet du droit de suite
584                          </div>
585                        </div>
586                      </div>
587                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="margin-top: 25px;">
588                        <a href="#" class="action-button btn-next previous">Précédent</a>
589                      </div>
590                    </div>
591                  </fieldset>
592                </form>
593              </div>
594              <div class="tab-pane fade" id="compteurs">
595                <div class="accordion accordion-1" id="accordion01">
596                  <div class="panel">
597                    <div class="panel--heading">
598                      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion01" href="#collapse01-1">Qu'est-ce qu'un compteur éléctronique ?</a>
599                    </div>
600                    <div id="collapse01-1" class="panel--body panel-collapse collapse in">
601                      <div class="row">
602                        <div class="col-md-9">
603                          <p><b>Cette nouvelle génération de compteur est déployée dans le monde entier, pour les raisons suivantes :</b></p>
604                          <ul class="list icon-list dot-list">
605                            <li>Le contrôle de la consommation d’électricité à la fréquence souhaitée par le client.</li>
606                            <li>La flexibilité dans le mode de facturation : post-paiement ou prépaiement.</li>
607                            <li>La simplicité d’utilisation avec son écran et son pavé numérique, le client accède facilement aux informations recherchées.</li>
608                          </ul>
609                        </div>
610                        <div class="col-md-3 text-right">
611                          <img src="/assets/frontend/img/CptrElectro.svg" alt="feature img">
612                        </div>
613                      </div>
614                    </div>
615                  </div>
616                  <div class="panel">
617                    <div class="panel--heading">
618                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01" href="#collapse01-2">Les avantages des compteurs électronique</a>
619                    </div>
620                    <div id="collapse01-2" class="panel--body panel-collapse collapse">
621                      <b>Simplicité d’utilisation :</b><br>
622                      Vous pouvez sans assistance consulter les informations sur votre consommation d’électricité.<br><br>
623                      <b>Contrôle de votre consommation d’électricité :</b><br>
624                      Vous pouvez connaître votre consommation d’électricité journalière, mensuelle et même annuelle.<br><br>
625                      <b>Sécurisation de vos appareils électriques :</b><br>
626                      Votre compteur s’arrête lorsqu’il constate un risque d’endommagement de vos appareils.<br><br>
627                      <b>Flexibilité dans le mode de facturation :</b><br>
628                      Vous pouvez passer du post-paiement au prépaiement et vice versa.<br><br>
629                      <b>Accès à de nouvelles offres :</b><br>
630                      Vous pouvez bénéficier du Programme Electricité Pour Tous, et du remplacement sans frais de votre compteur électromécanique.<br><br>
631                      <b>Rapidité de dépannage :</b><br>
632                      Certaines actions de dépannage peuvent être effectuées à distance.<br>
632Votre dépannage se fait à distance.<br><br>
633                    </div>
634                  </div>
635                  <div class="panel">
636                    <div class="panel--heading">
637                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01" href="#collapse01-3">Comment fonctionne un compteur électronique ?</a>
638                    </div>
639                    <div id="collapse01-3" class="panel--body panel-collapse collapse">
640                      <ul class="list icon-list dot-list">
641                        <li>Le 1<sup>er</sup> voyant vous informe sur la présence d’énergie au niveau du compteur.</li>
642                        <li>Le 2<sup>ème</sup> voyant vous informe sur les alertes enregistrées par le compteur.</li>
643                        <li>Le 3<sup>ème</sup> voyant vous informe sur votre consommation : plus votre consommation en énergie est élevée, plus le voyant clignote.</li>
644                      </ul>
645                      <div class="text-center"><img src="/assets/frontend/img/CptrElectro.png" style="width: unset;"></div>
646                    </div>
647                  </div>
648                  <div class="panel">
649                    <div class="panel--heading">
650                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01" href="#collapse01-4">Quel est le mode de prépaiement ?</a>
651                    </div>
652                    <div id="collapse01-4" class="panel--body panel-collapse collapse">
653                      <ul class="list icon-list dot-list">
654                        <li>Sans facture et sans abonnement, vous consommez  votre électricité en fonction de votre budget.</li>
655                        <li>Bénéficiez d’une liberté dans le choix du lieu d’achat d’énergie, en agence CIE, dans nos points de vente d’énergie agréés ainsi que via nos partenaires ORANGE et MOOV. Après l’achat d’énergie, un code à 20 chiffres est généré et correspond en kWh au montant de l’énergie achetée.</li>
656                        <li>Profitez du Programme Electricité Pour Tous qui assouplit les formalités de branchement ainsi que les modalités de paiement du coût de raccordement à l’électricité.</li>
657                      </ul>
658                      <h6 style="color: #C81414;margin: 20px 0">Achat d’énergie en prépaiement</h6>
659                      <h6 style="margin: 2px 0">Pour approvisionner votre compteur prépayé en énergie, deux(2) solutions s’offrent à vous :</h6>
660                      <ul class="list icon-list dot-list">
661                        <li style="margin-top: 20px;margin-bottom: 20px">Via Mobile<br>
662                          - ORANGE : <span style="color: #C81414">#144*41#</span><br>
663                          - MOOV : <span style="color: #C81414">*155*4*1#</span>
664                        </li>
665                        <li>En agence CIE ou dans nos points de vente d’énergie.</li>
666                      </ul>
667                    </div>
668                  </div>
669                  <div class="panel">
670                    <div class="panel--heading">
671                      <a class="accordion-toggle collapsed" data-toggle="collapse" data-parent="#accordion01" href="#collapse01-5">Quels sont les code raccourcis</a>
672                    </div>
673                    <div id="collapse01-5" class="panel--body panel-collapse collapse blk-tarifs">
674                      <table cellpadding="1" class="table" style="width: 70%;margin: auto;">
675                        <tr>
676                          <td class="bg_orange text-center">VOUS AIMERIEZ CONNAITRE</td>
677                          <td class="bg_orange text-center">SAISISSEZ</td>
678                        </tr>
679                        <tr>
680                          <td class="bg_pink">Index de consommation</td>
681                          <td class="bg_pink text-center">00</td>
682                        </tr>
683                        <tr>
684                          <td class="bg_light_pink">Tension instantanée</td>
685                          <td class="bg_light_pink text-center">031</td>
686                        </tr>
687                        <tr>
688                          <td class="bg_pink">Courant</td>
689                          <td class="bg_pink text-center">034 / 035</td>
690                        </tr>
691                        <tr>
692                          <td class="bg_light_pink">Puissance instantanée</td>
693                          <td class="bg_light_pink text-center">040</td>
694                        </tr>
695                        <tr>
696                          <td class="bg_pink">Consultation de crédit</td>
697                          <td class="bg_pink text-center">170</td>
698                        </tr>
699                        <tr>
700                          <td class="bg_light_pink">Puissance souscrite</td>
701                          <td class="bg_light_pink text-center">200</td>
702                        </tr>
703                        <tr>
704                          <td class="bg_pink">Tension maximum</td>
705                          <td class="bg_pink text-center">212</td>
706                        </tr>
707                        <tr>
708                          <td class="bg_light_pink">Tension minimum</td>
709                          <td class="bg_light_pink text-center">213</td>
710                        </tr>
711                        <tr>
712                          <td class="bg_pink">Index au 30 du mois dernier</td>
713                          <td class="bg_pink text-center">401</td>
714                        </tr>
715                        <tr>
716                          <td class="bg_light_pink">Index au 30, deux mois auparavant</td>
717                          <td class="bg_light_pink text-center">402</td>
718                        </tr>
719                        <tr>
720                          <td class="bg_pink">Index au 30, trois mois auparavant</td>
721                          <td class="bg_pink text-center">403</td>
722                        </tr>
723                        <tr>
724                          <td class="bg_pink">Index au 30, quatre mois auparavant</td>
725                          <td class="bg_pink text-center">404</td>
726                        </tr>
727                        <tr>
728                          <td class="bg_light_pink">Index au 30, cinq mois auparavant</td>
729                          <td class="bg_light_pink text-center">405</td>
730                        </tr>
731                        <tr>
732                          <td class="bg_pink">Index au 30, six mois auparavant</td>
733                          <td class="bg_pink text-center">406</td>
734                        </tr>
735                        <tr>
736                          <td class="bg_light_pink">Index au 30, sept mois auparavant</td>
737                          <td class="bg_light_pink text-center">407</td>
738                        </tr>
739                        <tr>
740                          <td class="bg_pink">Index au 30, huit mois auparavant</td>
741                          <td class="bg_pink text-center">408</td>
742                        </tr>
743                        <tr>
744                          <td class="bg_light_pink">Index au 30, neuf mois auparavant</td>
745                          <td class="bg_light_pink text-center">409</td>
746                        </tr>
747                        <tr>
748                          <td class="bg_pink">Index au 30, dix mois auparavant</td>
749                          <td class="bg_pink text-center">410</td>
750                        </tr>
751                        <tr>
752                          <td class="bg_light_pink">Index au 30, onze mois auparavant</td>
753                          <td class="bg_light_pink text-center">411</td>
754                        </tr>
755                        <tr>
756                          <td class="bg_pink">Index au 30, douze mois auparavant</td>
757                          <td class="bg_pink text-center">412</td>
758                        </tr>
759                        <tr>
760                          <td class="bg_light_pink">Index à 00 H du jour précédent</td>
761                          <td class="bg_light_pink text-center">451</td>
762                        </tr>
763                        <tr>
764                          <td class="bg_pink">Index à 00 H, deux jours plus tôt</td>
765                          <td class="bg_pink text-center">452</td>
766                        </tr>
767                        <tr>
768                          <td class="bg_light_pink">Index à 00 H, trois jours plus tôt</td>
769                          <td class="bg_light_pink text-center">453</td>
770                        </tr>
771                        <tr>
772                          <td class="bg_pink">Index à 00 H, quatre jours plus tôt</td>
773                          <td class="bg_pink text-center">454</td>
774                        </tr>
775                        <tr>
776                          <td class="bg_light_pink">Index à 00 H, cinq jours plus tôt</td>
777                          <td class="bg_light_pink text-center">455</td>
778                        </tr>
779                        <tr>
780                          <td class="bg_pink">Index à 00 H, quarante jours plus tôt</td>
781                          <td class="bg_pink text-center">490</td>
782                        </tr>
783                        <tr>
784                          <td class="bg_light_pink">Numéro du compteur</td>
785                          <td class="bg_light_pink text-center">700</td>
786                        </tr>
787                      </table>
788                    </div>
789                  </div>
790                </div>
791              </div>
792              <div class="tab-pane fade" id="cadreinstit">
793                <div class="row">
794                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
795                    <img src="/assets/frontend/img/CadreInstit.png" class="img-responsive">
796                  </div>
797                </div>
798              </div>
799              <div class="tab-pane fade" id="disjoncteur" style="min-height: 700px;">
800                <form class="msform">
801                  <fieldset class="disjoncteur">
802                    <div class="row">
803                      <div class="col-xs-12 col-sm-12 col-md-12 text-left">
804                        <h5 class="text-bonsavoir">VOTRE DISJONCTEUR VOUS PROTEGE VOUS-MEME AINSI QUE VOS APPAREILS ELECTRIQUES</h5>
805                        <h5 class="text-bonsavoir">Qu’est-ce que le disjoncteur ?</h5>
806                        <p>Le disjoncteur est un dispositif de protection. Il coupe l’alimentation électrique en cas d’incident et permet ainsi de :</p>
807                        <ul class="listpuce">
808                          <li>Protéger l’installation intérieure contre les dommages pouvant être causés par les court-circuits.</li>
809                          <li>Contrôler la Puissance Souscrite à l’abonnement.</li>
810                          <li>Isoler l’installation intérieure du réseau.</li>
811                          <li>Protéger les personnes des risques d’électrisation, voire d’électrocution.</li>
812                        </ul>
813                        <h5 class="text-bonsavoir">Qui peut changer ou régler mon disjoncteur ?</h5>
814                        <ul class="listpuce">
815                          <li>Le disjoncteur est installé, réglé et scellé par la CIE.</li>
816                          <li>Pour garantir la sécurité du dispositif, il est interdit au client de modifier lui-même le réglage de son disjoncteur.</li>
817                          <li>Tout changement de puissance doit être sollicité auprès de la CIE et faire l’objet d’une modification du contrat.</li>
818                        </ul>
819                        <h5 class="text-bonsavoir">A quel moment dois-je dois changer de disjoncteur ?</h5>
820                        <p><b>Les principaux signes d’une nécessité de changer de disjoncteur sont :</b></p>
821                        <ul class="listpuce">
822                          <li>
822Votre charge d’électricité augmente suite à l’achat de nouveaux équipements.</li>
823                          <li>En cas d’anomalie détectée (dysfonctionnement différentiel, mauvais état, ou vétusté du disjoncteur), à la demande de la CIE.</li>
824                          <li>En cas de vol du disjoncteur.</li>
825                          <li>Votre puissance souscrite est supérieure à la plage de calibrage de votre disjoncteur.</li>
826                        </ul>
827                      </div>
828                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
829                        <a href="#" class="action-button btn-next next">Suivant</a>
830                      </div>
831                    </div>
832                  </fieldset>
833                  <fieldset class="disjoncteur">
834                    <div class="row">
835                      <div class="col-xs-12 col-sm-12 col-md-12 text-left blk-tarifs" style="background: none;padding: 0;">
836                        <h5 class="text-bonsavoir">Où acheter mon disjoncteur ?</h5>
837                        <ul class="listpuce">
838                          <li>L’achat du disjoncteur se fait dans votre agence CIE.</li>
839                        </ul>
840                        <h5 class="text-bonsavoir">Quel est le coût du disjoncteur ?</h5>
841                        <p>L’achat du disjoncteur est à la charge du client. Le prix du disjoncteur est fonction de la puissance souscrite, c’est-à-dire de la puissance électrique dont vous avez besoin pour faire fonctionner tous vos équipements électriques.</p>
842                        <img src="/assets/frontend/img/FactureDisjonteur.png" class="img-responsive" style="margin: auto;">
843                        <table cellpadding="1" class="table monophase">
844                          <tr>
845                            <td></td>
846                            <td class="bg_pink text-center">MONOPHASE</td>
847                            <td></td>
848                          </tr>
849                          <tr>
850                            <td class="bg_orange text-center" style="width: 30%";>CALIBRE</td>
851                            <td class="bg_orange text-center" style="width: 35%";>USAGE<br>DOMESTIQUE</td>
852                            <td class="bg_orange text-center" style="width: 35%";>USAGE<br>PROFESSIONNEL</td>
853                          </tr>
854                          <tr>
855                            <td class="bg_light_orange text-center">5/10 A</td>
856                            <td class="bg_light_orange text-center">21 358 F CFA</td>
857                            <td class="bg_light_orange text-center">22 959 F CFA</td>
858                          </tr>
859                          <tr>
860                            <td class="bg_light_orange text-center">10/30 A</td>
861                            <td class="bg_light_orange text-center">24 101 F CFA</td>
862                            <td class="bg_light_orange text-center">25 908 F CFA</td>
863                          </tr>
864                          <tr>
865                            <td class="bg_light_orange text-center">30/60 A</td>
866                            <td class="bg_light_orange text-center">41 182 F CFA</td>
867                            <td class="bg_light_orange text-center">44 270 F CFA</td>
868                          </tr>
869                        </table>
870                        <table cellpadding="1" class="table monophase">
871                          <tr>
872                            <td></td>
873                            <td class="bg_pink text-center">TRIPHASE</td>
874                            <td></td>
875                          </tr>
876                          <tr>
877                            <td class="bg_gray text-center" style="width: 30%";>CALIBRE</td>
878                            <td class="bg_gray text-center" style="width: 35%";>USAGE<br>DOMESTIQUE</td>
879                            <td class="bg_gray text-center" style="width: 35%";>USAGE<br>PROFESSIONNEL</td>
880                          </tr>
881                          <tr>
882                            <td class="bg_light_gray text-center">10/30 A</td>
883                            <td class="bg_light_gray text-center">42 716 F CFA</td>
884                            <td class="bg_light_gray text-center">45 919 F CFA</td>
885                          </tr>
886                          <tr>
887                            <td class="bg_light_gray text-center">30/60 A</td>
888                            <td class="bg_light_gray text-center">64 074 F CFA</td>
889                            <td class="bg_light_gray text-center">68 879 F CFA</td>
890                          </tr>
891                        </table>
892                      </div>
893                      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="margin-top: 25px;">
894                        <a href="#" class="action-button btn-next previous">Précédent</a>
895                      </div>
896                    </div>
897                  </fieldset>
898                </form>
899              </div>
900              <div class="tab-pane fade" id="comptage">
901                <div class="row">
902                  <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
903                    <img src="/assets/frontend/img/TableauComptage.png" class="img-responsive">
904                  </div>
905                </div>
906              </div>
907              <div class="tab-pane fade" id="agences">
908                <div class="row">
909                  <div class="col-lg-10 col-md-10 col-sm-10 col-xs-12">
910                    <div class="widget widget-search">
911                      <div class="widget--content">
912                        <form class="form-search">
913                          <div class="input-group">
914                            <input type="text" id="search" class="form-control" placeholder="" style="background: #FFF;">
915                            <span class="input-group-btn">
916                              <button class="btn" type="button"><i class="fa fa-search"></i></button>
917                            </span>
918                          </div>
919                        </form>
920                        <div class="resxagence" style="position: relative;"></div>
921                      </div>
922                    </div>
923                  </div>
924                </div>
925              </div>
926            </div>
927          </div>
928        </div>
929      </div>
930    </div>
931  </div>
932</section>
933<a id="gestes"></a>
934<section class="blk-bongeste tabs text-center bg-white" style="padding-top: 30px;">
935  <div class="container-fluid">
936    <div class="row clearfix">
937      <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
938        <div class="text--center">
939          <p class="heading--title">Adoptons les bons gestes</p>
940          <p class="heading--subtitle hidden-xs">Faire des économies d’énergie toute l’année en adoptant des bons gestes au quotidien.</p>
941        </div>
942      </div>
943    </div>
944  </div>
945  <div class="container">
946    <div class="row">
947      <div class="col-xs-12 col-sm-12 col-md-12">
948        <ul class="nav nav-tabs">
949          <li class="active"><a href="#froid" data-toggle="tab">Les appareils de froid</a></li>
950          <li><a href="#eclairage" data-toggle="tab">Éclairage</a></li>
951          <li><a href="#multimedia" data-toggle="tab">Multimédia</a></li>
952          <li><a href="#equipements" data-toggle="tab">Les équipements</a></li>
953        </ul>
954        <div class="tab-content">
955          <div class="tab-pane fade in active" id="froid">
956            <div class="row">
957              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
958                <img src="/assets/frontend/img/EcoEnergAppsFroid.png" class="img-responsive" style="width: 700px;margin: auto;">
959              </div>
960              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-left">
961                <div style="max-width: 700px;margin: auto;line-height: 2em;">
962                  <h4 class="text-bonsavoir">Réfrigérateur et congélateur</h4>
963                  <ul class="listpuce">
964                    <li>Ne laissez pas la porte de vos appareils ouverte trop longtemps et évitez de l’ouvrir trop souvent.</li>
965                    <li>Ne pas les placer près d’une source de chaleur (ex : cuisinière).</li>
966                    <li>Dégivrez-les chaque trois mois et nettoyez les grilles arrières 2 fois/an.</li>
967                    <li>N’y mettez pas d’aliments chauds et privilégiez la conservation de vos aliments dans des récipients en plastique.</li>
968                  </ul>
969                </div>
970              </div>
971            </div>
972          </div>
973          <div class="tab-pane fade banner banner-5" id="eclairage">
974            <div class="row">
975              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
976                <img src="/assets/frontend/img/EcoEnergEclairage.png" class="img-responsive" style="width: 700px;margin: auto;">
977              </div>
978              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-left">
979                <div style="max-width: 700px;margin: auto;line-height: 2em;">
980                  <h4 class="text-bonsavoir">Ampoules basse consommation</h4>
981                  <ul class="listpuce">
982                    <li>Nettoyez régulièrement vos ampoules et vos luminaires.</li>
983                    <li>Eteignez systématiquement la lumière, lorsque vous quittez une pièce.</li>
984                    <li>Privilégiez la lumière du jour.</li>
985                  </ul>
986                </div>
987              </div>
988            </div>
989          </div>
990          <div class="tab-pane fade" id="multimedia">
991            <div class="row">
992              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
993                <img src="/assets/frontend/img/EcoEnergMultimedia.png" class="img-responsive" style="width: 700px;margin: auto;">
994              </div>
995              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-left">
996                <div style="max-width: 700px;margin: auto;line-height: 2em;">
997                  <h4 class="text-bonsavoir">Informatique, audio-vidéo</h4>
998                  <ul class="listpuce">
999                    <li>Ne laissez pas la porte de vos appareils ouverte trop longtemps et évitez de l’ouvrir trop souvent.</li>
1000                    <li>Eteignez-les ou débranchez-les dès quand vous n’en avez plus besoin.</li>
1001                  </ul>
1002                </div>
1003              </div>
1004            </div>
1005          </div>
1006          <div class="tab-pane fade team team-2" id="equipements">
1007            <div class="row">
1008              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
1009                <img src="/assets/frontend/img/EcoEnergEquipments.png" class="img-responsive" style="width: 700px;margin: auto;">
1010              </div>
1011              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-left">
1012                <div style="max-width: 700px;margin: auto;line-height: 2em;">
1013                  <h4 class="text-bonsavoir">Le ventilateur</h4>
1014                  <ul class="listpuce">
1015                    <li>Arrêtez tout simplement le ventilateur lorsque vous sortez d’une pièce.</li>
1016                    <li>Débranchez-le dans les pièces inoccupées.</li>
1017                    <li>Nettoyez-le régulièrement.</li>
1018                  </ul>
1019                  <h4 class="text-bonsavoir">Le fer à repasser</h4>
1020                  <ul class="listpuce">
1021                    <li>vitez de repasser les vêtements tous les jours de la semaine. Choisissez un jour de repassage d’ensemble.</li>
1022                  </ul>
1023                  <h4 class="text-bonsavoir">Le climatiseur</h4>
1024                  <ul class="listpuce">
1025                    <li>Fermez toujours les fenêtres et les portes dans la pièce climatisée.</li>
1026                    <li>Faites réviser au moins deux fois par an votre climatiseur par un professionnel, et entretenez-le régulièrement.</li>
1027                  </ul>
1028                  <h4 class="text-bonsavoir">Les multiprises</h4>
1029                  <ul class="listpuce">
1030                    <li>Branchez vos appareils électriques sur une multiprise avec un interrupteur pour les éteindre simultanément en toute sécurité.</li>
1031                  </ul>
1032                  <h4 class="text-bonsavoir">Le chauffe-eau</h4>
1033                  <ul class="listpuce">
1034                    <li>Réglez votre chauffe-eau à 50° C, cela suffit à tous les usages.</li>
1035                    <li>Coupez-le quand l’eau est chaude, elle le restera.</li>
1036                  </ul>
1037                  <h4 class="text-bonsavoir">Le lave-linge</h4>
1038                  <ul class="listpuce">
1039                    <li>
1039Privilégiez les cycles courts et les basses températures.</li>
1040                  </ul>
1041                </div>
1042              </div>
1043            </div>
1044          </div>
1045        </div>
1046      </div>
1047    </div>
1048  </div>
1049</section>
1050<a id="tarifs"></a>
1051<section class="blk-tarifs" style="display:none">
1052  <div class="row">
1053    <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
1054      <div class="text--center">
1055        <p class="heading--title">Tarifs</p>
1056        <p class="heading--subtitle hidden-xs">Découvrez tous nos tarifs pour nos différents types d'abonnement (prépayé, Postpayé, Haute tension, Basse tension)</p>
1057      </div>
1058    </div>
1059  </div>
1060  <div class="container">
1061    <div class="row">
1062      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-md-12 col-lg-12 hidden-xs">
1063        <table cellpadding="1" class="table">
1064          <tr>
1065            <td rowspan="2" class="bg_orange text-center">
1066              TYPES TARIFS
1067            </td>
1068            <td colspan="2" class="bg_orange text-center">
1069              PRIX KWH TRANCHE 1
1070            </td>
1071            <td colspan="2" class="bg_orange text-center">
1072              PRIX KWH TRANCHE 2
1073            </td>
1074            <td colspan="2" class="bg_orange text-center">
1075              TREOM
1076            </td>
1077            <td rowspan="2" align="center" valign="middle" class="bg_orange text-center">
1078            REDEVANCE RTI </td>
1079            <td colspan="2" class="bg_orange text-center">
1080              REDEV.ELECT.RURAL
1081            </td>
1082            <td colspan="2" class="bg_orange text-center">
1083              PRIME FIXE
1084            </td>
1085          </tr>
1086          <tr>
1087            <td class="bg_light_orange text-center"> HT </td>
1088            <td class="bg_light_orange text-center"> TTC </td>
1089            <td class="bg_light_orange text-center"> HT </td>
1090            <td class="bg_light_orange text-center"> TTC </td>
1091            <td class="bg_light_orange text-center"> ABIDJAN </td>
1092            <td class="bg_light_orange text-center"> INTERIEUR </td>
1093            <td class="bg_light_orange text-center"> FIXE </td>
1094            <td class="bg_light_orange text-center"> VARIABLE </td>
1095            <td class="bg_light_orange text-center"> HT </td>
1096            <td class="bg_light_orange text-center"> TTC </td>
1097          </tr>
1098          <tr>
1099            <td class="bg_orange">
1100              DOMESTIQUE SOCIAL BT
1101            </td>
1102            <td class="bg_light_orange text-center">36.05</td>
1103            <td class="bg_light_orange text-center">36.05</td>
1104            <td class="bg_light_orange text-center">62.70</td>
1105            <td class="bg_light_orange text-center">73,99</td>
1106            <td class="bg_light_orange text-center">2,5</td>
1107            <td class="bg_light_orange text-center">1</td>
1108            <td class="bg_light_orange text-center">2F/KWH</td>
1109            <td class="bg_light_orange text-center">100</td>
1110            <td class="bg_light_orange text-center">1</td>
1111            <td class="bg_light_orange text-center">559</td>
1112            <td class="bg_light_orange text-center">559</td>
1113          </tr>
1114          <tr>
1115            <td class="bg_orange">
1116              DOMESTIQUE GENERAL 5A
1117            </td>
1118            <td class="bg_light_orange text-center">66.96</td>
1119            <td class="bg_light_orange text-center">79,01</td>
1120            <td class="bg_light_orange text-center">58,04</td>
1121            <td class="bg_light_orange text-center">68,48</td>
1122            <td class="bg_light_orange text-center">2,5</td>
1123            <td class="bg_light_orange text-center">1</td>
1124            <td class="bg_light_orange text-center">2F/KWH</td>
1125            <td class="bg_light_orange text-center">100</td>
1126            <td class="bg_light_orange text-center">1.06</td>
1127            <td class="bg_light_orange text-center">1246.56</td>
1128            <td class="bg_light_orange text-center">1470.94</td>
1129          </tr>
1130          <tr>
1131            <td class="bg_orange">
1132              DOMESTIQUE GENERAL
1133            </td>
1134            <td class="bg_light_orange text-center">66.96</td>
1135            <td class="bg_light_orange text-center">79,01</td>
1136            <td class="bg_light_orange text-center">58,04</td>
1137            <td class="bg_light_orange text-center">68,48</td>
1138            <td class="bg_light_orange text-center">2,5</td>
1139            <td class="bg_light_orange text-center">1</td>
1140            <td class="bg_light_orange text-center">2000</td>
1141            <td class="bg_light_orange text-center">100</td>
1142            <td class="bg_light_orange text-center">1.06</td>
1143            <td class="bg_light_orange text-center">1246.56</td>
1144            <td class="bg_light_orange text-center">1470.94</td>
1145          </tr>
1146          <tr>
1147            <td class="bg_orange">
1148              PROFESSIONNEL GENERAL
1149            </td>
1150            <td class="bg_light_orange text-center">86.31</td>
1151            <td class="bg_light_orange text-center">101,84</td>
1152            <td class="bg_light_orange text-center">73.40</td>
1153            <td class="bg_light_orange text-center">86,62</td>
1154            <td class="bg_light_orange text-center">2,5</td>
1155            <td class="bg_light_orange text-center">1</td>
1156            <td class="bg_light_orange text-center">2000</td>
1157            <td class="bg_light_orange text-center">100</td>
1158            <td class="bg_light_orange text-center">1.1</td>
1159            <td class="bg_light_orange text-center">1552.10</td>
1160            <td class="bg_light_orange text-center">1831.48</td>
1161          </tr>
1162          <tr>
1163            <td class="bg_orange">
1164              ECLAIRAGE PUBLIC
1165            </td>
1166            <td class="bg_light_orange text-center">73.405</td>
1167            <td class="bg_light_orange text-center">86,62</td>
1168            <td class="bg_light_orange text-center">0</td>
1169            <td class="bg_light_orange text-center">0</td>
1170            <td class="bg_light_orange text-center">0</td>
1171            <td class="bg_light_orange text-center">0</td>
1172            <td class="bg_light_orange text-center">0</td>
1173            <td class="bg_light_orange text-center">0</td>
1174            <td class="bg_light_orange text-center">1.1</td>
1175            <td class="bg_light_orange text-center">0</td>
1176            <td class="bg_light_orange text-center">0</td>
1177          </tr>
1178        </table>
1179      </div>
1180      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-md-12 col-lg-12 hidden-lg">
1181        <table cellpadding="1" class="table">
1182          <tr>
1183            <td rowspan="2" class="bg_orange text-center">
1184              TYPES TARIFS
1185            </td>
1186            <td colspan="2" class="bg_orange text-center">
1187              PRIX KWH TRANCHE 1
1188            </td>
1189          </tr>
1190          <tr>
1191            <td class="bg_light_orange text-center"> HT </td>
1192            <td class="bg_light_orange text-center"> TTC </td>
1193          </tr>
1194          <tr>
1195            <td class="bg_orange">
1196              DOMESTIQUE SOCIAL BT
1197            </td>
1198            <td class="bg_light_orange text-center">36.05</td>
1199            <td class="bg_light_orange text-center">36.05</td>
1200          </tr>
1201          <tr>
1202            <td class="bg_orange">
1203              DOMESTIQUE GENERAL 5A
1204            </td>
1205            <td class="bg_light_orange text-center">66.96</td>
1206            <td class="bg_light_orange text-center">79,01</td>
1207          </tr>
1208          <tr>
1209            <td class="bg_orange">
1210              DOMESTIQUE GENERAL
1211            </td>
1212            <td class="bg_light_orange text-center">66.96</td>
1213            <td class="bg_light_orange text-center">79,01</td>
1214          </tr>
1215          <tr>
1216            <td class="bg_orange">
1217              PROFESSIONNEL GENERAL
1218            </td>
1219            <td class="bg_light_orange text-center">86.31</td>
1220            <td class="bg_light_orange text-center">101,84</td>
1221          </tr>
1222          <tr>
1223            <td class="bg_orange">
1224              ECLAIRAGE PUBLIC
1225            </td>
1226            <td class="bg_light_orange text-center">73.405</td>
1227            <td class="bg_light_orange text-center">86,62</td>
1228          </tr>
1229        </table>
1230        <table cellpadding="1" class="table">
1231          <tr>
1232            <td rowspan="2" class="bg_orange text-center">
1233              TYPES TARIFS
1234            </td>
1235            <td colspan="2" class="bg_orange text-center">
1236              PRIX KWH TRANCHE 2
1237            </td>
1238          </tr>
1239          <tr>
1240            <td class="bg_light_orange text-center"> HT </td>
1241            <td class="bg_light_orange text-center"> TTC </td>
1242          </tr>
1243          <tr>
1244            <td class="bg_orange">
1245              DOMESTIQUE SOCIAL BT
1246            </td>
1247            <td class="bg_light_orange text-center">62.70</td>
1248            <td class="bg_light_orange text-center">73,99</td>
1249          </tr>
1250          <tr>
1251            <td class="bg_orange">
1252              DOMESTIQUE GENERAL 5A
1253            </td>
1254            <td class="bg_light_orange text-center">58,04</td>
1255            <td class="bg_light_orange text-center">68,48</td>
1256          </tr>
1257          <tr>
1258            <td class="bg_orange">
1259              DOMESTIQUE GENERAL
1260            </td>
1261            <td class="bg_light_orange text-center">58,04</td>
1262            <td class="bg_light_orange text-center">68,48</td>
1263          </tr>
1264          <tr>
1265            <td class="bg_orange">
1266              PROFESSIONNEL GENERAL
1267            </td>
1268            <td class="bg_light_orange text-center">73.40</td>
1269            <td class="bg_light_orange text-center">86,62</td>
1270          </tr>
1271          <tr>
1272            <td class="bg_orange">
1273              ECLAIRAGE PUBLIC
1274            </td>
1275            <td class="bg_light_orange text-center">0</td>
1276            <td class="bg_light_orange text-center">0</td>
1277          </tr>
1278        </table>
1279        <table cellpadding="1" class="table">
1280          <tr>
1281            <td rowspan="2" class="bg_orange text-center">
1282              TYPES TARIFS
1283            </td>
1284            <td colspan="2" class="bg_orange text-center">
1285              TREOM
1286            </td>
1287          </tr>
1288          <tr>
1289            <td class="bg_light_orange text-center"> ABIDJAN </td>
1290            <td class="bg_light_orange text-center"> INTERIEUR </td>
1291          </tr>
1292          <tr>
1293            <td class="bg_orange">
1294              DOMESTIQUE SOCIAL BT
1295            </td>
1296            <td class="bg_light_orange text-center">2,5</td>
1297            <td class="bg_light_orange text-center">1</td>
1298          </tr>
1299          <tr>
1300            <td class="bg_orange">
1301              DOMESTIQUE GENERAL 5A
1302            </td>
1303            <td class="bg_light_orange text-center">2,5</td>
1304            <td class="bg_light_orange text-center">1</td>
1305          </tr>
1306          <tr>
1307            <td class="bg_orange">
1308              DOMESTIQUE GENERAL
1309            </td>
1310            <td class="bg_light_orange text-center">2,5</td>
1311            <td class="bg_light_orange text-center">1</td>
1312          </tr>
1313          <tr>
1314            <td class="bg_orange">
1315              PROFESSIONNEL GENERAL
1316            </td>
1317            <td class="bg_light_orange text-center">2,5</td>
1318            <td class="bg_light_orange text-center">1</td>
1319          </tr>
1320          <tr>
1321            <td class="bg_orange">
1322              ECLAIRAGE PUBLIC
1323            </td>
1324            <td class="bg_light_orange text-center">0</td>
1325            <td class="bg_light_orange text-center">0</td>
1326          </tr>
1327        </table> 
1328        <table cellpadding="1" class="table">
1329          <tr>
1330            <td class="bg_orange text-center">
1331              TYPES TARIFS
1332            </td>
1333            <td align="center" valign="middle" class="bg_orange text-center">
1334            REDEVANCE RTI </td>
1335          </tr>
1336          <tr>
1337            <td class="bg_orange">
1338              DOMESTIQUE SOCIAL BT
1339            </td>
1340            <td class="bg_light_orange text-center">2F/KWH</td>
1341          </tr>
1342          <tr>
1343            <td class="bg_orange">
1344              DOMESTIQUE GENERAL 5A
1345            </td>
1346            <td class="bg_light_orange text-center">2F/KWH</td>
1347          </tr>
1348          <tr>
1349            <td class="bg_orange">
1350              DOMESTIQUE GENERAL
1351            </td>
1352            <td class="bg_light_orange text-center">2000</td>
1353          </tr>
1354          <tr>
1355            <td class="bg_orange">
1356              PROFESSIONNEL GENERAL
1357            </td>
1358            <td class="bg_light_orange text-center">2000</td>
1359          </tr>
1360          <tr>
1361            <td class="bg_orange">
1362              ECLAIRAGE PUBLIC
1363            </td>
1364            <td class="bg_light_orange text-center">0</td>
1365          </tr>
1366        </table>
1367        <table cellpadding="1" class="table">
1368          <tr>
1369            <td rowspan="2" class="bg_orange text-center">
1370              TYPES TARIFS
1371            </td>
1372            <td colspan="2" class="bg_orange text-center">
1373              REDEV.ELECT.RURAL
1374            </td>
1375          </tr>
1376          <tr>
1377            <td class="bg_light_orange text-center"> FIXE </td>
1378            <td class="bg_light_orange text-center"> VARIABLE </td>
1379          </tr>
1380          <tr>
1381            <td class="bg_orange">
1382              DOMESTIQUE SOCIAL BT
1383            </td>
1384            <td class="bg_light_orange text-center">100</td>
1385            <td class="bg_light_orange text-center">1</td>
1386          </tr>
1387          <tr>
1388            <td class="bg_orange">
1389              DOMESTIQUE GENERAL 5A
1390            </td>
1391            <td class="bg_light_orange text-center">100</td>
1392            <td class="bg_light_orange text-center">1.06</td>
1393          </tr>
1394          <tr>
1395            <td class="bg_orange">
1396              DOMESTIQUE GENERAL
1397            </td>
1398            <td class="bg_light_orange text-center">100</td>
1399            <td class="bg_light_orange text-center">1.06</td>
1400          </tr>
1401          <tr>
1402            <td class="bg_orange">
1403              PROFESSIONNEL GENERAL
1404            </td>
1405            <td class="bg_light_orange text-center">100</td>
1406            <td class="bg_light_orange text-center">1.1</td>
1407          </tr>
1408          <tr>
1409            <td class="bg_orange">
1410              ECLAIRAGE PUBLIC
1411            </td>
1412            <td class="bg_light_orange text-center">0</td>
1413            <td class="bg_light_orange text-center">1.1</td>
1414          </tr>
1415        </table>
1416        <table cellpadding="1" class="table">
1417          <tr>
1418            <td rowspan="2" class="bg_orange text-center">
1419              TYPES TARIFS
1420            </td>
1421            <td colspan="2" class="bg_orange text-center">
1422              PRIME FIXE
1423            </td>
1424          </tr>
1425          <tr>
1426            <td class="bg_light_orange text-center"> HT </td>
1427            <td class="bg_light_orange text-center"> TTC </td>
1428          </tr>
1429          <tr>
1430            <td class="bg_orange">
1431              DOMESTIQUE SOCIAL BT
1432            </td>
1433            <td class="bg_light_orange text-center">559</td>
1434            <td class="bg_light_orange text-center">559</td>
1435          </tr>
1436          <tr>
1437            <td class="bg_orange">
1438              DOMESTIQUE GENERAL 5A
1439            </td>
1440            <td class="bg_light_orange text-center">1246.56</td>
1441            <td class="bg_light_orange text-center">1470.94</td>
1442          </tr>
1443          <tr>
1444            <td class="bg_orange">
1445              DOMESTIQUE GENERAL
1446            </td>
1447            <td class="bg_light_orange text-center">1246.56</td>
1448            <td class="bg_light_orange text-center">1470.94</td>
1449          </tr>
1450          <tr>
1451            <td class="bg_orange">
1452              PROFESSIONNEL GENERAL
1453            </td>
1454            <td class="bg_light_orange text-center">1552.10</td>
1455            <td class="bg_light_orange text-center">1831.48</td>
1456          </tr>
1457          <tr>
1458            <td class="bg_orange">
1459              ECLAIRAGE PUBLIC
1460            </td>
1461            <td class="bg_light_orange text-center">0</td>
1462            <td class="bg_light_orange text-center">0</td>
1463          </tr>
1464        </table>                                       
1465      </div>
1466    </div>
1467  </div>
1468</section>
1469<a id="risque"></a>
1470<section class="blk-bongeste tabs text-center bg-white" style="padding-top: 30px;">
1471  <div class="container-fluid">
1472    <div class="row clearfix">
1473      <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
1474        <div class="text--center">
1475          <p class="heading--title">Risque électrique</
1475p>
1476          <!-- <p class="heading--subtitle hidden-xs">Faire des économies d’énergie toute l’année en adoptant des bons gestes au quotidien.</p> -->
1477        </div>
1478      </div>
1479    </div>
1480  </div>
1481  <div class="container">
1482    <div class="row">
1483      <div class="col-xs-12 col-sm-12 col-md-12">
1484        <ul class="nav nav-tabs">
1485          <li class="active"><a href="#ouvrelectriq" data-toggle="tab">Les ouvrages électriques</a></li>
1486          <li><a href="#appselectriq" data-toggle="tab">Utilisation des appareils électriques</a></li>
1487          <li><a href="#installinter" data-toggle="tab">Installations intérieures</a></li>
1488        </ul>
1489        <div class="tab-content">
1490          <div class="tab-pane fade in active" id="ouvrelectriq">
1491            <div class="row">
1492              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
1493                <img src="/assets/frontend/img/RisqElectriqCable.jpg" class="img-responsive" style="margin: auto;">
1494              </div>
1495            </div>
1496          </div>
1497          <div class="tab-pane fade banner banner-5" id="appselectriq">
1498            <div class="row">
1499              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
1500                <img src="/assets/frontend/img/RisqElectriqApp.jpg" class="img-responsive" style="margin: auto;">
1501              </div>
1502            </div>
1503          </div>
1504          <div class="tab-pane fade" id="installinter">
1505            <div class="row">
1506              <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
1507                <img src="/assets/frontend/img/RisqElectriqInst.jpg" class="img-responsive" style="margin: auto;">
1508              </div>
1509            </div>
1510          </div>
1511        </div>
1512      </div>
1513    </div>
1514  </div>
1515</section>
1516            <!-- /Container -->
1517
1518            <!-- footer -->
1519            <div class="sw-demo">
1520  <a href="#" class="close-side"><i class="fa fa-close"></i></a>
1521  <div class="sw-demo-button sticky--right" data-h="">
1522    <img src="/assets/frontend/img/chat.svg">
1523  </div>
1524  <div class="form179">
1525    <img src="/assets/frontend/img/179.png">
1526    <div class="bar179"></div>
1527    <p>Ici, nous répondons à toutes vos interrogations si vous avez besoin d'un dépannage.</p>
1528    <form class="contactus mb-0 msform floating-labels">
1529      <input type="hidden" name="mobilequery" value="contact_us">
1530      <input type="hidden" id="customer_identifier" name="customer_identifier">
1531      <div class="row">
1532        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1533          <div class="msgError" style="margin: 0;font-size: 12px;"></div>
1534        </div>
1535        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1536          <input type="text" name="username" placeholder="nom & prénoms" class="form-control">
1537          <label>Nom & prénoms</label>
1538        </div>
1539        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1540          <input type="text" name="mobile_number" maxlength="10" placeholder="telephone" class="form-control requiredField number">
1541          <label>Téléphone *</label>
1542        </div>
1543        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1544          <input type="text" name="email" maxlength="40" placeholder="Adresse e-mail" class="form-control requiredField email">
1545          <label>Adresse e-mail *</label>
1546        </div>
1547        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1548          <div class="form-select">
1549            <label>Besoin d'assistance ? *</label>
1550            <i class="fa fa-caret-down"></i>
1551            <select name="subject" class="form-control requiredField">
1552              <option value="" selected disabled>Motif</option>
1553              <option value="Coupure générale">Coupure générale</option>
1554              <option value="Compteur en feu">Compteur en feu</option>
1555              <option value="Baisse de tension">Baisse de tension</option>
1556              <option value="Demande d'information">Demande d'information</option>
1557              <option value="Eclairage public">Eclairage public</option>
1558            </select>
1559          </div>
1560        </div>
1561        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1562          <textarea name="concern" placeholder="Description ici ..." class="form-control requiredField"></textarea>
1563          <label><img class="w-15" src="/assets/frontend/img/ecrivez-nous.svg" alt="">
1563 Ecrivez-nous *</label>
1564        </div>
1565        <div id="firstIdabon" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1566          <button type="button" class="creation-btn file-btn">Joindre un fichier</button>
1567          <img src="/assets/frontend/img/download.svg" class="img-form179" alt="">
1568          <i class="fa fa-times viewForm179"></i>
1569          <input type="file" name="first_attachment" class="filename" style="display: none;">
1570        </div>
1571        <div id="secondIdabon" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display: none;">
1572          <button type="button" class="creation-btn file-btn">Facture *</button>
1573          <input type="file" name="second_attachment" class="filename" style="display: none;">
1574        </div>
1575        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1576          <div class="row position">
1577            <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10">
1578              <span><img class="w-15" src="/assets/frontend/img/icone-partagez.svg" alt="">&nbsp;<b>Partagez votre position</b></span>
1579              <p>Gagnez du temps en nous partageant votre localisation</p>
1580            </div>
1581            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="margin-top: 15px;">
1582              <input type="checkbox" name="position" value="0" class="js-switch" data-color="#F7942F" data-size="small" style="float:right" />
1583            </div>
1584          </div>
1585        </div>
1586        <div id="btnIdabon" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1587          <button type="button" class="btn btn-send submit_btn">Envoyer</button>
1588        </div>
1589        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center" style="color: #222;font: bold 12px 'Open Sans';">Ou</div>
1590        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">
1591          <button type="button" class="btn appellez-btn">Appelez-nous</button>
1592          <img src="/assets/frontend/img/call179.svg" class="img-call" alt="">
1593        </div>
1594      </div>
1595    </form>
1596  </div>
1597</div>
1598<a id="totop" href="#top">
1599  <i class="fa fa-angle-up"></i>
1600</a>
1601<div id="popupCIE" class="modal fade modal-popup" tabindex="-1" role="dialog" data-backdrop="static">
1602  <div class="modal-dialog modal-sm" role="document">
1603    <div class="modal-content" style="border-radius: 10px;">
1604      <div class="modal-body">
1605        <div class="row reservation">
1606          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1607            <div class="reservation-form mb-30 bg-white text-center" style="padding: 0 20px;margin-top: 75px;">
1608              <img src="/assets/img/macie.svg" class="imgPopup">
1609              <div class="row contentPopup" style="margin-top: -30px;">
1610                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 headerPopup">Félicitations</div>
1611                <hr class="barPopup">
1612                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 bodyPopup" style="font-size: 13px;"></div>
1613                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footerPopup">
1614                  <a href="" class="btn btn-modal">Accéder à mon espace</a>
1615                </div>
1616              </div>
1617            </div>
1618          </div>
1619        </div>
1620      </div>
1621    </div>
1622  </div>
1623</div>
1624<footer id="footer" class="footer text-center">
1625  <div class="footer--widget text--center">
1626    <div class="container">
1627      <div class="row">
1628        <div class="col-xs-12 col-lg-1 col-md-1"></div>
1629        <div class="col-xs-12 col-sm-2 col-md-2">
1630          <div class="footer--widget-content blink">
1631            <img class="logo-footer" src="/assets/img/logo_eagence.png">
1632            <div>
1633              <p style="font-size: 10px;text-align: left;line-height: 15px; color: #283e48;">Tous mes services sans me déplacer.</p>
1634              <p style="text-align: left;margin-top: 10px;">
1635                <a class="link--styled hidden-xs" href="https://www.cie.ci" target="_blank" style="font-size: 10px;">WWW.CIE.CI</a>
1636              </p>
1637            </div>
1638            <div class="footer--social-icons text-center">
1639              <a class="link--styled hidden-xs " href="#" style="text-align: left;font-size: 10px; text-transform: none;">Rejoignez-nous</a>
1640              <a class="footer--social--perso" href="https://twitter.com/CIEofficiel" target="_blank"><img class="resaux-sociaux" src="/assets/img/twitter.svg"></a>
1641              <a class="footer--social--perso" href="https://web.facebook.com/PageofficielleCIE/?hc_ref=ARTZqrLKQQYCymME0FQrZ9EIl1Vk414aJUFAPmHz9eNcSEyWP5ob1__VCvBgxRLtw8M&pnref=story" target="_blank"><img class="resaux-sociaux" src="/assets/img/facebook.svg"></i></a>
1642              <a class="footer--social--perso" href="https://www.youtube.com/channel/UC4jvJsE8rx4PFdeIzK5eZ9g" target="_blank"><img class="resaux-sociaux" src="/assets/img/youtube.svg"></i></a>
1643              <a class="footer--social--perso" href="#"><img class="resaux-sociaux" src="/assets/img/instagram.svg"></i></a>
1644              <a class="footer--social--perso" href="#"><img class="resaux-sociaux" src="/assets/img/whatsapp.svg"></i></a>
1645            </div>
1646            <p></p>
1647          </div>
1648        </div>
1649        <div class="col-xs-6 col-sm-2 col-md-2">
1650          <div class="footer--widget-content">
1651            <h3>LIENS UTILES</h3>
1652            <p style="text-align: left;">
1653              <a class="link--styled" href="/particulier">Particulier</a><br>
1654              <a class="link--styled" href="/entreprise">Entreprise</a><br>
1655              <a class="link--styled" href="#">Institution</a><br>
1656              <a class="link--styled" href="/docs/TermesConditions.pdf" target="_blanc" style="font-weight: bold;text-transform: none;">Termes &amp; conditions</a>
1657            </p>
1658          </div>
1659        </div>
1660        <div class="col-xs-6 col-sm-2 col-md-2">
1661          <div class="footer--widget-content">
1662            <h3>PARTENAIRES</h3>
1663            <p style="text-align: left;letter-spacing: 0px;color: #2E2E2E;opacity: 1;">
1664              <a class="link--styled" href="http://www.eranove.com" target="_blank">ERANOVE</a><br>
1665              <a class="link--styled" href="http://www.sodeci.ci" target="_blank">SODECI</a><br>
1666              <a class="link--styled" href="http://www.smartenergy.ci" target="_blank">SMART ENERGY</a><br>
1667              <a class="link--styled" href="http://www.ciprel.ci" target="_blank">CIPREL</a><br>
1668              <a class="link--styled" href="http://www.eranove.com/references/gs2e" target="_blank">GS2E</a><br>
1669              <a class="link--styled" href="http://www.cme.ci" target="_blank">CME</a>
1670            </p>
1671          </div>
1672        </div>
1673        <div class="col-xs-12 col-sm-2 col-md-2">
1674          <div class="footer--widget-content">
1675            <h3>CONTACTS</h3>
1676            <p style="text-align: left;font: normal normal normal 11px/22px Open Sans;letter-spacing: 0px;color: #2E2E2E;opacity: 1;">
1677              Siège social : 1, Avenue Christiani Treichville 01 BP 6923 Abidjan 01 Côte d’Ivoire
1678              RCCM Abidjan N° : CI-ABJ-1990-B-149296 Compte Contribuable : 9004996S Téléphone
1679              :(+225) 21 23 33 00 Fax :(+225) 21 23 35 88 Email : <a href="mailto:[email protected]">[email protected]</a></p>
1680          </div>
1681        </div>
1682        <div class="col-xs-12 col-sm-2 col-md-2">
1683          <div class="footer--widget-content">
1684            <h3>TELECHARGEMENT</h3>
1685            <p class="mb-0">
1686              <a href="https://apps.apple.com/fr/app/ma-cie/id1480174604" target="_blanc"><img src="/assets/frontend/img/apple_store.png"></a>
1687            </p>
1688            <p class="mb-0" style="margin-top: 10px;">
1689              <a href="#"><img src="/assets/frontend/img/google_play.png"></a>
1690            </p>
1691          </div>
1692        </div>
1693        <div class="col-xs-12 col-lg-1 col-md-1"></div>
1694      </div>
1695    </div>
1696  </div>
1697  <div class="footer--copyright text-center">
1698    <div class="divider--shape-dark"></div>
1699    <div class="container">
1700      <div class="row">
1701        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
1702          <span>Tous droits réservés CIE - 2020 </span>
1703        </div>
1704      </div>
1705    </div>
1706  </div>
1707</footer>
1708            <!-- ./ footer -->
1709        </div>
1710        <!-- ./ wrapper  -->
1711        
1711<script src="/assets/frontend/js/jquery-2.2.4.min.js"></script>
1711
1712        
1712<script src="/assets/frontend/js/plugins.min.js"></script>
1712
1713        
1713<script src="/assets/frontend/js/plugins/switchery.min.js"></script>
1713
1714        
1714<script src="/assets/frontend/js/functions.js?v=2.0.1"></script>
1714
1715        
1715<script src="/assets/frontend/js/script.js?v=2.0.1"></script>
1715
1716        
1716<script src="/assets/js/file_upload.js?v=2.0.1"></script>
1716
1717        
1717<script src="/assets/js/mobilequery.js?v=2.0.1"></script>
1717
1718        
1718<script src="/assets/js/demarche.js?v=2.0.1"></script>
1718
1719        
1719<script src="/assets/frontend/datepicker/jquery.ui.datepicker-fr.js"></script>
vendor: 1 bytes, line 1719
1719
1720<script src="/assets/frontend/js/simulateur.js?v=2.0.1"></script>
vendor: 1 bytes, line 1720
1720
1721<script src="/assets/js/inputmask.js?v=2.0.1"></script>
vendor: 1 bytes, line 1721
1721
1722<script src="/assets/js/wizard.js?v=2.0.1"></script>
vendor: 1 bytes, line 1722
1722
1723<script>
1724  var scrollTo = 'menuvert';
1725  $(document).ready(function(){
1726    Resxagence('CIE A');
1727    var date_deb = $('.date_deb').val();
1728    Datefinauto(date_deb);
1729  });
1730</script>
1730
1731        
1731<script>
1732          $(document).ready(function(){
1733            var data = '1';
1734            marquee(data);
1735            //Affichage des zones
1736            $('.btn-conso').on('click', function(){
1737              var href = $(this).attr('href');
1738              location.href = href;
1739            });
1740          });
1741        </script>
1741
1742    </body>
1743</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.