{#     end carousel-actualite   -----------------------------------------------------------------------   #}


					<div class="parlent-de-nous d-none d-md-block mb-5">
						<div class="container">
							<div class="row">
								<div class="offset-2 col-9 offset-md-3 col-md-6 pb-4">
									<div class="globale-carousel">
										<div class="block-formation-titre">
											<span>ILS PARLENT
											</span>
											DE NOUS</div>
									</div>
								</div>


								<div class="col-12 col-md-12  mt-4">


									<div
										id="myCarousel-3" class="carousel slide" data-ride="carousel">
										{# Carousel indicators #}
										<ol class="carousel-indicators">
											<li data-target="#myCarousel-3" data-slide-to="0" class="active"></li>
											<li data-target="#myCarousel-3" data-slide-to="1"></li>
											<li data-target="#myCarousel-3" data-slide-to="2"></li>
										</ol>
										{# Wrapper for carousel items #}
										<div class="carousel-inner">
											<div class="item carousel-item active">
												<div class="row">
													<div class="col-12 col-md-5 mb-2">
														<div class="glob">
															<div class="image-carousel">
																<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
															</div>
															<div class="nom-client-carousel">
																<p>
																	<b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p>
															</div>
														</div>
													</div>
													<div class="col-12 col-md-7  pt-4 pb-4">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
															<p>
																<span class="newsletter--green">Super !</span>
																je suis content de
																													m’être inscrite.
																<br>Les cours sont très bien structurés</p>
														</div>
													</div>
												</div>
											</div>
											<div class="item carousel-item">
												<div class="row">
													<div class="col-12 col-md-5 mb-2">
														<div class="glob">
															<div class="image-carousel">
																<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
															</div>
															<div class="nom-client-carousel">
																<p>
																	<b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p>
															</div>
														</div>
													</div>
													<div class="col-12 col-md-7  pt-4 pb-4">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
															<p>
																<span class="newsletter--green">Super !</span>
																je suis content de
																													m’être inscrite.
																<br>Les cours sont très bien structurés</p>
														</div>
													</div>
												</div>
											</div>
											<div class="item carousel-item">
												<div class="row">
													<div class="col-12 col-md-5 mb-2">
														<div class="glob">
															<div class="image-carousel">
																<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
															</div>
															<div class="nom-client-carousel">
																<p>
																	<b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p>
															</div>
														</div>
													</div>
													<div class="col-12 col-md-7  pt-4 pb-4">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
															<p>
																<span class="newsletter--green">Super !</span>
																je suis content de
																													m’être inscrite.
																<br>Les cours sont très bien structurés</p>
														</div>
													</div>
												</div>
											</div>
										</div>
										{# Carousel controls #}
										<a class="carousel-control left carousel-control-prev" href="#myCarousel-3" data-slide="prev">
											<i class="fa fa-angle-left"></i>
										</a>
										<a class="carousel-control right carousel-control-next" href="#myCarousel-3" data-slide="next">
											<i class="fa fa-angle-right"></i>
										</a>
									</div>


								</div>
							</div>
						</div>
					</div>

					{#  carousel client responsive    --------------------------------------------------------------------------------------------      #}

					<div class="container-fluid d-sm-block d-md-none d-block d-sm-none mt-5">
						<div class="row">
							<div class="col-12 text-center">
								<div class="globale-carousel">
									<div class="block-formation-titre">
										<span>ILS PARLENT
										</span>
										DE NOUS</div>
								</div>
							</div>
						</div>
					</div>

					<div class="responsive-parlent-de-nous d-sm-block d-md-none d-block d-sm-none mb-3 mt-3">
						<div class="container">
							<div class="row ">

								<div class="col-12 col-md-12  mt-4">


									<div
										id="myCarousel-4" class="carousel slide" data-ride="carousel">
										{# Carousel indicators #}
										<ol class="carousel-indicators">
											<li data-target="#myCarousel-4" data-slide-to="0" class="active"></li>
											<li data-target="#myCarousel-4" data-slide-to="1"></li>
											<li data-target="#myCarousel-4" data-slide-to="2"></li>
										</ol>
										{# Wrapper for carousel items #}
										<div class="carousel-inner">
											<div class="item carousel-item active">
												<div class="row">
													<div class="col-4 mb-2">
														<div class="image-carousel">
															<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
														</div>
													</div>
													<div class="col-8 mb-2">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
														</div>
													</div>
													<div class="col-6 mb-2">
														<div class="nom-client-carousel">
															<p>
																<b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p>
														</div>
													</div>
													<div class="col-12 col-md-12  pt-4 pb-4">
														<div class="commentaire-client">
															<span class="newsletter--green">Super !</span>
															je suis content de m’être
																											inscrite.
															<br>Les cours sont très bien structurés
														</div>
													</div>
												</div>
											</div>
											<div class="item carousel-item">
												<div class="row">
													<div class="col-4 mb-2">
														<div class="image-carousel">
															<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
														</div>
													</div>
													<div class="col-8 mb-2">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
														</div>
													</div>
													<div class="col-6 mb-2">
														<div class="nom-client-carousel">
															<p>
																<b>CRISTOPHE A.</b><br>DIAGNOSTIQUEUR IMMOBILIER</p>
														</div>
													</div>
													<div class="col-12 col-md-12  pt-4 pb-4">
														<div class="commentaire-client">
															<span class="newsletter--green">Super !</span>
															je suis content de m’être
																											inscrite.
															<br>Les cours sont très bien structurés
														</div>
													</div>
												</div>
											</div>
											<div class="item carousel-item">
												<div class="row">
													<div class="col-4 mb-2">
														<div class="image-carousel">
															<img src="{{ asset('assets/site/images/client-1.png') }}" class="box-img">
														</div>
													</div>
													<div class="col-8 mb-2">
														<div class="star-rating">
															<ul class="list-inline">
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item">
																	<i class="fa fa-star"></i>
																</li>
																<li class="list-inline-item text-1 primary-color">il y a deux
																															semaines</li>
															</ul>
														</div>
													</div>
													<div class="col-6 mb-2">
														<div class="nom-client-carousel">
															<p>
																<b>CRISTOPHE A.</b><br>Assureur</p>
														</div>
													</div>
													<div class="col-12 col-md-12  pt-4 pb-4">
														<div class="commentaire-client">
															<span class="newsletter--green">Super !</span>
															je suis content de m’être
																											inscrite.
															<br>Les cours sont très bien structurés
														</div>
													</div>
												</div>
											</div>
										</div>
										{# Carousel controls #}
										<a class="carousel-control left carousel-control-prev" href="#myCarousel-4" data-slide="prev">
											<i class="fa fa-angle-left"></i>
										</a>
										<a class="carousel-control right carousel-control-next" href="#myCarousel-4" data-slide="next">
											<i class="fa fa-angle-right"></i>
										</a>
									</div>


								</div>
							</div>
						</div>
					</div>
					{% if app.request.attributes.get('_route') == 'accueil_site' %}
					<div class="newsletter mb-3 mt-5">
						<div class="container">
							<div class="row ">
								<div class="col-12 col-md-9 mb-3">
									<div class="newsletter-titre newsletter--green">
										Restez informé en continu avec
										<b>FMH FORMATION</b>
									</div>
									<p class="text-2">Abonnez-vous à notre newsletter<br>en laissant votre adresse email</p>
									<div class="form-newsletter">
										<input type="text" placeholder=""><a href="#">
											<button class="buton-newsletter"></button>
										</a>
									</div>
								</div>

								<div class="col-12 col-md-3 p-top">
									<div class="image-newsletter">
										<a href="">
											<i class="fa fa-instagram mb-2"></i>
										</a>
										<a href="">
											<i class="fa fa-facebook mb-2"></i>
										</a>
										<a href="">
											<i class="fa fa-youtube mb-2"></i>
										</a>
										<a href="">
											<i class="fa fa-twitter mb-2"></i>
										</a>
										<a href="">
											<i class="fa fa-facebook mb-2"></i>
										</a>
										<a href="">
											<i class="fa fa-instagram mb-2"></i>
										</a>
									</div>
								</div>

							</div>
						</div>
					</div>
					{% endif %}

					<div class="maps">
						<div class="container-fluid">
							<div class="row">
								<div class="col-12 col-md-6 pl-0 pr-0">
									<div class="carte-maps">
										<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3193.956495271176!2d10.189582!3d36.8195624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd348b30f3d34b%3A0xc7f418a55e89118f!2sRue%20Mohamed%20Badra%20%26%20Avenue%20du%20Japon%2C%20Tunis!5e0!3m2!1sfr!2stn!4v1700617357165!5m2!1sfr!2stn" width="100%" height="600px" frameborder="0" style="border:0; opacity:0.2" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
										<div class="titre-maps">
											LIEUX DE LA FORMATION
										</div>
										<div class="texte-maps">
											Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, Montplaisir 1073 Tunis, Tunisie
										</div>
									</div>
								</div>

								<div class="col-12 col-md-6 bg-black p-top-maps">
									<div class="row">
										<div class="col-12 col-md-6">
											<div class="info">
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>LIEN UTILE</p>
													</a>
												</div>
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>NOTRE POLITIQUE DE CONFIDENTIALTÉ</p>
													</a>
												</div>
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>
															FAQ</p>
													</a>
												</div>
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>CONDITION GÉNÉRALES DE VENTE</p>
													</a>
												</div>
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>LIEN UTILE</p>
													</a>
												</div>
												<div>
													<a href="">
														<i class="fa fa-angle-right d-none d-md-block"></i>
														<p>LIEN UTILE</p>
													</a>
												</div>
											</div>
										</div>

										<div class="col-12 col-md-6">
											<div class="siege-social mb-2">
												<p class="text-1 primary-color">
													<b>SIÉGE SOCIAL
													</b>
												</p>
												<p class="white">Immeuble STAR, Angle Av. du Japon et Rue Mohamed Badra, 1er
et 2ème Etage-Montplaisir 1073 Tunis, Tunisie</p>
											</div>
											<div class="phone-email mb-2 margin-phone">
												<div><img src="{{ asset('assets/site/images/phone.png') }}" width="20px">
													<p>
														<b>(+216) 71 187 710</b>
													</p>
												</div>
												<div>
													<i class="fa fa-envelope"></i>
													<p>iaa.tunisie@star.com.tn</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

					<footer>
						<div class="container">
							<div class="row">
								<div class="col-6 col-md-6">
									<div class="copyright">
										<p>@2023 | Tous droits réservés</p>
									</div>
								</div>
								<div class="col-6 col-md-6">
									<div class="icon-scroll">
										<a href="#"><img src="{{ asset('assets/site/images/icon-vers-haut.png') }}" width="30px"></a>
									</div>
								</div>
							</div>
						</div>
					</footer>


					<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
					<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
					<script type="text/javascript" src="{{ asset('assets/site/js/script.js') }}"></script>
				</div>


				<div class="modal arriere-espace-personnel fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
					<div class="modal-dialog" role="document">
						<div class="modal-content">
							<div class="espace-personnel">


								<div class="container">
									<div class="row">
										<div class="col-12 text-center">
											<img src="{{ asset('assets/site/images/logo-formation-blanc.png') }}" width="350px"/>
											<button type="button" class="close" data-dismiss="modal" aria-label="Close">
												<span aria-hidden="true">&times;</span>
											</div>
										</div>
									</div>

									<div class="container">
										<div class="row pt-5">
											<div class="col-12 col-md-6 text-center padding-bottom">
												<div class="icon-espace-personnel">
													<img src="{{ asset('assets/site/images/icon-espace-client-personnel-1.png') }}" width="60px"/>
												</div>
												<div class="icon-espace-personnel pt-3">
													<img src="{{ asset('assets/site/images/icon-espace-client-personnel-2.png') }}" width="25px"/>
												</div>
												<div class="titre-espace-personnel pt-3">
													ESPACE PERSONNEL
												</div>
											</div>
											<form method="post" action="{{ path('app_login') }}">
											<div class="col-12 col-md-12 text-center mb-5">
												<div class="divider-espace-personnel">
													<div class="input-espace-personnel pt-3 pb-3">
														<input type="text" name="username" placeholder="Email"/>
													</div>
													<div class="input-espace-personnel pt-3 pb-3">
														<input type="text" name="password" placeholder="Mot de passe"/>
													</div>
													<div class="block-souvenir-de-moi pt-3">
														<label>
															<input type="checkbox"><span>Se souvenir de moi</span>
														</label>
														<a href="passe-oublier">Mot de passe oublié?</a>
													</div>
													<div class="bouton-espace-personnel pt-5">
													<input type="hidden"
                    name="_csrf_token"
                    value="{{ csrf_token('authenticate') }}" />
														<button href="#" class="">CONNECTEZ-VOUS</button>
													</div>
												</div>
											</div>
											</form>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>


				</body>

			</html>