Med & Jobs | Plateforme IA de recrutement santé
:root {
--primary: #0b5fff;
--primary-dark: #0747c9;
--secondary: #38bdf8;
--accent: #7dd3fc;
--dark: #071827;
--dark-soft: #0f2740;
--text: #405160;
--muted: #6b7c8d;
--light: #f3f8ff;
--white: #ffffff;
--border: #d8e8f5;
--shadow: 0 18px 45px rgba(11, 95, 255, 0.12);
--radius: 28px;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: Arial, sans-serif;
color: var(--text);
line-height: 1.6;
background: var(--white);
overflow-x: hidden;
}
a {
text-decoration: none;
color: inherit;
}
.container {
width: min(1160px, 92%);
margin: auto;
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translateY(28px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes float {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
@keyframes pulseGlow {
0%, 100% {
box-shadow: 0 0 0 rgba(11, 95, 255, 0.15);
}
50% {
box-shadow: 0 0 38px rgba(11, 95, 255, 0.32);
}
}
header {
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(14px);
border-bottom: 1px solid var(--border);
position: sticky;
top: 0;
z-index: 20;
}
.navbar {
height: 78px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
font-size: 25px;
font-weight: 900;
color: var(--primary);
}
nav {
display: flex;
gap: 22px;
align-items: center;
font-size: 15px;
font-weight: 700;
color: var(--dark);
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 24px;
border-radius: 999px;
font-weight: 800;
transition: 0.25s ease;
white-space: nowrap;
}
.btn-primary {
background: var(--primary);
color: var(--white);
box-shadow: 0 12px 25px rgba(11, 95, 255, 0.25);
}
.btn-secondary {
background: var(--dark);
color: var(--white);
}
.btn-outline {
border: 1px solid var(--primary);
color: var(--primary);
background: var(--white);
}
.btn-white {
background: var(--white);
color: var(--primary);
}
.btn:hover {
transform: translateY(-3px);
opacity: 0.94;
}
.badge {
display: inline-block;
background: #e0f2fe;
color: var(--primary);
padding: 9px 15px;
border-radius: 999px;
font-weight: 900;
margin-bottom: 22px;
font-size: 14px;
}
.hero {
position: relative;
padding: 95px 0 90px;
background:
radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.28), transparent 30%),
radial-gradient(circle at 10% 15%, rgba(11, 95, 255, 0.15), transparent 32%),
linear-gradient(135deg, #f3f8ff 0%, #ffffff 65%);
overflow: hidden;
}
.hero-grid {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 60px;
align-items: center;
}
.hero-content {
animation: fadeUp 0.8s ease both;
}
h1 {
font-size: clamp(40px, 5.5vw, 68px);
line-height: 1.03;
color: var(--dark);
margin-bottom: 24px;
letter-spacing: -2px;
}
.hero p {
font-size: 20px;
margin-bottom: 32px;
max-width: 640px;
}
.hero-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 28px;
}
.trust {
display: grid;
gap: 10px;
font-weight: 700;
color: var(--dark);
}
.ai-card {
position: relative;
background: rgba(255, 255, 255, 0.86);
backdrop-filter: blur(18px);
padding: 36px;
border-radius: 34px;
box-shadow: var(--shadow);
border: 1px solid rgba(56, 189, 248, 0.35);
overflow: hidden;
animation: float 5s ease-in-out infinite;
}
.ai-chip {
display: inline-block;
padding: 8px 14px;
border-radius: 999px;
background: #dbeafe;
color: var(--primary);
font-weight: 900;
margin-bottom: 18px;
}
.ai-card h3 {
color: var(--dark);
font-size: 25px;
margin-bottom: 20px;
line-height: 1.2;
}
.ai-card ul {
list-style: none;
display: grid;
gap: 14px;
}
.ai-card li::before {
content: "✦";
color: var(--primary);
font-weight: 900;
margin-right: 10px;
}
.mini-dashboard {
margin-top: 28px;
display: grid;
gap: 14px;
}
.score-box {
padding: 18px;
border-radius: 20px;
background: rgba(11, 95, 255, 0.08);
border: 1px solid rgba(11, 95, 255, 0.12);
display: flex;
justify-content: space-between;
align-items: center;
color: var(--dark);
font-weight: 800;
}
.score-box strong {
font-size: 28px;
color: var(--primary);
}
section {
padding: 85px 0;
}
.section-light {
background: var(--light);
}
.section-title {
text-align: center;
max-width: 820px;
margin: 0 auto 52px;
animation: fadeUp 0.8s ease both;
}
.section-title h2 {
font-size: clamp(31px, 4vw, 46px);
color: var(--dark);
margin-bottom: 16px;
line-height: 1.12;
letter-spacing: -1px;
}
.section-title p {
font-size: 18px;
color: var(--muted);
}
.cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.card {
background: var(--white);
padding: 32px;
border-radius: var(--radius);
box-shadow: var(--shadow);
border: 1px solid var(--border);
animation: fadeUp 0.8s ease both;
transition: 0.25s ease;
}
.card:hover {
transform: translateY(-8px);
}
.card h3 {
color: var(--dark);
font-size: 22px;
margin-bottom: 14px;
}
.pathways {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.pathway {
background: var(--white);
padding: 34px;
border-radius: 30px;
border: 1px solid var(--border);
box-shadow: var(--shadow);
transition: 0.25s ease;
}
.pathway:hover {
transform: translateY(-8px);
}
.pathway-icon {
width: 54px;
height: 54px;
border-radius: 18px;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: var(--white);
display: grid;
place-items: center;
font-size: 25px;
margin-bottom: 20px;
}
.pathway h3 {
color: var(--dark);
font-size: 24px;
margin-bottom: 12px;
}
.pathway p {
margin-bottom: 22px;
}
.ai-section {
background:
radial-gradient(circle at 20% 20%, rgba(56, 189, 248, 0.25), transparent 35%),
linear-gradient(135deg, var(--dark), var(--primary));
color: var(--white);
padding: 95px 0;
overflow: hidden;
}
.ai-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 58px;
align-items: center;
}
.ai-section h2 {
font-size: clamp(32px, 4vw, 50px);
line-height: 1.08;
margin-bottom: 20px;
letter-spacing: -1px;
color: var(--white);
}
.ai-section p {
color: #dbeafe;
font-size: 18px;
}
.ai-box {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.22);
backdrop-filter: blur(16px);
padding: 34px;
border-radius: 30px;
animation: float 5s ease-in-out infinite;
}
.ai-line,
.ai-score {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px;
border-radius: 18px;
background: rgba(255, 255, 255, 0.12);
margin-bottom: 16px;
}
.ai-score strong {
font-size: 38px;
color: var(--accent);
}
.progress {
height: 10px;
background: rgba(255,255,255,0.18);
border-radius: 999px;
overflow: hidden;
margin-bottom: 20px;
}
.progress span {
display: block;
width: 92%;
height: 100%;
background: linear-gradient(90deg, var(--accent), var(--white));
border-radius: 999px;
}
.ai-tags {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.ai-tags span {
background: rgba(255, 255, 255, 0.14);
padding: 9px 13px;
border-radius: 999px;
font-size: 14px;
color: #eaf6ff;
}
.jobs-grid {
display: grid;
grid-template-columns: 0.85fr 1.15fr;
gap: 32px;
align-items: start;
}
.jobs-search {
background: var(--white);
border: 1px solid var(--border);
box-shadow: var(--shadow);
border-radius: 30px;
padding: 30px;
}
.jobs-search h3 {
color: var(--dark);
font-size: 24px;
margin-bottom: 18px;
}
.search-field {
display: grid;
gap: 10px;
margin-bottom: 16px;
}
.search-field label {
color: var(--dark);
font-weight: 800;
font-size: 14px;
}
.search-field input,
.search-field select {
width: 100%;
padding: 14px 16px;
border-radius: 16px;
border: 1px solid var(--border);
font-size: 15px;
color: var(--text);
outline: none;
}
.job-list {
display: grid;
gap: 18px;
}
.job-card {
background: var(--white);
border: 1px solid var(--border);
box-shadow: 0 12px 30px rgba(11, 95, 255, 0.08);
border-radius: 24px;
padding: 24px;
transition: 0.25s ease;
}
.job-card:hover {
transform: translateY(-5px);
}
.job-top {
display: flex;
justify-content: space-between;
gap: 16px;
margin-bottom: 12px;
align-items: flex-start;
}
.job-card h3 {
color: var(--dark);
font-size: 21px;
}
.job-tag {
background: #e0f2fe;
color: var(--primary);
font-weight: 900;
padding: 7px 11px;
border-radius: 999px;
font-size: 13px;
white-space: nowrap;
}
.job-meta {
color: var(--muted);
font-weight: 700;
margin-bottom: 14px;
}
.job-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
margin-top: 18px;
}
.steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
}
.step {
background: var(--white);
padding: 28px;
border-radius: 24px;
border: 1px solid var(--border);
box-shadow: 0 12px 30px rgba(11, 95, 255, 0.07);
animation: fadeUp 0.8s ease both;
transition: 0.25s ease;
}
.step:hover {
transform: translateY(-8px);
}
.number {
width: 44px;
height: 44px;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: var(--white);
border-radius: 50%;
display: grid;
place-items: center;
font-weight: 900;
margin-bottom: 18px;
}
.step h3 {
color: var(--dark);
margin-bottom: 10px;
}
.offers {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 26px;
align-items: stretch;
}
.offer {
background: var(--white);
padding: 34px;
border-radius: 30px;
border: 1px solid var(--border);
box-shadow: var(--shadow);
display: flex;
flex-direction: column;
animation: fadeUp 0.8s ease both;
}
.offer.featured {
border: 3px solid var(--primary);
transform: scale(1.03);
animation: pulseGlow 3s ease-in-out infinite;
}
.offer h3 {
color: var(--dark);
font-size: 24px;
margin-bottom: 10px;
}
.offer-label {
color: var(--primary);
font-weight: 900;
margin-bottom: 12px;
font-size: 14px;
}
.price {
font-size: 36px;
font-weight: 900;
color: var(--primary);
margin-bottom: 22px;
}
.price span {
font-size: 16px;
color: var(--text);
font-weight: 700;
}
.offer ul {
list-style: none;
display: grid;
gap: 12px;
margin-bottom: 28px;
}
.offer li::before {
content: "✓";
color: var(--primary);
font-weight: 900;
margin-right: 10px;
}
.offer .btn {
margin-top: auto;
text-align: center;
}
.premium {
background:
radial-gradient(circle at 85% 20%, rgba(56, 189, 248, 0.2), transparent 35%),
linear-gradient(135deg, var(--dark), var(--dark-soft));
color: var(--white);
border-radius: 36px;
padding: 64px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 54px;
align-items: center;
}
.premium h2 {
font-size: 42px;
line-height: 1.1;
margin-bottom: 20px;
letter-spacing: -1px;
color: var(--white);
}
.premium p {
color: #d8e7eb;
font-size: 18px;
}
.premium ul {
list-style: none;
display: grid;
gap: 14px;
}
.premium li {
background: rgba(255,255,255,0.08);
padding: 14px 16px;
border-radius: 16px;
}
.premium li::before {
content: "✦";
color: var(--accent);
font-weight: 900;
margin-right: 10px;
}
.cta {
text-align: center;
background:
radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.22), transparent 30%),
linear-gradient(135deg, var(--primary), var(--secondary));
color: var(--white);
padding: 82px 24px;
border-radius: 36px;
box-shadow: var(--shadow);
}
.cta h2 {
font-size: 44px;
margin-bottom: 16px;
letter-spacing: -1px;
color: var(--white);
}
.cta p {
font-size: 19px;
margin-bottom: 30px;
color: #eef8ff;
}
footer {
background: var(--dark);
color: var(--white);
padding: 52px 0;
margin-top: 85px;
}
.footer-grid {
display: flex;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
footer .logo {
color: var(--white);
margin-bottom: 8px;
}
.footer-links {
display: flex;
gap: 18px;
flex-wrap: wrap;
color: #d8e7eb;
font-weight: 700;
}
@media (max-width: 950px) {
nav {
display: none;
}
.hero-grid,
.ai-grid,
.jobs-grid,
.premium {
grid-template-columns: 1fr;
}
.cards,
.pathways,
.steps,
.offers {
grid-template-columns: 1fr;
}
.offer.featured {
transform: none;
}
.premium {
padding: 40px;
}
h1 {
letter-spacing: -1px;
}
}
Plateforme IA nouvelle génération pour le recrutement santé
Recrutez ou trouvez votre emploi santé avec l’IA.
Med & Jobs connecte les employeurs et les candidats du dentaire,
de la pharmacie et du médical grâce à une plateforme nouvelle génération :
annonces consultables, Match IA, multidiffusion et accompagnement humain.
✓ Espace employeurs pour publier et suivre vos recrutements
✓ Espace candidats pour consulter les offres et postuler
✓ Match IA pour rapprocher les bons profils des bonnes annonces
IA Match
La plateforme qui rapproche les bons profils des bonnes opportunités
annonces d’emploi santé consultables
analyse des candidatures par IA
classement des profils les plus pertinents
aide à la rédaction d’annonces attractives
accompagnement humain spécialisé santé
Compatibilité candidat
92%
Priorité IA
Élevée
Une plateforme pour les recruteurs, les candidats et les offres d’emploi santé
Med & Jobs n’est pas seulement un site d’annonces : c’est une solution complète
qui aide les employeurs à recruter et les candidats à trouver la bonne opportunité.
🏥
Côté employeurs
Publiez vos offres, améliorez leur visibilité, recevez des candidatures
et gagnez du temps grâce au Match IA et à l’accompagnement humain.
Découvrir les solutions
👩⚕️
Côté candidats
Consultez les offres d’emploi santé, trouvez des opportunités adaptées
à votre profil et postulez simplement auprès des recruteurs.
Voir les offres
🔎
Annonces consultables
Les offres d’emploi sont visibles, organisées par métier et secteur,
pour faciliter la recherche dans le dentaire, la pharmacie et le médical.
Consulter les annonces
Des annonces d’emploi santé consultables en ligne
Les candidats peuvent rechercher une opportunité et les employeurs bénéficient
d’une vitrine visible pour leurs recrutements.
Rechercher une offre
Métier
Secteur
Dentaire
Pharmacie
Médical
Localisation
Rechercher
Assistant(e) dentaire qualifié(e)
Cabinet dentaire • CDI • Paris
Dentaire
Rejoignez un cabinet moderne avec une équipe stable et un environnement de travail agréable.
Préparateur(trice) en pharmacie
Officine • CDI • Lyon
Pharmacie
Poste en CDI au sein d’une officine dynamique avec accompagnement et conditions attractives.
Médecin généraliste
Centre médical • Libéral ou salarié • Bordeaux
Médical
Opportunité dans une structure organisée avec patientèle existante et accompagnement administratif.
Une solution complète, pas un simple jobboard
Med & Jobs combine IA, annonces consultables, multidiffusion,
sponsorisation et accompagnement humain.
1
Publication
Les employeurs publient leurs offres sur une plateforme spécialisée santé.
2
Visibilité
Les annonces sont consultables en ligne et peuvent être diffusées plus largement.
3
Match IA
L’IA aide à rapprocher les profils candidats des offres les plus pertinentes.
4
Accompagnement
L’expertise humaine complète la technologie pour sécuriser les recrutements.
Des offres pour publier, diffuser et mieux recruter
Une annonce ponctuelle ou une solution renforcée pour gagner en visibilité
et mieux qualifier les candidatures.
Besoin ponctuel
Annonce Simple
49 € HT
Publication de votre offre
Annonce consultable en ligne
Réception des candidatures
Diffusion France Travail
Match IA
Publier mon annonce
Solution recommandée
Premium Mensuel
199 € HT / mois
Jusqu’à 3 recrutements simultanés
Rédaction optimisée de l’annonce
Annonce consultable en ligne
Multidiffusion
Sponsorisation
Match IA
Accompagnement humain
Qualification des candidatures
Découvrir le Premium
Besoins récurrents
Premium Trimestriel
499 € HT / trimestre
Tous les avantages Premium
Annonces consultables en ligne
Coût mensuel optimisé
Visibilité sur plusieurs mois
Idéal pour plusieurs recrutements
Choisir cette formule
Premium IA
Le Premium n’est pas un simple abonnement.
C’est une solution de recrutement renforcée pour augmenter votre visibilité,
qualifier vos candidatures et gagner du temps grâce à l’IA et à l’humain.
Une annonce seule rend votre offre consultable.
Le Premium augmente votre visibilité.
Le Match IA priorise les profils les plus adaptés.
L’accompagnement humain sécurise votre recrutement.
Vous avancez plus vite avec moins de charge mentale.
