1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <title>Ministère de la Communication, Porte-Parole du Gouvernement :: Ãcrire au gouvernement</title> 9 10 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/android-icon-36x36.png"> 11 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-48x48.png"> 12 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-192x192.png"> 13 14 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-180x180.png"> 15 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-57x57.png"> 16 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-60x60.png"> 17 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-72x72.png"> 18 <link rel="icon" type="image/png" href="https://communication.gouv.ci/images/apple-icon-76x76.png"> 19 20 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 20-21
20 21 <script async src="https://www.googletagmanager.com/gtag/js?id=
21G-EF3YVVKXKE
vendor: 16 bytes, lines 21-22
21"></script> 22
22<script> 23
vendor: 176 bytes, lines 23-30
23window.dataLayer = window.dataLayer || []; 24 25 function gtag() { 26 dataLayer.push(arguments); 27 } 28 gtag('js', new Date()); 29 30 gtag('config', '
30G-EF3YVVKXKE
vendor: 8 bytes, lines 30-31
30'); 31
31</script>
31 32 33 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> 34
34<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
34 35
35<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
35 36
36<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
36 37
37<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
37 38 39 <link rel="stylesheet" href="https://communication.gouv.ci/assets/pop_up_facebook.css" /> 40 <link rel="stylesheet" href="https://communication.gouv.ci/assets/contexte.css" /> 41 <link rel="stylesheet" href="https://communication.gouv.ci/assets/actualites.css" /> 42 <link rel="stylesheet" href="https://communication.gouv.ci/assets/agenda.css" /> 43 <link rel="stylesheet" href="https://communication.gouv.ci/assets/anciens_ministres.css" /> 44 <link rel="stylesheet" href="https://communication.gouv.ci/assets/cabinet.css" /> 45 <link rel="stylesheet" href="https://communication.gouv.ci/assets/details_article.css" /> 46 <link rel="stylesheet" href="https://communication.gouv.ci/assets/dossiers.css" /> 47 <link rel="stylesheet" href="https://communication.gouv.ci/assets/dossiers_liste.css" /> 48 <link rel="stylesheet" href="https://communication.gouv.ci/assets/ecrire.css" /> 49 <link rel="stylesheet" href="https://communication.gouv.ci/assets/footer.css" /> 50 <link rel="stylesheet" href="https://communication.gouv.ci/assets/menu_dropdown.css" /> 51 <link rel="stylesheet" href="https://communication.gouv.ci/assets/navbar.css" /> 52 <link rel="stylesheet" href="https://communication.gouv.ci/assets/navigation.css" /> 53 <link rel="stylesheet" href="https://communication.gouv.ci/assets/galerie.css" /> 54 <link rel="stylesheet" href="https://communication.gouv.ci/assets/le_ministre.css" /> 55 <link rel="stylesheet" href="https://communication.gouv.ci/assets/photos_liste.css" /> 56 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_une.css" /> 57 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_e_services.css" /> 58 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_multiple_slides.css" /> 59 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_grands_dossiers.css" /> 60 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_chiffres_cles.css" /> 61 <link rel="stylesheet" href="https://communication.gouv.ci/assets/mega_banner.css" /> 62 <link rel="stylesheet" href="https://communication.gouv.ci/assets/videos.css" /> 63 <link rel="stylesheet" href="https://communication.gouv.ci/assets/videos_liste.css" /> 64 <link rel="stylesheet" href="https://communication.gouv.ci/assets/gouv_audios.css" /> 65 <link rel="stylesheet" href="https://communication.gouv.ci/assets/services.css" /> 66 <link rel="stylesheet" href="https://communication.gouv.ci/assets/structures.css" /> 67 <link rel="stylesheet" href="https://communication.gouv.ci/assets/publications.css" /> 68 <link rel="stylesheet" href="https://communication.gouv.ci/assets/ministere_item.css" /> 69 <link rel="stylesheet" href="https://communication.gouv.ci/assets/section_page_secondaire.css" /> 70 <link rel="stylesheet" href="https://communication.gouv.ci/assets/gouv_publications.css" /> 71 <link rel="stylesheet" href="https://communication.gouv.ci/assets/page_flashs.css" /> 72 <link rel="stylesheet" href="https://communication.gouv.ci/assets/mentions.css"> 73 <link rel="stylesheet" href="https://communication.gouv.ci/assets/courier_en_ligne.css"> 74 <link rel="stylesheet" href="https://communication.gouv.ci/assets/front_pagination.css" /> 75 76 77
77<script src="https://communication.gouv.ci/assets/libs_js/bootstrap.bundle.min.js"></script>
77 78
78<script src="https://communication.gouv.ci/assets/libs_js/jquery.slim.min.js"></script>
78 79
79<script src="https://communication.gouv.ci/assets/libs_js/popper.min.js"></script>
79 80
80<script src="https://communication.gouv.ci/assets/libs_js/jquery.min.js"></script>
80 81
81<script src="https://communication.gouv.ci/assets/libs_js/owl.carousel.min.js"></script>
81 82 83 <!-- fontawesome version v6.4.2 --> 84 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/brands.min.css" integrity="sha512-W/zrbCncQnky/EzL+/AYwTtosvrM+YG/V6piQLSe2HuKS6cmbw89kjYkp3tWFn1dkWV7L1ruvJyKbLz73Vlgfg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 85
85<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
85 86
86<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/fontawesome.min.js" integrity="sha512-64O4TSvYybbO2u06YzKDmZfLj/Tcr9+oorWhxzE3yDnmBRf7wvDgQweCzUf5pm2xYTgHMMyk5tW8kWU92JENng==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
86 87 88 <link rel="stylesheet" href="https://communication.gouv.ci/assets/libs_css/jquery.fancybox.css" /> 89 <link rel="stylesheet" href="https://communication.gouv.ci/assets/libs_css/ui_dist_fancybox.css" /> 90 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css"> 91
91<script src="https://communication.gouv.ci/assets/libs_js/fancybox.js"></script>
91 92
92<script src="https://communication.gouv.ci/assets/libs_js/jquery.fancybox.min.js"></script>
92 93
93<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
93 94 95
95<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
95 96
96<script> 97 function googleTranslateElementInit() { 98 new google.translate.TranslateElement({ 99 pageLanguage: 'fr', 100 includedLanguages: 'fr,es,en,it,ar,de,pt', 101 autoDisplay: true, 102 }, 103 'google_translate_element' 104 ) 105 } 106 </script>
106 107 108 109 110 <style> 111 body { 112 margin: 0; 113 padding: 0; 114 font-family: Arial, Helvetica, sans-serif; 115 background: linear-gradient(to top, #40a437, rgba(221, 255, 221, 0.9)); 116 } 117 118 #main_page { 119 position: relative; 120 width: 1300px; 121 margin: auto; 122 margin-top: 250px; 123 padding: 25px; 124 padding-bottom: 0px; 125 background-color: #fff; 126 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 127 z-index: 1; 128 } 129 130 #dark-mode-button { 131 position: fixed; 132 top: 25px; 133 right: 5px; 134 z-index: 1000000000; 135 } 136 137 #dark-mode-button .checkbox { 138 opacity: 0; 139 position: absolute; 140 } 141 142 #dark-mode-button .checkbox-label { 143 background-color: var(--vert); 144 width: 45px; 145 height: 25px; 146 border-radius: 50px; 147 position: relative; 148 padding: 5px; 149 cursor: pointer; 150 display: flex; 151 justify-content: space-between; 152 align-items: center; 153 } 154 155 #dark-mode-button .fa-moon { 156 color: #f1c40f; 157 } 158 159 #dark-mode-button .fa-sun { 160 color: #f39c12; 161 } 162 163 #dark-mode-button .checkbox-label .ball { 164 background-color: #fff; 165 width: 20px; 166 height: 20px; 167 position: absolute; 168 left: 2px; 169 top: 2px; 170 border-radius: 50%; 171 transition: transform 0.2s linear; 172 } 173 174 #dark-mode-button .checkbox:checked+.checkbox-label .ball { 175 transform: translateX(22px); 176 } 177 178 body.dark-mode, 179 body.dark-mode #main_page { 180 background-color: #131313 !important; 181 } 182 183 body.dark-mode h1 body.dark-mode h2, 184 body.dark-mode h3, 185 body.dark-mode h4, 186 body.dark-mode div, 187 body.dark-mode p, 188 { 189 color: yellow !important; 190 } 191 192 .dark-mode #dark-mode-button .checkbox-label { 193 background-color: #111; 194 } 195 196 197 .no-copy { 198 -webkit-user-select: none; 199 -ms-user-select: none; 200 user-select: none; 201 } 202 </style> 203</head> 204 205<body> 206 <div id="dark-mode-button"> 207 <div> 208 <input type="checkbox" class="checkbox" id="checkbox"> 209 <label for="checkbox" class="checkbox-label"> 210 <i class="fas fa-moon"></i> 211 <i class="fas fa-sun"></i> 212 <span class="ball"></span> 213 </label> 214 </div> 215 </div> 216 <head> 217
217<script> 218 $(document).ready(function(){ 219 220 $('.facebook-popup').click(function(event) { 221 222 $(this).toggleClass('active').siblings().removeClass('active'); 223 var url_video = $('.facebook-popup.active iframe').attr('src'); //récupération de l'url de la vidéo sur laquelle on a cliqué 224 225 $('#facebook_popup .video iframe').attr('src', url_video); //Passage de l'url à l'iframe de la fenêtre popup 226 227 $('#facebook_popup').toggleClass('active'); //Affichade la fenêtre popup 228 }); 229 230 $('#facebook_popup').click(function(event) { 231 $('#facebook_popup .video iframe').attr('src', ''); 232 $('#facebook_popup').removeClass('active'); 233 }); 234 }); 235 </script>
235 236 237</head> 238 239 240<div id="facebook_popup"> 241 <div class="video"> 242 <iframe src="" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" 243 allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"> 244 </iframe> 245 </div> 246</div> 247 <head> 248 <style> 249 .habillage { 250 position: fixed; 251 width: 100%; 252 top: 0; 253 left: 0; 254 right: 0; 255 z-index: 0; 256 } 257 258 .habillage .inner { 259 position: relative; 260 width: 100%; 261 display: flex; 262 justify-content: center; 263 } 264 265 .habillage .inner img { 266 position: relative; 267 width: 100% !important; 268 margin: 0px auto; 269 } 270 271 .dark-mode .habillage .inner img { 272 opacity: 1; 273 filter: grayscale(100%); 274 } 275 276 .dark-mode .habillage { 277 background-color: #000 !important; 278 } 279 280 .dark-mode .habillage .habillage .inner { 281 background-color: #000 !important; 282 } 283 </style> 284</head> 285 286 287<div class="habillage"> 288 <div class="inner relative"> 289 290 <img src="https://www.gouv.ci/uploads/backgrounds/17865409418.jpg" alt="illustration" class="img-fluid"> 291 292 </div> 293</div> 294 295 <div id="main_page" class="no-copy"> 296 <head> 297 <style> 298 299 .Social-media{ 300 display: flex; 301 justify-content: center; 302 } 303 304 .Social-media a{ 305 display: flex; 306 height: 25px; 307 width: 25px; 308 margin: 0 2px; 309 border-radius: 5px; 310 align-items: center; 311 justify-content: center; 312 text-decoration: none; 313 color: #6a6969; 314 transition: transform 0.5s 315 } 316 317 .Social-media a i{ 318 font-size: 50px; 319 color: orange; 320 transition: transform 0.5s; 321 } 322 323 .Social-media a:hover{ 324 325 font-size: 14px; 326 327 background-color: #fff; 328 329 box-shadow:inset 4px 4px 6px -2px rgba(0,0,0,0.2), 330 331 inset -4px -4px 6px -1px rgba(255,255,255,0.7), 332 333 -0.5px -0.5px 0px -1px rgba(255,255,255,1), 334 335 0.5px 0.5px 0px rgba(0,0,0,0.15), 336 337 0px 12px 10px -10px rgba(0,0,0,0.05); 338 339 border: 1px solid rgba(0, 124, 196, 0.1); 340 341 transform: translateY(1px); 342 343 } 344 345 .Social-media a:hover i{ 346 347 transform: scale(0.90); 348 349 } 350 351 .Social-media a:hover .fa-facebook{ 352 353 color: #3b5998; 354 355 } 356 357 .Social-media a:hover .fa-x-twitter{ 358 359 color: #101010; 360 361 } 362 363 .Social-media a:hover .fa-linkedin{ 364 365 color: #00acee; 366 367 } 368 369 .Social-media a:hover .fa-instagram{ 370 371 color: #f14843; 372 373 } 374 375 .Social-media a:hover .fa-youtube{ 376 377 color: #f00; 378 379 } 380 381 382 383 384 385 </style> 386 387
387<script> 388 389 $(document).ready(function(){ 390 391 //Script du flash 392 393 var owl_flash = $('#owl_flash'); 394 395 owl_flash.owlCarousel({ 396 loop:true, 397 nav:false, 398 dots:false, 399 autoplay: 5, 400 autoplayHoverPause: true, 401 responsive:{ 402 0:{ 403 items:1 404 }, 405 600:{ 406 items:1 407 }, 408 1000:{ 409 items:1 410 }, 411 412 1200:{ 413 items:1 414 } 415 } 416 }) 417 }) 418 </script>
418 419 420
420<script> 421 if(sessionStorage.getItem("mode")) { 422 $('body').addClass('dark-mode'); 423 $('div').addClass('dark-mode'); 424 } 425 </script>
425 426 427 <style> 428 .ecrire a.link { 429 430 background-color: #e98f30; 431 432 color: white; 433 434 border-radius: 5px; 435 436 padding: 4px 6px; 437 438 font-size: 13px; 439 440 font-weight: 400; 441 442 transition: ease all 0.3s; 443 444 border-bottom: 1px solid #e98f30; 445 446 } 447 .ecrire a.link:hover { 448 background-color: #d6842c; 449 } 450 .top-submenu-icon { 451 float: right; 452 transition: ease 0.2s all; 453 transform: rotate(90deg); 454 margin-left: 8px; 455 font-size: 14px; 456 } 457 li.langue { 458 position: relative; 459 /* border: 1px solid var(--orange); */ 460 padding: 0 !important; 461 display: flex; 462 justify-content: center; 463 align-items: center; 464 margin-top: -15px; 465 } 466 .langue .box { 467 position: relative; 468 padding: 0 !important; 469 display: flex; 470 flex-direction: column; 471 align-items: flex-end; 472 justify-content: flex-end; 473 cursor: pointer; 474 transition: ease 0.3s all; 475 margin: 15px 45px 0px 0px; 476 } 477 li.langue a.active { 478 position: relative; 479 font-size: 18px; 480 color: var(--vert) !important; 481 font-weight: bold; 482 transition: all ease 0.3s; 483 padding: 0 !important; 484 485 border: 1px solid green; 486 487 display: flex; 488 justify-content: center; 489 align-content: center; 490 border-radius: 50%; 491 492 width: 31px; 493 height: 31px; 494 margin-left: 25px; 495 } 496 li.langue a.active:hover { 497 background-color: rgba(17, 76, 9, 0.3); 498 } 499 .langue .box .langue-icon { 500 display: flex; 501 justify-content: center; 502 align-items: center; 503 /* background-color: var(--vert-fonce); */ 504 font-size: 20px; 505 color: rgba(39, 100, 31, 0.956); 506 } 507 .langue .box .sub-links { 508 position: absolute; 509 /* bottom: 0; */ 510 top: 30px; 511 right: 0; 512 left: 0; 513 width: 100%; 514 display: flex; 515 opacity: 0; 516 flex-direction: column; 517 } 518 .langue .box:hover .sub-links { 519 display: flex; 520 opacity: 1; 521 } 522 .langue .box .sub-links a { 523 position: relative; 524 width: 100%; 525 display: flex; 526 justify-content: center; 527 align-items: center; 528 } 529 li.langue{ 530 /* border: 1px solid red !important; */ 531 } 532 li.langue #google_translate_element{ 533 position: relative; 534 width: auto; 535 height: auto; 536 } 537 </style> 538
538<script> 539 $(document).ready(function(){ 540 $('#google_translate_element .skiptranslate select').html("<option value='fr'>Français</option> <option value='en'>Anglais</option>"); //select class="goog-te-combo" 541 }) 542 </script>
542 543</head> 544 545 546 547<div id="navigation" class="relative width-full h-auto mx-auto mt-0 p-0"> 548 <!-- header --> 549 <div class="items"> 550 551 <div class="flash flex justify-start items-center"> 552 <div class="libelle"><p>Flash Infos</p></div> 553 <div class="liste"> 554 <div class="flash_items"> 555 <div id="owl_flash" class="owl-carousel owl-theme"> 556 <div class="item"> 557 <a href="https://communication.gouv.ci/flashs/10" > 558 <span title="Outil de mise en Åuvre de la politique nationale de la Communication."> 559 <b>Le DPPD-PAP 2026- 2028 : </b> 560 Outil de mise en Åuvre de la politique nationale de ... 561 </span> 562 </a> 563 </div> 564 </div> 565 </div> 566 </div> 567 568 </div> 569 <div class="ecrire"> 570 <div id="responsive_logo"> 571 <a href="https://communication.gouv.ci/accueil"> 572 <img src="https://communication.gouv.ci/uploads/contacts/171321780381.png" alt="LOGO" class="img-fluid"> 573 </a> 574 </div> 575 <a href="https://communication.gouv.ci/ecrire-au-ministere" class="link bg-orange-500 hover:bg-orange-400 text-white font-400 576 py-1 px-2 border-b-2 border-orange-700 hover:border-orange-500 rounded"> 577 <span><i class="fa-regular fa-envelope"></i></span> Ãcrire au ministère 578 </a> 579 580 <div class="Social-media flex items-center"> 581 582 <a href="https://www.facebook.com/communicationci?_rdc=1&_rdr"><i class="fa-brands fa-facebook-f"></i></a> 583 584 <a href="https://www.instagram.com/gouvci.officiel/"><i class="fab fa-instagram"></i></a> 585 586 <a href="https://twitter.com/MINCOM_CI"><i class="fa-brands fa-x-twitter"></i></a> 587 588 <a href="https://www.tiktok.com/@gouvciofficiel"><i class="fa-brands fa-tiktok"></i></a> 589 590 <a href="https://ci.linkedin.com/company/gouvci"><i class="fa-brands fa-linkedin-in"></i></a> 591 592 <a href="https://www.youtube.com/@CommunicationRCI"><i class="fab fa-youtube"></i></a> 593 594 <a href="tel:2720244741*2720244717**2720244744**2720244705"><i class="fa-solid fa-phone-alt"></i></a> 595 596 </div> 597 598 <div id="menu_toggle"> 599 <span><i class="fas fa-bars"></i></span> 600 </div> 601 </div> 602 603 </div> 604 <!-- menu --> 605 606</div> 607 608<div class="container-fluid" id="navBar"> <!-- CSS navbar & dropemnu & Sidebar --> 609 <!-- Navigation --> 610 <div class="row no-gutter navigation"> 611 612 <div class="col-12 menu"> 613 <div class="logo"> 614 <a href="https://communication.gouv.ci/accueil"> 615 <img src="https://communication.gouv.ci/uploads/contacts/171321780381.png" alt="LOGO" class="img-fluid" style="max-width:250px"> 616 </a> 617 </div> 618 619 <!-- Menu 2 niveauu --> 620 621 <div class="menu-row navbar2"> 622 <div class="menu-box"> 623 <div id="mainmenu"> 624 <ul id="menu"> 625 <li><a href="https://communication.gouv.ci/accueil">Accueil</a></li> 626 <li><a>Ministère <span class="top-submenu-icon">»</span></a> 627 <ul class="submenu"> 628 <li><a href="#!">Ministre <span class="submenu-icon">»</span></a> 629 <ul class="submenu"> 630 <li><a href="https://communication.gouv.ci/mot-du-ministre">Mot du Ministre</a></li> 631 <li><a href="https://communication.gouv.ci/biographie-du-ministre">Biographie du Ministre</a></li> 632 633 </ul> 634 </li> 635 <li><a href="https://communication.gouv.ci/le-cabinet">Cabinet</a></li> 636 <li><a href="https://communication.gouv.ci/structures-sous-tutelle">Structures sous tutelles</a></li> 637 <li><a href="https://communication.gouv.ci/organes-de-regulation">Organes de régulation</a></li> 638 <li><a href="https://communication.gouv.ci/anciens-ministres">Anciens Ministres</a></li> 639 640 </ul> 641 642 </li> 643 <li><a href="https://communication.gouv.ci/services">e-Services</a></li> 644 <li><a href="https://communication.gouv.ci/actualites">Actualités <span class="top-submenu-icon">»</span></a> 645 <ul class="submenu"> 646 <li> 647 <a href="https://communication.gouv.ci/actualites/1">Actualités</a> 648 </li> 649 <li> 650 <a href="https://communication.gouv.ci/actualites/2">Ãvénements</a> 651 </li> 652 <li> 653 <a href="https://communication.gouv.ci/actualites/5">ARTICLES THEMATIQUES</a> 654 </li> 655 </ul> 656 </li> 657 658 <li> 659 <a>Publications <span class="top-submenu-icon">»</span></a> 660 <ul class="submenu"> 661 <li> 662 <a href="https://communication.gouv.ci/dossiers">Dossiers</a> 663 </li> 664 <li> 665 <a>PRIX NATIONAL D'EXCELLENCE<span class="submenu-icon">»</span></a> 666 <ul class="submenu"> 667 <li> 668 <a href="https://communication.gouv.ci/publications/sous-categorie/21">AVIS A MANIFESTATION</a> 669 </li> 670 </ul> 671 </li> 672 <li> 673 <a>COMMUNIQUE MICOM<span class="submenu-icon">»</span></a> 674 <ul class="submenu"> 675 <li> 676 <a href="https://communication.gouv.ci/publications/sous-categorie/23">COMMUNIQUE</a> 677 </li> 678 <li> 679 <a href="https://communication.gouv.ci/publications/sous-categorie/20">RECRUTEMENT</a> 680 </li> 681 </ul> 682 </li> 683 <li> 684 <a>ORDRE DU MERITE DE LA COMMUNICATION<span class="submenu-icon">»</span></a> 685 <ul class="submenu"> 686 </ul> 687 </li> 688 <li> 689 <a>EN LIGNE TOUS RESPONSABLES<span class="submenu-icon">»</span></a> 690 <ul class="submenu"> 691
691 </ul> 692 </li> 693 <li> 694 <a>CONSEIL DES MINISTRES<span class="submenu-icon">»</span></a> 695 <ul class="submenu"> 696 </ul> 697 </li> 698 <li> 699 <a>DOCUMENTS D'UTILITES PUBLIQUES<span class="submenu-icon">»</span></a> 700 <ul class="submenu"> 701 <li> 702 <a href="https://communication.gouv.ci/publications/sous-categorie/22">RECUEIL DES TEXTES DU SECTEUR DE LA COMMUNICATION</a> 703 </li> 704 </ul> 705 </li> 706 </ul> 707 708 </li> 709 710 <li><a href="#!">Galeries <span class="top-submenu-icon">»</span></a> 711 <ul class="submenu"> 712 <li><a href="https://communication.gouv.ci/photos">Photos</a></li> 713 <li><a href="https://communication.gouv.ci/videos">Vidéos</a></li> 714 <li><a href="https://communication.gouv.ci/audios">Audios</a></li> 715 </ul> 716 717 </li> 718 <li><a>Agenda <span class="top-submenu-icon">»</span></a> 719 <ul class="submenu"> 720 <li><a href="https://communication.gouv.ci/agenda-du-ministere">Ministère</a></li> 721 <li><a href="https://communication.gouv.ci/agenda-du-gouvernement">Gouvernement</a></li> 722 </ul> 723 </li> 724 725 726 <li class="langue"> 727 <div class="sub-links"> 728 <div id="newLanguage"> 729 <div class="gtranslate_wrapper" style="position: relative !important; display: block !important;"></div> 730 </div> 731 </div> 732 </li> 733 734 </ul> 735 736 </div> 737 738 </div> 739 740 </div> 741 742 743 <div class="toggle"> 744 <div class="icon search">
745 <span> 746 <i class="fas fa-search"></i> 747 </span> 748 </div> 749 </div> 750 751 <form action="https://communication.gouv.ci/recherche" class="searchForm"> 752 <div class="search"> 753 <input type="text" class="searchTerm" placeholder="Que cherchez-vous ?" name="q"> 754 <button type="submit" class="searchButton"> Rechercher </button> 755 </div> 756 </form> 757 758 </div> 759 760 </div> 761 762 763 764 <!-- Sidebar --> 765 766 <div class="sidebar"> 767 <div class="content"> 768 <div class="links"> 769 <div class="logo"> 770 <a href="https://communication.gouv.ci/accueil"> 771 <img src="https://communication.gouv.ci/uploads/contacts/171321780381.png" alt="LOGO" class="img-fluid"> 772 </a> 773 774 </div> 775 776 <ul class="menu"> 777 <li class="item"> 778 <a class="sub-a" href="https://communication.gouv.ci/accueil">Accueil </a> 779 </li> 780 781 <li class="item first-level"> 782 <a class="sub-a">Ministère <span class="icon-sous-menu">»</span></a> 783 <ul class="submenu"> <!-- submenu --> 784 785 <li class="item first-level"> 786 <a>Ministre<span class="icon-sous-menu">»</span></a> 787 <ul class="submenu"> 788 <li> <a href="https://communication.gouv.ci/mot-du-ministre">Mot du Ministre</a> </li> 789 <li> <a href="https://communication.gouv.ci/biographie-du-ministre">Biographie du Ministre</a> </li> 790 791 </ul> 792 </li> 793 <li class="sub-item"> 794 <a href="https://communication.gouv.ci/le-cabinet">Cabinets</a> 795 </li> 796 <li class="sub-item"> 797 <a href="https://communication.gouv.ci/structures-sous-tutelle">Strucutres sous tutelles</a> 798 </li> 799 800 <li class="sub-item"> 801 <a href="https://communication.gouv.ci/organes-de-regulation">Organes de régulation</a> 802 </li> 803 <li class="sub-item"> <a href="https://communication.gouv.ci/anciens-ministres">Anciens Ministres</a> </li> 804 </ul> 805 </li> 806 807 808 <li class="item"> 809 <a class="sub-a" href="https://communication.gouv.ci/services">e-Services </a> 810 </li> 811 812 <li class="item first-level"> 813 <a>Actualités<span class="icon-sous-menu">»</span></a> 814 815 <ul class="submenu"> 816 <!-- submenu --> 817 <li> 818 <a href="https://communication.gouv.ci/actualites/1">Actualités</a> 819 </li> 820 <li> 821 <a href="https://communication.gouv.ci/actualites/2">Ãvénements</a> 822 </li> 823 <li> 824 <a href="https://communication.gouv.ci/actualites/5">ARTICLES THEMATIQUES</a> 825 </li> 826 827 </ul> 828 </li> 829 830 <li class="item first-level"> 831 <a>Publications <span class="icon-sous-menu">»</span></a> 832 833 <ul class="submenu"> 834 835 <li> 836 <a href="https://communication.gouv.ci/dossiers">Dossiers</a> 837 </li> 838 <li class="item first-level"> 839 <a>PRIX NATIONAL D'EXCELLENCE <span class="icon-sous-menu">»</span></a> 840 841 <ul class="submenu"> 842 <li> 843 <a href="https://communication.gouv.ci/publications/sous-categorie/21">AVIS A MANIFESTATION</a> 844 </li> 845 </ul> 846 </li> 847 <li class="item first-level"> 848 <a>COMMUNIQUE MICOM <span class="icon-sous-menu">»</span></a> 849 850 <ul class="submenu"> 851 <li> 852 <a href="https://communication.gouv.ci/publications/sous-categorie/23">COMMUNIQUE</a> 853 </li> 854 <li> 855 <a href="https://communication.gouv.ci/publications/sous-categorie/20">RECRUTEMENT</a> 856 </li> 857 </ul> 858 </li> 859 <li class="item first-level"> 860 <a>ORDRE DU MERITE DE LA COMMUNICATION <span class="icon-sous-menu">»</span></a> 861 862 <ul class="submenu"> 863 </ul> 864 </li> 865 <li class="item first-level"> 866 <a>EN LIGNE TOUS RESPONSABLES <span class="icon-sous-menu">»</span></a> 867 868 <ul class="submenu"> 869 </ul> 870 </li> 871 <li class="item first-level"> 872 <a>CONSEIL DES MINISTRES <span class="icon-sous-menu">»</span></a> 873 874 <ul class="submenu"> 875 </ul> 876 </li> 877 <li class="item first-level"> 878 <a>DOCUMENTS D'UTILITES PUBLIQUES <span class="icon-sous-menu">»</span></a> 879 880 <ul class="submenu"> 881 <li> 882 <a href="https://communication.gouv.ci/publications/sous-categorie/22">RECUEIL DES TEXTES DU SECTEUR DE LA COMMUNICATION</a> 883 </li> 884
884 </ul> 885 </li> 886 </ul> 887 </li> 888 889 <li class="item first-level"> 890 <a class="sub-a">Galeries <span class="icon-sous-menu">»</span></a> 891 <ul class="submenu"> <!-- submenu --> 892 <li class="sub-item"> 893 <a href="https://communication.gouv.ci/photos">Photos</a> 894 </li> 895 <li class="sub-item"> 896 <a href="https://communication.gouv.ci/videos">Vidéos</a> 897 </li> 898 <li class="sub-item"> 899 <a href="https://communication.gouv.ci/audios">Audio</a> 900 </li> 901 902 </ul> 903 904 </li> 905 906 <li class="item first-level"> 907 <a class="sub-a">Agenda <span class="icon-sous-menu">»</span></a> 908 <ul class="submenu"> 909 <!-- submenu --> 910 911 <li class="sub-item"> 912 <a href="https://communication.gouv.ci/agenda-du-ministere">Ministère</a> 913 </li> 914 <li class="sub-item"> 915 <a href="https://communication.gouv.ci/agenda-du-gouvernement">Gouvernement</a> 916 </li> 917 </ul> 918 </li> 919 </ul> 920 </div> 921 </div> 922 </div> 923 924 <div class="screen"> 925 <div class="screenBtn"> 926 <img src="https://communication.gouv.ci/images/icons_close_orange.png" class="img-fluid blanc" alt="close X" width="80"> 927 </div> 928 </div> 929 930
930<script> 931 function validate() { 932 var search_value = document.forms["search-form"]["search"].value; 933 if(search_value == "") { 934 document.forms["search-form"]["search"].focus(); 935 return false; 936 } 937 } 938 939 $(document).ready(function(){ 940 $('#menu_toggle').click(function(){ 941 console.log('Alert'); 942 $('.sidebar').toggleClass('active'); 943 $('').toggleClass('active'); 944 $('.screen').toggleClass('active'); 945 }); 946 $('.screenBtn').click(function(){ 947 $('.sidebar').toggleClass('active'); 948 $('').toggleClass('active'); 949 $('.screen').toggleClass('active'); 950 }); 951 952 }); 953 954 955 956 $('.sidebar .item.first-level > a').click(function(event) { 957 $(this).parent().toggleClass('submenu-show').siblings().removeClass('submenu-show'); 958 }); 959 960 $('#navBar.container-fluid .navigation .menu ul .drop-menu li').click(function(event) { 961 $(this).toggleClass('active').siblings().removeClass('active'); 962 }); 963 964 $(document).ready(function(){ 965 966 $('.toggle .icon').click(function() { 967 968 $('.searchForm').toggleClass('active'); 969 970 //alert('eeee') 971 }); 972 973 }); 974 975 </script>
975 976 977 978 <!-- Google translate --> 979
979<script src="https://cdn.gtranslate.net/widgets/latest/dwf.js" defer></script>
979 980
980<script src="https://communication.gouv.ci/assets/libs_js/googletranslate.js"></script>
980 981 982</div> 983 984 985<div id="page_secondaire"> 986 <!-- entete page secondaire <i class="fas fa-home"></i> --> 987 <div id="header"> 988 <div class="items"> 989 <a href="https://communication.gouv.ci/accueil"> Accueil</a> <span>»</span> <span>Ãcrire au Ministère</span> </a> 990 </div> 991 </div> 992 993 994 <!-- contenu de la page secondaire --> 995 <div class="_content"> 996 <div id="ecrire_au_gouvernement"> 997 <div class="titre"> 998 <h2>Ãcrire au Ministère</h2> 999 <p>Vous avez une question ou une préoccupation ? Vous pouvez adresser un message Ãcrire au ministère 1000 du projet.</p> 1001 </div> 1002 <div class="text"> 1003 <form action="https://communication.gouv.ci/message/post" method="post" id="inscription"> 1004 <input type="hidden" name="_token" value="xWcm6diLzAyTS9xQd1Gzm9NpAPlSbhhRBKCiZ56C"> 1005 <div class="one row no-gutters"> 1006 <div class="one-half col-md-12"> 1007 <select class="form-control" name="civilite" id="civilite"> 1008 <option value="M." selected="selected">Monsieur</option> 1009 <option value="Mme">Madame</option> 1010 <option value="Mlle">Mademoiselle</option> 1011 </select> 1012 </div> 1013 1014 </div> 1015 1016 <div class="one row no-gutters"> 1017 <div class="one-half col-md-6"><input class="form-control" type="text" required="" name="nom" 1018 placeholder="Nom *"></div> 1019 <div class="one-half col-md-6"><input class="form-control" type="text" required="" name="prenom" 1020 placeholder="Prénom (s) *"></div> 1021 </div> 1022 1023 <div class="one row no-gutters"> 1024 <div class="one-half col-md-6"><input class="form-control" type="text" required="" name="email" 1025 placeholder="E-mail*"></div> 1026 <div class="one-half col-md-6"><input class="form-control" type="text" name="adresse" 1027 placeholder="Adresse de la société / organisation "></div> 1028 </div> 1029 1030 <div class="one row no-gutters"> 1031 <div class="one-half col-md-6"><input class="form-control" type="text" name="ville" 1032 placeholder="Ville"></div> 1033 <div class="one-half col-md-6"> 1034 <select class="form-control" name="pays" required="required"> 1035 <option value="">Pays *</option> 1036 <option value="Côte d'Ivoire" selected="selected">Côte d'Ivoire</option> 1037 <option value="Abou Dabi">Abou Dabi</option> 1038 <option value="Allemagne">Allemagne</option> 1039 <option value="Australie">Australie</option> 1040 <option value="Autriche">Autriche</option> 1041 <option value="Arabie Saoudite">Arabie Saoudite</option> 1042 <option value="Afrique du Sud">Afrique du Sud</option> 1043 <option value="Belgique">Belgique</option> 1044 <option value="Bulgarie">Bulgarie</option> 1045 <option value="Burundi">Burundi</option> 1046 <option value="Bresil">Bresil</option> 1047 <option value="Cameroun">Cameroun</option> 1048 <option value="Canada">Canada</option> 1049 <option value="Cap-Vert">Cap-Vert</option> 1050 <option value="Chine">Chine</option> 1051 <option value="Comores">Comores</option> 1052 <option value="Congo">Congo</option> 1053 <option value="Corée">Corée</option> 1054 <option value="Côte d'Ivoire">Côte d'Ivoire</option> 1055 <option value="Djibouti">Djibouti</option> 1056 <option value="Dominique">Dominique</option> 1057 <option value="Egypte">Egypte</option> 1058 <option value="Emirats Arabes Unis">Emirats Arabes Unis</option> 1059 <option value="Equateur">Equateur</option> 1060 <option value="Erythré">Erythré</option> 1061 <option value="Espagne">Espagne</option> 1062 <option value="Ãthiopie">
1062Ethiopie</option> 1063 <option value="France">France</option> 1064 <option value="Gabon">Gabon</option> 1065 <option value="Gambie">Gambie</option> 1066 <option value="Ghana">Ghana</option> 1067 <option value="Grêce">Grêce</option> 1068 <option value="Guinée">Guinée</option> 1069 <option value="Guinée Bissau">Guinée Bissau</option> 1070 <option value="Guinée Equatoriale">Guinée Equatoriale</option> 1071 <option value="Guyane">Guyane</option> 1072 <option value="Ile Maurice">Ile Maurice</option> 1073 <option value="Inde">Inde</option> 1074 <option value="Israël">Israël</option> 1075 <option value="Italie">Italie</option> 1076 <option value="Japon">Japon</option> 1077 <option value="Kenya">Kenya</option> 1078 <option value="Koweït">Koweït</option> 1079 <option value="Lesotho">Lesotho</option> 1080 <option value="Lettonie">Lettonie</option> 1081 <option value="Liban">Liban</option> 1082 <option value="Liberia">Liberia</option> 1083 <option value="Luxembourg">Luxembourg</option> 1084 <option value="Maroc">Maroc</option> 1085 <option value="Madagascar">Madagascar</option> 1086 <option value="Martinique">Martinique</option> 1087 <option value="Monaco">Monaco</option> 1088 <option value="Mozambique">Mozambique</option> 1089 <option value="Namibie">Namibie</option> 1090 <option value="Niger">Niger</option> 1091 <option value="Nigéria">Nigéria</option> 1092 <option value="Norvège">Norvège</option> 1093 <option value="Ouganda">Ouganda</option> 1094 <option value="Pays-Bas">Pays-Bas</option> 1095 <option value="Pologne">Pologne</option> 1096 <option value="Polynésie française">Polynésie française</option> 1097 <option value="Portugal">Portugal</option> 1098 <option value="Quatar">Quatar</option> 1099 <option value="République Centrafricaine">République Centrafricaine</option> 1100 <option value="RD Congo (Zaïre)">RD Congo (Zaïre)</option> 1101 <option value="Royaume-Uni">Royaume-Uni</option> 1102 <option value="Rwanda">Rwanda</option> 1103 <option value="Seychelles">Seychelles</option> 1104 <option value="Suisse">Suisse</option> 1105 <option value="Suède">Suède</option> 1106 <option value="Tunisie">Tunisie</option> 1107 <option value="Turquie">Turquie</option> 1108 <option value="Vietnam">Vietnam</option> 1109 </select> 1110 </div> 1111 </div> 1112 1113 <div class="one row no-gutters"> 1114 <div class="one-half col-md-12"><input class="form-control" type="text" required="" name="objet" 1115 placeholder="Objet du messsage"></div> 1116 </div> 1117 <div class="one row no-gutters"> 1118 <div class="one-half col-md-12"> 1119 <textarea name="message" id="message" cols="30" rows="10" style="min-height:200px" 1120 class="form-control" placeholder="Ãcrivez votre message ici"> </textarea> 1121 </div> 1122 </div> 1123 1124 <div class="row mt-3"> 1125 <div class="col-md-12"> 1126 <p>Code de sécurité: 1127 <img src="assets/img/cd2.png" alt="captcha"> 1128 </p> 1129 <input class="form-control" name="verif" type="text" placeholder="Recopier le code de sécurité ici *" required> 1130 <small class="text-danger">(*) Champs obligatoires</small> 1131 </div> 1132 </div> 1133 1134 <button type="submit" class="btn-inscription">Envoyer message</button> 1135 </form> 1136 </div> 1137 </div> 1138 </div> 1139 1140 1141 1142 <!-- section secondaire --> 1143 1144 <head> 1145 1146
1146<script> 1147 1148 /* owl section accueil à gauche -- slide principal **/ 1149 1150 $(document).ready(function() { 1151 var owl_grands_dossiers = $('#owl_grands_dossiers'); 1152 1153 //console.log(owl_grands_dossiers); 1154 1155 owl_grands_dossiers.owlCarousel({ 1156 navigation : true, 1157 loop:true, 1158 margin:20, 1159 nav:false, 1160 dots:true, 1161 autoplay: 0.9, 1162 autoplayHoverPause: true, 1163 responsive:{ 1164 0:{ 1165 items:1 1166 }, 1167 600:{ 1168 items:1 1169 }, 1170 1000:{ 1171 items:1 1172 }, 1173 1600:{ 1174 items:1 1175 } 1176 } 1177 }) 1178 }); 1179 1180 1181 1182 $(document).ready(function(){ 1183 //Au moment du chargement de la page .. 1184 $("#agenda .items .item").hide() 1185 1186 //$('.head .head_item').removeClass("active") 1187 $('.head .head_item.gouvernement').addClass("active") 1188 1189 1190 const dataValue = $('.head .head_item.active').attr("data-filter") 1191 if(dataValue == "gouvernement"){ 1192 $("#agenda .items .item").filter("." + dataValue).show() 1193 } 1194 1195 //Au clic 1196 1197 $(".head .head_item").click(function(){ 1198 1199 $(this).addClass("active").siblings().removeClass("active") 1200 1201 const dataValue = $(this).attr("data-filter") 1202 1203 $("#agenda .items .item").filter("." + dataValue).show() 1204 $("#agenda .items .item").not("." + dataValue).hide() 1205 1206 }) 1207 }) 1208 1209 </script>
1209 1210</head> 1211 1212 1213 1214 1215<div id="colonne_droite"> 1216 <div class="content"> 1217 1218 <!-- Agenda --> 1219 <div id="agenda" class="slide"> 1220 <h1>Agenda</h1> 1221 1222 <div class="head"> 1223 <div class="head_item gouvernement" data-filter='gouvernement'>Ministère</div> 1224 <div class="head_item" data-filter='ministere'>Gouvernement</div> 1225 </div> 1226 1227 <div class="items"> 1228 1229 1230 1231 <div class="item gouvernement active"> 1232 <div class="titre"> 1233 <div class="date"> 1234 Du jeudi 26 novembre 2026 au samedi 28 novembre 2026 1235 </div> 1236 </div> 1237 <div class="event"> 1238 <h2>Aura lieu la 4è édition du Salon International du Contenu Audiovisuel d'Abidjan (SICA 2026)</h2> 1239 </div> 1240 </div> 1241 1242 1243 1244 1245 1246 1247 1248 <div class="item ministere active"> 1249 <div class="titre"> 1250 <div class="date"> 1251 Du mardi 25 août 2026 au mercredi 30 septembre 2026 1252 </div> 1253 </div> 1254 <div class="event"> 1255 <h2>â¶ Réinscription des anciens étudiants au titre de lâannée universitaire 2026-27 - Toute lâétendue du territoire (Côte dâIvoire)</h2> 1256 </div> 1257 </div> 1258 1259 1260 1261 1262 1263 <div class="item ministere"> 1264 <div class="titre"> 1265 <div class="date"> 1266 Du mardi 25 août 2026 au samedi 31 octobre 2026 1267 </div> 1268 </div> 1269 1270 <div class="event"> 1271 <h2>â¶ Réinscription des anciens étudiants au titre de lâannée universitaire 2026-2027 - Toute lâétendue du territoire (Côte dâIvoire)</h2> 1272 </div> 1273 </div> 1274 1275 1276 1277 1278 1279 <div class="item ministere"> 1280 <div class="titre"> 1281 <div class="date"> 1282 Du mardi 25 août 2026 au samedi 31 octobre 2026 1283 </div> 1284 </div> 1285 1286 <div class="event"> 1287 <h2>â¶ Réinscription des anciens étudiants au titre de lâannée universitaire 2026-27 - Toute lâétendue du territoire (Côte dâIvoire)</h2> 1288 </div> 1289 </div> 1290 1291 1292 1293 1294 1295 <div class="item ministere"> 1296 <div class="titre"> 1297 <div class="date"> 1298 Du vendredi 18 septembre 2026 au mardi 29 septembre 2026 1299 </div> 1300 </div> 1301 1302 <div class="event"> 1303 <h2>â¶ 81ème Assemblée Générale des Nations Unis â Thème : « Rétablir la confiance, gérer les transformation : une Organisation des Nations Unies au service de tous » - Siège ONU (New York - USA)</h2> 1304 </div> 1305 </div> 1306 1307 1308 1309 1310 1311 <div class="item ministere"> 1312 <div class="titre"> 1313 <div class="date"> 1314 Du vendredi 18 septembre 2026 au mardi 29 septembre 2026 1315 </div> 1316 </div> 1317 1318 <div class="event"> 1319 <h2>â¶ 81ème Assemblée Générale des Nations Unies â Thème : « Rétablir la confiance, gérer les transformation : une Organisation des Nations Unies au service de tous » - Siège de l'ONU (New York - USA)</h2> 1320 </div> 1321 </div> 1322 1323 1324 1325 1326 1327 <div class="item ministere"> 1328 <div class="titre"> 1329 <div class="date"> 1330 mardi 29 septembre 2026 - 15:00 </div> 1331 </div> 1332 1333 <div class="event"> 1334 <h2>â¶Tout Savoir Sur (TSS) la gestion des fréquences en Côte dâIvoire â En direct sur les Réseaux Sociaux du Gouvernement depuis le SIGFU (Plateau-Abidjan)</h2> 1335 </div> 1336 </div> 1337 1338 1339 1340 1341 1342 <div class="item ministere"> 1343 <div class="titre"> 1344 <div class="date"> 1345 mardi 29 septembre 2026 - 19:00 </div> 1346 </div> 1347 1348 <div class="event"> 1349 <h2>â¶ Eliminatoires CAN 2027 : Côte dâIvoire vs Somalie â Stade Félix Houphouët-Boigny (Abidjan)</h2> 1350 </div> 1351 </div> 1352 1353 1354 1355 1356 1357 <div class="item ministere"> 1358 <div class="titre"> 1359 <div class="date"> 1360 Du mercredi 30 septembre 2026 au vendredi 02 octobre 2026 1361 </div> 1362 </div> 1363 1364 <div class="event"> 1365 <h2>â¶ 7ème édition de Connect Côte dâIvoire - Thème « Révéler les territoires, Connecter les opportunités » - Parc des Expositions dâAbidjan (Port-Bouët â Abidjan)</h2> 1366 </div> 1367 </div> 1368 1369 1370 </div> 1371 1372 1373 </div> 1374 1375 <!-- dossiers --> 1376 <div class="section_grands_dossiers"> 1377 <div class="items"> 1378 <div class="titre"> 1379 <h1>Dossiers</h1> 1380 </div> 1381 1382 <div class="slide"> 1383 <div id="owl_grands_dossiers" class="owl-carousel owl-theme"> 1384 1385 1386 1387 <div class="item"> 1388 <a href="https://communication.gouv.ci/dossier/6"> 1389 <div class="inner"> 1390 1391 <div class="trait"></div> 1392 <h2> 1393 En ligne tous ... 1394 </h2> 1395 <img src="https://communication.gouv.ci/uploads/dossiers/dossier-171432675147.jpg" alt="Illustration" class="img-fluid"> 1396 1397 </div> 1398 1399 <div class="caption"> 1400 <h3> En ligne tous responsables</h3> 1401 </div> 1402 </a> 1403 </div> 1404 1405 1406 1407 <div class="item"> 1408 <a href="https://communication.gouv.ci/dossier/7"> 1409 <div class="inner"> 1410 1411 <div class="trait"></div> 1412 <h2> 1413 Salon International du ... 1414 </h2> 1415 <img src="https://communication.gouv.ci/uploads/dossiers/dossier-171563041295.jpg" alt="Illustration" class="img-fluid"> 1416 1417 </div> 1418 1419 <div class="caption"> 1420 <h3> Salon International du Contenu Audiovisuel: SICA 2024</h3> 1421 </div> 1422 </a> 1423 </div> 1424 1425 1426 1427 <div class="item"> 1428 <a href="https://communication.gouv.ci/dossier/9"> 1429 <div class="inner"> 1430 1431 <div class="trait"></div> 1432 <h2> 1433 Salon International du ... 1434 </h2> 1435 <img src="https://communication.gouv.ci/uploads/dossiers/dossier-174549090829.webp" alt="Illustration" class="img-fluid"> 1436 1437 </div> 1438 1439 <div class="caption"> 1440 <h3> Salon International du Contenu Audiovisuel: SICA 2025</h3> 1441 </div> 1442 </a> 1443 </div> 1444 </div> 1445 </div> 1446 </div> 1447 </div> 1448 1449 <!-- videos --> 1450 <div class="gouv_videos"> 1451 1452 <div class="titre"> 1453 <h2>Vidéos</h2> 1454 </div> 1455 1456 1457 <div class="item"> 1458 <a href="https://communication.gouv.ci/videos/83"> 1459 <div class="inner"> 1460 <div class="icon"><span><i class="far fa-play-circle"></i></div> 1461 <img src="https://img.youtube.com/vi/e3acQHkXzsA/hqdefault.jpg" alt="Profile" 1462 class="img-fluid"> 1463 </div> 1464 <div class="caption"> 1465 <p>Projets</p> 1466 <h3>INSTALLATION DU CL2I DE BOUAFLE</h3> 1467 </div> 1468 </a> 1469 </div> 1470 1471 1472 1473 1474 <div class="item"> 1475 <a href="https://communication.gouv.ci/videos/82"> 1476 <div class="inner"> 1477 <div class="icon"><span><i class="far fa-play-circle"></i></div> 1478 <img src="https://img.youtube.com/vi/Feuqui0gI-Y/hqdefault.jpg" alt="Profile" 1479 class="img-fluid"> 1480 </div> 1481 <div class="caption"> 1482 <p>Projets</p> 1483 <h3>INSTALLATION DU CL2I DE MANKONO</h3> 1484 </div> 1485 </a> 1486 </div> 1487 1488 1489 1490 1491 <div class="item"> 1492 <a href="https://communication.gouv.ci/videos/81"> 1493 <div class="inner"> 1494 <div class="icon"><span><i class="far fa-play-circle"></i></div> 1495 <img src="https://img.youtube.com/vi/qLG4x0MaIC0/hqdefault.jpg" alt="Profile" 1496 class="img-fluid"> 1497 </div> 1498 <div class="caption"> 1499 <p>Projets</p> 1500 <h3>INSTALLATION DU CL2I DE SEGUELA</h3> 1501 </div> 1502 </a> 1503 </div> 1504 1505 1506 1507 1508 1509 </div> 1510 </div> 1511</div> 1512 1513 1514 1515</div> 1516 1517 1518 <head> 1519 <!-- owl --> 1520 1521 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css" integrity="sha512-UTNP5BXLIptsaj5WdKFrkFov94lDx+eBvbKyoe1YAfjeRPC+gT5kyZ10kOHCfNZqEui1sxmqvodNUx3KbuYI/A==" crossorigin="anonymous" referrerpolicy="no-referrer" /> 1522 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" 1523 crossorigin="anonymous" referrerpolicy="no-referrer" 1524 /> 1525 1526
1526<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" 1527 crossorigin="anonymous" referrerpolicy="no-referrer"> 1528 </script>
1528 1529 1530
1530<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/owl.carousel.min.js"></script>
1530 1531 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/assets/owl.carousel.min.css"> 1532 1533
1533<script> 1534 $(document).ready(function(){ 1535 $('#footer .annuaire .links').click(function(event) { 1536 $(this).toggleClass('active').siblings().removeClass('active'); 1537 }); 1538 }); 1539 </script>
1539 1540 1541
1541<script> 1542 (function(d, s, id) { 1543 var js, fjs = d.getElementsByTagName(s)[0]; 1544 if (d.getElementById(id)) return; 1545 js = d.createElement(s); js.id = id; 1546 js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.5&appId=220779081335178"; 1547 fjs.parentNode.insertBefore(js, fjs); 1548 } 1549 (document, 'script', 'facebook-jssdk') 1550 ); 1551 </script>
vendor: 74 bytes, lines 1551-1554
1551 1552 1553 <script src="https://www.google.com/recaptcha/api.js"></script> 1554
1554<style> 1555 .g-recaptcha { 1556 transform: scale(1); 1557 -webkit-transform: scale(1); 1558 transform-origin: 0 0; 1559 -webkit-transform-origin: 0 0; 1560 position: relative; 1561 width: 100% !important; 1562 } 1563 1564 .rcaptcha { 1565 position: relative; 1566 width: 100% !important; 1567 } 1568 1569 #newsletterForm #captcha-message { 1570 1571 position: relative; 1572 1573 color: var(--orange); 1574 1575 font-size: 12px; 1576 1577 font-style: italic; 1578 1579 } 1580 .section_one h2 { 1581 font-size: 18px; 1582 } 1583 span.arrow { 1584 position: absolute; 1585 right: 7px; 1586 top: 5px; 1587 bottom: 5px; 1588 } 1589 1590 </style> 1591 1592 1593 1594
1594<script> 1595 document.addEventListener('DOMContentLoaded', () => { 1596 const wrapper = document.getElementById('flashWrapper'); 1597 const itemHeight = 135; // 125px height + 10px margin-bottom 1598 const visible = 3; 1599 const scrollSpeed = 3000; 1600 1601 let index = 0; 1602 const originalItems = Array.from(wrapper.children); 1603 const totalOriginal = originalItems.length; 1604 1605 // Clonage pour effet infini 1606 originalItems.forEach(item => { 1607 const clone = item.cloneNode(true); 1608 wrapper.appendChild(clone); 1609 }); 1610 1611 const allItems = wrapper.children; 1612 1613 function updateActiveClass() { 1614 // Supprimer toutes les classes "active" 1615 Array.from(allItems).forEach(el => el.classList.remove('active')); 1616 1617 // Ajouter la classe active à l'élément actuellement en haut 1618 const current = allItems[index]; 1619 if (current) { 1620 current.classList.add('active'); 1621 } 1622 } 1623 1624 function scroll() { 1625 index++; 1626 wrapper.style.transition = 'transform 1s ease-in-out'; 1627 wrapper.style.transform = `translateY(-${index * itemHeight}px)`; 1628 1629 updateActiveClass(); 1630 1631 if (index >= totalOriginal) { 1632 setTimeout(() => { 1633 wrapper.style.transition = 'none'; 1634 wrapper.style.transform = 'translateY(0)'; 1635 index = 0; 1636 updateActiveClass(); // reset la bonne classe active aussi 1637 }, 1000); 1638 } 1639 } 1640 1641 updateActiveClass(); // Initiale 1642 setInterval(scroll, scrollSpeed); 1643 }); 1644 </script>
1644 1645 1646 <!-- CSS --> 1647<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
1648<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
1648 1649 1650 1651 1652</head> 1653 1654 1655<div id="footer"> 1656 <div class="section_one"> 1657 <div class="content "> 1658 <div class="items"> 1659 <div class="item gouv_actu"> 1660 1661 <h2>Newsletter</h2> 1662 1663 <p> 1664 Recevez le communiqué du conseil des Ministres, les décisions du 1665 Gouvernement, etc. par mail ? <b style="color: white">Inscrivez-vous à la newsletter</b> 1666 </p> 1667 1668 <form action="https://communication.gouv.ci/admin/nwsletter/ajouter/post" method="post"> 1669 <input type="hidden" name="_token" value="xWcm6diLzAyTS9xQd1Gzm9NpAPlSbhhRBKCiZ56C"> 1670 <input type="text" name="nom" value="" placeholder="Votre nom"> 1671 1672 <input type="email" name="email" placeholder="Votre email"> 1673 1674 <div class="row mt-3"> 1675 <div class="col-md-12"> 1676 <p>Code de sécurité: 1677 <img src="https://communication.gouv.ci/assets/img/cd2.png" alt="captcha"> 1678 </p> 1679 <input class="form-control" name="verif" type="text" placeholder="Recopier le code de sécurité ici *" required> 1680 <small class="text-danger">(*) Champs obligatoires</small> 1681 </div> 1682 </div> 1683 1684 <input type="submit" name="submit" value="Je m'inscris à la Newsletter" class="submit"> 1685 1686 </form> 1687 1688 </div> 1689 <div class="item"> 1690 1691 <h2>Flash infos</h2> 1692 1693 <div class="flashs card"> <!-- Mon wiget X --> 1694 <div class="inner" id='footer_flash'> 1695 <div class="flash-container"> 1696 <div class="flash-wrapper" id="flashWrapper"> 1697 <div class="flash-item"> 1698 <a href="https://communication.gouv.ci/flashs/10" class="" title="Outil de mise en Åuvre de la politique nationale de la Communication."> 1699 <b> 1700 1701 <i class="fas fa-clock mr-1"></i> 24/04/2025 09:59 1702 1703 </b> 1704 <br> 1705 <span>Outil de mise en Åuvre de la politique nationale de la Communication.</span> 1706 </a> 1707 </div> 1708 </div> 1709 </div> 1710 1711 </div> 1712 1713 </div> 1714 1715 </div> 1716 <div class="item"> 1717 <h2>Facebook</h2> 1718 <div class="facebook card"> 1719 <div class="inner"> 1720 <div id="facebook-like-box-4" class="sidebar-widget widget_facebook-like-box"> 1721 <p class="sidebar-headline"> 1722 <div class="fb-social-plugin fb-like-box" data-href="https://www.facebook.com/communicationci?_rdc=1&_rdr" 1723 data-height="285" data-show-faces="true" data-stream="true"> 1724 </div> 1725 </div> 1726 </div> 1727 </div> 1728 </div> 1729 </div> 1730 </div> 1731 </div> 1732 1733 1734 <div class="section_two"> 1735 <div class="content "> 1736 1737 <div class="logo" > 1738 <div class="inner" > 1739 <img src="https://communication.gouv.ci/uploads/contacts/172416269391.png" alt="LOGO" 1740 class="img-fluid" style="max-width:260px"> 1741 </div> 1742 </div> 1743 1744 <div class="items"> 1745 <div class="image"> 1746 1747 1748 <div class="reseaux"> 1749 <p>Réseaux et diffusion</p> 1750 <div class="links"> 1751 <a href="https://www.facebook.com/communicationci?_rdc=1&_rdr"><i class="fab fa-facebook"></i></a> 1752 <a href="#"><i class="fab fa-linkedin"></i></a> 1753 <a href="#"><i class="fab fa-instagram"></i></a> 1754 <a href="https://www.youtube.com/@CommunicationRCI"><i class="fab fa-youtube"></i></a> 1755 <a href="tel:2720244741*2720244717**2720244744**2720244705"><i class="fa-solid fa-phone-alt"></i></a> 1756 </div> 1757 1758 </div> 1759 1760 <div class="annuaire"> 1761 <h1>ANNUAIRE DES SITES WEB GOUVERNEMENTAUX</h1> 1762 1763 <div class="new"> 1764 <select id="siteSelect" class="select-with-icon" style="width: 100%"></select> 1765 <select id="siteSelectAmbassades" class="select-with-icon" style="width: 100%"></select> 1766 <select id="siteSelectAutres" class="select-with-icon" style="width: 100%"></select> 1767 </div> 1768 </div> 1769 1770 </div> 1771 1772 <div class="institutions"> 1773 1774 <div class="item"> 1775 <h2>Ministère</h2> 1776 <ul class="submenu"> 1777 1778 <li style="margin-top:10px;"><a href="#!" style="color:var(--orange);"><span class="submenu-icon"><i class="fas fa-caret-right"></i></span> Ministre </a> 1779 <ul class="submenu"> 1780 <li><a href="https://communication.gouv.ci/mot-du-ministre">Mot du Ministre</a></li> 1781 <li><a href="https://communication.gouv.ci/biographie-du-ministre">Biographie du Ministre</a></li> 1782 </ul> 1783 </li> 1784 <li><a href="https://communication.gouv.ci/le-cabinet">Cabinet</a></li> 1785 <li><a href="https://communication.gouv.ci/structures-sous-tutelle">Strucutres sous tutelles</a></li> 1786 <li><a href="https://communication.gouv.ci/organes-de-regulation">Organes de régulation</a></li> 1787 <li><a href="https://communication.gouv.ci/anciens-ministres">Anciens Ministres</a></li> 1788 1789 </ul> 1790 1791 1792 </div> 1793 1794 1795 <div class="item"> 1796 <h2>Actualités</h2> 1797 <ul> 1798 <li> <a href="https://communication.gouv.ci/actualites/1">Actualités</a> </li> 1799 <li> <a href="https://communication.gouv.ci/actualites/2">Ãvénements</a> </li> 1800 <li> <a href="https://communication.gouv.ci/actualites/5">ARTICLES THEMATIQUES</a> </li> 1801 </ul> 1802 </div> 1803 1804 1805 <div class="item"> 1806 <h2>Publications</h2> 1807 <ul class="submenu"> 1808 1809 <li> 1810 <a href="https://communication.gouv.ci/dossiers">Dossiers</a> 1811 </li> 1812 1813 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/23">COMMUNIQUE</a></li> 1814 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/22">RECUEIL DES TEXTES DU SECTEUR DE LA COMMUNICATION</a></li> 1815 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/21">AVIS A MANIFESTATION</a></li> 1816 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/20">RECRUTEMENT</a></li> 1817 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/18">Ordre du Mérite de la Communication</a></li> 1818 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/16">Dossier de presse</a></li> 1819 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/15">Formation</a></li> 1820 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/14">Comment se protéger et Protéger les autres en Ligne ?</a></li> 1821 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/12">Communiqué des conseils des Ministres</a></li> 1822 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/11">Documents dâorientation de politiques sociales et de programmes publics</a></li> 1823 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/9">Marchés publics</a></li> 1824 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/8">Autres Documents Financiers</a></li> 1825 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/7">Identifications</a></li> 1826 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/6">Prestations et Services</a></li> 1827 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/5">Planification</a></li> 1828 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/4">Bilan Organique</a></li> 1829 <li> <a href="https://communication.gouv.ci/publications/sous-categorie/1">Stratégies</a></li> 1830 1831 1832 1833 </ul> 1834 </div> 1835 1836 1837 <div class="item"> 1838 <h2>Services</h2> 1839 <ul> 1840 1841 <li><a href="https://communication.gouv.ci/services">e-Services</a></li> 1842 1843 </ul> 1844 </div> 1845 1846 1847 <div class="item"> 1848 <h2>Galerie</h2> 1849 <ul> 1850 <li><a href="https://communication.gouv.ci/videos">Vidéos</a></li> 1851 <li><a href="https://communication.gouv.ci/photos">Photos</a></li> 1852 <li><a href="https://communication.gouv.ci/audios">Audios</a></li> 1853 </ul> 1854 </div> 1855 1856 <div class="item"> 1857 <h2>Agenda</h2> 1858 <ul> 1859 <li><a href="https://communication.gouv.ci/agenda-du-ministere">Ministère</a></li> 1860 <li><a href="https://communication.gouv.ci/agenda-du-gouvernement">Gouvernement</a></li> 1861 </ul> 1862 </div> 1863 1864 1865 </div> 1866 1867 </div> 1868 1869 <div class="contact_gouv"> 1870 <a href="#">Adresse : BPV 138 Abidjan, Côte d'Ivoire </a> <span></span> 1871 <a href="#">Tél : 2720244741*2720244717**2720244744**2720244705 </a> <span></span> 1872 <a href="#">Mail : [email protected]</a> 1873 </div> 1874 1875 <div class="links_gouv"> 1876 1877 <a href="https://www.gouv.ci/"> gouv.ci</a> 1878 <a href="https://data.gouv.ci/"> open data</a> 1879 <a href="https://psgouv.ci/"> psgouv.ci</a> 1880 </div> 1881 1882 <div class="copyright"> 1883 <h2>© Copyright 2026 | <a href="https://communication.gouv.ci/mentions-legales">Mentions légales</a> | Ministère de la Communication, Porte-Parole du Gouvernement</h2> 1884 <div class="conception"> 1885 <h2>Conception et Réalisation</h2> 1886 <a href="https://cicg.gouv.ci/"> 1887 <img src="https://www.gouv.ci/images/cicg.png" alt="" width="180" class="img-fluid"> 1888 </a> 1889 </div> 1890 </div> 1891 </div> 1892 </div> 1893</div> 1894
1895<script> 1896 $(document).ready(function () { 1897 $('#siteSelect').select2({ 1898 placeholder: 'Sites des ministères', 1899 minimumInputLength: 0, 1900 ajax: { 1901 url: 'https://communication.gouv.ci/ajax/search/ministeres', 1902 dataType: 'json', 1903 delay: 250, 1904 data: function (params) { 1905 return { 1906 q: params.term || '' 1907 }; 1908 }, 1909 processResults: function (data) { 1910 return { 1911 results: data 1912 }; 1913 }, 1914 cache: true 1915 }, 1916 language: { 1917 errorLoading: () => "Impossible de charger les résultats.", 1918 inputTooShort: () => "Tapez au moins un caractère.", 1919 noResults: () => "Aucun résultat trouvé.", 1920 searching: () => "Recherche en cours..." 1921 } 1922 }); 1923 1924 // Forcer le chargement initial à lâouverture 1925 $('#siteSelect').on('select2:open', function () { 1926 $('.select2-search__field').trigger('input'); 1927 }); 1928 }); 1929</script>
1929 1930 1931
1932<script> 1933 $(document).ready(function () { 1934 $('#siteSelectAmbassades').select2({ 1935 placeholder: 'Sites des ambassades', 1936 minimumInputLength: 0, 1937 ajax: { 1938 url: 'https://communication.gouv.ci/ajax/search/ambassades', 1939 dataType: 'json', 1940 delay: 250, 1941 data: function (params) { 1942 return { 1943 q: params.term || '' 1944 }; 1945 }, 1946 processResults: function (data) { 1947 return { 1948 results: data 1949 }; 1950 }, 1951 cache: true 1952 }, 1953 language: { 1954 errorLoading: () => "Impossible de charger les résultats.", 1955 inputTooShort: () => "Tapez au moins un caractère.", 1956 noResults: () => "Aucun résultat trouvé.", 1957 searching: () => "Recherche en cours..." 1958 } 1959 }); 1960 1961 // Forcer le chargement initial à lâouverture 1962 $('#siteSelectAmbassades').on('select2:open', function () { 1963 $('.select2-search__field').trigger('input'); 1964 }); 1965 }); 1966</script>
1966 1967
1968<script> 1969 $(document).ready(function () { 1970 $('#siteSelectAutres').select2({ 1971 placeholder: 'Autres sites web', 1972 minimumInputLength: 0, 1973 ajax: { 1974 url: 'https://communication.gouv.ci/ajax/search/autres', 1975 dataType: 'json', 1976 delay: 250, 1977 data: function (params) { 1978 return { 1979 q: params.term || '' 1980 }; 1981 }, 1982 processResults: function (data) { 1983 return { 1984 results: data 1985 }; 1986 }, 1987 cache: true 1988 }, 1989 language: { 1990 errorLoading: () => "Impossible de charger les résultats.", 1991 inputTooShort: () => "Tapez au moins un caractère.", 1992 noResults: () => "Aucun résultat trouvé.", 1993 searching: () => "Recherche en cours..." 1994 } 1995 }); 1996 1997 // Forcer le chargement initial à lâouverture 1998 $('#siteSelectAutres').on('select2:open', function () { 1999 $('.select2-search__field').trigger('input'); 2000 }); 2001 2002 }); 2003</script>
2003 2004 </div> 2005 2006
2006<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2006 2007 2008 2009 2010 2011
2011<script> 2012 $(document).ready(function() { 2013 $('#dark-mode-button .checkbox-label').click(function() { 2014 if (!sessionStorage.getItem("mode")) { 2015 sessionStorage.setItem("mode", 'auto'); 2016 $('body').addClass('dark-mode'); 2017 $('div').addClass('dark-mode'); 2018 } else { 2019 if (sessionStorage.getItem("mode")) { 2020 sessionStorage.removeItem('mode'); 2021 $('body').removeClass('dark-mode'); 2022 $('div').removeClass('dark-mode'); 2023 } 2024 } 2025 }); 2026 }); 2027 </script>
2027 2028</body> 2029 2030</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.