1<!DOCTYPE html> 2<html lang="fr"> 3 4<head> 5 <!-- Google Tag Manager --> 6
6<script>
vendor: 347 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 7 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 9 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer','
10GTM-NJB5R56M
vendor: 3 bytes, line 10
10');
10</script>
10 11 <!-- End Google Tag Manager --> 12 <meta http-equiv="Content-Type" content="text/htms" charset="UTF-8" /> 13 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 14 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 15 <meta name="description" lang="FR" content="Choisissez les auto école de confiance Bara en Belgique. Apprenez la théorie et la pratique de tous les permis avec nos moniteurs qualifiés. " /> 16 <meta name="application-name" content="Bara" /> 17 <meta charset="UTF-8"> 18 19 <title> Auto école Bara | Permis auto, moto et professionnels </title> 20 21 22 <meta property="og:url" content="https://autoecolebara.be/" /> 23 <meta property="og:type" content="article" /> 24 <meta property="og:title" content="" /> 25 <meta property="og:image" content="assets/img/logo.png" /> 26 <meta name="csrf-token" content="5UHIG1bhw0cb0u4I4f6m4CG7rKjjgeLAkxwibNEk"> 27 28 <link rel="canonical" href="https://autoecolebara.be/questions" /> 29 <link rel="icon" href="https://autoecolebara.be/assets/img/bara.ico " /> 30 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet"> 31
31<script src="https://autoecolebara.be/assets/js/jquery351.min.js"></script>
31 32 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> 33
33<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
33 34
34<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
34 35
35<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
35 36
36<script src="https://code.iconify.design/3/3.1.1/iconify.min.js"></script>
36 37 <link href="https://cdnjs.cloudflare.com/ajax/libs/fontisto/3.0.4/css/fontisto/fontisto.min.css" rel="stylesheet"> 38
38<script src="https://kit.fontawesome.com/ed50b2be7f.js" crossorigin="anonymous"></script>
38 39
39<script src="//unpkg.com/alpinejs" defer></script>
39 40 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"> 41 42 <link rel="preload" as="style" href="https://autoecolebara.be/build/assets/app-2f9e3f70.css" /><link rel="modulepreload" href="https://autoecolebara.be/build/assets/app-385c9481.js" /><link rel="stylesheet" href="https://autoecolebara.be/build/assets/app-2f9e3f70.css" />
42<script type="module" src="https://autoecolebara.be/build/assets/app-385c9481.js"></script>
42</head> 43<body> 44 <!-- Google Tag Manager (noscript) -->
vendor: 73 bytes, lines 44-45
44 45 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
45GTM-NJB5R56M
vendor: 93 bytes, lines 45-47
45" 46 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 47
47<!-- End Google Tag Manager (noscript) --> 48 <div class="w-full bg-blue-950 lg:h-11 h-14 flex justify-between items-center lg:px-32 px-4"> 49 <div class="text-white items-center flex gap-4"> 50 <span class="iconify w-8 h-8 justify-end text-yellow-400 group-hover:rotate-180 ease-linear duration-300 rounded-full" data-icon="line-md:phone-call-loop"></span> 51 <div class="text-sm"><a href="tel:0800 21 364"> 0800 21 364 (gratuit)</a></div> 52 <div class="items-center gap-6 justify-center nav:flex hidden"> 53 <a href="https://www.facebook.com/autoecolebara" target="_blank" class="text-white"> 54 <span class="iconify w-8 h-8 justify-end text-yellow-400 group-hover:rotate-180 ease-linear duration-300 rounded-full" data-icon="mingcute:facebook-line"> 55 </span> 56 </a> 57 <a href="https://www.instagram.com/autoecole.bara" target="_blank" class="text-white"> 58 <span class="iconify w-8 h-8 justify-end text-yellow-400 group-hover:rotate-180 ease-linear duration-300 rounded-full" data-icon="mdi:instagram"> 59 </span> 60 </a> 61 </div> 62 </div> 63 <div class="flex gap-6 items-center"> 64 <button class="shadow-xl text-sm w-52 text-blue-900 bg-yellow-400 relative font-bold z-10 px-0 py-1 rounded-full overflow-hidden group" type="submit"> 65 <a href="/questions" class="font-sans flex justify-between pl-5 pr-2 gap-5 items-center mx-auto">Questions ? 66 <span class="iconify w-6 h-6 justify-end text-blue-900 ease-linear duration-300 rounded-full" data-icon="lets-icons:file-dock"> 67 </span> 68 </a> 69 </button> 70 </div> 71 </div> 72 <nav class="bg-blue-900 p-1 xxs:p-3 nav:p-0"> 73 <div class="mx-4 nav:mx-16 flex flex-wrap items-center justify-around py-3"> 74 <a href="/" class="flex items-center xxs:ml-3 hidden nav:block"> 75 <img src="https://autoecolebara.be/assets/img/uploads/L7dumHChiGpI9NIFwCLU.svg" class="h-10 lg:h-12" alt="Logo Bara"/> 76 </a> 77 <div class="nav:hidden w-full" x-data="{ open: false }"> 78 <div class="flex justify-between items-center"> 79 <a href="/" class="flex items-center xxs:ml-3"> 80 <img src="https://autoecolebara.be/assets/img/uploads/L7dumHChiGpI9NIFwCLU.svg" class="h-10 lg:h-16" alt="Logo Bara" /> 81 </a> 82 <div class="flex w-28 justify-around items-center"> 83 <button class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-white hover:bg-blue-950" @click="open = !open; document.body.classList.toggle('overflow-hidden', open)"> 84 <i class="fa-solid fa-bars text-4xl" x-show="!open"></i> 85 <i class="fa-solid fa-times text-3xl px-0.5" x-show="open" x-cloak></i> 86 </button> 87 <a href="/profile" class="w-12 h-12 p-1 bg-yellow-400 rounded-full flex justify-center items-center"><span class="iconify text-blue-900 nav:text-blue-900 text-2xl" data-icon="ci:user-02"></a> 88 89 </div> 90 </div> 91 <div x-show="open" x-cloak x-transition class="text-center mb-4 h-screen py-4"> 92 <div x-data="{ open1: false }" class="xxs:mx-12 mt-4"> 93 <a @click="open1 = !open1" class="block text-base xxs:text-xl py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 94 Nos permis 95 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 96 </a> 97 <div x-show="open1" x-cloak @click.away="open1 = false" class="mt-3 bg-blue-900 rounded-xl overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 98 <a href="/permis/am" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500
98whitespace-nowrap mb-2">Permis AM | Cyclomoteurs</a> 99 <a href="/permis/aixam" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Voiture sans permis</a> 100 <a href="/permis/a" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis A | Moto</a> 101 <a href="/permis/b" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis B | Voiture</a> 102 <a href="/permis/be" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis BE | Voiture + remorque</a> 103 <a href="/permis/c" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis C | Camion</a> 104 <a href="/permis/d" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis D | Bus</a> 105 <a href="https://belgiandrivingschool.be/web/a-propos?menu=359" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Maitrise</a> 106 </div> 107 </div> 108 <div x-data="{ open2: false }" class="xxs:mx-12 mt-4"> 109 <a @click="open2 = !open2" class="block text-base xxs:text-xl py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 110 Nos permis pro 111 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 112 </a> 113 <div x-show="open2" x-cloak @click.away="open2 = false" class="mt-3 bg-blue-900 rounded-xl overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 114 <a href="/permis/capc" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">CAP Camion</a> 115 <a href="/permis/capd" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">CAP Bus</a> 116 <a href="/permis/be" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis BE | Voiture + remorque</a> 117 <a href="/permis/ce" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Permis CE | Semi-remorque</a> 118 <a href="/permis/de" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500
118whitespace-nowrap mb-2">Permis DE | Bus + Remorque</a> 119 <a href="https://fco.ae-bara.be" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Formation Continue - FCO</a> 120 <a href="https://adr.belgiandrivingschool.be" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Formation ADR</a> 121 <a href="https://belgiandrivingschool.be/web/a-propos?menu=359" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Maitrise</a> 122 </div> 123 </div> 124 <div x-data="{ open3: false }" class="xxs:mx-12 mt-4"> 125 <a @click="open3 = !open3" class="block text-base xxs:text-xl py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 126 Inscriptions 127 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 128 </a> 129 <div x-show="open3" x-cloak @click.away="open3 = false" class="mt-3 bg-blue-900 rounded-xl overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 130 <a href="/inscription/calendrier" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Cours Théorique</a> 131 <a href="/inscription/calendrier" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Cours TPR</a> 132 <a href="/inscription/pratique" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Cours Pratique</a> 133 <a href="https://fco.ae-bara.be/web/agenda?menu=377#link" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Formation continue - FCO</a> 134 <a href="https://adr.belgiandrivingschool.be/web/agenda?menu=345&
134titre=Agenda" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Formation ADR</a> 135 <a href="/inscription" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Infos sur nos cours</a> 136 <a href="/infostpr" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Infos sur TPR</a> 137 </div> 138 </div> 139 <div class="xxs:mx-12 mt-4 pb-3"> 140 <a href="/nos-auto-ecoles" class="block text-base xxs:text-xl py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">Agences</a> 141 </div> 142 <div x-data="{ open5: false }" class="xxs:mx-12 mt-4"> 143 <a @click="open5 = !open5" class="block text-base xxs:text-xl py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 144 Jobs 145 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 146 </a> 147 <div x-show="open5" x-cloak @click.away="open5 = false" class="mt-3 bg-blue-900 rounded-xl overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 148 <a href="/jobs" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Se former</a> 149 <a href="/jobsform" class="block xs:px-4 py-2 text-white bg-blue-900 rounded-full border-2 border-blue-300 hover:bg-blue-500 whitespace-nowrap mb-2">Postuler</a> 150 </div> 151 </div> 152 <div class="xxs:mx-12 mt-4 pb-3"> 153 <a href="/about" class="block text-base xxs:text-xl py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">Ã propos</a> 154 </div> 155 <div class="xxs:mx-12 mt-4 pb-3"> 156 <a href="/news" class="block text-base xxs:text-xl py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">News</a> 157 </div> 158 <div class="xxs:mx-12 mt-4 pb-3"> 159 <a href="/faq" class="block text-base xxs:text-xl py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">FAQ</a> 160 </div> 161 <div class="items-center gap-6 justify-center flex pt-3 border-t-2 border-blue-950 border-dotted"> 162 <a href="https://www.facebook.com/autoecolebara" target="_blank" class="text-white"> 163 <span class="iconify w-10 h-10 justify-end text-yellow-400 group-hover:rotate-180 ease-linear duration-300 rounded-full" data-icon="mingcute:facebook-line"> 164 </span> 165 </a> 166 <a href="https://www.instagram.com/autoecole.bara" target="_blank" class="text-white">
167 <span class="iconify w-10 h-10 justify-end text-yellow-400 group-hover:rotate-180 ease-linear duration-300 rounded-full" data-icon="mdi:instagram"> 168 </span> 169 </a> 170 </div> 171 </div> 172 </div> 173 <div class="w-auto hidden nav:block" id="navbar-default"> 174 <ul class="mb-0 font-medium flex items-center p-3 rounded-lg bg-blue-900 space-x-8"> 175 <div x-data="{ open: false }" @mouseleave="open = false" class="relative"> 176 <a @mouseover="open = true" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400" :class="{ 'bg-blue-950': open, 'hover:bg-blue-600': !open }"> 177 Nos permis 178 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 179 </a> 180 <div x-show="open" x-cloak @mouseover="open = true" class="absolute z-50 mt-1 bg-blue-900 shadow-xl hover:rounded-md rounded-b-md overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 181 <a href="/permis/am" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis AM | Cyclomoteurs</a> 182 <a href="/permis/aixam" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Voiture sans permis</a> 183 <a href="/permis/a" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis A | Moto</a> 184 <a href="/permis/b" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis B | Voiture</a> 185 <a href="/permis/be" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis BE | Voiture + remorque</a> 186 <a href="/permis/c" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis C | Camion</a> 187 <a href="/permis/d" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis D | Bus</a> 188 <a href="https://belgiandrivingschool.be/web/a-propos?menu=359" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Maitrise</a> 189 </div> 190 </div> 191 <div x-data="{ open: false }" @mouseleave="open = false" class="relative"> 192 <a @mouseover="open = true" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400" :class="{ 'bg-blue-950': open, 'hover:bg-blue-600': !open }"> 193 Nos permis pro 194 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 195 </a> 196 <div x-show="open" x-cloak @mouseover="open = true" class="absolute z-50 mt-1 bg-blue-900 shadow-xl hover:rounded-md rounded-b-md overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 197 <a href="/permis/capc" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">CAP Camion</a> 198 <a href="/permis/capd" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">CAP Bus</a> 199 <a href="/permis/be" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis BE | Voiture + remorque</a> 200 <a href="/permis/ce" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis CE | Semi-remorque</a> 201 <a href="/permis/de" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Permis DE | Bus + Remorque</a> 202 <a href="https://fco.ae-bara.be" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Formation Continue - FCO</a> 203 <a href="https://adr.belgiandrivingschool.be" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Formation ADR</a> 204 <a href="https://belgiandrivingschool.be/web/a-propos?menu=359" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Maitrise</a> 205 </div> 206 </div> 207 <div x-data="{ open: false }" @mouseleave="open = false" class="relative"> 208 <a @mouseover="open = true" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400" :class="{ 'bg-blue-950': open, 'hover:bg-blue-600': !open }"> 209 Inscriptions 210 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 211 </a> 212 <div x-show="open" x-cloak @mouseover="open = true" class="absolute z-50 mt-1 bg-blue-900 shadow-xl hover:rounded-md rounded-b-md overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 213 <a href="/inscription/calendrier" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Cours Théorique</a> 214 <a href="/inscription/calendrier" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Cours TPR</a> 215 <a href="/inscription/pratique" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Cours Pratique</a> 216 <a href="https://fco.ae-bara.be/web/agenda?menu=377#link" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Formation continue - FCO</a> 217 <a href="https://adr.belgiandrivingschool.be/web/agenda?menu=345&
217titre=Agenda" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Formation ADR</a> 218 <a href="/inscription" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Infos sur nos cours</a> 219 <a href="/infostpr" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Infos sur TPR</a> 220 </div> 221 </div> 222 <li class="list-none pt-0"> 223 <a href="/nos-auto-ecoles" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">Agences</a> 224 </li> 225 <div x-data="{ open: false }" @mouseleave="open = false" class="relative"> 226 <a @mouseover="open = true" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400" :class="{ 'bg-blue-950': open, 'hover:bg-blue-600': !open }"> 227 Jobs 228 <i class="fa-solid fa-chevron-down text-blue-900 rounded-full bg-yellow-400 ml-2 p-1"></i> 229 </a> 230 <div x-show="open" x-cloak @mouseover="open = true" class="absolute z-50 mt-1 bg-blue-900 shadow-xl hover:rounded-md rounded-b-md overflow-hidden" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 231 <a href="/jobs" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Se former</a> 232 <a href="/jobsform" class="block px-4 py-3 text-sm text-white bg-blue-900 shadow-xl hover:bg-blue-950 hover:text-white whitespace-nowrap">Postuler</a> 233 </div> 234 </div> 235 <li class="list-none pt-0"> 236 <a href="/about" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">Ã propos</a> 237 </li> 238 <li class="list-none pt-0"> 239 <a href="/news" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">News</a> 240 </li> 241 <li class="list-none pt-0"> 242 <a href="/faq" class="block text-xs lg:text-sm py-2 xl:px-3 text-white rounded-full hover:bg-blue-950">FAQ</a> 243 </li> 244 <li class="list-none pt-0"> 245 246 <a href="/profile" class="flex justify-center items-center w-10 h-10 bg-yellow-400 rounded-full"><span class="iconify text-blue-900 nav:text-blue-900 text-2xl" data-icon="ci:user-02"></a> 247 </li> 248 </ul> 249 </div> 250 </div> 251 </nav> 252 <div class="min-h-[500px]"> 253 <div class="py-10 xxs:py-16 nav:py-24 px-4 xxs:px-10 lg:px-28 xl:px-52"> 254 <div class="mb-8"> 255 <div id="breadcrumb"> 256 <a href="https://autoecolebara.be" class="text-blue-800 text-2xl font-bold">Accueil</a>
257 <span class="text-blue-800 font-bold text-2xl mx-2">></span> 258 <a href="https://autoecolebara.be/questions" class="text-yellow-400 text-2xl font-bold">Questions</a> 259 </div> 260 </div> 261 <div> 262 <div class="flex lg:flex-row flex-col items-center"> 263 <div class="bg-blue-900 text-yellow-400 lg:h-16 lg:w-16 h-20 w-20 lg:mb-0 mb-5 rounded-full flex items-center justify-center"> 264 <span class="iconify lg:h-11 lg:w-11 h-14 w-14" data-icon="fluent:chat-bubbles-question-24-regular"></span> 265 </div> 266 <div class="flex flex-col"> 267 <h1 class="nav:pl-8 text-blue-900 nav:text-blue-800 font-extrabold nav:font-bold text-2xl text-center nav:text-left"> 268 Posez-nous vos questions 269 </h1> 270 <h2 class="nav:pl-8 text-center nav:text-left"> 271 à votre écoute, à chaque étape, pour l'obtention de votre permis ! 272 </h2> 273 </div> 274 </div> 275 </div> 276 <div class="flex flex-col nav:flex-row items-center justify-evenly mt-8"> 277 <div class="w-full nav:w-1/2"> 278 <form method="POST" action="https://autoecolebara.be/questions/store" class="max-w-xl mx-auto p-6"> 279 <input type="hidden" name="_token" value="5UHIG1bhw0cb0u4I4f6m4CG7rKjjgeLAkxwibNEk"> <div class="mb-4"> 280 <label for="nom" class="block text-blue-900 font-bold mb-1">Nom</label> 281 <input type="text" id="nom" name="nom" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50" required> 282 </div> 283 <div class="mb-4"> 284 <label for="prenom" class="block text-blue-900 font-bold mb-1">Prénom</label> 285 <input type="text" id="prenom" name="prenom" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50" required> 286 </div> 287 <div class="mb-4"> 288 <label for="email" class="block text-blue-900 font-bold mb-1">Email</label> 289 <input type="email" id="email" name="email" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50" required> 290 </div> 291 <div class="mb-4"> 292 <label for="telephone" class="block text-blue-900 font-bold mb-1">Téléphone</label> 293 <input type="tel" id="telephone" name="telephone" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50" required> 294 </div> 295 <div class="mb-4"> 296 <label for="permis" class="block text-blue-900 font-bold mb-1">Permis</label> 297 <select name="permis" id="permis" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50 shadow-md"> 298 <option value='0' >Votre choix...</option> 299 <option value='AM' >Cyclo</option> 300 <option value='AIXAM' >Quadricycle</option> 301 <option value='Moto limite 35KW' >Moto limité 35KW</option> 302 <option value='Moto 125cc' >Moto 125cc</option> 303 <option value='Moto 125cc Permis B' >Moto 125cc Permis B</option> 304 <option value='A' >Moto illimitée</option> 305 <option value='B' >Voiture (manuelle)</option> 306 <option value='BA' >Voiture (automatique)</option> 307 <option value='BE' >Voiture + Remorque</option> 308 <option value='CAPC' >Camion CAP</option> 309 <option value='C' >Camion</option> 310 <option value='CE' >Semi - Remorque</option> 311 <option value='CAPD' >Bus CAP</option> 312 <option value='D' >Bus</option> 313 <option value='DE' >Bus + Remorque</option> 314 <option value='Formation ADR' >Formation ADR</option> 315 <option value='Recyclage ADR' >Recyclage ADR</option> 316 <option value='CAP' >Recyclage CAP</option> 317 </select> 318 </div> 319 <div class="mb-4"> 320 <label for="type_cours" class="block text-blue-900 font-bold mb-1">Type de cours</label> 321 <select name="type_cours" id="type_cours" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50 shadow-md"> 322 <option value="0">Votre choix...</option> 323 <option value="theorie">Théorie</option> 324 <option value="pratique">Pratique</option> 325 <option value="tpr">TPR</option> 326 <option value="rdv">RDV</option> 327 </select> 328 </div> 329 <div class="mb-4"> 330 <label for="agence" class="block text-blue-900 font-bold mb-1">Agence</label> 331 <select name="agence" id="agence" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50 shadow-md"> 332 <option value="0" >Votre choix...</option> 333 <option value="85" > 334 Anderlecht (Chaussée de Mons) 335 </option> 336 <option value="73" > 337 Anderlecht (Ninove) 338 </option> 339 <option value="42" > 340 Ans 341 </option> 342 <option value="25" > 343 Ath 344 </option> 345 <option value="49" > 346 Barvaux-sur-Ourthe 347 </option> 348 <option value="72" > 349 Bastogne
350 </option> 351 <option value="102" > 352 Beaumont 353 </option> 354 <option value="18" > 355 Binche 356 </option> 357 <option value="45" > 358 Boitsfort 359 </option> 360 <option value="31" > 361 Braine l'Alleud 362 </option> 363 <option value="46" > 364 Bruxelles (Midi) 365 </option> 366 <option value="16" > 367 Chapelle-lez-Herlaimont 368 </option> 369 <option value="12" > 370 Charleroi 371 </option> 372 <option value="17" > 373 Chatelet 374 </option> 375 <option value="36" > 376 Chimay 377 </option> 378 <option value="15" > 379 Courcelles 380 </option> 381 <option value="39" > 382 Couvin 383 </option> 384 <option value="34" > 385 Eghezee 386 </option> 387 <option value="28" > 388 Enghien 389 </option> 390 <option value="40" > 391 Flémalle 392 </option> 393 <option value="37" > 394 Florennes 395 </option> 396 <option value="10" > 397 Fontaine-l'Evêque 398 </option> 399 <option value="14" > 400 Gosselies 401 </option> 402 <option value="20" > 403 Gozée 404 </option> 405 <option value="21" > 406 Ham-sur-Heure-Nalinnes 407 </option> 408 <option value="44" > 409 Huy 410 </option> 411 <option value="84" > 412 Ixelles-Flagey 413 </option> 414 <option value="48" > 415 La Cambre 416 </option> 417 <option value="19" > 418 La Louvière 419 </option> 420 <option value="27" > 421 Lessines 422 </option> 423 <option value="26" > 424 Leuze-en-Hainaut 425 </option> 426 <option value="50" > 427 Libramont 428 </option> 429 <option value="43" > 430 Liege 431 </option> 432 <option value="22" > 433 Lodelinsart 434 </option> 435 <option value="51" > 436 Marche-en-Famenne 437 </option> 438 <option value="52" > 439 Marchienne-au-Pont 440 </option> 441 <option value="63" > 442 Mons 443 </option> 444 <option value="32" > 445 Namur 446 </option> 447 <option value="30" > 448 Nivelles 449 </option> 450 <option value="38" > 451 Philippeville 452 </option> 453 <option value="33" > 454 Profondeville 455 </option> 456 <option value="53" > 457 Rochefort 458 </option> 459 <option value="35" > 460 Tamines 461 </option> 462 <option value="13" > 463 Tournai 464 </option> 465 <option value="29" > 466 Tubize 467 </option> 468 <option value="41" > 469 Waremme 470 </option> 471 <option value="47" > 472 Woluwe-Saint-Pierre 473 </option> 474 </select> 475 </div> 476 <div class="mb-4"> 477 <label for="message" class="block text-blue-900 font-bold mb-1">Message</label> 478 <textarea type="text" id="message" name="message" class="w-full py-1.5 px-3 rounded-lg border-none bg-blue-50"></textarea> 479 </div> 480 <button id="submit-btn" type="submit" class="shadow-xl lg:text-sm text-md lg:w-52 w-full text-white bg-blue-900 relative font-bold z-10 mt-3 px-0 lg:py-0 py-2 overflow-hidden rounded-full group" type="submit"> 481 <div class="font-sans flex justify-between p-2 items-center mx-auto">Envoyer
482 <span class="iconify lg:w-8 lg:h-8 w-10 h-10 justify-end p-1 bg-yellow-400 text-blue-900 rounded-full" data-icon="majesticons:send-line"> 483 </span> 484 </div> 485 </button> 486 </form> 487 </div> 488 <div class="hidden nav:block pl-8 rounded-lg w-[600px]"> 489 <img src="https://autoecolebara.be/assets/img/pagedevisvisuel.png" alt="image devis" class="w-full h-auto max-w-full object-cover rounded-xl"> 490 </div> 491 </div> 492</div>
493<script> 494 document.addEventListener('DOMContentLoaded', function() { 495 const btn = document.getElementById('submit-btn'); 496 if(btn){ 497 btn.addEventListener('click', function(){ 498 btn.disabled = true; 499 btn.form.submit(); 500 }); 501 } 502 }); 503</script>
503 504 </div> 505 <footer> 506 <div class="bg-blue-900"> 507 <div class="flex flex-col nav:flex-row items-center"> 508 <div class="bg-blue-900 nav:w-1/4"> 509 <div class="pt-12 pb-6 nav:px-6 nav:py-24 lg:px-12 lg:py-24 xl:p-16 flex flex-col items-center justify-between"> 510 <a href="/" aria-label="home" class="nav:w-4/5"> 511 <img class="h-16 xs:h-24 nav:h-auto" src=https://autoecolebara.be/assets/img/uploads/FMAklqP3cf4gn00zeRtk.svg alt="logobara"> 512 </a> 513 <div class="nav:w-3/5 text-white text-sm text-center"> 514 <div class="font-bold pb-3 pt-12"> 515 Adresse du siége social 516 </div> 517 Pilote s.r.l. 2605</br>Rue de Crocheux, 5 </br> 6140 Fontaine-l'Evêque 518 </div> 519 <div class="nav:w-full lg:px-0 px-5 text-white mt-5 text-sm text-center">Sous l'autorité de tutelle du <a class="text-decoration-underline" href="https://mobilite.wallonie.be/" target="_blank">Service public de Wallonie</a> Mobilité et Infrastructure, Direction de la Certification et de lâHomologation, Boulevard du Nord 8 à 5000 Namur (tél. 081/77.20.00).</div> 520 <div class="flex mt-5 gap-4"> 521 <img src="https://autoecolebara.be/assets/img/iso9001logo.png" class="w-24" alt="ISO9001"></img> 522 <a href="https://mobilite.wallonie.be/home.html"><img src="https://autoecolebara.be/assets/img/logo_wallonie.png" class="w-24" alt="ISO9001"></img></a> 523 </div> 524 </div> 525 </div> 526 <div class="bg-blue-900 nav:py-16 w-full nav:w-2/3 pb-5"> 527 <div class="flex flex-col justify-center items-center"> 528 <div class="hidden nav:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 529 <div class="w-full"> 530 <div class="mb-1 ml-10 pt-1"> 531 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/bastogne ">Auto-école Bastogne</a> 532 </div> 533 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 534 <div class="w-2/5 flex items-center"> 535 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 536 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Bastogne/@50.0061447,5.7209624,21z/data=!4m6!3m5!1s0x47c0197f299307c1:0x850bb0346ea795d7!8m2!3d50.0061325!4d5.7210136!16s%2Fg%2F11hdv6ygvb?entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue Pierre Thomas 5</b></a> 537 </div> 538 <div class="w-1/4 flex items-center"> 539 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 540 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 61 61 10 55"><b>+32 61 61 10 55</b></a> 541 </div> 542 <div class="w-1/4 flex items-center"> 543 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 544 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>[email protected]</b></a> 545 </div> 546 </div> 547 </div> 548 <a href="https://autoecolebara.be/nos-auto-ecoles/bastogne" class='inline-block mr-3'> 549 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 550 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 551 </div> 552 </a> 553 </div> 554 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 555 <div x-cloak x-transition class="text-center mb-4"> 556 <div class="mx-6 xs:mx-12 mt-2"> 557 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 558 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 559 Auto-école Bastogne
560 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 561 </a> 562 </div> 563 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 564 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 565 <div class="py-5"> 566 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 567 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Bastogne/@50.0061447,5.7209624,21z/data=!4m6!3m5!1s0x47c0197f299307c1:0x850bb0346ea795d7!8m2!3d50.0061325!4d5.7210136!16s%2Fg%2F11hdv6ygvb?entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue Pierre Thomas 5</b></a> 568 </div> 569 <div class="border-t border-blue-600 py-5"> 570 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 571 <a class="hover:text-blue-300 text-white" href="tel:+32 61 61 10 55"><b>+32 61 61 10 55</b></a> 572 </div> 573 <div class="border-t border-blue-600 py-5"> 574 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 575 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>[email protected]</b></a> 576 </div> 577 <div class="border-t border-blue-600 py-5"> 578 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 579 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/bastogne"><b>Page de l'agence</b></a> 580 </div> 581 </div> 582 </div> 583 </div> 584 </div> 585 </div> 586 <div class="hidden nav:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 587 <div class="w-full"> 588 <div class="mb-1 ml-10 pt-1"> 589 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/bruxelles%20%28midi%29 ">Auto-école Bruxelles (Midi)</a> 590 </div> 591 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 592 <div class="w-2/5 flex items-center"> 593 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 594 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Bruxelles+(Midi)/@50.8448542,4.3475364,21z/data=!4m6!3m5!1s0x47c3c470aa2cc7db:0x38361a451f5a332d!8m2!3d50.844883!4d4.347522!16s%2Fg%2F1tdcw7z_?hl=fr&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue de la Gouttière 25</b></a> 595 </div> 596 <div class="w-1/4 flex items-center"> 597 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 598 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 2 502 39 81"><b>+32 2 502 39 81</b></a> 599 </div> 600 <div class="w-1/4 flex items-center"> 601 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 602 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>
602[email protected]</b></a> 603 </div> 604 </div> 605 </div> 606 <a href="https://autoecolebara.be/nos-auto-ecoles/bruxelles%20%28midi%29" class='inline-block mr-3'> 607 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 608 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 609 </div> 610 </a> 611 </div> 612 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 613 <div x-cloak x-transition class="text-center mb-4"> 614 <div class="mx-6 xs:mx-12 mt-2"> 615 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 616 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 617 Auto-école Bruxelles (Midi) 618 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 619 </a> 620 </div> 621 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 622 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 623 <div class="py-5"> 624 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 625 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Bruxelles+(Midi)/@50.8448542,4.3475364,21z/data=!4m6!3m5!1s0x47c3c470aa2cc7db:0x38361a451f5a332d!8m2!3d50.844883!4d4.347522!16s%2Fg%2F1tdcw7z_?hl=fr&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue de la Gouttière 25</b></a> 626 </div> 627 <div class="border-t border-blue-600 py-5"> 628 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 629 <a class="hover:text-blue-300 text-white" href="tel:+32 2 502 39 81"><b>+32 2 502 39 81</b></a> 630 </div> 631 <div class="border-t border-blue-600 py-5"> 632 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 633 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>[email protected]</b></a> 634 </div> 635 <div class="border-t border-blue-600 py-5"> 636 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 637 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/bruxelles%20%28midi%29"><b>Page de l'agence</b></a> 638 </div> 639 </div> 640 </div> 641 </div> 642 </div> 643 </div> 644 <div class="hidden n
644av:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 645 <div class="w-full"> 646 <div class="mb-1 ml-10 pt-1"> 647 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/charleroi ">Auto-école Charleroi</a> 648 </div> 649 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 650 <div class="w-2/5 flex items-center"> 651 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 652 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-%C3%A9cole+Bara+Charleroi/@50.4102098,4.4457623,21z/data=!4m6!3m5!1s0x47c2260c816e4d2d:0xe9838875766a9350!8m2!3d50.4102064!4d4.445804!16s%2Fg%2F1tg5b7qt?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue d'Orléans 32</b></a> 653 </div> 654 <div class="w-1/4 flex items-center"> 655 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 656 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 71 32 22 50"><b>+32 71 32 22 50</b></a> 657 </div> 658 <div class="w-1/4 flex items-center"> 659 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 660 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>[email protected]</b></a> 661 </div> 662 </div> 663 </div> 664 <a href="https://autoecolebara.be/nos-auto-ecoles/charleroi" class='inline-block mr-3'> 665 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 666 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 667 </div> 668 </a> 669 </div> 670 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 671 <div x-cloak x-transition class="text-center mb-4"> 672 <div class="mx-6 xs:mx-12 mt-2"> 673 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 674 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 675 Auto-école Charleroi 676 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 677 </a> 678 </div> 679 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 680 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 681 <div class="py-5"> 682 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 683 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-%C3%A9cole+Bara+Charleroi/@50.4102098,4.4457623,21z/data=!4m6!3m5!1s0x47c2260c816e4d2d:0xe9838875766a9350!8m2!3d50.4102064!4d4.445804!16s%2Fg%2F1tg5b7qt?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue d'Orléans 32</b></a> 684 </div> 685 <div class="border-t border-blue-600 py-5"> 686 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 687 <a class="hover:text-blue-300 text-white" href="tel:+32 71 32 22 50"><b>+32 71 32 22 50</b></a> 688 </div> 689 <div class="border-t border-blue-600 py-5"> 690 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 691 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>
691[email protected]</b></a> 692 </div> 693 <div class="border-t border-blue-600 py-5"> 694 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 695 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/charleroi"><b>Page de l'agence</b></a> 696 </div> 697 </div> 698 </div> 699 </div> 700 </div> 701 </div> 702 <div class="hidden nav:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 703 <div class="w-full"> 704 <div class="mb-1 ml-10 pt-1"> 705 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/liege ">Auto-école Liege</a> 706 </div> 707 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 708 <div class="w-2/5 flex items-center"> 709 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 710 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Li%C3%A8ge/@50.6389106,5.5854209,21z/data=!4m6!3m5!1s0x47c0f0a87949015b:0x32ee060ed0fe79a6!8m2!3d50.6389323!4d5.5854806!16s%2Fg%2F11bwbnbs4g?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue Puits en Sock 130</b></a> 711 </div> 712 <div class="w-1/4 flex items-center"> 713 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 714 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 4 343 77 50"><b>+32 4 343 77 50</b></a> 715 </div> 716 <div class="w-1/4 flex items-center"> 717 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 718 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>[email protected]</b></a> 719 </div> 720 </div> 721 </div> 722 <a href="https://autoecolebara.be/nos-auto-ecoles/liege" class='inline-block mr-3'> 723 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 724 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 725 </div> 726 </a> 727 </div> 728 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 729 <div x-cloak x-transition class="text-center mb-4"> 730 <div class="mx-6 xs:mx-12 mt-2"> 731 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 732 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 733 Auto-école Liege 734 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 735 </a> 736 </div> 737 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 738 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 739 <div class="py-5"> 740 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 741 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Li%C3%A8ge/@50.6389106,5.5854209,21z/data=!4m6!3m5!1s0x47c0f0a87949015b:0x32ee060ed0fe79a6!8m2!3d50.6389323!4d5.5854806!16s%2Fg%2F11bwbnbs4g?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue Puits en Sock 130</b></a> 742 </div> 743 <div class="border-t border-blue-600 py-5"> 744 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 745 <a class="hover:text-blue-300 text-white" href="tel:+32 4 343 77 50"><b>+32 4 343 77 50</b></a> 746 </div> 747 <div class="border-t border-blue-600 py-5"> 748 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 749 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>
749[email protected]</b></a> 750 </div> 751 <div class="border-t border-blue-600 py-5"> 752 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 753 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/liege"><b>Page de l'agence</b></a> 754 </div> 755 </div> 756 </div> 757 </div> 758 </div> 759 </div> 760 <div class="hidden nav:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 761 <div class="w-full"> 762 <div class="mb-1 ml-10 pt-1"> 763 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/mons ">Auto-école Mons</a> 764 </div> 765 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 766 <div class="w-2/5 flex items-center"> 767 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 768 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Mons/@50.4539914,3.9616727,21z/data=!4m6!3m5!1s0x47c24f65920d84bb:0x9be42fd9020a0cba!8m2!3d50.453972!4d3.9617081!16s%2Fg%2F11g0dvc63w?hl=fr&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Place de Flandre 4</b></a> 769 </div> 770 <div class="w-1/4 flex items-center"> 771 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 772 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 65 64 20 02"><b>+32 65 64 20 02</b></a> 773 </div> 774 <div class="w-1/4 flex items-center"> 775 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 776 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>[email protected]</b></a> 777 </div> 778 </div> 779 </div> 780 <a href="https://autoecolebara.be/nos-auto-ecoles/mons" class='inline-block mr-3'> 781 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 782 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 783 </div> 784 </a> 785 </div> 786 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 787 <div x-cloak x-transition class="text-center mb-4"> 788 <div class="mx-6 xs:mx-12 mt-2"> 789 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 790 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 791 Auto-école Mons 792 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 793 </a> 794 </div> 795 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 796 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 797 <div class="py-5"> 798 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 799 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Mons/@50.4539914,3.9616727,21z/data=!4m6!3m5!1s0x47c24f65920d84bb:0x9be42fd9020a0cba!8m2!3d50.453972!4d3.9617081!16s%2Fg%2F11g0dvc63w?hl=fr&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Place de Flandre 4</b></a> 800 </div> 801 <div class="border-t border-blue-600 py-5"> 802 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 803 <a class="hover:text-blue-300 text-white" href="tel:+32 65 64 20 02"><b>+32 65 64 20 02</b></a> 804 </div> 805 <div class="border-t border-blue-600 py-5"> 806 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 807 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>[email protected]</b></a> 808 </div> 809 <div class="border-t border-blue-600 py-5"> 810 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 811 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/mons"><b>Page de l'agence</b></a> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 </div> 818 <div class="hidden n
818av:flex bg-blue-950 rounded-full shadow-lg w-4/5 text-white mb-2 justify-between items-center"> 819 <div class="w-full"> 820 <div class="mb-1 ml-10 pt-1"> 821 <a class="font-bold text-sm lg:text-base hover:text-blue-300" href=" https://autoecolebara.be/nos-auto-ecoles/namur ">Auto-école Namur</a> 822 </div> 823 <div class="mb-1 ml-5 pb-1 font-normal text-[12px] flex"> 824 <div class="w-2/5 flex items-center"> 825 <i class="fas fa-map-marker-alt text-yellow-400 mr-1"></i> 826 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Namur/@50.4623503,4.8671852,21z/data=!4m6!3m5!1s0x47c19972f296a8b5:0xfdcaffd107e897e0!8m2!3d50.4623909!4d4.8672261!16s%2Fg%2F1tfg277m?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue des Brasseurs 14</b></a> 827 </div> 828 <div class="w-1/4 flex items-center"> 829 <i class="ml-3 fas fa-phone text-yellow-400 mr-1"></i> 830 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="tel:+32 81 22 45 00"><b>+32 81 22 45 00</b></a> 831 </div> 832 <div class="w-1/4 flex items-center"> 833 <i class="ml-3 fas fa-envelope text-yellow-400 mr-1"></i> 834 <a class="ml-2 hover:text-blue-300 nav:text-[10px] lg:text-xs whitespace-nowrap" href="mailto:[email protected]"><b>[email protected]</b></a> 835 </div> 836 </div> 837 </div> 838 <a href="https://autoecolebara.be/nos-auto-ecoles/namur" class='inline-block mr-3'> 839 <div class='w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center'> 840 <i class='fa fa-chevron-right text-blue-900 text-xl hover:ml-1 transition-all duration-200 ease-in-out'></i> 841 </div> 842 </a> 843 </div> 844 <div class="nav:hidden w-full" x-data="{ open_agence: false }"> 845 <div x-cloak x-transition class="text-center mb-4"> 846 <div class="mx-6 xs:mx-12 mt-2"> 847 <div class="relative text-base xs:text-xl bg-blue-900 nav:bg-blue-900 py-2 px-3 text-white rounded-full hover:bg-blue-950 focus:ring focus:ring-yellow-400"> 848 <a @click.prevent="open_agence = !open_agence" role="button" class="flex xxs:justify-center items-center w-full h-full py-2"> 849 Auto-école Namur 850 <i :class="open_agence ? 'fa-solid fa-chevron-up' : 'fa-solid fa-chevron-down'" class="text-blue-900 rounded-full bg-yellow-400 p-1 absolute right-3 top-1/2 transform -translate-y-1/2"></i> 851 </a> 852 </div> 853 <div x-show="open_agence" x-cloak @click.away="open_agence = false" class="mt-5 pb-3 rounded-md overflow-hidden flex flex-col items-center justify-center" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 transform scale-95" x-transition:enter-end="opacity-100 transform scale-100" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 transform scale-100" x-transition:leave-end="opacity-0 transform scale-95"> 854 <div class="w-3/4 sm:w-auto text-left flex flex-col gap-2"> 855 <div class="py-5"> 856 <i class="fas fa-map-marker-alt text-lg text-yellow-400 mr-2"></i> 857 <a class="hover:text-blue-300 text-white" href="https://www.google.com/maps/place/Auto-Ecole+Bara+Namur/@50.4623503,4.8671852,21z/data=!4m6!3m5!1s0x47c19972f296a8b5:0xfdcaffd107e897e0!8m2!3d50.4623909!4d4.8672261!16s%2Fg%2F1tfg277m?hl=fr-FR&entry=ttu&g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue des Brasseurs 14</b></a> 858 </div> 859 <div class="border-t border-blue-600 py-5"> 860 <i class="fas fa-phone text-lg text-yellow-400 mr-2"></i> 861 <a class="hover:text-blue-300 text-white" href="tel:+32 81 22 45 00"><b>+32 81 22 45 00</b></a> 862 </div> 863 <div class="border-t border-blue-600 py-5"> 864 <i class="fas fa-envelope text-lg text-yellow-400 mr-2"></i> 865 <a class="hover:text-blue-300 text-white" href="mailto:[email protected]"><b>
865[email protected]</b></a> 866 </div> 867 <div class="border-t border-blue-600 py-5"> 868 <i class="fas fa-home text-lg text-yellow-400 mr-2"></i> 869 <a class="hover:text-blue-300 text-white" href="https://autoecolebara.be/nos-auto-ecoles/namur"><b>Page de l'agence</b></a> 870 </div> 871 </div> 872 </div> 873 </div> 874 </div> 875 </div> 876 <div class="w-full nav:w-auto"> 877 <div class="mx-6 xs:mx-12 nav:mx-0 flex justify-center items-center"> 878 <a href="/nos-auto-ecoles" class="shadow-xl w-64 text-md text-blue-900 bg-yellow-400 font-bold px-3 py-2 mt-3 rounded-full lg:hidden flex items-center justify-between gap-3 group"> 879 Plus d'agences 880 <span class="iconify w-10 h-10 bg-white text-blue-900 group-hover:rotate-180 ease-linear duration-300 rounded-full p-2 rotate-90" data-icon="fluent:add-12-filled"></span> 881 </a> 882 <a href="/nos-auto-ecoles" class="shadow-xl w-64 text-md text-blue-900 bg-yellow-400 font-bold px-3 py-2 mt-3 rounded-full lg:flex hidden items-center justify-between gap-3 group"> 883 Plus d'adresses 884 <span class="iconify w-10 h-10 bg-white text-blue-900 group-hover:rotate-180 ease-linear duration-300 rounded-full p-2 rotate-90" data-icon="fluent:add-12-filled"></span> 885 </a> 886 </div> 887 </div> 888 </div> 889 </div> 890 <div class="bg-blue-900 w-full nav:w-1/12"> 891 <div class="py-6 nav:pt-12 nav:pb-6 nav:px-6 w-full nav:py-24 px-12 flex flex-row-reverse nav:flex-col items-center justify-around nav:justify-between"> 892 <a href="#" class="text-blue-900 nav:mb-8 bg-yellow-400 rounded-full px-3 py-1" onclick="window.scrollTo({ top: 0, behavior: 'smooth' });"> 893 <i class="fa-solid fa-arrow-up text-2xl"></i> 894 <span class="sr-only">Revenir en haut</span> 895 </a> 896 <a href="https://www.facebook.com/autoecolebara" target="_blank" class="text-white nav:mb-4"> 897 <i class="fa-brands fa-facebook text-3xl"></i> 898 <span class="sr-only">Facebook</span> 899 </a> 900 <a href="https://www.instagram.com/autoecole.bara" target="_blank" class="text-white nav:mb-4"> 901 <i class="fa-brands fa-instagram text-3xl"></i> 902 <span class="sr-only">Instagram</span> 903 </a> 904 </div> 905 </div> 906 </div> 907 </div> 908 <div class="bg-blue-950 text-white text-sm text-center nav:hidden py-4"> 909 <strong>© tous droits réservés - Bara </strong><br> 910 Mentions légales <br> 911 Politique de confidentialité <br> 912 <a href="/Conditions_GeÌneÌrales_Ventes.pdf">Conditions générales</a> <br> 913 Accessibilité 914 </div> 915 <div class="bg-blue-950 py-4 px-32 lg:px-52 text-white text-sm hidden nav:block"> 916 <div class="flex justify-between"> 917 <div> 918 <a href="https://autoecolebara.be/mentions-legales">Mentions légales</a> 919 </div> 920 <div> 921 <a href="https://autoecolebara.be/politique-de-confidentialite">Politique de confidentialité</a> 922 </div> 923 <div> 924 <a href="https://autoecolebara.be/cgv">Conditions générales</a> 925 </div> 926 <div> 927 <a href="https://autoecolebara.be/accessibilite">Accessibilité</a> 928 </div> 929 <div> 930 <a href="https://autoecolebara.be/retractation">Retractation</a> 931 </div> 932 </div> 933 </div> 934 </footer> 935
935<script> 936 function closeAlert() { 937 document.getElementById('alert').style.display = 'none'; 938 } 939 document.addEventListener('DOMContentLoaded', function () { 940 const hostname = window.location.hostname.replace(/^www\./, ''); 941 document.querySelectorAll('a[href^="http"]').forEach(function(link) { 942 const linkHost = link.hostname.replace(/^www\./, ''); 943 if (linkHost && linkHost !== hostname) { 944 link.setAttribute('target', '_blank'); 945 link.setAttribute('rel', 'noopener noreferrer'); 946 } 947 }); 948 }); 949 </script>
949 950
950<script> 951 const breadcrumb = document.getElementById('breadcrumb'); 952 if(breadcrumb) { 953 const breadcrumbItems = breadcrumb.querySelectorAll('a'); 954 const breadcrumbItemsArray = Array.from(breadcrumbItems); 955 const breadcrumbItemsArrayLength = breadcrumbItemsArray.length; 956 for (let i = 0; i < breadcrumbItemsArrayLength; i++) { 957 breadcrumbItemsArray[i].setAttribute('name', breadcrumbItemsArray[i].textContent); 958 breadcrumbItemsArray[i].setAttribute('item', breadcrumbItemsArray[i].getAttribute('href')); 959 breadcrumbItemsArray[i].setAttribute('position', i + 1); 960 } 961 const breadcrumbheader = document.createElement('script'); 962 breadcrumbheader.type = 'application/ld+json'; 963 breadcrumbheader.innerHTML = JSON.stringify({ 964 "@context": "https://schema.org", 965 "@type": "BreadcrumbList", 966 "name": "Breadcrumb", 967 "itemListElement": breadcrumbItemsArray.map(item => ({ 968 "@type": "ListItem", 969 "name": item.textContent, 970 "item": item.getAttribute('href'), 971 "position": item.getAttribute('position') 972 })) 973 }); 974 document.querySelector('head').appendChild(breadcrumbheader); 975 } 976 </script>
976 977
977<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
977 978</body> 979</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.