{"id":7403,"date":"2023-04-04T11:49:23","date_gmt":"2023-04-04T10:49:23","guid":{"rendered":"http:\/\/www.univ-oeb.dz\/vrlex\/?page_id=7403"},"modified":"2026-02-04T09:26:56","modified_gmt":"2026-02-04T08:26:56","slug":"etudier-en-algerie","status":"publish","type":"page","link":"https:\/\/www.univ-oeb.dz\/vrlex\/etudier-en-algerie\/","title":{"rendered":"\u00c9tudier en Alg\u00e9rie"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\r\n\r\n\r\n \r\n Bienvenue \u00e0 l'Universit\u00e9 d'Oum El Bouaghi<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --primary: #0369a1;\r\n --accent: #38bdf8;\r\n --text-dark: #0f172a;\r\n --bg-light: #f0f9ff;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Cairo', sans-serif;\r\n background: var(--bg-light);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* 1. Arri\u00e8re-plan Sky Anim\u00e9 *\/\r\n .hero-banner {\r\n position: relative;\r\n width: 100%;\r\n min-height: 600px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(180deg, #ffffff 0%, #e0f2fe 100%);\r\n overflow: hidden;\r\n }\r\n\r\n \/* Nuages anim\u00e9s *\/\r\n .cloud {\r\n position: absolute;\r\n background: white;\r\n border-radius: 100px;\r\n opacity: 0.5;\r\n filter: blur(20px);\r\n animation: float 20s linear infinite;\r\n z-index: 1;\r\n }\r\n .c1 { width: 300px; height: 100px; top: 10%; left: -10%; }\r\n .c2 { width: 200px; height: 80px; bottom: 15%; right: -5%; animation-delay: -5s; }\r\n\r\n @keyframes float {\r\n 0% { transform: translateX(-100px); }\r\n 50% { transform: translateX(100px); }\r\n 100% { transform: translateX(-100px); }\r\n }\r\n\r\n \/* 2. Conteneur principal *\/\r\n .content-wrap {\r\n position: relative;\r\n z-index: 10;\r\n max-width: 1200px;\r\n width: 90%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n \/* 3. Animation Typewriter pour le titre *\/\r\n .welcome-badge {\r\n background: var(--primary);\r\n color: white;\r\n padding: 8px 25px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n animation: fadeInDown 1s ease;\r\n }\r\n\r\n h1 {\r\n font-size: clamp(35px, 6vw, 60px);\r\n font-weight: 900;\r\n color: var(--text-dark);\r\n margin: 0;\r\n line-height: 1.2;\r\n }\r\n\r\n .typewriter {\r\n color: var(--primary);\r\n overflow: hidden; \r\n border-right: .15em solid var(--primary); \r\n white-space: nowrap; \r\n margin: 10px auto; \r\n animation: \r\n typing 3.5s steps(40, end),\r\n blink-caret .75s step-end infinite;\r\n max-width: fit-content;\r\n }\r\n\r\n @keyframes typing { from { width: 0 } to { width: 100% } }\r\n @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--primary); } }\r\n\r\n \/* 4. Carte de description \"Glass\" *\/\r\n .glass-card {\r\n background: rgba(255, 255, 255, 0.7);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 40px;\r\n border-radius: 30px;\r\n margin-top: 40px;\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n max-width: 850px;\r\n transform: translateY(30px);\r\n opacity: 0;\r\n animation: fadeInUp 1s ease forwards 0.5s;\r\n }\r\n\r\n .main-p {\r\n font-size: 20px;\r\n color: #475569;\r\n line-height: 1.8;\r\n margin: 0;\r\n font-weight: 400;\r\n }\r\n\r\n \/* 5. Points cl\u00e9s flottants *\/\r\n .feature-grid {\r\n display: flex;\r\n gap: 20px;\r\n margin-top: 50px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n\r\n .feat-item {\r\n background: white;\r\n padding: 15px 30px;\r\n border-radius: 20px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n box-shadow: 0 10px 15px rgba(0,0,0,0.05);\r\n animation: floatUpDown 3s ease-in-out infinite;\r\n border: 1px solid transparent;\r\n transition: 0.3s;\r\n }\r\n .feat-item:nth-child(2) { animation-delay: 0.5s; }\r\n .feat-item:nth-child(3) { animation-delay: 1s; }\r\n\r\n .feat-item:hover {\r\n border-color: var(--primary);\r\n transform: scale(1.1) !important;\r\n }\r\n\r\n @keyframes floatUpDown {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n\r\n \/* 6. Bouton d'action *\/\r\n .cta-btn {\r\n margin-top: 50px;\r\n padding: 20px 50px;\r\n background: var(--primary);\r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 900;\r\n border-radius: 100px;\r\n font-size: 18px;\r\n display: inline-flex;\r\n align-items: center;\r\n transition: 0.4s;\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .cta-btn:hover {\r\n background: var(--text-dark);\r\n box-shadow: 0 20px 40px rgba(0,0,0,0.2);\r\n padding-right: 65px;\r\n }\r\n\r\n .cta-btn svg {\r\n margin-left: 15px;\r\n transition: 0.3s;\r\n }\r\n\r\n @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\r\n @keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero-banner\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"content-wrap\">\r\n <div class=\"welcome-badge\">OUVERT AUX \u00c9TUDIANTS INTERNATIONAUX<\/div>\r\n \r\n <h1>Bienvenue \u00e0 <br> <div class=\"typewriter\">l'Universit\u00e9 d'Oum El Bouaghi<\/div><\/h1>\r\n \r\n <div class=\"glass-card\">\r\n <p class=\"main-p\">\r\n Une institution acad\u00e9mique de renom situ\u00e9e dans l'est alg\u00e9rien. Nous sommes fiers d'offrir une \u00e9ducation de qualit\u00e9 et ravis d'accueillir des \u00e9tudiants du monde entier dans un environnement stimulant et enrichissant.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"feature-grid\">\r\n <div class=\"feat-item\">\u2708\ufe0f Communaut\u00e9 Mondiale<\/div>\r\n <div class=\"feat-item\">\ud83c\udfdb\ufe0f Facult\u00e9s Modernes<\/div>\r\n <div class=\"feat-item\">\ud83c\udf1f Excellence P\u00e9dagogique<\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"cta-btn\">\r\n Rejoignez notre communaut\u00e9\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <p style=\"margin-top: 40px; color: var(--primary); font-weight: 700; opacity: 0.8;\">\r\n D\u00e9couvrez un monde o\u00f9 le savoir rencontre la culture locale.\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-372c48d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"372c48d\" 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-dddd264\" data-id=\"dddd264\" 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-2baad4f elementor-widget elementor-widget-html\" data-id=\"2baad4f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-top-header\" dir=\"ltr\">\r\n <div class=\"oeb-mini-badge\">PORTAIL DE L'\u00c9TUDIANT INTERNATIONAL<\/div>\r\n \r\n <div class=\"oeb-portal-scene\">\r\n <div class=\"oeb-door-frame\">\r\n <div class=\"oeb-door oeb-door-left\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n <div class=\"oeb-door oeb-door-right\">\r\n <div class=\"door-handle\"><\/div>\r\n <\/div>\r\n \r\n <div class=\"oeb-content-behind\">\r\n <h1 class=\"oeb-super-title\">\u00c9TUDIER EN ALG\u00c9RIE<\/h1>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"oeb-accent-line\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n :root {\r\n --primary-blue: #0369a1; \r\n --accent-blue: #38bdf8; \r\n --dark-slate: #0f172a;\r\n --door-color: #ffffff;\r\n }\r\n\r\n .oeb-top-header {\r\n text-align: center;\r\n padding: 40px 20px;\r\n font-family: 'Cairo', sans-serif;\r\n overflow: hidden;\r\n }\r\n\r\n \/* 1. Badge *\/\r\n .oeb-mini-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--primary-blue);\r\n padding: 6px 22px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n margin-bottom: 30px;\r\n border: 1px solid #bae6fd;\r\n opacity: 0;\r\n animation: fadeInDown 0.8s ease forwards;\r\n }\r\n\r\n \/* 2. Portal Scene *\/\r\n .oeb-portal-scene {\r\n position: relative;\r\n width: 100%;\r\n max-width: 650px;\r\n height: 120px; \r\n margin: 0 auto;\r\n perspective: 1200px;\r\n }\r\n\r\n .oeb-door-frame {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-door {\r\n position: absolute;\r\n top: 0;\r\n width: 50.5%; \r\n height: 100%;\r\n background: var(--door-color);\r\n z-index: 10;\r\n border: 1px solid #e2e8f0;\r\n transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);\r\n display: flex;\r\n align-items: center;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n backface-visibility: hidden;\r\n }\r\n\r\n .door-handle {\r\n width: 4px;\r\n height: 30px;\r\n background: var(--primary-blue);\r\n border-radius: 10px;\r\n margin: 0 10px;\r\n opacity: 0.3;\r\n }\r\n\r\n .oeb-door-left {\r\n left: 0;\r\n transform-origin: left center;\r\n animation: openLeftDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n justify-content: flex-end; \r\n }\r\n\r\n .oeb-door-right {\r\n right: 0;\r\n transform-origin: right center;\r\n animation: openRightDoor 1.5s cubic-bezier(0.7, 0, 0.3, 1) 1s forwards;\r\n justify-content: flex-start; \r\n }\r\n\r\n .oeb-content-behind {\r\n position: absolute;\r\n width: 100%;\r\n z-index: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .oeb-super-title {\r\n font-size: clamp(30px, 5vw, 52px);\r\n font-weight: 900;\r\n color: var(--dark-slate);\r\n margin: 0;\r\n white-space: nowrap;\r\n letter-spacing: -1px;\r\n opacity: 0;\r\n transform: scale(0.9);\r\n animation: revealTitle 1s ease-out 1.2s forwards;\r\n }\r\n\r\n \/* 3. Accent Line *\/\r\n .oeb-accent-line {\r\n width: 0;\r\n height: 6px;\r\n background: linear-gradient(90deg, var(--primary-blue), var(--accent-blue));\r\n margin: 20px auto 0;\r\n border-radius: 100px;\r\n animation: growLine 0.8s ease-out 1.8s forwards;\r\n }\r\n\r\n \/* --- Keyframes --- *\/\r\n\r\n @keyframes openLeftDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(-110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes openRightDoor {\r\n 0% { transform: rotateY(0deg); }\r\n 100% { transform: rotateY(110deg); opacity: 0; visibility: hidden; }\r\n }\r\n\r\n @keyframes revealTitle {\r\n to { opacity: 1; transform: scale(1); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from { opacity: 0; transform: translateY(-20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes growLine {\r\n to { width: 120px; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .oeb-portal-scene { height: 80px; }\r\n .oeb-top-header { padding: 30px 10px; }\r\n .oeb-super-title { letter-spacing: 0; }\r\n }\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d67c64a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d67c64a\" 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-b4a0944\" data-id=\"b4a0944\" 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-86632f9 elementor-widget elementor-widget-html\" data-id=\"86632f9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n .aviation-super-scene {\r\n padding: 80px 5%;\r\n background-color: #ffffff;\r\n font-family: 'Cairo', sans-serif;\r\n direction: ltr; \r\n overflow: hidden;\r\n }\r\n\r\n @keyframes cloudFlow {\r\n from { transform: translateX(-120%); }\r\n to { transform: translateX(120%); }\r\n }\r\n\r\n \/* Fixed animation: Removed permanent blur *\/\r\n @keyframes realisticTakeOff {\r\n 0% { transform: translate(0, 0) scale(1) rotate(0deg); }\r\n 15% { transform: translate(-3px, -2px) rotate(-0.5deg); } \r\n 100% { transform: translate(150%, -350px) scale(0.2) rotate(25deg); opacity: 0; }\r\n }\r\n\r\n @keyframes smoothLanding {\r\n 0% { transform: translate(-120%, -150px) scale(0.4) rotate(-15deg); opacity: 0; }\r\n 100% { transform: translate(0, 0) scale(1) rotate(0deg); opacity: 1; }\r\n }\r\n\r\n .ultra-card {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n background: #ffffff;\r\n border-radius: 40px;\r\n display: flex;\r\n flex-direction: row;\r\n box-shadow: 0 30px 70px rgba(0,0,0,0.08);\r\n border: 1px solid #f1f5f9;\r\n position: relative;\r\n min-height: 580px;\r\n overflow: hidden;\r\n }\r\n\r\n .plane-landing-bay {\r\n flex: 1.3;\r\n background: linear-gradient(to bottom, #4facfe 0%, #00f2fe 60%, #ffffff 100%);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cloud {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.8);\r\n filter: blur(15px);\r\n border-radius: 50%;\r\n animation: cloudFlow 25s linear infinite;\r\n }\r\n .c1 { width: 200px; height: 60px; top: 15%; animation-duration: 30s; }\r\n .c2 { width: 150px; height: 50px; top: 40%; left: 20%; animation-duration: 40s; opacity: 0.6; }\r\n\r\n .airplane-container {\r\n width: 100%;\r\n max-width: 550px;\r\n z-index: 10;\r\n filter: drop-shadow(0 40px 40px rgba(0,0,0,0.15));\r\n animation: smoothLanding 2.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;\r\n }\r\n\r\n .plane-landing-bay:hover .airplane-container {\r\n animation: realisticTakeOff 2.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;\r\n }\r\n\r\n .aero-text {\r\n flex: 1;\r\n padding: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n background: white;\r\n }\r\n\r\n \/* Fixed Heading: Darker color for sharpness *\/\r\n .aero-text h2 {\r\n font-size: 38px;\r\n font-weight: 900;\r\n color: #1e293b; \r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n\r\n \/* Fixed Paragraph: Darker color for readability *\/\r\n .aero-text p {\r\n color: #475569; \r\n font-size: 18px;\r\n line-height: 1.8;\r\n margin-bottom: 45px;\r\n }\r\n\r\n .btn-study-dz {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 15px;\r\n padding: 22px 40px;\r\n background: #4b6319; \/* Matched to your Olive Green *\/\r\n color: white !important;\r\n text-decoration: none;\r\n font-weight: 800;\r\n font-size: 18px;\r\n border-radius: 15px;\r\n transition: all 0.4s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .btn-study-dz:hover {\r\n background: #3a4d13;\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n @media (max-width: 992px) {\r\n .ultra-card { flex-direction: column; }\r\n .plane-landing-bay { min-height: 350px; }\r\n .aero-text { padding: 40px 20px; text-align: center; }\r\n }\r\n<\/style>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"aviation-super-scene\">\r\n <div class=\"ultra-card\">\r\n \r\n <div class=\"plane-landing-bay\">\r\n <div class=\"cloud c1\"><\/div>\r\n <div class=\"cloud c2\"><\/div>\r\n\r\n <div class=\"airplane-container\">\r\n <svg viewBox=\"0 0 800 400\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <defs>\r\n <linearGradient id=\"planeBodyGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#ffffff;stop-opacity:1\" \/>\r\n <stop offset=\"50%\" style=\"stop-color:#f1f5f9;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <linearGradient id=\"wingGrad\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n <stop offset=\"0%\" style=\"stop-color:#e2e8f0;stop-opacity:1\" \/>\r\n <stop offset=\"100%\" style=\"stop-color:#cbd5e1;stop-opacity:1\" \/>\r\n <\/linearGradient>\r\n <\/defs>\r\n\r\n <path d=\"M350,130 L550,40 L620,45 L450,140 Z\" fill=\"url(#wingGrad)\" \/>\r\n <path d=\"M720,180 C720,240 450,265 150,265 C70,265 30,230 30,180 C30,130 70,105 150,105 C450,105 720,120 720,180 Z\" fill=\"url(#planeBodyGrad)\" \/>\r\n <path d=\"M640,145 C680,152 705,175 708,185 L640,195 Z\" fill=\"#1e293b\" opacity=\"0.9\" \/>\r\n <path d=\"M160,110 L40,10 L120,10 L230,120 Z\" fill=\"#b6d1c1\" \/>\r\n\r\n <g fill=\"#94a3b8\" opacity=\"0.5\">\r\n <circle cx=\"250\" cy=\"180\" r=\"6\" \/><circle cx=\"290\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"330\" cy=\"180\" r=\"6\" \/><circle cx=\"370\" cy=\"180\" r=\"6\" \/>\r\n <circle cx=\"410\" cy=\"180\" r=\"6\" \/><circle cx=\"450\" cy=\"180\" r=\"6\" \/>\r\n <\/g>\r\n\r\n <path d=\"M400,210 L580,350 L680,360 L520,215 Z\" fill=\"#ffffff\" stroke=\"#e2e8f0\" stroke-width=\"2\" \/>\r\n <path d=\"M580,350 L680,360 L690,345 Z\" fill=\"#b6d1c1\" \/> \r\n <rect x=\"460\" y=\"280\" width=\"100\" height=\"45\" rx=\"22\" fill=\"#334155\" \/>\r\n <ellipse cx=\"465\" cy=\"302\" rx=\"12\" ry=\"20\" fill=\"#1e293b\" \/>\r\n <line x1=\"465\" y1=\"285\" x2=\"465\" y2=\"320\" stroke=\"#475569\" stroke-width=\"2\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"aero-text\">\r\n <h2>Votre destination pour \u00e9tudier en Alg\u00e9rie<\/h2>\r\n <p>\r\n Bienvenue \u00e0 l'Universit\u00e9 d'Oum El Bouaghi. D\u00e9couvrez les opportunit\u00e9s acad\u00e9miques offertes aux \u00e9tudiants internationaux via le portail officiel \u00ab Study in Algeria \u00bb. Lancez votre parcours \u00e9ducatif dans un environnement alliant excellence et innovation.\r\n <\/p>\r\n \r\n <a href=\"https:\/\/studyinalgeria.dz\" target=\"_blank\" class=\"btn-study-dz\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\r\n <polyline points=\"12 5 19 12 12 19\"><\/polyline>\r\n <\/svg>\r\n <span>Visiter le portail \u00ab Study in Algeria \u00bb<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36771fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36771fb\" 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-7681b8c\" data-id=\"7681b8c\" 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-5f7bf24 elementor-widget elementor-widget-html\" data-id=\"5f7bf24\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-title-container\">\r\n <div class=\"oeb-location-badge\">\r\n <span class=\"oeb-ping-animation\"><\/span>\r\n <span class=\"oeb-label-text\">LOCALISATION :<\/span> OUM EL BOUAGHI, ALG\u00c9RIE\r\n <\/div>\r\n\r\n <h2 class=\"oeb-main-title\">Universit\u00e9 Larbi Ben M'hidi<\/h2>\r\n \r\n <div class=\"oeb-title-divider\"><\/div>\r\n<\/div>\r\n\r\n<style>\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@700;900&display=swap');\r\n\r\n .oeb-title-container {\r\n text-align: center;\r\n padding: 20px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .oeb-location-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n background: #f0f9ff;\r\n color: #0369a1;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n margin-bottom: 15px;\r\n border: 1px solid #e0f2fe;\r\n box-shadow: 0 4px 12px rgba(3, 105, 161, 0.08);\r\n }\r\n\r\n \/* Style sp\u00e9cifique pour le mot LOCALISATION *\/\r\n .oeb-label-text {\r\n color: #0f172a; \/* Couleur plus fonc\u00e9e pour d\u00e9tacher le mot *\/\r\n margin-right: 6px;\r\n font-weight: 900;\r\n }\r\n\r\n .oeb-ping-animation {\r\n width: 8px;\r\n height: 8px;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n margin-right: 12px;\r\n position: relative;\r\n }\r\n\r\n .oeb-ping-animation::after {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n background: #0369a1;\r\n border-radius: 50%;\r\n animation: oeb-ripple 1.5s infinite;\r\n }\r\n\r\n @keyframes oeb-ripple {\r\n 0% { transform: scale(1); opacity: 0.8; }\r\n 100% { transform: scale(3); opacity: 0; }\r\n }\r\n\r\n .oeb-main-title {\r\n font-size: 42px;\r\n font-weight: 900;\r\n color: #0f172a;\r\n margin: 0;\r\n line-height: 1.2;\r\n text-transform: uppercase;\r\n }\r\n\r\n .oeb-title-divider {\r\n width: 80px;\r\n height: 6px;\r\n background: #0369a1;\r\n margin: 25px auto 0;\r\n border-radius: 10px;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .oeb-main-title { font-size: 28px; }\r\n .oeb-location-badge { font-size: 11px; padding: 6px 15px; }\r\n }\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4287989 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4287989\" 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-be6b0a7\" data-id=\"be6b0a7\" 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-61718b3 elementor-widget elementor-widget-html\" data-id=\"61718b3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"oeb-split-section\">\r\n <div class=\"oeb-container\">\r\n \r\n <div class=\"oeb-col-text\">\r\n <div class=\"oeb-badge\">Localisation Officielle<\/div>\r\n <h2 class=\"oeb-title\">Universit\u00e9 Larbi Ben M'hidi<\/h2>\r\n <p class=\"oeb-subtitle\">Oum El Bouaghi, Alg\u00e9rie<\/p>\r\n \r\n <div class=\"oeb-info-card\">\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83d\udccd<\/span>\r\n <div>\r\n <strong>Adresse<\/strong>\r\n <p>Route de Constantine, Oum El Bouaghi 04000<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"oeb-info-item\">\r\n <span class=\"oeb-icon\">\ud83c\udf0d<\/span>\r\n <div>\r\n <strong>Coordonn\u00e9es<\/strong>\r\n <p>35.8780\u00b0 N, 7.0903\u00b0 E<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&destination=Larbi+Ben+M'Hidi+University+Oum+El+Bouaghi\" target=\"_blank\" class=\"oeb-btn\">\r\n Ouvrir dans Google Maps\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"oeb-col-map\">\r\n <div class=\"oeb-map-card\">\r\n <div class=\"oeb-map-tag\">\r\n <span class=\"oeb-ping\"><\/span>\r\n OUM EL BOUAGHI (OEB)\r\n <\/div>\r\n\r\n <div class=\"oeb-svg-holder\">\r\n <svg viewBox=\"250 150 250 250\" class=\"oeb-svg\">\r\n <path class=\"algeria-bg\" d=\"M300 180 L420 180 L460 250 L440 330 L360 360 L300 320 L280 250 Z\" \/>\r\n \r\n <path class=\"algeria-east\" d=\"M380 200 L440 210 L460 250 L440 320 L390 310 L380 250 Z\" \/>\r\n \r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-point\" \/>\r\n <circle cx=\"420\" cy=\"260\" r=\"6\" class=\"oeb-pulse\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<style>\r\n :root {\r\n --oeb-blue: #0369a1;\r\n --oeb-light-blue: #38bdf8;\r\n --oeb-dark: #0f172a;\r\n --oeb-gray: #64748b;\r\n }\r\n\r\n .oeb-split-section {\r\n padding: 60px 20px;\r\n background: transparent;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .oeb-container {\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 50px;\r\n align-items: center;\r\n }\r\n\r\n \/* Styles Colonne Gauche *\/\r\n .oeb-badge {\r\n display: inline-block;\r\n background: #e0f2fe;\r\n color: var(--oeb-blue);\r\n padding: 5px 15px;\r\n border-radius: 50px;\r\n font-weight: 800;\r\n font-size: 12px;\r\n margin-bottom: 15px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .oeb-title {\r\n font-size: 36px;\r\n font-weight: 900;\r\n color: var(--oeb-dark);\r\n margin: 0;\r\n }\r\n\r\n .oeb-subtitle {\r\n font-size: 20px;\r\n color: var(--oeb-blue);\r\n margin-top: 5px;\r\n font-weight: 700;\r\n }\r\n\r\n .oeb-info-card {\r\n margin: 30px 0;\r\n background: white;\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n }\r\n\r\n .oeb-info-item {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .oeb-info-item:last-child { margin-bottom: 0; }\r\n\r\n .oeb-icon {\r\n font-size: 24px;\r\n background: #f8fafc;\r\n width: 50px;\r\n height: 50px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 12px;\r\n }\r\n\r\n .oeb-info-item strong { display: block; color: var(--oeb-dark); font-size: 14px; }\r\n .oeb-info-item p { color: var(--oeb-gray); margin: 0; font-size: 14px; }\r\n\r\n .oeb-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--oeb-blue);\r\n color: white !important;\r\n text-decoration: none;\r\n padding: 15px 30px;\r\n border-radius: 100px;\r\n font-weight: 700;\r\n transition: 0.3s;\r\n box-shadow: 0 10px 20px rgba(3, 105, 161, 0.2);\r\n }\r\n\r\n .oeb-btn:hover { background: var(--oeb-dark); transform: translateY(-3px); }\r\n\r\n \/* Styles Colonne Droite (Carte) *\/\r\n .oeb-map-card {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 30px;\r\n box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n position: relative;\r\n text-align: center;\r\n }\r\n\r\n .oeb-map-tag {\r\n position: absolute;\r\n top: 25px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: var(--oeb-dark);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 100px;\r\n font-size: 11px;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n z-index: 10;\r\n white-space: nowrap;\r\n }\r\n\r\n .oeb-ping {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--oeb-light-blue);\r\n border-radius: 50%;\r\n animation: blink 1s infinite;\r\n }\r\n\r\n .oeb-svg-holder { margin-top: 30px; }\r\n .oeb-svg { width: 100%; height: auto; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.08)); }\r\n \r\n .algeria-bg { fill: #f1f5f9; stroke: #cbd5e1; stroke-width: 1.5; }\r\n .algeria-east { fill: var(--oeb-blue); stroke: var(--oeb-light-blue); stroke-width: 1.5; }\r\n \r\n .oeb-point { fill: white; }\r\n .oeb-pulse { fill: none; stroke: var(--oeb-light-blue); stroke-width: 2; animation: pulse 2s infinite; }\r\n\r\n @keyframes pulse { 0% { r: 6; opacity: 1; } 100% { r: 35; opacity: 0; } }\r\n @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }\r\n\r\n \/* Mobile *\/\r\n @media (max-width: 900px) {\r\n .oeb-container { grid-template-columns: 1fr; text-align: center; }\r\n .oeb-info-item { text-align: left; }\r\n .oeb-col-text { order: 2; }\r\n .oeb-col-map { order: 1; }\r\n }\r\n<\/style>\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>Votre destination pour \u00e9tudier en Alg\u00e9rie Bienvenue \u00e0 l’Universit\u00e9 d’Oum El Bouaghi. D\u00e9couvrez les opportunit\u00e9s acad\u00e9miques offertes aux \u00e9tudiants internationaux via le portail officiel \u00ab Study in Algeria \u00bb. Lancez votre parcours \u00e9ducatif dans un environnement alliant excellence et innovation. Visiter le portail \u00ab Study in Algeria \u00bb \u00c9tudier en Alg\u00e9rie [wonderplugin_slider id=5] Bienvenue sur …<\/p>\n","protected":false},"author":2,"featured_media":7413,"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-7403","page","type-page","status-publish","has-post-thumbnail","hentry"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7403","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=7403"}],"version-history":[{"count":76,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7403\/revisions"}],"predecessor-version":[{"id":12502,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/pages\/7403\/revisions\/12502"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media\/7413"}],"wp:attachment":[{"href":"https:\/\/www.univ-oeb.dz\/vrlex\/wp-json\/wp\/v2\/media?parent=7403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}