Notre organisation
:root{
--violet:#6e6295;
--vert:#60afad;
--ink:#1f2937;
--muted:#6b7280;
--radius:20px;
--shadow:0 20px 60px rgba(0,0,0,.08);
--font:"Century Gothic","Segoe UI",Arial,sans-serif;
}
.ch-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:22px;
margin-top:20px;
}
@media (max-width:1100px){ .ch-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .ch-grid{ grid-template-columns:1fr;} }
.ch-card{
background:#fff;
border-radius:var(--radius);
overflow:hidden;
box-shadow:var(--shadow);
transition:.25s ease;
display:flex;
flex-direction:column;
}
.ch-card:hover{
transform:translateY(-6px);
box-shadow:0 30px 80px rgba(0,0,0,.12);
}
.ch-img{
height:140px;
background-size:cover;
background-position:center;
}
.ch-body{
padding:22px;
display:flex;
flex-direction:column;
justify-content:space-between;
flex:1;
}
.ch-kicker{
font-size:12px;
text-transform:uppercase;
letter-spacing:.08em;
font-weight:700;
color:var(--vert);
margin-bottom:10px;
}
.ch-title{
font-size:19px;
font-weight:800;
color:var(--ink);
margin-bottom:10px;
line-height:1.25;
}
.ch-text{
font-size:14px;
color:#4b5563;
line-height:1.55;
margin-bottom:14px;
}
.ch-micro{
font-size:13px;
color:var(--muted);
margin-bottom:16px;
}
.ch-link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 16px;
border-radius:12px;
background:var(--violet);
color:#fff !important;
font-weight:700;
text-decoration:none;
width:max-content;
transition:.2s ease;
}
.ch-link:hover{
transform:translateY(-2px);
filter:brightness(1.08);
}
Découvrir
Voir les formations
Accéder
Découvrir
/* aligne les boutons proprement à gauche */
.ch-card{
display:flex;
flex-direction:column;
}
.ch-body{
display:flex;
flex-direction:column;
height:100%;
}
.ch-link{
margin-top:auto; /* pousse le bouton en bas */
align-self:flex-start; /* l'aligne à gauche */
}
Soins
Nos pôles, une même exigence
Une organisation claire, des équipes qui se parlent, et une prise en charge qui reste humaine.
Nos 5 pôles
Se former
Apprendre ici. Grandir ici.
Des parcours concrets, un terrain formateur, et une dynamique qui accompagne les vocations.
IFSI • IFAS • PASS
Ressources
Faciliter votre parcours
Les bons repères, au bon moment : pour préparer, comprendre, et avancer sereinement.
Admissions • Livret d’accueil du patient
Grand âge
Des lieux de vie, avant tout
Une présence attentive, un quotidien animé, et des équipes qui connaissent les personnes.
Léon Rouveyrol • Le Bosc • Les Cèdres • La Chalambelle
.ch-campaign-strip{
max-width:1100px;
margin:0 auto 28px auto;
font-family:"Century Gothic","Segoe UI",Arial,sans-serif;
}
.ch-campaign-title{
font-size:13px;
letter-spacing:.08em;
text-transform:uppercase;
color:#6b7280;
margin-bottom:12px;
}
.ch-campaign-grid{
display:grid;
grid-template-columns: repeat(5, 1fr);
gap:10px;
}
.ch-campaign-grid img{
width:100%;
height:100%;
object-fit:cover;
border-radius:12px;
box-shadow:0 10px 20px rgba(0,0,0,.12);
transition:transform .15s ease, box-shadow .15s ease;
}
.ch-campaign-grid img:hover{
transform:translateY(-3px);
box-shadow:0 18px 30px rgba(0,0,0,.18);
}
@media(max-width:900px){
.ch-campaign-grid{
grid-template-columns: repeat(2, 1fr);
}
}
.home-audio-campaign{
text-align:center;
margin:32px auto;
max-width:520px;
font-family:"Century Gothic","Segoe UI",Arial,sans-serif;
}
.audio-intro{
font-size:15px;
color:#4b5563;
margin-bottom:16px;
line-height:1.5;
}
.home-audio-campaign button{
border:1px solid #60afad;
background:#ffffff;
color:#60afad;
border-radius:999px;
padding:12px 26px;
font-size:15px;
font-weight:700;
cursor:pointer;
box-shadow:0 10px 24px rgba(0,0,0,.08);
transition:all .2s ease;
}
.home-audio-campaign button:hover{
background:#60afad;
color:#ffffff;
transform:translateY(-1px);
}
document.addEventListener("DOMContentLoaded", function () {
const audio = document.getElementById("campaignAudio");
const btn = document.getElementById("campaignPlayBtn");
btn.addEventListener("click", function () {
if (audio.paused) {
audio.play();
btn.innerHTML = "⏸ Mettre en pause";
} else {
audio.pause();
btn.innerHTML = "▶ Écouter l’hymne";
}
});
audio.addEventListener("ended", function () {
btn.innerHTML = "▶ Écouter l’hymne";
});
});
Vu sur nos réseaux
On nous a dit : « Une campagne avec un hymne ? » Nous avons répondu : écoutez.
:root{
--violet:#6e6295;
--vert:#60afad;
--ink:#1f2937;
--muted:#6b7280;
--radius:18px;
--shadow:0 25px 60px rgba(0,0,0,.08);
--font:"Century Gothic","Segoe UI",Arial,sans-serif;
}
.ch-brand{
font-family:var(--font);
max-width:1200px;
margin:50px auto;
}
.ch-brand-card{
background:#fff;
border-radius:var(--radius);
box-shadow:var(--shadow);
padding:44px;
}
/* repère campagnes */
.ch-eyebrow{
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--vert);
font-weight:700;
margin-bottom:16px;
}
/* titre */
.ch-brand h2{
font-size:32px;
margin:0 0 16px;
color:var(--ink);
}
.ch-intro{
color:var(--muted);
font-size:16px;
margin-bottom:30px;
}
/* colonnes */
.ch-cols{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
margin-bottom:30px;
}
.ch-col h3{
font-size:18px;
margin-bottom:10px;
color:var(--ink);
}
.ch-col p{
color:var(--muted);
font-size:15px;
line-height:1.5;
}
/* stats */
.ch-repere{
margin:30px 0 15px;
font-size:13px;
text-transform:uppercase;
letter-spacing:.08em;
color:var(--vert);
font-weight:700;
}
.ch-stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:16px;
margin-bottom:30px;
}
.ch-stat{
padding:18px;
border-radius:14px;
color:#fff;
background:linear-gradient(135deg,var(--vert),var(--violet));
box-shadow:0 10px 25px rgba(0,0,0,.10);
transition:.2s;
}
.ch-stat:hover{
transform:translateY(-3px);
}
.ch-stat strong{
display:block;
font-size:22px;
}
.ch-stat span{
font-size:13px;
opacity:.95;
}
/* bouton */
.ch-cta{
text-align:left;
}
.ch-btn{
display:inline-block;
background:var(--violet);
color:#fff;
padding:14px 22px;
border-radius:12px;
text-decoration:none;
font-weight:700;
transition:.2s;
}
.ch-btn:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,0,0,.15);
}
/* responsive */
@media(max-width:900px){
.ch-cols{grid-template-columns:1fr;}
}
:root{
--violet:#6e6295;
--vert:#60afad;
--ink:#1f2937;
--muted:#6b7280;
--radius:18px;
--shadowA:0 18px 50px rgba(0,0,0,.10);
--shadowB:0 10px 26px rgba(0,0,0,.10);
--font:"Century Gothic","Segoe UI",Arial,sans-serif;
}
/* titre */
.ch-repere{
font-family:var(--font);
text-transform:uppercase;
letter-spacing:.10em;
font-size:12px;
font-weight:700;
color:rgba(96,175,173,.95);
margin:0 0 10px 0;
}
/* grille : 4 puis 3, responsive */
.ch-stats{
display:grid;
grid-template-columns:repeat(4, minmax(0,1fr));
gap:16px;
margin-top:12px;
align-items:stretch;
}
@media (max-width:1100px){ .ch-stats{ grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width:820px){ .ch-stats{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:560px){ .ch-stats{ grid-template-columns:1fr; } }
/* TUITE = même hauteur pour tout le monde */
.ch-stat{
position:relative;
border-radius:16px;
padding:18px 18px 16px;
height:160px; /* <- clé : hauteur identique */
overflow:hidden;
transform:translateZ(0);
transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
display:flex;
flex-direction:column;
justify-content:flex-start;
font-family:var(--font);
}
/* gradient + verre */
.ch-stat{
color:#fff;
background:
radial-gradient(1100px 400px at -10% -20%, rgba(255,255,255,.25), transparent 55%),
linear-gradient(135deg, rgba(96,175,173,.96), rgba(110,98,149,.96));
box-shadow:var(--shadowB);
backdrop-filter:saturate(140%) blur(6px);
-webkit-backdrop-filter:saturate(140%) blur(6px);
border:1px solid rgba(255,255,255,.18);
}
/* icône (uniquement celle-ci, pas tous les SVG !) */
.ch-ico{
width:24px; height:24px; /* <- plus grand */
opacity:.95;
position:absolute;
top:14px; right:14px;
filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));
}
/* Typo “chiffre héros” */
.ch-stat strong{
display:block;
font-size:44px; /* <- plus impact */
line-height:1;
font-weight:900;
letter-spacing:-1px;
margin:28px 0 8px 0; /* laisse respirer sous l’icône */
}
.ch-stat span{
display:block;
font-size:15px;
font-weight:600;
opacity:.95;
}
/* micro shine + glow */
.ch-stat::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(500px 220px at 20% 0%, rgba(255,255,255,.18), transparent 60%),
radial-gradient(380px 240px at 100% 80%, rgba(255,255,255,.10), transparent 60%);
pointer-events:none;
}
.ch-stat::after{
content:"";
position:absolute;
inset:-45% -35%;
background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.22) 50%, transparent 65%);
transform:translateX(-38%) rotate(10deg);
opacity:0;
transition:opacity .22s ease, transform .55s ease;
pointer-events:none;
}
/* hover Apple-ish ++ */
.ch-stat:hover{
transform:translateY(-5px);
box-shadow:0 28px 80px rgba(0,0,0,.16);
filter:saturate(1.05);
}
.ch-stat:hover::after{
opacity:.95;
transform:translateX(18%) rotate(10deg);
}
/* tuile signature “naissances” (même hauteur mais détail en bas) */
.ch-stat--sig{
background:
radial-gradient(900px 380px at 110% -30%, rgba(255,255,255,.28), transparent 55%),
linear-gradient(135deg, rgba(110,98,149,.97), rgba(96,175,173,.97));
}
.ch-stat--sig em{
margin-top:auto; /* <- cale le détail en bas */
display:block;
font-style:normal;
font-size:13px;
opacity:.92;
padding-top:10px;
border-top:1px solid rgba(255,255,255,.22);
}
/* CTA tuile (blanche premium) */
.ch-stat--cta{
text-decoration:none !important;
background:rgba(255,255,255,.90) !important;
color:var(--ink) !important;
border:1px solid rgba(96,175,173,.35) !important;
box-shadow:0 18px 50px rgba(0,0,0,.08);
}
.ch-stat--cta:hover{
box-shadow:0 26px 70px rgba(0,0,0,.12);
}
.ch-stat--cta .cta-kicker{
margin-top:2px;
font-size:12px;
text-transform:uppercase;
letter-spacing:.10em;
color:var(--vert);
font-weight:800;
}
.ch-stat--cta .cta-title{
margin-top:10px;
font-size:20px;
font-weight:900;
color:var(--violet);
letter-spacing:-.2px;
}
.ch-stat--cta .cta-sub{
margin-top:8px;
font-size:13px;
color:var(--muted);
line-height:1.35;
}
/* bouton interne (et son texte en BLANC si violet) */
.ch-pill{
margin-top:auto; /* <- cale le bouton en bas */
display:inline-flex;
align-items:center;
gap:10px;
padding:12px 14px;
border-radius:12px;
background:var(--violet);
color:#fff;
font-weight:800;
width:max-content;
box-shadow:0 10px 24px rgba(110,98,149,.22);
}
.ch-pill svg{ width:16px; height:16px; stroke:#fff; }
.ch-stat--cta:hover .ch-pill{ filter:brightness(1.03); }
/* option “compte” : état initial */
.ch-count{
font-variant-numeric: tabular-nums;
}
/* Count-up au scroll (léger, Apple-ish, non intrusif) */
(function(){
const els = document.querySelectorAll('.ch-count[data-target]');
if(!els.length) return;
const fmt = (n) => n.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
const animate = (el) => {
const target = parseInt(el.getAttribute('data-target'), 10);
const start = 0;
const dur = 900; // ms
const t0 = performance.now();
const step = (t) => {
const p = Math.min(1, (t - t0) / dur);
const eased = 1 - Math.pow(1 - p, 3);
const val = Math.round(start + (target - start) * eased);
el.textContent = fmt(val);
if(p {
entries.forEach(e => {
if(e.isIntersecting && !e.target.dataset.done){
e.target.dataset.done = "1";
animate(e.target);
}
});
}, { threshold: 0.35 });
els.forEach(el => io.observe(el));
})();
/* Apparition séquencée */
.ch-stats .ch-stat{
opacity:0;
transform:translateY(10px);
transition:opacity .55s ease, transform .55s ease;
will-change:opacity, transform;
}
/* état visible */
.ch-stats.is-inview .ch-stat{
opacity:1;
transform:translateY(0);
}
/* délais en cascade */
.ch-stats.is-inview .ch-stat:nth-child(1){ transition-delay:.00s; }
.ch-stats.is-inview .ch-stat:nth-child(2){ transition-delay:.06s; }
.ch-stats.is-inview .ch-stat:nth-child(3){ transition-delay:.12s; }
.ch-stats.is-inview .ch-stat:nth-child(4){ transition-delay:.18s; }
.ch-stats.is-inview .ch-stat:nth-child(5){ transition-delay:.24s; }
.ch-stats.is-inview .ch-stat:nth-child(6){ transition-delay:.30s; }
.ch-stats.is-inview .ch-stat:nth-child(7){ transition-delay:.36s; }
.ch-stats.is-inview .ch-stat:nth-child(8){ transition-delay:.42s; }
/* accessibilité : pas d’anim si préférence utilisateur */
@media (prefers-reduced-motion: reduce){
.ch-stats .ch-stat{ opacity:1; transform:none; transition:none; }
}
(function(){
const grid = document.querySelector('.ch-stats');
if(!grid) return;
const io = new IntersectionObserver((entries)=>{
entries.forEach(e=>{
if(e.isIntersecting){
grid.classList.add('is-inview');
io.disconnect(); // une seule fois
}
});
}, { threshold: 0.15 });
io.observe(grid);
})();
/* Apparition séquencée (sans JS) */
.ch-stats .ch-stat{
opacity:0;
transform:translateY(10px);
animation: chPop .65s ease forwards;
}
/* cascade */
.ch-stats .ch-stat:nth-child(1){ animation-delay:.00s; }
.ch-stats .ch-stat:nth-child(2){ animation-delay:.06s; }
.ch-stats .ch-stat:nth-child(3){ animation-delay:.12s; }
.ch-stats .ch-stat:nth-child(4){ animation-delay:.18s; }
.ch-stats .ch-stat:nth-child(5){ animation-delay:.24s; }
.ch-stats .ch-stat:nth-child(6){ animation-delay:.30s; }
.ch-stats .ch-stat:nth-child(7){ animation-delay:.36s; }
.ch-stats .ch-stat:nth-child(8){ animation-delay:.42s; }
@keyframes chPop{
to{ opacity:1; transform:translateY(0); }
}
/* accessibilité */
@media (prefers-reduced-motion: reduce){
.ch-stats .ch-stat{ opacity:1; transform:none; animation:none; }
}
Vous avez vu nos campagnes. Bienvenue dans la réalité.
Votre nouvelle vie professionnelle commence ici.
On vous a peut-être appris qu’il fallait viser haut.
Nous pensons qu’il faut surtout viser juste.
1 480 professionnels, une activité soutenue, un collectif engagé : ici, on ne promet pas un cadre idéal, mais un cadre réel, exigeant, structuré, utile.
Peut-être pas pour tout le monde.
Pour vous, certainement.
L’établissement
Premier acteur de santé du sud Ardèche, le CHARME porte une offre complète, moderne, en lien étroit avec les partenaires du territoire. Ici, les décisions sont rapides, les projets aboutissent et chacun connaît l’impact concret de son travail.
Le territoire & Aubenas
Aubenas est la capitale du sud Ardèche, ville historique perchée au sommet de la vallée, dominée par son château médiéval emblématique. Ses ruelles pavées, ses places animées, son marché hebdomadaire haut en couleurs et son patrimoine architectural donnent à cette ville un charme authentique, où l’art de vivre se conjugue avec dynamisme culturel et commercial. À quelques minutes seulement, la beauté naturelle de l’Ardèche s’exprime dans les Gorges sauvages, les sentiers de randonnée, les villages classés et les panoramas qui font de la région un terrain de vie exceptionnel pour les familles et les professionnels.
Repères d’activité – année 2025
1 480professionnels
40médecins recrutés
33 500passages aux urgences
170 500consultations externes
50 000actes d’imagerie
22 250séjours
604naissances
Maternité niveau 2A
Consulter nos offres
Opportunités de carrière
Je postule
Gérer le consentement
Fonctionnel
Toujours activé
L’accès ou le stockage technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
L’accès ou le stockage technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’internaute.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques.
Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
L’accès ou le stockage technique est nécessaire pour créer des profils d’internautes afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web ayant des finalités marketing similaires.