PageSourceSearch

https://autoecolebara.be/questions

html autoecolebara.be collected 2026-10-10 01:57:41 UTC 94,864 bytes, 979 lines download raw bytes

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&amp;
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&amp;
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&#039;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&#039;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&amp;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&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue d&#039;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&amp;entry=ttu&amp;g_ep=EgoyMDI1MDMwMi4wIKXMDSoASAFQAw%3D%3D" target="_blank"><b>Rue d&#039;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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&amp;entry=ttu&amp;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_Géné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.