{"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":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12525\" class=\"elementor elementor-12525\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21063c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"21063c6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-16af78e\" data-id=\"16af78e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e58955 elementor-widget elementor-widget-html\" data-id=\"2e58955\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.2\/css\/all.min.css\">\r\n<style>\r\n\/* Added Cairo font for better Arabic typography *\/\r\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');\r\n\r\n:root {\r\n    --gen-primary: #00695c; \r\n    --gen-secondary: #00bfa5;\r\n    --gen-accent: #ff9800;\r\n    --glass: rgba(255, 255, 255, 0.95);\r\n}\r\n\r\n.gen-full-page {\r\n    display: flex;\r\n    min-height: 100vh;\r\n    width: 100%;\r\n    font-family: 'Poppins', sans-serif;\r\n    background: #f4f7f6;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* LEFT SIDE - STICKY IMAGE *\/\r\n.gen-visual-side {\r\n    flex: 1;\r\n    position: sticky;\r\n    top: 0;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.gen-visual-side img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    filter: brightness(0.8);\r\n}\r\n\r\n.gen-overlay-text {\r\n    position: absolute;\r\n    bottom: 50px;\r\n    left: 50px;\r\n    color: white;\r\n    z-index: 2;\r\n}\r\n\r\n.gen-overlay-text h3 {\r\n    font-family: 'Montserrat';\r\n    font-weight: 900;\r\n    font-size: 4rem;\r\n    line-height: 1;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n    opacity: 0.2;\r\n    color: transparent;\r\n    -webkit-text-stroke: 2px white;\r\n}\r\n\r\n\/* RIGHT SIDE - SCROLLING CONTENT *\/\r\n.gen-content-side {\r\n    flex: 1.2;\r\n    padding: 80px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background: white;\r\n    position: relative;\r\n    z-index: 5;\r\n    box-shadow: -20px 0 50px rgba(0,0,0,0.05);\r\n}\r\n\r\n.erasmus-flag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background: var(--gen-primary);\r\n    color: white;\r\n    padding: 10px 20px;\r\n    border-radius: 5px;\r\n    font-family: 'Montserrat';\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    margin-bottom: 30px;\r\n    width: fit-content;\r\n}\r\n\r\n.gen-content-side h1 {\r\n    font-family: 'Montserrat';\r\n    font-weight: 900;\r\n    font-size: 3.5rem;\r\n    color: var(--gen-primary);\r\n    line-height: 1.1;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.gen-content-side h1 span {\r\n    color: var(--gen-secondary);\r\n}\r\n\r\n.project-description {\r\n    font-size: 1.2rem;\r\n    line-height: 1.8;\r\n    color: #444;\r\n    border-left: 5px solid var(--gen-accent);\r\n    padding-left: 30px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.highlight-box {\r\n    background: #e0f2f1;\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n    margin-bottom: 50px;\r\n}\r\n\r\n.highlight-box ul {\r\n    list-style: none;\r\n    padding: 0;\r\n}\r\n\r\n.highlight-box li {\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    font-weight: 600;\r\n    color: var(--gen-primary);\r\n}\r\n\r\n.highlight-box li i {\r\n    color: var(--gen-accent);\r\n}\r\n\r\n\/* BUTTON CONTAINER *\/\r\n.button-group {\r\n    display: flex;\r\n    gap: 15px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n\/* THE BUTTON - BIG WOW *\/\r\n.cta-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: linear-gradient(45deg, var(--gen-primary), var(--gen-secondary));\r\n    color: white !important;\r\n    text-decoration: none !important;\r\n    padding: 18px 35px;\r\n    border-radius: 50px;\r\n    font-family: 'Montserrat';\r\n    font-weight: 800;\r\n    font-size: 0.95rem;\r\n    letter-spacing: 1px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 10px 20px rgba(0, 105, 92, 0.2);\r\n}\r\n\r\n\/* Style for Arabic Button specifically *\/\r\n.cta-button.ar {\r\n    font-family: 'Cairo', sans-serif;\r\n    direction: rtl;\r\n    background: #333; \/* Darker color to distinguish it *\/\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 30px rgba(0, 105, 92, 0.4);\r\n    background: var(--gen-accent);\r\n}\r\n\r\n.cta-button i {\r\n    margin-left: 15px;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.cta-button.ar i {\r\n    margin-left: 0;\r\n    margin-right: 15px;\r\n}\r\n\r\n.cta-button:hover i {\r\n    transform: translateX(8px);\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1024px) {\r\n    .gen-full-page { flex-direction: column; }\r\n    .gen-visual-side { height: 40vh; position: relative; }\r\n    .gen-content-side { padding: 40px; }\r\n    .gen-content-side h1 { font-size: 2.5rem; }\r\n    .button-group { flex-direction: column; }\r\n    .cta-button { width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gen-full-page\">\r\n    \r\n    <div class=\"gen-visual-side\">\r\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\">\r\n        <div class=\"gen-overlay-text\">\r\n            <h3>GEN-YOUTH<\/h3>\r\n            <h3>ERASMUS+<\/h3>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"gen-content-side\">\r\n        <div class=\"erasmus-flag\">\r\n            <i class=\"fa-solid fa-earth-africa\"><\/i> COOP\u00c9RATION M\u00c9DITERRAN\u00c9ENNE\r\n        <\/div>\r\n\r\n        <h1>Strengthening South Mediterranean <span>Organizations<\/span><\/h1>\r\n\r\n        <div class=\"project-description\">\r\n            Le projet <strong>GEN-YOUTH<\/strong> s\u2019inscrit dans les priorit\u00e9s europ\u00e9ennes en mati\u00e8re de jeunesse et d'inclusion. Il r\u00e9pond aux d\u00e9fis du ch\u00f4mage des jeunes dans la r\u00e9gion sud-m\u00e9diterran\u00e9enne.\r\n        <\/div>\r\n\r\n        <div class=\"highlight-box\">\r\n            <ul>\r\n                <li><i class=\"fa-solid fa-check-circle\"><\/i> Inclusion des jeunes NEETs et des Femmes<\/li>\r\n                <li><i class=\"fa-solid fa-check-circle\"><\/i> Renforcement institutionnel et num\u00e9rique<\/li>\r\n                <li><i class=\"fa-solid fa-check-circle\"><\/i> Insertion professionnelle durable<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"button-group\">\r\n            <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/Gen-Youth-Project-Presentation--z3fG\/\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                PRESENTATION (EN) <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/koza\/\" class=\"cta-button ar\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n                \u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 (\u0628\u0627\u0644\u0639\u0631\u0628\u064a\u0629) <i class=\"fa-solid fa-arrow-left-long\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","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":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"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}]}}