{"id":12525,"date":"2026-04-06T10:50:09","date_gmt":"2026-04-06T09:50:09","guid":{"rendered":"https:\/\/www.univ-oeb.dz\/vrlex\/?page_id=12525"},"modified":"2026-04-07T22:47:38","modified_gmt":"2026-04-07T21:47:38","slug":"gen-youth-strengthening-south-mediterranean-organizations-for-youth-employability","status":"publish","type":"page","link":"https:\/\/www.univ-oeb.dz\/vrlex\/gen-youth-strengthening-south-mediterranean-organizations-for-youth-employability\/","title":{"rendered":"GEN-YOUTH \u2013 Strengthening South Mediterranean Organizations for Youth Employability"},"content":{"rendered":"<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\n<style>\n\/* Added Cairo font for better Arabic typography *\/\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;600&family=Cairo:wght@600;800&display=swap');\n:root {\n    --gen-primary: #00695c; \n    --gen-secondary: #00bfa5;\n    --gen-accent: #ff9800;\n    --glass: rgba(255, 255, 255, 0.95);\n}\n.gen-full-page {\n    display: flex;\n    min-height: 100vh;\n    width: 100%;\n    font-family: 'Poppins', sans-serif;\n    background: #f4f7f6;\n    overflow: hidden;\n}\n\/* LEFT SIDE - STICKY IMAGE *\/\n.gen-visual-side {\n    flex: 1;\n    position: sticky;\n    top: 0;\n    height: 100vh;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.gen-visual-side img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: brightness(0.8);\n}\n.gen-overlay-text {\n    position: absolute;\n    bottom: 50px;\n    left: 50px;\n    color: white;\n    z-index: 2;\n}\n.gen-overlay-text h3 {\n    font-family: 'Montserrat';\n    font-weight: 900;\n    font-size: 4rem;\n    line-height: 1;\n    text-transform: uppercase;\n    margin: 0;\n    opacity: 0.2;\n    color: transparent;\n    -webkit-text-stroke: 2px white;\n}\n\/* RIGHT SIDE - SCROLLING CONTENT *\/\n.gen-content-side {\n    flex: 1.2;\n    padding: 80px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: white;\n    position: relative;\n    z-index: 5;\n    box-shadow: -20px 0 50px rgba(0,0,0,0.05);\n}\n.erasmus-flag {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: var(--gen-primary);\n    color: white;\n    padding: 10px 20px;\n    border-radius: 5px;\n    font-family: 'Montserrat';\n    font-weight: 700;\n    font-size: 13px;\n    margin-bottom: 30px;\n    width: fit-content;\n}\n.gen-content-side h1 {\n    font-family: 'Montserrat';\n    font-weight: 900;\n    font-size: 3.5rem;\n    color: var(--gen-primary);\n    line-height: 1.1;\n    margin-bottom: 30px;\n}\n.gen-content-side h1 span {\n    color: var(--gen-secondary);\n}\n.project-description {\n    font-size: 1.2rem;\n    line-height: 1.8;\n    color: #444;\n    border-left: 5px solid var(--gen-accent);\n    padding-left: 30px;\n    margin-bottom: 40px;\n}\n.highlight-box {\n    background: #e0f2f1;\n    padding: 30px;\n    border-radius: 20px;\n    margin-bottom: 50px;\n}\n.highlight-box ul {\n    list-style: none;\n    padding: 0;\n}\n.highlight-box li {\n    margin-bottom: 15px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    font-weight: 600;\n    color: var(--gen-primary);\n}\n.highlight-box li i {\n    color: var(--gen-accent);\n}\n\/* BUTTON CONTAINER *\/\n.button-group {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n}\n\/* THE BUTTON - BIG WOW *\/\n.cta-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(45deg, var(--gen-primary), var(--gen-secondary));\n    color: white !important;\n    text-decoration: none !important;\n    padding: 18px 35px;\n    border-radius: 50px;\n    font-family: 'Montserrat';\n    font-weight: 800;\n    font-size: 0.95rem;\n    letter-spacing: 1px;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 20px rgba(0, 105, 92, 0.2);\n}\n\/* Style for Arabic Button specifically *\/\n.cta-button.ar {\n    font-family: 'Cairo', sans-serif;\n    direction: rtl;\n    background: #333; \/* Darker color to distinguish it *\/\n}\n.cta-button:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(0, 105, 92, 0.4);\n    background: var(--gen-accent);\n}\n.cta-button i {\n    margin-left: 15px;\n    transition: transform 0.3s ease;\n}\n.cta-button.ar i {\n    margin-left: 0;\n    margin-right: 15px;\n}\n.cta-button:hover i {\n    transform: translateX(8px);\n}\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n    .gen-full-page { flex-direction: column; }\n    .gen-visual-side { height: 40vh; position: relative; }\n    .gen-content-side { padding: 40px; }\n    .gen-content-side h1 { font-size: 2.5rem; }\n    .button-group { flex-direction: column; }\n    .cta-button { width: 100%; }\n}\n<\/style>\n<section>\n        <img decoding=\"async\" src=\"https:\/\/www.univ-oeb.dz\/vrlex\/wp-content\/uploads\/2026\/04\/dc683057-228f-4f33-825f-f892548845e8.jpg\" alt=\"GEN-YOUTH Project\"><\/p>\n<h3>GEN-YOUTH<\/h3>\n<h3>ERASMUS+<\/h3>\n<p>             COOP\u00c9RATION M\u00c9DITERRAN\u00c9ENNE<\/p>\n<h1>Strengthening South Mediterranean Organizations<\/h1>\n<p>            Le projet <strong>GEN-YOUTH<\/strong> s\u2019inscrit dans les priorit\u00e9s europ\u00e9ennes en mati\u00e8re de jeunesse et d&#8217;inclusion. Il r\u00e9pond aux d\u00e9fis du ch\u00f4mage des jeunes dans la r\u00e9gion sud-m\u00e9diterran\u00e9enne.<\/p>\n<ul>\n<li> Inclusion des jeunes NEETs et des Femmes<\/li>\n<li> Renforcement institutionnel et num\u00e9rique<\/li>\n<li> Insertion professionnelle durable<\/li>\n<\/ul>\n<p>            <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/Gen-Youth-Project-Presentation--z3fG\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                PRESENTATION (EN)<br \/>\n            <\/a><br \/>\n            <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/koza\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n                \u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629)<br \/>\n            <\/a><br \/>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>GEN-YOUTH ERASMUS+ COOP\u00c9RATION M\u00c9DITERRAN\u00c9ENNE Strengthening South Mediterranean Organizations Le projet GEN-YOUTH s\u2019inscrit dans les priorit\u00e9s europ\u00e9ennes en mati\u00e8re de jeunesse et d&#8217;inclusion. Il r\u00e9pond aux d\u00e9fis du ch\u00f4mage des jeunes dans la r\u00e9gion sud-m\u00e9diterran\u00e9enne. Inclusion des jeunes NEETs et des Femmes Renforcement institutionnel et num\u00e9rique Insertion professionnelle durable PRESENTATION (EN) \u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629)<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-12525","page","type-page","status-publish","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/comments?post=12525"}],"version-history":[{"count":10,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12525\/revisions"}],"predecessor-version":[{"id":12541,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12525\/revisions\/12541"}],"wp:attachment":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media?parent=12525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}