{"id":283,"date":"2026-03-24T12:47:34","date_gmt":"2026-03-24T11:47:34","guid":{"rendered":"https:\/\/ugp-sua.cm\/?page_id=283"},"modified":"2026-03-24T19:45:26","modified_gmt":"2026-03-24T18:45:26","slug":"reclamation-riveraine","status":"publish","type":"page","link":"https:\/\/ugp-sua.cm\/index.php\/reclamation-riveraine\/","title":{"rendered":"R\u00e9clamation Riveraine"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- UGP \u2013 R\u00c9CLAMATIONS RIVERAINES | Module Code Divi -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;700;900&family=Open+Sans:wght@300;400;600&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n<style>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   VARIABLES & RESET\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl{\n  --bleu:#1B4F72;\n  --gris:#2E4053;\n  --or:#F4D03F;\n  --vert:#117A65;\n  --rouge:#922B21;\n  --blanc:#fff;\n  --bg:#F4F6F7;\n  font-family:'Open Sans',sans-serif;\n  color:#1C2833;\n}\n#ugp-recl *,\n#ugp-recl *::before,\n#ugp-recl *::after{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HERO\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .hero{\n  background:var(--bleu);\n  padding:72px 64px 80px;\n  position:relative;\n  overflow:hidden;\n}\n#ugp-recl .hero::before{\n  content:'';\n  position:absolute;top:0;right:0;\n  width:45%;height:100%;\n  background:rgba(244,208,63,0.1);\n  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);\n}\n#ugp-recl .hero::after{\n  content:'';\n  position:absolute;bottom:0;left:0;right:0;\n  height:4px;\n  background:linear-gradient(90deg,var(--or),transparent);\n}\n#ugp-recl .bc{\n  font-family:'Montserrat',sans-serif;\n  font-size:11px;letter-spacing:2px;text-transform:uppercase;\n  color:rgba(255,255,255,0.4);margin-bottom:18px;\n}\n#ugp-recl .bc span{color:rgba(255,255,255,0.7);}\n#ugp-recl .tag{\n  display:inline-flex;align-items:center;gap:10px;\n  font-family:'Montserrat',sans-serif;\n  font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;\n  color:var(--or);margin-bottom:14px;\n}\n#ugp-recl .tag::before{content:'';width:28px;height:2px;background:var(--or);}\n#ugp-recl .hero h1{\n  font-family:'Montserrat',sans-serif;\n  font-size:clamp(28px,4vw,44px);font-weight:900;\n  color:var(--blanc);line-height:1.08;\n}\n#ugp-recl .hero h1 span{color:var(--or);}\n#ugp-recl .hero-desc{\n  font-size:16px;color:rgba(255,255,255,0.6);\n  max-width:600px;line-height:1.75;margin-top:16px;font-weight:300;\n}\n#ugp-recl .hero-meta{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}\n#ugp-recl .hero-badge{\n  display:inline-flex;align-items:center;gap:8px;\n  background:rgba(244,208,63,0.10);\n  border:1px solid rgba(244,208,63,0.25);\n  border-radius:6px;padding:8px 14px;\n  font-family:'Montserrat',sans-serif;\n  font-size:11px;color:rgba(255,255,255,0.7);\n}\n#ugp-recl .hero-badge i{color:var(--or);font-size:11px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   LAYOUT G\u00c9N\u00c9RAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .wrap{max-width:1200px;margin:0 auto;padding:72px 64px;}\n#ugp-recl .sec{\n  font-family:'Montserrat',sans-serif;\n  font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;\n  color:var(--or);margin-bottom:24px;\n  display:flex;align-items:center;gap:12px;\n}\n#ugp-recl .sec::after{content:'';flex:1;height:1px;background:#ECF0F1;}\n#ugp-recl .pgap{height:48px;}\n#ugp-recl .grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   PROCESSUS EN \u00c9TAPES\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .process-row{\n  display:flex;align-items:flex-start;\n  margin-bottom:40px;\n  position:relative;\n}\n#ugp-recl .step{\n  flex:1;display:flex;flex-direction:column;align-items:center;\n  text-align:center;position:relative;\n}\n#ugp-recl .step-num{\n  width:48px;height:48px;border-radius:50%;\n  background:var(--bleu);border:2.5px solid var(--or);\n  display:flex;align-items:center;justify-content:center;\n  font-family:'Montserrat',sans-serif;font-size:15px;font-weight:900;\n  color:var(--or);flex-shrink:0;margin-bottom:12px;\n  position:relative;z-index:1;\n  transition:transform 0.25s,box-shadow 0.25s;\n}\n#ugp-recl .step:hover .step-num{\n  transform:scale(1.12);\n  box-shadow:0 6px 20px rgba(27,79,114,0.3);\n}\n#ugp-recl .step-connector{\n  position:absolute;top:24px;\n  left:calc(50% + 24px);right:calc(-50% + 24px);\n  height:2px;background:#DCE0E4;\n}\n#ugp-recl .step:last-child .step-connector{display:none;}\n#ugp-recl .step-title{\n  font-family:'Montserrat',sans-serif;\n  font-size:11px;font-weight:700;\n  color:var(--bleu);margin-bottom:5px;\n  text-transform:uppercase;letter-spacing:1px;\n}\n#ugp-recl .step-desc{\n  font-size:11.5px;color:#777;line-height:1.55;\n  max-width:130px;\n}\n#ugp-recl .step-delay{\n  display:inline-block;margin-top:8px;\n  font-family:'Montserrat',sans-serif;\n  font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;\n  background:rgba(244,208,63,0.15);color:#7D6608;\n  border-radius:10px;padding:3px 9px;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   CARTE FORMULAIRE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .form-card{\n  background:var(--blanc);\n  border-radius:12px;\n  overflow:hidden;\n  border:1px solid #E5E8EA;\n  box-shadow:0 2px 16px rgba(0,0,0,0.05);\n}\n#ugp-recl .form-card-head{\n  background:var(--bleu);padding:18px 24px;\n  display:flex;align-items:center;gap:14px;\n}\n#ugp-recl .form-card-icon{\n  width:40px;height:40px;\n  background:rgba(244,208,63,0.15);\n  border:1px solid rgba(244,208,63,0.3);\n  border-radius:8px;display:flex;align-items:center;justify-content:center;\n  font-size:16px;color:var(--or);flex-shrink:0;\n}\n#ugp-recl .form-card-title{\n  font-family:'Montserrat',sans-serif;\n  font-size:14px;font-weight:700;color:var(--blanc);\n}\n#ugp-recl .form-card-sub{font-size:11.5px;color:rgba(255,255,255,0.5);margin-top:2px;}\n#ugp-recl .form-body{padding:26px 24px;}\n\n\/* Sections internes *\/\n#ugp-recl .fsec{\n  font-family:'Montserrat',sans-serif;\n  font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;\n  color:#AAB2BD;margin-bottom:14px;padding-bottom:8px;\n  border-bottom:1px solid #F0F2F3;\n}\n#ugp-recl .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}\n#ugp-recl .form-row.full{grid-template-columns:1fr;}\n#ugp-recl .form-group{display:flex;flex-direction:column;gap:6px;}\n#ugp-recl .form-label{\n  font-family:'Montserrat',sans-serif;\n  font-size:10.5px;font-weight:700;\n  text-transform:uppercase;letter-spacing:0.8px;\n  color:#566573;\n}\n#ugp-recl .form-label .req{color:#C0392B;margin-left:2px;}\n#ugp-recl .form-input{\n  background:#F8F9FA;\n  border:1.5px solid #E5E8EA;\n  border-radius:7px;\n  padding:9px 13px;\n  font-family:'Open Sans',sans-serif;\n  font-size:13px;color:#1C2833;\n  outline:none;\n  transition:border 0.2s,background 0.2s;\n  width:100%;\n}\n#ugp-recl .form-input:focus{\n  border-color:var(--bleu);\n  background:var(--blanc);\n  box-shadow:0 0 0 3px rgba(27,79,114,0.08);\n}\n#ugp-recl .form-input::placeholder{color:#BDC3C7;}\n#ugp-recl select.form-input{\n  appearance:none;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'\/%3E%3C\/svg%3E\");\n  background-repeat:no-repeat;background-position:right 13px center;\n  cursor:pointer;\n}\n#ugp-recl textarea.form-input{resize:vertical;min-height:100px;line-height:1.6;}\n#ugp-recl .form-hint{font-size:11px;color:#AAB2BD;margin-top:2px;}\n#ugp-recl .form-divider{border:none;border-top:1px solid #F0F3F4;margin:20px 0;}\n\n\/* Tuiles type r\u00e9clamation *\/\n#ugp-recl .type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;}\n#ugp-recl .type-tag{\n  border:1.5px solid #E5E8EA;border-radius:8px;padding:10px 8px;\n  cursor:pointer;transition:all 0.2s;text-align:center;background:var(--blanc);\n}\n#ugp-recl .type-tag:hover{border-color:var(--bleu);background:#EBF5FB;}\n#ugp-recl .type-tag.active{border-color:var(--bleu);background:#EBF5FB;border-width:2px;}\n#ugp-recl .type-tag-icon{font-size:18px;margin-bottom:4px;line-height:1;}\n#ugp-recl .type-tag-label{\n  font-family:'Montserrat',sans-serif;\n  font-size:10px;font-weight:700;\n  color:#566573;line-height:1.3;\n}\n#ugp-recl .type-tag.active .type-tag-label{color:var(--bleu);}\n\n\/* Zone upload *\/\n#ugp-recl .upload-zone{\n  border:2px dashed #D5D8DC;border-radius:8px;padding:20px;\n  text-align:center;cursor:pointer;\n  transition:border 0.2s,background 0.2s;\n  background:#FAFBFC;\n}\n#ugp-recl .upload-zone:hover{border-color:var(--bleu);background:#EBF5FB;}\n#ugp-recl .upload-icon{font-size:24px;color:#BDC3C7;margin-bottom:7px;}\n#ugp-recl .upload-text{font-size:12.5px;color:#7F8C8D;font-weight:600;}\n#ugp-recl .upload-formats{font-size:11px;color:#AAB2BD;margin-top:4px;}\n\n\/* Alerte *\/\n#ugp-recl .form-alert{\n  background:#FEFCE8;\n  border:1px solid rgba(244,208,63,0.5);\n  border-left:4px solid var(--or);\n  border-radius:0 7px 7px 0;\n  padding:12px 16px;font-size:12.5px;\n  color:#6D5D0A;line-height:1.65;\n  display:flex;gap:10px;align-items:flex-start;\n}\n#ugp-recl .form-alert i{color:#7D6608;flex-shrink:0;margin-top:1px;font-size:14px;}\n\n\/* Bouton submit *\/\n#ugp-recl .btn-submit{\n  width:100%;padding:13px 20px;\n  background:var(--bleu);color:var(--blanc);\n  border:none;border-radius:8px;\n  font-family:'Montserrat',sans-serif;\n  font-size:13px;font-weight:700;letter-spacing:0.5px;\n  cursor:pointer;margin-top:22px;\n  display:flex;align-items:center;justify-content:center;gap:10px;\n  transition:background 0.2s,transform 0.15s;\n}\n#ugp-recl .btn-submit:hover{background:#154360;transform:translateY(-1px);}\n#ugp-recl .btn-submit:active{transform:translateY(0);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   SIDEBAR\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .sidebar{display:flex;flex-direction:column;gap:18px;}\n#ugp-recl .info-card{\n  background:var(--blanc);border-radius:12px;\n  overflow:hidden;border:1px solid #E5E8EA;\n}\n#ugp-recl .ic-head{padding:13px 18px;display:flex;align-items:center;gap:12px;}\n#ugp-recl .ic-head.c-bleu{background:var(--bleu);}\n#ugp-recl .ic-head.c-vert{background:var(--vert);}\n#ugp-recl .ic-head.c-gris{background:var(--gris);}\n#ugp-recl .ic-head.c-or{background:#7D6608;}\n#ugp-recl .ic-icon{\n  width:34px;height:34px;\n  background:rgba(244,208,63,0.15);border:1px solid rgba(244,208,63,0.25);\n  border-radius:7px;display:flex;align-items:center;justify-content:center;\n  font-size:14px;color:var(--or);flex-shrink:0;\n}\n#ugp-recl .ic-title{\n  font-family:'Montserrat',sans-serif;\n  font-size:12.5px;font-weight:700;color:var(--blanc);\n}\n#ugp-recl .ic-body{padding:14px 18px;}\n#ugp-recl .ic-row{\n  display:flex;flex-direction:column;\n  padding:7px 0;border-bottom:1px solid #F5F6F7;\n}\n#ugp-recl .ic-row:last-child{border-bottom:none;}\n#ugp-recl .ic-key{\n  font-family:'Montserrat',sans-serif;\n  font-size:10px;letter-spacing:1.2px;text-transform:uppercase;\n  color:#AAB2BD;margin-bottom:3px;\n}\n#ugp-recl .ic-val{font-size:13px;color:#1C2833;font-weight:600;}\n#ugp-recl .ic-val.or{color:#7D6608;}\n\n\/* Statuts pills *\/\n#ugp-recl .statut-row{\n  display:flex;justify-content:space-between;align-items:center;\n  padding:8px 0;border-bottom:1px solid #F5F6F7;\n}\n#ugp-recl .statut-row:last-child{border-bottom:none;}\n#ugp-recl .statut-label{font-size:12px;color:#566573;}\n#ugp-recl .pill{\n  display:inline-flex;align-items:center;gap:5px;\n  font-family:'Montserrat',sans-serif;\n  font-size:10px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;\n  border-radius:20px;padding:3px 9px;\n}\n#ugp-recl .pill.att{background:rgba(244,208,63,0.18);color:#7D6608;}\n#ugp-recl .pill.trait{background:rgba(17,122,101,0.12);color:#0F6E56;}\n#ugp-recl .pill.clos{background:rgba(46,64,83,0.1);color:#2E4053;}\n#ugp-recl .pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor;}\n\n\/* Suivi dossier *\/\n#ugp-recl .suivi-card{\n  background:var(--blanc);border:1px solid #E5E8EA;\n  border-radius:12px;padding:18px 18px;\n}\n#ugp-recl .suivi-title{\n  font-family:'Montserrat',sans-serif;\n  font-size:12.5px;font-weight:700;color:#1C2833;\n  margin-bottom:4px;display:flex;align-items:center;gap:8px;\n}\n#ugp-recl .suivi-title i{color:var(--or);}\n#ugp-recl .suivi-sub{font-size:12px;color:#888;margin-bottom:12px;line-height:1.5;}\n#ugp-recl .suivi-row{display:flex;gap:8px;}\n#ugp-recl .suivi-row .form-input{flex:1;font-size:12.5px;padding:8px 12px;}\n#ugp-recl .btn-suivi{\n  padding:8px 16px;\n  background:transparent;\n  border:1.5px solid var(--bleu);\n  color:var(--bleu);border-radius:7px;\n  font-family:'Montserrat',sans-serif;\n  font-size:12px;font-weight:700;\n  cursor:pointer;white-space:nowrap;\n  transition:all 0.2s;\n}\n#ugp-recl .btn-suivi:hover{background:var(--bleu);color:var(--blanc);}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   NOTE DE BAS DE PAGE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .note{\n  background:#F8F9FA;border-radius:10px;\n  padding:18px 22px;font-size:13.5px;\n  color:#555;line-height:1.75;\n  border-left:4px solid var(--or);\n  display:flex;gap:12px;align-items:flex-start;\n}\n#ugp-recl .note-icon{color:var(--or);font-size:17px;flex-shrink:0;margin-top:2px;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   HOVER EFFECTS GLOBAUX\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n#ugp-recl .form-card,\n#ugp-recl .info-card,\n#ugp-recl .suivi-card{transition:box-shadow 0.25s,transform 0.25s;}\n\n#ugp-recl .info-card:hover,\n#ugp-recl .suivi-card:hover{\n  box-shadow:0 8px 24px rgba(0,0,0,0.08);\n  transform:translateY(-2px);\n}\n#ugp-recl .step-num{transition:transform 0.25s,box-shadow 0.25s;}\n#ugp-recl .step:hover .step-num{\n  transform:scale(1.12);\n  box-shadow:0 6px 20px rgba(27,79,114,0.3);\n}\n#ugp-recl .type-tag{transition:all 0.18s;}\n#ugp-recl .upload-zone{transition:border 0.2s,background 0.2s;}\n#ugp-recl .note:hover{\n  background:var(--blanc);\n  box-shadow:0 4px 16px rgba(0,0,0,0.06);\n  transform:translateX(3px);\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media(max-width:960px){\n  #ugp-recl .grid-2{grid-template-columns:1fr;}\n  #ugp-recl .form-row{grid-template-columns:1fr;}\n  #ugp-recl .type-grid{grid-template-columns:repeat(2,1fr);}\n}\n@media(max-width:700px){\n  #ugp-recl .hero,\n  #ugp-recl .wrap{padding:40px 22px;}\n  #ugp-recl .process-row{flex-wrap:wrap;gap:20px;}\n  #ugp-recl .step{flex:0 0 45%;}\n  #ugp-recl .step-connector{display:none;}\n}\n<\/style>\n\n<div id=\"ugp-recl\">\n\n  <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n       \u2551          HERO BANNER         \u2551\n       \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n  <div class=\"hero\">\n    <div class=\"bc\">L'UGP <span>\u203a M\u00e9canisme de Gestion des R\u00e9clamations<\/span><\/div>\n    <div class=\"tag\">MGR<\/div>\n    <h1><span>R\u00e9clamations<\/span> Riveraines<\/h1>\n    <p class=\"hero-desc\">\n      Vous \u00eates riverain des travaux de la Section Urbaine d'Autoroute ?\n      Signalez tout impact, nuisance ou dommage li\u00e9 au chantier.\n      Votre r\u00e9clamation sera trait\u00e9e dans les meilleurs d\u00e9lais.\n    <\/p>\n    <div class=\"hero-meta\">\n      <div class=\"hero-badge\"><i class=\"fa-solid fa-clock\"><\/i> D\u00e9lai de traitement : 21 jours ouvrables<\/div>\n      <div class=\"hero-badge\"><i class=\"fa-solid fa-shield-halved\"><\/i> Traitement confidentiel<\/div>\n      <div class=\"hero-badge\"><i class=\"fa-solid fa-phone\"><\/i> +237 6XX XXX XXX<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"wrap\">\n\n    <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n         \u2551     PROCESSUS DE TRAITEMENT  \u2551\n         \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n    <div class=\"sec\"><i class=\"fa-solid fa-diagram-project\"><\/i> Processus de traitement<\/div>\n    <div class=\"process-row\">\n\n      <div class=\"step\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-connector\"><\/div>\n        <div class=\"step-title\">D\u00e9p\u00f4t<\/div>\n        <div class=\"step-desc\">Soumission via formulaire, guichet UGP ou bo\u00eete \u00e0 lettres<\/div>\n        <span class=\"step-delay\">J0<\/span>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-connector\"><\/div>\n        <div class=\"step-title\">Accus\u00e9<\/div>\n        <div class=\"step-desc\">R\u00e9ception officielle et attribution d'un num\u00e9ro de suivi<\/div>\n        <span class=\"step-delay\">J+3<\/span>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-connector\"><\/div>\n        <div class=\"step-title\">Instruction<\/div>\n        <div class=\"step-desc\">Analyse, visite terrain et consultation du responsable<\/div>\n        <span class=\"step-delay\">J+10<\/span>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">4<\/div>\n        <div class=\"step-connector\"><\/div>\n        <div class=\"step-title\">R\u00e9ponse<\/div>\n        <div class=\"step-desc\">Proposition de r\u00e9solution communiqu\u00e9e au plaignant<\/div>\n        <span class=\"step-delay\">J+21<\/span>\n      <\/div>\n\n      <div class=\"step\">\n        <div class=\"step-num\">5<\/div>\n        <div class=\"step-title\">Cl\u00f4ture<\/div>\n        <div class=\"step-desc\">Accord, mise en \u0153uvre et archivage du dossier<\/div>\n        <span class=\"step-delay\">Variable<\/span>\n      <\/div>\n\n    <\/div><!-- \/process-row -->\n\n    <div class=\"pgap\"><\/div>\n\n    <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n         \u2551   FORMULAIRE + SIDEBAR       \u2551\n         \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\n    <div class=\"grid-2\">\n\n      <!-- \u2500\u2500\u2500 FORMULAIRE \u2500\u2500\u2500 -->\n      <div>\n        <div class=\"sec\"><i class=\"fa-solid fa-pen-to-square\"><\/i> Formulaire de r\u00e9clamation<\/div>\n        <div class=\"form-card\">\n\n          <div class=\"form-card-head\">\n            <div class=\"form-card-icon\"><i class=\"fa-solid fa-file-circle-plus\"><\/i><\/div>\n            <div>\n              <div class=\"form-card-title\">Nouvelle r\u00e9clamation<\/div>\n              <div class=\"form-card-sub\">UGP-SUA \u00b7 MINHDU \u00b7 Yaound\u00e9<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"form-body\">\n\n            <!-- Identit\u00e9 -->\n            <div class=\"fsec\">Identit\u00e9 du plaignant<\/div>\n\n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">Nom <span class=\"req\">*<\/span><\/label>\n                <input class=\"form-input\" type=\"text\" placeholder=\"Nom de famille\">\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">Pr\u00e9nom(s) <span class=\"req\">*<\/span><\/label>\n                <input class=\"form-input\" type=\"text\" placeholder=\"Pr\u00e9nom(s)\">\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">T\u00e9l\u00e9phone <span class=\"req\">*<\/span><\/label>\n                <input class=\"form-input\" type=\"tel\" placeholder=\"+237 6XX XXX XXX\">\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">Email<\/label>\n                <input class=\"form-input\" type=\"email\" placeholder=\"email@exemple.com\">\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row full\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">Quartier \/ Localisation <span class=\"req\">*<\/span><\/label>\n                <input class=\"form-input\" type=\"text\" placeholder=\"Ex : Nsimeyong, Biyem-Assi, Mimboman\u2026\">\n              <\/div>\n            <\/div>\n\n            <hr class=\"form-divider\">\n\n            <!-- Nature de la r\u00e9clamation -->\n            <div class=\"fsec\">Nature de la r\u00e9clamation<\/div>\n\n            <div class=\"form-group\" style=\"margin-bottom:16px;\">\n              <label class=\"form-label\">Type de r\u00e9clamation <span class=\"req\">*<\/span><\/label>\n              <div class=\"type-grid\">\n                <div class=\"type-tag active\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83c\udfd7\ufe0f<\/div>\n                  <div class=\"type-tag-label\">Dommages aux biens<\/div>\n                <\/div>\n                <div class=\"type-tag\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83d\udd0a<\/div>\n                  <div class=\"type-tag-label\">Nuisances sonores<\/div>\n                <\/div>\n                <div class=\"type-tag\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83d\udca7<\/div>\n                  <div class=\"type-tag-label\">Eau \/ Drainage<\/div>\n                <\/div>\n                <div class=\"type-tag\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83d\udea7<\/div>\n                  <div class=\"type-tag-label\">Acc\u00e8s entrav\u00e9<\/div>\n                <\/div>\n                <div class=\"type-tag\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83d\udca8<\/div>\n                  <div class=\"type-tag-label\">Poussi\u00e8re \/ Vibrations<\/div>\n                <\/div>\n                <div class=\"type-tag\" onclick=\"ugpSelectType(this)\">\n                  <div class=\"type-tag-icon\">\ud83d\udccb<\/div>\n                  <div class=\"type-tag-label\">Autre<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">Lot concern\u00e9<\/label>\n                <select class=\"form-input\">\n                  <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n                  <option>Lot 1 (MUFG Bank)<\/option>\n                  <option>Lots 2 &amp; 3 (BPI France)<\/option>\n                  <option>Inconnu<\/option>\n                <\/select>\n              <\/div>\n              <div class=\"form-group\">\n                <label class=\"form-label\">Date du fait <span class=\"req\">*<\/span><\/label>\n                <input class=\"form-input\" type=\"date\">\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row full\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">Description d\u00e9taill\u00e9e <span class=\"req\">*<\/span><\/label>\n                <textarea class=\"form-input\" placeholder=\"D\u00e9crivez pr\u00e9cis\u00e9ment le probl\u00e8me, son impact sur votre vie quotidienne et les dommages constat\u00e9s\u2026\"><\/textarea>\n                <div class=\"form-hint\">Minimum 100 caract\u00e8res \u2014 plus votre description est pr\u00e9cise, plus le traitement sera rapide.<\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"form-row full\">\n              <div class=\"form-group\">\n                <label class=\"form-label\">Pi\u00e8ces jointes<\/label>\n                <div class=\"upload-zone\">\n                  <div class=\"upload-icon\"><i class=\"fa-solid fa-cloud-arrow-up\"><\/i><\/div>\n                  <div class=\"upload-text\">Cliquez ou d\u00e9posez vos fichiers ici<\/div>\n                  <div class=\"upload-formats\">Photos, vid\u00e9os, documents \u2014 max 10 Mo par fichier<\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <hr class=\"form-divider\">\n\n            <div class=\"form-alert\">\n              <i class=\"fa-solid fa-circle-info\"><\/i>\n              <span>\n                En soumettant ce formulaire, vous autorisez l'UGP-SUA \u00e0 vous contacter pour instruire votre r\u00e9clamation.\n                Vos donn\u00e9es sont prot\u00e9g\u00e9es et ne seront pas divulgu\u00e9es \u00e0 des tiers.\n              <\/span>\n            <\/div>\n\n            <button class=\"btn-submit\">\n              <i class=\"fa-solid fa-paper-plane\"><\/i>\n              Soumettre la r\u00e9clamation\n            <\/button>\n\n          <\/div><!-- \/form-body -->\n        <\/div><!-- \/form-card -->\n      <\/div><!-- \/col-formulaire -->\n\n      <!-- \u2500\u2500\u2500 SIDEBAR \u2500\u2500\u2500 -->\n      <div class=\"sidebar\">\n        <div class=\"sec\"><i class=\"fa-solid fa-circle-info\"><\/i> Informations utiles<\/div>\n\n        <!-- Contacts MGR -->\n        <div class=\"info-card\">\n          <div class=\"ic-head c-bleu\">\n            <div class=\"ic-icon\"><i class=\"fa-solid fa-address-book\"><\/i><\/div>\n            <div class=\"ic-title\">Contacts MGR<\/div>\n          <\/div>\n          <div class=\"ic-body\">\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Responsable Sauvegarde Sociale<\/div>\n              <div class=\"ic-val\">P. NGNIAKAM DJEUNDAM<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Responsable Environnemental<\/div>\n              <div class=\"ic-val\">C. WANDA<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Responsable Suivi-\u00c9valuation<\/div>\n              <div class=\"ic-val\">Mme LEUDJOU YAMBA<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">T\u00e9l\u00e9phone UGP-SUA<\/div>\n              <div class=\"ic-val or\">+237 6XX XXX XXX<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Email<\/div>\n              <div class=\"ic-val or\">mgr@ugp-sua.cm<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Adresse<\/div>\n              <div class=\"ic-val\">MINHDU \u00b7 Yaound\u00e9 \u00b7 Cameroun<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- D\u00e9lais r\u00e9glementaires -->\n        <div class=\"info-card\">\n          <div class=\"ic-head c-vert\">\n            <div class=\"ic-icon\"><i class=\"fa-solid fa-calendar-check\"><\/i><\/div>\n            <div class=\"ic-title\">D\u00e9lais r\u00e9glementaires<\/div>\n          <\/div>\n          <div class=\"ic-body\">\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Accus\u00e9 de r\u00e9ception<\/div>\n              <div class=\"ic-val\">3 jours ouvrables<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Instruction du dossier<\/div>\n              <div class=\"ic-val\">10 jours ouvrables<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">R\u00e9ponse officielle<\/div>\n              <div class=\"ic-val\">21 jours ouvrables<\/div>\n            <\/div>\n            <div class=\"ic-row\">\n              <div class=\"ic-key\">Appel \/ Recours<\/div>\n              <div class=\"ic-val\">30 jours apr\u00e8s r\u00e9ponse<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Statuts -->\n        <div class=\"info-card\">\n          <div class=\"ic-head c-or\">\n            <div class=\"ic-icon\"><i class=\"fa-solid fa-tags\"><\/i><\/div>\n            <div class=\"ic-title\">Statuts de suivi<\/div>\n          <\/div>\n          <div class=\"ic-body\">\n            <div class=\"statut-row\">\n              <div class=\"statut-label\">En attente d'instruction<\/div>\n              <span class=\"pill att\"><span class=\"dot\"><\/span>Attente<\/span>\n            <\/div>\n            <div class=\"statut-row\">\n              <div class=\"statut-label\">En cours de traitement<\/div>\n              <span class=\"pill trait\"><span class=\"dot\"><\/span>En cours<\/span>\n            <\/div>\n            <div class=\"statut-row\">\n              <div class=\"statut-label\">R\u00e9clamation cl\u00f4tur\u00e9e<\/div>\n              <span class=\"pill clos\"><span class=\"dot\"><\/span>Cl\u00f4tur\u00e9e<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Suivi de dossier -->\n        <div class=\"suivi-card\">\n          <div class=\"suivi-title\">\n            <i class=\"fa-solid fa-magnifying-glass\"><\/i>\n            Suivre ma r\u00e9clamation\n          <\/div>\n          <div class=\"suivi-sub\">\n            Saisissez votre num\u00e9ro de dossier pour consulter l'\u00e9tat de traitement de votre r\u00e9clamation.\n          <\/div>\n          <div class=\"suivi-row\">\n            <input class=\"form-input\" type=\"text\" placeholder=\"Ex : MGR-2026-0042\">\n            <button class=\"btn-suivi\">Rechercher<\/button>\n          <\/div>\n        <\/div>\n\n      <\/div><!-- \/sidebar -->\n\n    <\/div><!-- \/grid-2 -->\n\n    <div class=\"pgap\"><\/div>\n\n    <!-- NOTE DE BAS DE PAGE -->\n    <div class=\"note\">\n      <i class=\"fa-solid fa-circle-info note-icon\"><\/i>\n      <div>\n        Le M\u00e9canisme de Gestion des R\u00e9clamations (MGR) de l'UGP-SUA est conforme aux exigences des bailleurs de fonds\n        (<strong>MUFG Bank Londres<\/strong> et <strong>BPI France<\/strong>). Toute r\u00e9clamation non r\u00e9solue \u00e0 l'amiable\n        peut faire l'objet d'un recours aupr\u00e8s du <strong>Comit\u00e9 de Pilotage interminist\u00e9riel<\/strong>.\n        Un registre des r\u00e9clamations est tenu \u00e0 jour par le <strong>P\u00f4le Suivi-\u00c9valuation<\/strong>\n        et accessible sur demande conform\u00e9ment aux dispositions de l'<strong>Arr\u00eat\u00e9 n\u00b0088\/CAB\/PM<\/strong>.\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/wrap -->\n<\/div><!-- \/ugp-recl -->\n\n<script>\nfunction ugpSelectType(el){\n  var tags = document.querySelectorAll('#ugp-recl .type-tag');\n  tags.forEach(function(t){ t.classList.remove('active'); });\n  el.classList.add('active');\n}\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/comments?post=283"}],"version-history":[{"count":3,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/283\/revisions"}],"predecessor-version":[{"id":297,"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/pages\/283\/revisions\/297"}],"wp:attachment":[{"href":"https:\/\/ugp-sua.cm\/index.php\/wp-json\/wp\/v2\/media?parent=283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}