<section
id="bandeaux" class="d-none d-sm-block">
<!-- Vidéo de fond -->
<video autoplay loop muted playsinline>
<source src="{{ asset('assets/img/video/video-voyance-en-lignes.mp4') }}" type="video/mp4">
Votre navigateur ne supporte pas la vidéo HTML5.
</video>
<div class="container col-11 mx-auto row">
<div class="col-9 text-center justify-content-between ">
<h1 class="text-white text-uppercase titreIndex">
{{nomDeDomaine}}
</h1>
<h2 class="text-white text-uppercase titreIndex">
Les Meilleurs Voyants de France réunis pour Vous</h2>
{%if app.user == null%}
<a href="{{path('app_register')}}">
<button class="col-sm-3 col-12 btn btn-primary mt-2 " ;>
<span class="big" ;>Inscription Gratuite</span>
</button>
</a>
{%endif%}
{%if app.user == null%}
<a href="tel:+419901535535">
<button class="col-sm-3 col-12 btn btn-info mt-2 " ;>
<span class="big" ;><img src="/assets/img/flag/CHE.png" width="30">
Appel sans CB</span>
</button>
</a>
{%endif%}
<a href="{{path('app_tarifs')}}">
<button class="col-sm-3 col-12 btn btn-primary mt-2 " ;="">
<span class="big" ;="">Programme fidélité
</span>
</button>
</a>
</div>
<div class="col-3 text-end ">
<p class="text-white ">
<img src="/assets/img/flag/FRA.png">
<span style="background-color: #1d1717;">
<b class="fw-bold">00 33 9 74 44 53 76</b>
</span>
</p>
<p class="text-white ">
<img src="/assets/img/flag/BEL.png">
<span style="background-color: #1d1717;">
<b class="fw-bold">{{telBelgique}}</b>
</span>
</p>
<p class="text-white ">
<img src="/assets/img/flag/CHE.png">
<span style="background-color: #1d1717;">
<b class="fw-bold">{{telSuisse}}</b>
</span>
</p>
<p class="text-white ">
<img src="/assets/img/flag/LUX.png">
<span style="background-color: #1d1717;">
<b class="fw-bold">{{telLuxembourg}}</b>
</span>
</p>
</div>
<!--
<div class="col-9 text-center justify-content-between ">
<a href="{{url_retour}}">
<button class=" col-sm-3 col-12 btn btn-success mt-4">Retour vers le site <br> <b>{{nomDeDomaine}}</b> </button>
</a>
</div>
-->
</div>
</section>
<!-- <div class=" bg-white" id="team">
<div class="container">
{% set dispo = 0 %}
{% for conseiller in conseillers %}
{%if conseiller.userState == 1 %}
{% set dispo = dispo + 1 %}
{% endif %}
{% endfor %}
{% if dispo == 0 %}
{%else%}
<div class="text-center">
<h2 class="section-heading text-uppercase">Conseiller Disponible</h2>
</div>
{%endif%}
<div class="row">
{% set i = 0 %}
{% for conseiller in conseillers %}
{%if conseiller.userState == 1 %}
{% set i = i + 1 %}
<div class="col-sm-4 ">
<div class="team-member ">
<a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
{% if conseiller.note == 0 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 0.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
</p>
{% elseif conseiller.note == 5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
</p>
{% endif %}
{% if conseiller.kindOfCredit == 1 %}
<strong>Consultation CB à {{conseiller.prixParMinute}} €/mn </strong>
{% endif %}
<h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
<p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
<div class="d-flex justify-content-center mb-2">
<strong>Specialité :</strong>
{% for specialite in conseiller.specialitesArray%}
<span class="badge bg-warning mt-1">{{specialite}}</span>
{% endfor %}
</div>
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
{% endif %}
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% if i == 0 %}
<div class="row">
<div class="col-sm-8 mx-auto text-center">
<h3 class="large text-muted">Tous nos conseillers sont actuellement occupés.</h3>
</div>
</div>
{% endif %}
</div>
</div> -->
<!-- <div class=" bg-white" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Conseiller Occupé</h2>
</div>
<div class="row">
{% set i = 0 %}
{% for conseiller in conseillers %}
{%if conseiller.userState == 2 %}
{% set i = i + 1 %}
<div class="col-lg-4 ">
<div class="team-member ">
<a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img
class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." /></a>
{% if conseiller.note == 0 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 0.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
</p>
{% elseif conseiller.note == 5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
</p>
{% endif %}
<h4 class="mb-2">{{conseiller.userPseudo}} - {{conseiller.userExtensionCode}}</h4>
<p class="text-muted col-8 mx-auto">{{conseiller.descriptionCourte|raw}}</p>
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-telephone-fill "></i></a>
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-envelope-fill "></i></a>
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-chat-fill "></i></a>
{% endif %}
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="#!"><i class="bi bi-camera-video-fill"></i></a>
{% endif %}
</div>
</div>
{% endif %}
{% endfor %}
{% if i == 0 %}
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h3 class="large text-muted">Tous nos conseillers sont actuellement occupés.</h3>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div> -->
<div class="container-fluid px-4 mb-5 d-none d-sm-block mt-4">
<div class="row">
{% if app.user %}
{% else %}
<div class="col-lg-3">{% include('content/home/step.html.twig') %}</div>
{%endif%}
{% if app.user %}
<div class="col-lg-11 mx-auto">
{% else %}
<div class="col-lg-9 col-sm-12">
{%endif%}
<div class=" bg-light mt-2" id="team">
<div class="container text-center ">
<div class="d-flex justify-content-between mt-1">
<div class="container text-center">
<p class="text-dark mt-2">Votre avenir professionnel, sentimental, financier ou autre, est à portée de clic ! Notre mission est d'apporter des réponses précises et confidentielles à toutes vos questions. C’est pourquoi nous sélectionnons rigoureusement chaque médium par téléphone, pour vous garantir un voyance en ligne d'exception. Entrez en contact avec nos conseillers, référencés par <a href="https://www.marieclaire.fr/adresses-incontournables/pametik-ange/" target="_blank">Marie-Claire</a> et <a href="https://adresses-incontournables.madame.lefigaro.fr/dossier/pametikange-2/" target="_blank">Madame Figaro</a>, VOYANCE EN LIGNE se place dans une continuité d'évolution, vous serez surpris(e) par leur savoir-faire, leur savoir-être et la justesse de leurs prédictions.</p>
<p class="text-dark text-center">Parce que vous recherchez le meilleur voyant, seuls 2% des candidats sont sélectionnés pour intégrer notre plateforme. Le processus de sélection est strict, permettant de distinguer le médium de qualité ou le meilleur guérisseur à distance. Même si les supports varient d’un expert à l’autre - médiumnité de naissance, pur channeling, astrologie, tarologie, numérologie, etc., l’ensemble des professionnel(le)s fait preuve de passion, de dévotion et d’engagement à vous guider de manière authentique.
<br><br>Appeler sans inscription et sans CB depuis la
<img src="/assets/img/flag/CHE.png">
Suisse:
<strong>
<a href="tel:+419901535535" style="color: #fa9404;">0901 535 535 (2.50CHF / min)</a>
</strong>
</p>
<p class="_strong">
<a href="/register" style="color:#CE9548">Inscrivez-vous Gratuitement</a>
</p>
</u>
</strong>
</h3>
<p class="text-dark text-center">Consultez notre
<strong class="_strong">équipe de voyants et médiums par téléphone</strong>
au
<!-- <p>
ou <strong class=""> 023 15
36
85</strong> après inscription
</p> -->
<!-- <a href="tel:+3223153685." class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i> 023 15 36 85
</button>
</a> -->
</p>
<p>
<img src="/assets/img/flag/FRA.png">
France:
<strong>
<a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
</strong><br>
<img src="/assets/img/flag/BEL.png">
Belgique:
<strong>
<a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
</strong><br>
<img src="/assets/img/flag/CHE.png">
Suisse:
<strong>
<a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
</strong><br>
<img src="/assets/img/flag/LUX.png">
Luxembourg:
<strong>
<a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
</strong><br>
</p>
<a href="tel:{{telFrance}}" class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i>
{{telFrance}}
</button>
</a>
<!-- <p>
<img src="/assets/img/flag/LUX.png"> Luxembourg :<strong class="">901
27 016 </strong> -
1,15€/mn.
</p>
<a href="tel:901 27 016" class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i> 901 27 016.
</button>
</a> -->
</p>
<p class="text-dark mb-2">Bénéficiez dès maintenant des services proposés
<strong class=" _strong">
par Voyance en Ligne
</strong>
<br>
L'inscription est toute simple, gratuite et ne vous prendra que quelques instants.
</p>
<h2 class="font-weight-light pt-sm-5 pt-2">Nos
{{conseillers|length}}
conseillers de Voyance en ligne
</h2>
{# <div class="mt-3" style="position: relative; display: inline-block;">
<img src="/assets/img/video/couronne_transparent.gif" alt="Couronne Top Expert" style="width: 39px; height: auto; position: absolute; top: -26px; left: 50%; transform: translateX(-50%);">
<a href="#" class="btn btn-warning">
<span class="small" style="font-weight: bold;">Top Expert</span>
</a>
</div> #}
<hr>
<div class="container row mx-auto my-auto justify-content-center mb-4">
{% for conseiller in conseillers %}
<div class="col-4 col-sm-8 col-md-6 col-lg-6 col-xl-4 border p-3">
{%if conseiller.userState == 1 %}
<span class="badge bg-success badge-success-animated mt-1">Présent</span>
{% elseif conseiller.userState == 2 %}
<span class="badge bg-warning">Occupé</span>
{% elseif conseiller.userState == 0 %}
<span class="badge bg-danger">Absent</span>
{% endif %}
<div class="team-member my-2 ">
<div class="row">
<div class="d-flex justify-content-center">
<a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="..." style="height: 100px; width: 100px;"/></a>
</div>
<div class="col-12 mt-2">
<p class="_strong">
{{conseiller.userPseudo}}
-
{{conseiller.userExtensionCode}}
</p>
</div>
</div>
{% if conseiller.note == 0 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 0.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-half" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-half" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-half" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-half" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-half" style="color: #ffc400;"></i>
</p>
{% elseif conseiller.note == 5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
<i class="bi bi-star-fill" style="color: #ffc400;"></i>
</p>
{% endif %}
<div style="height: 160px;">
<p style=" -webkit-line-clamp: 5;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
">{{conseiller.descriptionCourte | raw }}</p>
</div>
<hr>
{% if conseiller.specialitesArray %}
<div class="d-flex justify-content-start row">
<strong>Spécialités:</strong>
<p class="text-warning mt-1 text-xs" style="height: 30px;">
{% for specialite in conseiller.specialitesArray%}
{{specialite}}
{% endfor %}
</p>
</div>
{%else%}
<div class="text-warning mt-1 text-xs" style="height: 70px;"></div>
{%endif%}
<hr>
<!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
<a class="btn btn-primary btn-social mx-2" href="tel:+33974445376">
<i class="bi bi-telephone-fill "></i>
</a>
<a class="btn btn-primary btn-social mx-2" href="{{path('question_mail', {id : conseiller.complementId})}}">
<i class="bi bi-envelope-fill "></i>
</a>
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="{{path('app_login')}}">
<i class="bi bi-chat-fill "></i>
</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div>
<div class="">
<center>
<div style="display: flex; justify-content: center; gap: 20px;">
<figure>
<video frameborder="1" src="assets/img/video/video.mp4" controls width="600" title="Voyance Infinie - VOYANCE EN LIGNE">
Votre navigateur ne supporte pas les vidéos HTML5.
</video>
<figcaption>Voyance en Ligne</figcaption>
</figure>
</div>
</center>
<p class="text-dark mt-2">Sentez-vous en sécurité lors de votre consultation par téléphone ou chat (seule la Suisse bénéficie de l’audiotel). Bien qu'il ne soit pas possible de garantir la réalisation des prédictions en raison du libre arbitre des consultant(e)s, notre but ultime reste de garantir votre satisfaction durant la consultation.</p>
<p class="text-dark mt-2">Nos client(e)s adorent converser avec nos médiums de qualité. Vous ressentez un lien fort et une proximité, lesquels sont souvent mentionnés. Beaucoup apprécient leurs interactions et ressentent un véritable attachement envers nos voyants.
<strong>Consulter nos expert(e)s est comme parler à un ami de confiance qui sait donner des conseils précieux</strong>.</p>
<p class="text-dark mt-2">Hautement compétent et doté d'une grande connaissance de ses capacité, chaque médium en ligne est capable de délivrer des informations précises, claires et pertinentes. Les évaluations de nos clients soulignent l’exactitude avec laquelle nos médiums perçoivent les situations actuelles et futures. Certains de nos clients ont même confirmé la réalisation d'évènements prédits lors des consultations.</p>
<p class="text-dark mt-2">Notre équipe est plébiscitée pour son professionnalisme et la qualité de son accueil, passant du statut de
<em>voyant</em>
à celui de confident et guide de confiance, soit
<em>coach de vie</em>. La plateforme est devenue une source d’accompagnement pour beaucoup de consultant(e)s, que ce soit dans les moments difficiles ou de transition, mais également quand tout va bien et qu'ils veulent juste avoir un aperçu de leur avenir. La force des médiums repose sur leur sincérité, leur empathie et leur capacité à donner l’espoir pour l'avenir sans complaisance.</p>
<h3>
Consultez nos professionnels de l’art divinatoire en vous
<strong class="_strong">
inscrivant gratuitement</strong>.
</h3>
</center>
<p class="text-dark text-center">Pour joindre nos spécialistes, connus et reconnus, de la voyance, consultez nous au
<br>
<img src="/assets/img/flag/FRA.png">
France:
<strong>
<a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
</strong><br>
<img src="/assets/img/flag/BEL.png">
Belgique:
<strong>
<a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
</strong><br>
<img src="/assets/img/flag/CHE.png">
Suisse:
<strong>
<a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
</strong><br>
<img src="/assets/img/flag/LUX.png">
Luxembourg:
<strong>
<a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
</strong><br></p>
</a>
</div>
</div>
</div>
</div>
<a href="http://annuaire-esoterique.com/mediumnite.php" target="_blank" title="Site selectionne par annuaire-esoterique.com, l'annuaire de reference des professionnels de la voyance. Mise a jour permanente, recherches croisees, ... "><img src="http://annuaire-esoterique.com/Annuaire88x31.gif" alt="annuaire-esoterique.com" width="88" height="31" border="0"></a>
</section>
</div>
</div>
</div>
</div>
<div class=" d-sm-none d-block mb-2 mt-2">
<div class=" bg-light">
<div class="container text-center mt-sm-5">
<br><br>
<h3>
Appeler
{{nomDeDomaine}}
</h3>
<strong class="_strong d-sm-block d-none">Inscription Gratuite</strong>
<a href="{{path('app_register')}}" class="d-sm-none d-block">
<button class="col-sm-3 col-12 btn btn-primary mt-2 " ;>
INSCRIPTION GRATUITE
</button>
</a>
<a href="tel:+419901535535">
<button class="col-sm-3 col-12 btn btn-info mt-2 " ;>
<span class="big" ;><img src="/assets/img/flag/CHE.png" width="30">
Appel sans CB</span>
</button>
</a>
<p class="text-dark mt-2">Nous vous proposons des voyants, médiums, astrologues,
numérologues... Vus, connus et reconnus.</p>
<p class="text-dark text-center">Voulez vous ont savoir plus sur votre avenir sentimental, professionnel,
financier ou autre ?
<br>
Profitez de nos voyances de qualité.
<br><br>Appeler sans inscription et sans CB depuis la
<img src="/assets/img/flag/CHE.png">
Suisse:
<strong>
<a href="tel:+419901535535" style="color: #fa9404;">0901 535 535 (2.50CHF / min)</a>
</strong>
</p>
<p class="text-dark text-center">Consultez notre
<strong class="_strong">équipe de voyants et médiums par téléphone</strong>
au
<!--<strong class="_strong d-sm-block d-none">09 74 44 53 76</strong>
<a href="tel:+33974445376" class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i> 09 74 44 53 76
</button>
</a>
<strong class="_strong d-sm-block d-none">022 519 69 50</strong>
<a href="tel:+33974445376" class="d-sm-none d-block">
<button class="btn btn-primary bg-primary">
<i class="bi bi-telephone-fill"></i>022 519 69 50
</button>
</a>-->
</p>
<p>
<img src="/assets/img/flag/FRA.png">
France:
<strong>
<a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
</strong><br>
<img src="/assets/img/flag/BEL.png">
Belgique:
<strong>
<a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
</strong><br>
<img src="/assets/img/flag/CHE.png">
Suisse:
<strong>
<a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
</strong><br>
<img src="/assets/img/flag/LUX.png">
Luxembourg:
<strong>
<a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
</strong><br>
</p>
</p>
<h2 class="font-weight-light pt-sm-5 pt-2">Nos
{{conseillers|length}}
conseillers
</h2>
<hr>
<div class="container row mx-auto my-auto justify-content-center">
{% for conseiller in conseillers %}
<div class="col-sm-3 border ">
{%if conseiller.userState == 1 %}
<span class="badge bg-success mt-1">Présent</span>
{% elseif conseiller.userState == 2 %}
<span class="badge bg-warning">Occupé</span>
{% elseif conseiller.userState == 0 %}
<span class="badge bg-danger">Absent</span>
{% endif %}
<div class="team-member my-2">
<a href="{{ path('app_consultant', {id: conseiller.complementId})}}"><img class="mx-auto rounded-circle" src="{{conseiller.photo}}" alt="consultation de voyance en ligne"/></a>
{% if conseiller.note == 0 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 0.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 1.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 2.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 3.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star"></i>
</p>
{% elseif conseiller.note == 4.5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-half" style="color: #fa9404;"></i>
</p>
{% elseif conseiller.note == 5 %}
<p class="text-center small text-primary">Avis des membres
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
<i class="bi bi-star-fill" style="color: #fa9404;"></i>
</p>
{% endif %}
<h4 class="mb-2">{{conseiller.userPseudo}}
-
{{conseiller.userExtensionCode}}</h4>
<!-- <span
class="badge border border-primary bg-light text-dark">{{conseiller.prixParMinute|number_format(2)}}
€ /mn</span> -->
<div style="height: 100px;">
<p style=" -webkit-line-clamp: 3;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
">{{conseiller.descriptionCourte | raw }}</p>
</div>
<!-- <p class="" style="height: 100px;">{{conseiller.descriptionCourte | raw }}</p> -->
<hr>
{% if conseiller.specialitesArray %}
<div class="d-flex justify-content-start row" style="height: 50;">
<strong>Specialité :</strong>
<p class="text-warning mt-1 small">
{% for specialite in conseiller.specialitesArray%}
{{specialite}}
{% endfor %}
</p>
</div>
{%else%}
{%endif%}
<hr>
<!-- <p class="text-muted">{{conseiller.descriptionCourte|raw}}</p> -->
<a class="btn btn-primary btn-social mx-2" href="tel:+33974445376">
<i class="bi bi-telephone-fill "></i>
</a>
<a class="btn btn-primary btn-social mx-2" href="{{path('question_mail', {id : conseiller.complementId})}}">
<i class="bi bi-envelope-fill "></i>
</a>
{% if conseiller.userMailing %}
<a class="btn btn-primary btn-social mx-2" href="{{path('app_login')}}">
<i class="bi bi-chat-fill "></i>
</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
<section>
<div class="container px-5">
<div class="row gx-5 align-items-center">
<div class="col-12">
<div class="text-center my-5">
<div
class="row justify-content-center">
<!-- Vidéo 2 -->
<div class="col-12 col-lg-4 mb-4 d-flex justify-content-center align-items-center">
<figure>
<video class="w-100" src="assets/img/video/video.mp4" controls title="VOYANCE EN LIGNE video M6">
Votre navigateur ne supporte pas les vidéos HTML5.
</video>
<figcaption>Les Meilleurs Voyants de France réunis pour Vous</figcaption>
</figure>
</div>
</div>
</div>
<!-- Texte sous les vidéos -->
<p class="text-dark mt-2">Sentez-vous en sécurité lors de votre consultation par téléphone ou chat (seule la Suisse bénéficie de l’audiotel). Bien qu'il ne soit pas possible de garantir la réalisation des prédictions en raison du libre arbitre des consultant(e)s, notre but ultime reste de garantir votre satisfaction durant la consultation.</p>
<p class="text-dark mt-2">Nos client(e)s adorent converser avec nos médiums de qualité. Vous ressentez un lien fort et une proximité, lesquels sont souvent mentionnés. Beaucoup apprécient leurs interactions et ressentent un véritable attachement envers nos voyants.
<strong>Consulter nos expert(e)s est comme parler à un ami de confiance qui sait donner des conseils précieux</strong>.</p>
<p class="text-dark mt-2">Hautement compétent et doté d'une grande connaissance de ses capacités, chaque médium en ligne est capable de délivrer des informations précises, claires et pertinentes. Les évaluations de nos clients soulignent l’exactitude avec laquelle nos médiums perçoivent les situations actuelles et futures. Certains de nos clients ont même confirmé la réalisation d'évènements prédits lors des consultations.</p>
<p class="text-dark mt-2">Notre équipe est plébiscitée pour son professionnalisme et la qualité de son accueil, passant du statut de
<em>voyant</em>
à celui de confident et guide de confiance, soit
<em>coach de vie</em>. La plateforme est devenue une source d’accompagnement pour beaucoup de consultant(e)s, que ce soit dans les moments difficiles ou de transition, mais également quand tout va bien et qu'ils veulent juste avoir un aperçu de leur avenir. La force des médiums repose sur leur sincérité, leur empathie et leur capacité à donner de l’espoir pour l'avenir sans complaisance.</p>
<!-- Appel à l'action -->
<h3 class="text-center">Consultez nos professionnels de l’art divinatoire en vous
<strong class="_strong">
inscrivant gratuitement</strong>.</h3>
<!-- Contact et liens téléphoniques -->
<div class="text-center">
<p class="text-dark">Pour joindre nos spécialistes, connus et reconnus, de la voyance, consultez-nous au :</p>
<p>
<img src="/assets/img/flag/FRA.png" alt="France">
France:
<strong>
<a href="tel:+33974445376" style="color: #fa9404;">{{telFrance}}</a>
</strong><br>
<img src="/assets/img/flag/BEL.png" alt="Belgique">
Belgique:
<strong>
<a href="tel:+3223153636" style="color: #fa9404;">{{telBelgique}}</a>
</strong><br>
<img src="/assets/img/flag/CHE.png" alt="Suisse">
Suisse:
<strong>
<a href="tel:+419225196950" style="color: #fa9404;">{{telSuisse}}</a>
</strong><br>
<img src="/assets/img/flag/LUX.png" alt="Luxembourg">
Luxembourg:
<strong>
<a href="tel:+35227302030" style="color: #fa9404;">{{telLuxembourg}}</a>
</strong><br>
</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>