{"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-06T11:01:56","modified_gmt":"2026-04-06T10:01:56","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@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;900&family=Poppins:wght@300;400;600&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}\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\/* 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: 25px 50px;\r\n    border-radius: 50px;\r\n    font-family: 'Montserrat';\r\n    font-weight: 800;\r\n    font-size: 1.1rem;\r\n    letter-spacing: 1px;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 15px 30px rgba(0, 105, 92, 0.3);\r\n    width: fit-content;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-5px) scale(1.05);\r\n    box-shadow: 0 20px 40px 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: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}\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        <a href=\"https:\/\/online.fliphtml5.com\/jagwf\/Gen-Youth-Project-Presentation--z3fG\/\" class=\"cta-button\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n            EXPLORER LE PROJET COMPLET <i class=\"fa-solid fa-arrow-right-long\"><\/i>\r\n        <\/a>\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 EXPLORER LE PROJET COMPLET<\/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":4,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12525\/revisions"}],"predecessor-version":[{"id":12532,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/12525\/revisions\/12532"}],"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}]}}