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": "❌" 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=""> 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> </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> </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> </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 / pieÌces aÌ fournir 499 </div> 500 <div class="col-md-12 col-xs-12 text-pj"> 501 <i class="fa fa-square"></i> Pièce dâidentité du propriétaire<br> 502 <i class="fa fa-square"></i> 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 / pieÌces aÌ fournir 526 </div> 527 <div class="col-md-12 col-xs-12 text-pj"> 528 <i class="fa fa-square"></i> Pièce dâidentité du propriétaire<br> 529 <i class="fa fa-square"></i> 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 / pieÌces aÌ fournir 539 </div> 540 <div class="col-md-12 col-xs-12 text-pj"> 541 Pour lâancien client :<br> 542 <i class="fa fa-square"></i> Pièce dâidentité de lâancien locataire<br> 543 <i class="fa fa-square"></i> 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 <i class="fa fa-square"></i> Pièce dâidentité<br> 546 <i class="fa fa-square"></i> Index à relever au compteur au jour de la mutation<br> 547 <i class="fa fa-square"></i> 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 / pieÌces aÌ fournir 565 </div> 566 <div class="col-md-12 col-xs-12 text-pj"> 567 <i class="fa fa-square"></i> Pièce dâidentité<br> 568 <i class="fa fa-square"></i> 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 / pieÌces aÌ fournir 579 </div> 580 <div class="col-md-12 col-xs-12 text-pj"> 581 <i class="fa fa-square"></i> Reçu de paiement du devis d'extension de réseau<br> 582 <i class="fa fa-square"></i> Reçu de paiement du devis de raccordement du voisin, nouvel abonné<br> 583 <i class="fa fa-square"></i> 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>SimpliciteÌ dâutilisation :</b><br> 622 Vous pouvez sans assistance consulter les informations sur votre consommation dâeÌlectriciteÌ.<br><br> 623 <b>Contrôle de votre consommation dâeÌlectriciteÌ :</b><br> 624 Vous pouvez connaiÌtre votre consommation dâeÌlectriciteÌ journalieÌre, mensuelle et meÌme annuelle.<br><br> 625 <b>SeÌcurisation de vos appareils eÌlectriques :</b><br> 626 Votre compteur sâarreÌte lorsquâil constate un risque dâendommagement de vos appareils.<br><br> 627 <b>FlexibiliteÌ dans le mode de facturation :</b><br> 628 Vous pouvez passer du post-paiement au preÌpaiement et vice versa.<br><br> 629 <b>AcceÌs aÌ de nouvelles offres :</b><br> 630 Vous pouvez beÌneÌficier du Programme ElectriciteÌ Pour Tous, et du remplacement sans frais de votre compteur eÌlectromeÌcanique.<br><br> 631 <b>RapiditeÌ de deÌpannage :</b><br> 632 Certaines actions de dépannage peuvent être effectuées à distance.<br>
632Votre deÌpannage se fait aÌ 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 preÌsence dâeÌnergie au niveau du compteur.</li> 642 <li>Le 2<sup>ème</sup> voyant vous informe sur les alertes enregistreÌ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 eÌlectrique en cas dâincident et permet ainsi de :</p> 807 <ul class="listpuce"> 808 <li>ProteÌger lâinstallation inteÌrieure contre les dommages pouvant eÌtre causeÌs par les court-circuits.</li> 809 <li>ControÌler la Puissance Souscrite aÌ lâabonnement.</li> 810 <li>Isoler lâinstallation inteÌrieure du reÌseau.</li> 811 <li>ProteÌger les personnes des risques dâeÌlectrisation, voire dâeÌlectrocution.</li> 812 </ul> 813 <h5 class="text-bonsavoir">Qui peut changer ou reÌgler mon disjoncteur ?</h5> 814 <ul class="listpuce"> 815 <li>Le disjoncteur est installeÌ, reÌgleÌ et scelleÌ par la CIE.</li> 816 <li>Pour garantir la seÌcuriteÌ du dispositif, il est interdit au client de modifier lui-meÌme le reÌglage de son disjoncteur.</li> 817 <li>Tout changement de puissance doit eÌtre solliciteÌ aupreÌ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 neÌcessiteÌ de changer de disjoncteur sont :</b></p> 821 <ul class="listpuce"> 822 <li>
822Votre charge dâeÌlectriciteÌ augmente suite aÌ lâachat de nouveaux eÌquipements.</li> 823 <li>En cas dâanomalie deÌtecteÌe (dysfonctionnement diffeÌrentiel, mauvais eÌtat, ou veÌtusteÌ du disjoncteur), aÌ la demande de la CIE.</li> 824 <li>En cas de vol du disjoncteur.</li> 825 <li>Votre puissance souscrite est supeÌrieure aÌ 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=""> <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 & 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 SieÌge social : 1, Avenue Christiani Treichville 01 BP 6923 Abidjan 01 CoÌte dâIvoire 1678 RCCM Abidjan N° : CI-ABJ-1990-B-149296 Compte Contribuable : 9004996S TeÌleÌ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.