<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alexandre Maulin</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Outfit:wght@300;400;500&display=swap" rel="stylesheet">
<style>
:root {
--bleu-marine: #1e3a5f;
--orange-corail: #e86a4a;
--teal: #2a7d7d;
--beige: #faf8f5;
--blanc: #ffffff;
--gris-texte: #4a4a4a;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Outfit', sans-serif;
background: var(--beige);
color: var(--bleu-marine);
font-size: 16px;
line-height: 1.7;
font-weight: 300;
}
/* NAV */
nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 20px 60px;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(250,248,245,0.95);
backdrop-filter: blur(10px);
}
.logo img {
height: 28px;
}
nav ul {
display: flex;
gap: 40px;
list-style: none;
}
nav a {
color: var(--bleu-marine);
text-decoration: none;
font-size: 0.9rem;
font-weight: 400;
transition: color 0.3s;
}
nav a:hover {
color: var(--orange-corail);
}
/* HERO */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 120px 60px 80px;
max-width: 1400px;
margin: 0 auto;
gap: 80px;
}
.hero-text {
flex: 1;
}
.hero-text h1 {
font-family: 'Cormorant Garamond', serif;
font-size: 4rem;
font-weight: 400;
line-height: 1.1;
margin-bottom: 1.5rem;
}
.hero-text h1 span {
color: var(--orange-corail);
}
.hero-text .subtitle {
font-size: 1.1rem;
color: var(--gris-texte);
line-height: 1.9;
max-width: 500px;
}
.hero-image {
flex: 0 0 350px;
}
.hero-image img {
width: 100%;
border-radius: 4px;
box-shadow: 0 30px 60px rgba(30,58,95,0.15);
}
/* CITATION */
.citation {
background: var(--bleu-marine);
color: var(--blanc);
padding: 100px 60px;
text-align: center;
}
.citation blockquote {
font-family: 'Cormorant Garamond', serif;
font-size: 2rem;
font-weight: 400;
font-style: italic;
max-width: 900px;
margin: 0 auto;
line-height: 1.5;
}
.citation .signature {
margin-top: 2rem;
font-size: 0.9rem;
color: var(--orange-corail);
letter-spacing: 0.1em;
}
/* SECTIONS */
section {
padding: 100px 60px;
max-width: 1200px;
margin: 0 auto;
}
.section-header {
margin-bottom: 60px;
}
.section-header h2 {
font-family: 'Cormorant Garamond', serif;
font-size: 2.5rem;
font-weight: 400;
margin-bottom: 0.5rem;
}
.section-header .line {
width: 60px;
height: 2px;
background: var(--orange-corail);
}
/* PARCOURS */
.parcours-intro {
font-size: 1.1rem;
color: var(--gris-texte);
max-width: 700px;
margin-bottom: 50px;
line-height: 1.9;
}
.parcours-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.parcours-item {
text-align: center;
padding: 30px 20px;
background: var(--blanc);
border-radius: 4px;
}
.parcours-item .date {
font-family: 'Cormorant Garamond', serif;
font-size: 2.5rem;
font-weight: 500;
color: var(--orange-corail);
margin-bottom: 0.5rem;
}
.parcours-item h3 {
font-size: 1rem;
font-weight: 500;
margin-bottom: 0.5rem;
}
.parcours-item p {
font-size: 0.85rem;
color: var(--gris-texte);
}
/* INVESTISSEMENTS */
.invest-citation {
font-family: 'Cormorant Garamond', serif;
font-size: 1.3rem;
font-style: italic;
color: var(--gris-texte);
margin-bottom: 50px;
padding-left: 20px;
border-left: 3px solid var(--orange-corail);
}
.invest-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.invest-card {
background: var(--blanc);
padding: 30px;
border-radius: 4px;
transition: transform 0.3s, box-shadow 0.3s;
}
.invest-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(30,58,95,0.1);
}
.invest-card .categorie {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--teal);
margin-bottom: 0.8rem;
}
.invest-card h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.4rem;
font-weight: 500;
margin-bottom: 0.8rem;
}
.invest-card p {
font-size: 0.9rem;
color: var(--gris-texte);
margin-bottom: 1rem;
line-height: 1.7;
}
.invest-card a {
color: var(--bleu-marine);
text-decoration: none;
font-size: 0.85rem;
display: inline-flex;
align-items: center;
gap: 5px;
transition: gap 0.3s, color 0.3s;
}
.invest-card a:hover {
color: var(--orange-corail);
gap: 10px;
}
.invest-card a::after {
content: '→';
}
/* ENGAGEMENTS */
.engagement-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
}
.engagement-text .lieu {
font-size: 0.75rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--teal);
margin-bottom: 0.5rem;
}
.engagement-text h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 2rem;
font-weight: 400;
margin-bottom: 1.5rem;
}
.engagement-text .temoignage {
font-size: 1rem;
color: var(--gris-texte);
line-height: 1.9;
}
.engagement-text .temoignage p {
margin-bottom: 1rem;
}
.engagement-text .temoignage p:first-child,
.engagement-text .temoignage p:last-child {
font-family: 'Cormorant Garamond', serif;
font-size: 1.1rem;
font-style: italic;
color: var(--bleu-marine);
}
.engagement-link {
display: inline-flex;
align-items: center;
gap: 10px;
margin-top: 2rem;
color: var(--blanc);
background: var(--bleu-marine);
text-decoration: none;
font-size: 0.85rem;
padding: 14px 28px;
border-radius: 4px;
transition: background 0.3s;
}
.engagement-link:hover {
background: var(--orange-corail);
}
.engagement-image {
position: sticky;
top: 100px;
}
.engagement-image img {
width: 100%;
border-radius: 4px;
box-shadow: 0 20px 40px rgba(30,58,95,0.15);
}
.engagement-image figcaption {
margin-top: 1rem;
font-size: 0.85rem;
color: var(--gris-texte);
}
.engagement-secondary {
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid rgba(30,58,95,0.1);
}
.engagement-secondary .lieu {
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--teal);
}
.engagement-secondary h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 0.3rem;
}
.engagement-secondary p {
font-size: 0.9rem;
color: var(--gris-texte);
}
/* FOOTER */
footer {
background: var(--bleu-marine);
color: var(--blanc);
padding: 80px 60px;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-text h3 {
font-family: 'Cormorant Garamond', serif;
font-size: 2rem;
font-weight: 400;
margin-bottom: 0.5rem;
}
.footer-text p {
opacity: 0.8;
}
.linkedin-link {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--bleu-marine);
background: var(--blanc);
text-decoration: none;
font-size: 0.85rem;
padding: 14px 28px;
border-radius: 4px;
transition: background 0.3s, color 0.3s;
}
.linkedin-link:hover {
background: var(--orange-corail);
color: var(--blanc);
}
.linkedin-link svg {
width: 18px;
height: 18px;
}
.footer-bottom {
max-width: 1200px;
margin: 40px auto 0;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
font-size: 0.8rem;
opacity: 0.6;
}
/* RESPONSIVE */
@media (max-width: 1000px) {
.hero {
flex-direction: column-reverse;
text-align: center;
padding: 120px 30px 60px;
}
.hero-image {
flex: 0 0 auto;
width: 250px;
}
.hero-text .subtitle {
margin: 0 auto;
}
.parcours-grid {
grid-template-columns: repeat(2, 1fr);
}
.invest-grid {
grid-template-columns: 1fr;
}
.engagement-grid {
grid-template-columns: 1fr;
}
.engagement-image {
position: static;
order: -1;
}
nav ul {
display: none;
}
section {
padding: 60px 30px;
}
}
@media (max-width: 600px) {
.hero-text h1 {
font-size: 2.5rem;
}
.parcours-grid {
grid-template-columns: 1fr;
}
.footer-content {
flex-direction: column;
text-align: center;
gap: 30px;
}
}
</style>
</head>
<body>
<nav>
<div class="logo">
<img src="https://www.paulined-preprod.fr/wp-content/uploads/2025/12/maulinski_logo.jpeg" alt="Maulin">
</div>
<ul>
<li><a href="#parcours">Parcours</a></li>
<li><a href="#investissements">Investissements</a></li>
<li><a href="#engagements">Engagements</a></li>
</ul>
</nav>
<section class="hero">
<div class="hero-text">
<h1>Alexandre <span>Maulin</span></h1>
<p class="subtitle">Né en Maurienne, formé sur le terrain comme pisteur-secouriste. 20 ans à la tête de domaines skiables, dont 4 ans à la présidence de Domaines Skiables de France. Depuis 2022, une nouvelle page : le numérique, l'immobilier, l'accompagnement d'entrepreneurs.</p>
</div>
<div class="hero-image">
<img src="https://www.paulined-preprod.fr/wp-content/uploads/2025/12/1727367731843.jpeg" alt="Alexandre Maulin">
</div>
</section>
<section class="citation">
<blockquote>
« Ce qui compte, c'est d'accompagner des gens qui croient en ce qu'ils font. Des projets concrets, ancrés dans un territoire, une technologie qui sert vraiment. »
</blockquote>
<p class="signature">— Alexandre Maulin</p>
</section>
<section id="parcours">
<div class="section-header">
<h2>Parcours</h2>
<div class="line"></div>
</div>
<p class="parcours-intro">
Né à Chambéry, une enfance au Corbier en Maurienne. Le père, Gaston Maulin, avait fondé Maulin Montagne Participations. Diplômé pisteur-secouriste à Tignes en 2000, puis monteur et directeur des remontées mécaniques.
</p>
<div class="parcours-grid">
<div class="parcours-item">
<div class="date">2011</div>
<h3>Reprise</h3>
<p>Entreprise familiale restructurée sous le nom Maulin.ski</p>
</div>
<div class="parcours-item">
<div class="date">2018</div>
<h3>Présidence</h3>
<p>Élu à la tête de Domaines Skiables de France, à 37 ans</p>
</div>
<div class="parcours-item">
<div class="date">2022</div>
<h3>Cession</h3>
<p>Vente des participations dans les sociétés d'exploitation</p>
</div>
<div class="parcours-item">
<div class="date">2025</div>
<h3>Rebond</h3>
<p>Conseil, numérique, immobilier</p>
</div>
</div>
</section>
<section id="investissements">
<div class="section-header">
<h2>Investissements</h2>
<div class="line"></div>
</div>
<p class="invest-citation">« Continuer à développer des projets avec des amis de longue date. C'est ce qui me motive. »</p>
<div class="invest-grid">
<div class="invest-card">
<div class="categorie">Conseil</div>
<h3>F&A Solutions</h3>
<p>Accompagnement des dirigeants et collectivités. Restructuration, crise, modification capitalistique.</p>
<a href="https://www.f-a.solutions" target="_blank">Découvrir</a>
</div>
<div class="invest-card">
<div class="categorie">Tech / VR</div>
<h3>Inversive Group</h3>
<p>Plateforme française de gestion et diffusion de contenus en réalité virtuelle. Solution souveraine.</p>
<a href="https://inversive.fr" target="_blank">Découvrir</a>
</div>
<div class="invest-card">
<div class="categorie">Intelligence Artificielle</div>
<h3>Brain Analytics</h3>
<p>Synapse Studio : plateforme de création d'agents conversationnels IA sur mesure.</p>
<a href="https://www.brainanalytics.fr" target="_blank">Découvrir</a>
</div>
<div class="invest-card">
<div class="categorie">Intelligence Artificielle</div>
<h3>CIT-AI Solutions</h3>
<p>Solutions IA pour mairies et collectivités locales. La technologie au service du service public.</p>
<a href="#">En création</a>
</div>
<div class="invest-card">
<div class="categorie">Immobilier</div>
<h3>MAUBAR</h3>
<p>Projet au Bourget-du-Lac. Réhabilitation en centre-bourg : 7 logements et un commerce.</p>
<a href="#">En développement</a>
</div>
<div class="invest-card">
<div class="categorie">Patrimoine</div>
<h3>MARMAU</h3>
<p>La Cabane Bonnamour sur le port de Capbreton. Réhabilitation de ce patrimoine classé.</p>
<a href="#">En développement</a>
</div>
<div class="invest-card">
<div class="categorie">Immobilier</div>
<h3>L'Agencerie</h3>
<p>Agences immobilières sur la côte basque et landaise. Avec Sylvain Marconnet.</p>
<a href="#">Découvrir</a>
</div>
</div>
</section>
<section id="engagements">
<div class="section-header">
<h2>Engagements</h2>
<div class="line"></div>
</div>
<div class="engagement-grid">
<div class="engagement-text">
<span class="lieu">Sénégal</span>
<h3>Les Cajoutiers de Warang</h3>
<div class="temoignage">
<p>« Cette école, je l'ai découverte quand j'habitais au Sénégal. Grâce à Sophie Corynen, les mots solidarité et accompagnement ont pris un nouveau sens. »</p>
<p>En 2008, une simple classe. Aujourd'hui, le groupe scolaire accueille près de 700 enfants. L'association a créé "Graines de Cajou", une école inclusive pour les enfants sourds — une première au Sénégal. Puis des classes pour les enfants porteurs de trisomie 21. Transport, cantine, suivi médical : tout est pris en charge.</p>
<p>« Chaque rentrée est un défi. Il faut trouver des parrains, financer les bus, la cantine. Ma contribution va aux repas. Chaque fois que je retourne au pays de la Terranga, l'émotion est la même devant ce que Sophie et son équipe ont construit. »</p>
</div>
<a href="https://www.helloasso.com/associations/les-cajoutiers" target="_blank" class="engagement-link">Soutenir l'association</a>
<div class="engagement-secondary">
<span class="lieu">Niger</span>
<h4>Dispensaire de Boudari</h4>
<p>Contribution au rééquipement de la maternité après un incendie.</p>
</div>
</div>
<figure class="engagement-image">
<img src="https://www.paulined-preprod.fr/wp-content/uploads/2025/12/images-8.jpeg" alt="Les Cajoutiers de Warang">
<figcaption>École Les Cajoutiers, Warang — Sénégal</figcaption>
</figure>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-text">
<h3>Échangeons.</h3>
<p>Disponible pour discuter de nouveaux projets.</p>
</div>
<a href="https://www.linkedin.com/in/alexandre-maulin" target="_blank" class="linkedin-link">
<svg viewBox="0 0 24 24" fill="currentColor">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/>
</svg>
LinkedIn
</a>
</div>
<div class="footer-bottom">
© 2025 Alexandre Maulin
</div>
</footer>
</body>
</html>