<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Montagne Photo — Chamonix, Mont-Blanc, Annecy, Aix-les-Bains, Chambéry</title>
<link rel="icon" href="fond/feuille.ico">
<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=Anton&family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600;700&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&display=swap" rel="stylesheet">
<style>
:root{
--night:#0E1F2B;
--night-2:#122837;
--panel:#F5F1E7;
--ink:#1C2A2E;
--stone:#9FB2B8;
--ember:#E8672B;
--gold:#F4A93B;
--pine:#3C5B45;
--wood:#6B4A2B;
--wood-dark:#4A3220;
--radius:2px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0; background:var(--night); color:var(--panel);
font-family:'Barlow', sans-serif; font-weight:400; overflow-x:hidden;
}
h1,h2,h3{font-family:'Barlow', sans-serif; font-weight:700; margin:0;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
@media (prefers-reduced-motion: reduce){
*{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important;}
}
.ribbon{
display:flex; align-items:center; justify-content:space-between; padding:14px 28px;
background:var(--night-2); border-bottom:1px solid rgba(244,241,231,0.08);
position:relative; z-index:20; flex-wrap:wrap; gap:10px;
}
.brand{font-family:'Anton'; font-size:1.25rem; letter-spacing:0.03em; color:var(--panel);}
.brand span{color:var(--gold);}
.ribbon-links{display:flex; gap:18px; font-size:0.92rem; color:var(--stone); flex-wrap:wrap;}
.ribbon-links a{padding:4px 2px; border-bottom:1px solid transparent; transition:border-color .2s, color .2s;}
.ribbon-links a:hover{color:var(--gold); border-color:var(--gold);}
/* ---------- hero ---------- */
.hero{
position:relative; height:92vh; min-height:560px; display:flex; align-items:flex-end; overflow:hidden;
background:linear-gradient(180deg,#1a2f42 0%, #2c4256 30%, #E8672B 78%, #F4A93B 100%);
}
.hero canvas{position:absolute; inset:0; z-index:5; pointer-events:none;}
.sun{
position:absolute; right:12%; top:16%; width:150px; height:150px; border-radius:50%;
background:radial-gradient(circle at 40% 35%, #fff4da, var(--gold) 55%, transparent 72%);
filter:blur(1px); opacity:0; animation:sunrise 1.8s ease forwards .2s;
}
@keyframes sunrise{ to{ opacity:1; transform:translateY(-8px);} }
.range{position:absolute; left:0; right:0; bottom:0; width:100%; opacity:0; transform:translateY(40px);}
.range.show{animation:rise 1.1s cubic-bezier(.2,.8,.2,1) forwards;}
@keyframes rise{ to{opacity:1; transform:translateY(0);} }
.hero-copy{position:relative; z-index:10; width:100%; padding:0 28px 64px; max-width:1180px; margin:0 auto;}
.hero-eyebrow{opacity:0; transform:translateY(10px); font-family:'Barlow Condensed'; font-weight:700; font-size:1rem; letter-spacing:0.06em; color:#fff2df;}
.hero-title{
font-family:'Anton'; font-weight:400; font-size:clamp(3.2rem, 12vw, 8.5rem); line-height:0.86;
color:#fff9f0; text-shadow:0 6px 30px rgba(0,0,0,0.25); overflow:hidden;
}
.hero-title span{display:block; transform:translateY(110%); animation:slideUp .9s cubic-bezier(.2,.8,.2,1) forwards;}
.hero-title span:nth-child(2){animation-delay:.12s;}
@keyframes slideUp{ to{transform:translateY(0);} }
.hero-sub{max-width:560px; margin-top:18px; font-size:1.15rem; line-height:1.5; color:#fff5e8; opacity:0; animation:fadeIn 1s ease forwards 1.05s;}
@keyframes fadeIn{ to{opacity:1;} }
.hero-cta{margin-top:26px; display:flex; gap:14px; flex-wrap:wrap; opacity:0; animation:fadeIn 1s ease forwards 1.3s;}
.btn{padding:12px 22px; border:1.5px solid #fff5e8; color:#fff9f0; font-weight:600; font-size:0.95rem; transition:background .25s, color .25s, transform .25s; display:inline-block;}
.btn:hover{background:#fff9f0; color:var(--ember); transform:translateY(-2px);}
.btn.solid{background:#fff9f0; color:var(--ember); border-color:#fff9f0;}
.btn.solid:hover{background:transparent; color:#fff9f0;}
section{padding:100px 28px;}
.wrap{max-width:1180px; margin:0 auto;}
.kicker{color:var(--gold); font-weight:600; font-size:0.95rem; margin-bottom:10px;}
.h2{font-size:clamp(1.9rem,4vw,2.7rem); line-height:1.1; max-width:18ch;}
/* ---------- portrait strip ---------- */
.portrait-strip{background:var(--panel); color:var(--ink); padding-bottom:0;}
.portrait-grid{display:grid; grid-template-columns:220px 1fr; gap:40px; align-items:end;}
@media (max-width:760px){ .portrait-grid{grid-template-columns:1fr;} }
.portrait-grid img{width:100%; box-shadow:0 20px 40px rgba(0,0,0,0.18); border-radius:var(--radius);}
.portrait-caption{font-size:0.85rem; color:#5a6a70; margin-top:8px;}
.portrait-lede p{font-size:1.15rem; line-height:1.6; max-width:58ch; color:#33454b; margin:0;}
.portrait-lede strong{color:var(--ink);}
/* ---------- editorial article ---------- */
.editorial{background:var(--panel); color:var(--ink);}
.editorial-layout{display:grid; grid-template-columns:184px 1fr; gap:48px; align-items:start;}
@media (max-width:900px){ .editorial-layout{grid-template-columns:1fr;} }
.stalagtite-col{position:sticky; top:24px;}
.stalagtite-col a{display:block;}
.stalagtite-col img{box-shadow:0 20px 50px rgba(0,0,0,0.2); border-radius:var(--radius);}
.stalagtite-col .cap{font-size:0.82rem; color:#5a6a70; margin-top:8px; text-align:center;}
@media (max-width:900px){ .stalagtite-col{max-width:220px; margin:0 auto 20px; position:static;} }
.article-block{margin-bottom:64px;}
.article-block:last-child{margin-bottom:0;}
.article-head{display:flex; align-items:baseline; gap:14px; margin-bottom:22px; flex-wrap:wrap;}
.article-head h3{font-family:'Fraunces'; font-weight:600; font-size:clamp(1.5rem,3vw,2rem); color:var(--ink);}
.article-head .tag{font-size:0.8rem; text-transform:uppercase; letter-spacing:0.06em; color:var(--ember); font-weight:600; border:1px solid rgba(232,103,43,0.35); padding:3px 10px; border-radius:20px;}
.prose{font-family:'Fraunces', Georgia, serif; font-size:1.08rem; line-height:1.75; color:#2c3a3f; max-width:66ch;}
.prose p{margin:0 0 20px;}
.prose p:first-of-type::first-letter{
font-family:'Anton'; font-size:3.4rem; float:left; line-height:0.8; padding:6px 8px 0 0; color:var(--ember);
}
.prose p:last-child{margin-bottom:0;}
.prose strong{color:var(--ink);}
.inline-links{display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 8px;}
.inline-links a{font-size:0.9rem; color:var(--ember); border-bottom:1px solid rgba(232,103,43,0.4); padding-bottom:1px; transition:border-color .2s, color .2s;}
.inline-links a:hover{color:var(--wood-dark); border-color:var(--wood-dark);}
.article-connector{max-width:52ch; color:#5a6a70; font-size:1rem; margin:0 0 48px; font-style:italic;}
/* ---------- resources duo cards ---------- */
.resources{background:var(--night-2);}
.duo-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px;}
@media (max-width:700px){ .duo-grid{grid-template-columns:1fr;} }
.duo-card{display:block; position:relative; overflow:hidden;}
.duo-card .stack{display:grid; grid-template-rows:1fr 1fr; height:340px; gap:2px;}
.duo-card img{width:100%; height:100%; object-fit:cover; transition:transform .6s ease, filter .6s ease;}
.duo-card:hover img{transform:scale(1.06); filter:saturate(1.1);}
.duo-label{
position:absolute; left:18px; bottom:18px; z-index:2; color:#fff9f0; font-weight:600; font-size:1.1rem;
background:rgba(14,31,43,0.55); padding:8px 16px; backdrop-filter:blur(2px);
}
/* ---------- gallery ---------- */
.gallery{background:var(--night);}
.gallery-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:22px; margin-top:44px;}
.card{
position:relative; background:var(--night-2); overflow:hidden; aspect-ratio:4/5;
opacity:0; transform:translateY(26px); transition:opacity .6s ease, transform .6s ease;
}
.card.in{opacity:1; transform:translateY(0);}
.card img{width:100%; height:100%; object-fit:cover; transition:transform .55s ease, filter .55s ease;}
.card::after{content:""; position:absolute; inset:0; background:linear-gradient(0deg, rgba(14,31,43,0.92) 0%, rgba(14,31,43,0.05) 55%, transparent 75%);}
.card-tag{position:absolute; left:14px; bottom:14px; z-index:2; font-size:0.98rem; font-weight:600; color:#fff9f0; text-transform:capitalize; transform:translateY(8px); opacity:0.9; transition:transform .35s ease;}
.card:hover img{transform:scale(1.09) rotate(-0.6deg); filter:saturate(1.08);}
.card:hover .card-tag{transform:translateY(0);}
.card-frame{position:absolute; inset:10px; border:1px solid rgba(244,241,231,0.0); pointer-events:none; transition:border-color .35s ease;}
.card:hover .card-frame{border-color:rgba(244,241,231,0.35);}
/* ---------- vintage poster ---------- */
.poster{background:var(--night-2); display:grid; grid-template-columns:0.85fr 1.15fr; gap:48px; align-items:center;}
@media (max-width:860px){ .poster{grid-template-columns:1fr;} }
.poster-frame{position:relative; padding:18px; background:#fff9f0; box-shadow:0 24px 60px rgba(0,0,0,0.45); transform:rotate(-2.5deg); transition:transform .4s ease;}
.poster-frame:hover{transform:rotate(0deg) scale(1.02);}
.poster-frame img{width:100%; filter:sepia(0.12) contrast(1.03);}
.poster-text .h2{color:#fff9f0;}
.poster-text p{color:var(--stone); font-size:1.05rem; line-height:1.7; max-width:52ch; margin-top:16px;}
/* ---------- quote ---------- */
.quote-block{background:var(--pine); text-align:center;}
.quote-block a{display:block;}
.quote-mark{font-family:'Anton'; font-size:3rem; color:rgba(255,255,255,0.35); line-height:1;}
.quote-text{font-family:'Barlow'; font-weight:600; font-size:clamp(1.4rem,3vw,2.1rem); max-width:22ch; margin:8px auto 18px; color:#fff9f0; line-height:1.3; transition:color .25s ease;}
.quote-block a:hover .quote-text{color:var(--gold);}
.quote-by{color:rgba(255,249,240,0.75); font-size:0.98rem;}
/* ---------- signpost trail ---------- */
.trail{background:var(--panel); color:var(--ink);}
.trail .h2{color:var(--ink); margin-bottom:8px;}
.trail-intro{max-width:56ch; color:#45535a; margin-bottom:56px; font-size:1.05rem; line-height:1.65;}
.signpost{position:relative; max-width:760px; margin:0 auto; padding-left:34px;}
.signpost::before{content:""; position:absolute; left:14px; top:0; bottom:0; width:8px; background:linear-gradient(180deg, var(--wood), var(--wood-dark)); border-radius:3px; box-shadow:inset -2px 0 4px rgba(0,0,0,0.3);}
.signpost ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:16px;}
.signpost li{display:flex;}
.arrow{
font-family:'Barlow Condensed'; font-weight:700; text-transform:uppercase; letter-spacing:0.04em; font-size:1rem;
color:#fff9f0; background:linear-gradient(180deg, var(--wood), var(--wood-dark)); padding:11px 26px 11px 22px;
box-shadow:0 6px 14px rgba(0,0,0,0.25); transition:transform .3s cubic-bezier(.3,1.4,.5,1), box-shadow .3s ease, background .3s ease;
clip-path:polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
}
.signpost li:nth-child(odd){ justify-content:flex-start; }
.signpost li:nth-child(odd) .arrow{ margin-left:16px; transform:rotate(-2deg); }
.signpost li:nth-child(even){ justify-content:flex-end; }
.signpost li:nth-child(even) .arrow{ margin-right:6px; transform:rotate(2deg); clip-path:polygon(12% 0, 100% 0, 100% 100%, 12% 100%, 0 50%); padding:11px 22px 11px 26px; }
.signpost li:nth-child(3n) .arrow{ transform:rotate(-3.5deg); }
.signpost li:nth-child(4n) .arrow{ transform:rotate(3deg); }
.arrow:hover{ transform:rotate(0deg) translateX(4px) scale(1.04) !important; background:linear-gradient(180deg, var(--ember), #b6491a); box-shadow:0 10px 20px rgba(232,103,43,0.35); }
/* ---------- partners ---------- */
.partners{background:var(--night);}
.partners .h2{margin-bottom:8px;}
.partners-intro{max-width:56ch; color:var(--stone); margin-bottom:36px; font-size:1.02rem; line-height:1.6;}
.pill-row{display:flex; flex-wrap:wrap; gap:12px;}
.pill{border:1px solid rgba(244,241,231,0.22); padding:10px 18px; font-size:0.95rem; color:#fff9f0; transition:border-color .25s, background .25s, transform .25s;}
.pill:hover{border-color:var(--gold); background:rgba(244,169,59,0.1); transform:translateY(-2px);}
footer{padding:44px 28px 60px; background:var(--night-2); border-top:1px solid rgba(244,241,231,0.08); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;}
footer .brand{font-size:1.05rem;}
.footer-links{display:flex; gap:20px; flex-wrap:wrap; font-size:0.92rem; color:var(--stone);}
.footer-links a:hover{color:var(--gold);}
</style>
</head>
<body>
<div class="ribbon">
<div class="brand">MONTAGNE<span>·</span>PHOTO</div>
<div class="ribbon-links">
<a href="chamonix/">Chamonix</a>
<a href="annecy/">Annecy</a>
<a href="ski/">Ski</a>
<a href="rando/">Randonnée</a>
<a href="http://www.mountain.free.fr/">English version</a>
</div>
</div>
<header class="hero">
<canvas id="snow"></canvas>
<div class="sun"></div>
<svg class="range back" viewbox="0 0 1440 400" preserveaspectratio="none" style="height:60%;">
<polygon points="0,400 0,260 220,90 420,230 620,60 900,240 1120,110 1320,250 1440,180 1440,400" fill="#1b3145" opacity="0.75"/>
</svg>
<svg class="range mid" viewbox="0 0 1440 320" preserveaspectratio="none" style="height:46%;">
<polygon points="0,320 0,200 180,60 360,190 560,40 780,200 980,80 1200,210 1440,120 1440,320" fill="#12283a"/>
</svg>
<svg class="range front" viewbox="0 0 1440 240" preserveaspectratio="none" style="height:30%;">
<polygon points="0,240 0,150 260,40 520,160 760,30 1020,170 1260,60 1440,140 1440,240" fill="#0c1c29"/>
</svg>
<div class="hero-copy">
<div class="hero-eyebrow" id="eyebrow">Carnets d'altitude</div>
<h1 class="hero-title"><span>Montagne</span><span>Photo</span></h1>
<p class="hero-sub">Lumière, neige et sentiers entre Chamonix, le massif du Mont-Blanc, Annecy, Aix-les-Bains et Chambéry — le carnet photographique de Grégory Cros.</p>
<div class="hero-cta">
<a class="btn solid" href="http://gregory.cros.online.fr/">Découvrir le photographe</a>
<a class="btn" href="#galerie">Voir les photos</a>
</div>
</div>
</header>
<section class="editorial">
<div class="wrap editorial-layout">
<div class="stalagtite-col">
<a href="http://www.mountain.free.fr/">
<img src="presentation/stalagtite.jpg" alt="montagne photo" loading="lazy">
</a>
<div class="cap">Version anglaise du site</div>
</div>
<div>
<div class="article-block">
<div class="article-head">
<h3>Les Alpes françaises</h3>
<span class="tag">Guide complet de la montagne</span>
</div>
<div class="prose">
<p>Les Alpes françaises constituent l'une des régions montagneuses les plus emblématiques d'Europe. S'étendant sur plusieurs départements comme la Savoie, la Haute-Savoie, l'Isère, les Hautes-Alpes et les Alpes-de-Haute-Provence, elles offrent des paysages spectaculaires mêlant sommets enneigés, vallées verdoyantes et lacs glaciaires. Les Alpes françaises attirent chaque année des millions de visiteurs, été comme hiver, pour des activités sportives, culturelles et touristiques.</p>
<p>L'un des sommets les plus célèbres est le <strong>Mont Blanc</strong>, point culminant des Alpes et de l'Europe occidentale avec ses 4 810 mètres. L'ascension du Mont Blanc attire les alpinistes du monde entier, tandis que les panoramas depuis les stations voisines, comme Chamonix, permettent aux amateurs de randonnée et de photographie de profiter d'une vue exceptionnelle. Les glaciers, les vallées profondes et les cols alpins offrent un terrain de découverte unique pour les passionnés de nature.</p>
<p>Les <strong>stations de ski</strong> sont un autre attrait majeur. Des domaines réputés comme Courchevel, Méribel, Val d'Isère, Tignes, Les Deux Alpes ou La Plagne offrent des pistes adaptées à tous les niveaux, des infrastructures modernes et une gamme complète de services touristiques. L'hiver, le ski alpin, le ski de fond, la raquette et le snowboard sont les activités principales, tandis qu'en été, les mêmes stations proposent randonnées, VTT, parapente et escalade.</p>
<p>Les <strong>parcs naturels</strong> des Alpes françaises permettent également de découvrir la faune et la flore locales. Le Parc national de la Vanoise, le Parc naturel régional du Queyras ou encore le Parc naturel régional des Écrins offrent des sentiers balisés, des refuges et des programmes éducatifs. Ces espaces préservés sont idéaux pour observer chamois, marmottes, bouquetins et aigles royaux dans leur habitat naturel.</p>
<p>La randonnée en montagne est un autre incontournable. Des itinéraires célèbres comme le Tour du Mont Blanc, la traversée des Écrins ou le GR5 permettent aux amateurs de trek d'explorer des paysages variés : forêts denses, alpages fleuris, lacs de montagne et sommets escarpés. Chaque saison apporte son charme, du manteau blanc hivernal aux fleurs colorées de l'été.</p>
<p>Les <strong>lacs alpins</strong> complètent le paysage : le lac d'Annecy, le lac du Bourget, le lac de Serre-Ponçon ou le lac de Gaube offrent des activités nautiques, des balades en bateau et des plages de sable fin pour se détendre après une journée de randonnée ou de ski. Ces plans d'eau contribuent également à la biodiversité de la région et offrent des points de vue exceptionnels sur les montagnes environnantes.</p>
<p>La culture alpine est riche et diversifiée. Les villages traditionnels, avec leurs chalets en bois et toits de pierre, conservent un patrimoine architectural typique. Les marchés locaux, les spécialités culinaires comme la raclette, la fondue, la tartiflette ou le reblochon, et les festivals de musique ou de folklore, permettent de découvrir la vie et les traditions de la montagne française.</p>
<p>Le <strong>tourisme estival</strong> est très développé. Les activités incluent le VTT, l'escalade, le parapente, le canyoning et la via ferrata. Les visiteurs peuvent également découvrir des sites historiques comme les forts Vauban, les chapelles anciennes ou les musées de montagne qui racontent l'histoire de la région, des premiers habitants aux alpinistes modernes.</p>
<p>La météo et le climat des Alpes françaises varient fortement selon l'altitude. Les vallées peuvent bénéficier de températures douces et ensoleillées, tandis que les sommets restent enneigés une grande partie de l'année. Cette diversité climatique permet à la fois la pratique des sports d'hiver et des activités estivales dans la même région.</p>
<p>Enfin, les Alpes françaises sont une destination idéale pour le tourisme durable et responsable. Les sentiers balisés, les refuges écologiques et les initiatives locales pour protéger la faune, la flore et les glaciers encouragent les visiteurs à découvrir la montagne tout en respectant son fragile écosystème.</p>
<p>En résumé, les Alpes françaises offrent un mélange exceptionnel de paysages, d'activités sportives, de patrimoine culturel et de gastronomie. Que ce soit pour le ski, la randonnée, la découverte de villages traditionnels, l'observation de la nature ou la dégustation de spécialités locales, chaque visiteur trouve son expérience idéale dans cette région montagneuse unique et fascinante. Visiter les Alpes françaises, c'est plonger au cœur d'une nature majestueuse et d'un patrimoine riche, qui font de cette destination un incontournable du tourisme en France.</p>
</div>
</div>
<p class="article-connector">Derrière ce territoire, un regard : celui du photographe qui l'arpente depuis plusieurs années.</p>
<div class="article-block">
<div class="article-head">
<h3>Grégory Cros</h3>
<span class="tag">Photographe de montagne dans les Alpes</span>
</div>
<div class="prose">
<p>Je suis Grégory Cros, photographe de montagne dans les Alpes, passionné par les reliefs puissants, les lumières changeantes et les ambiances brutes que seule la haute altitude peut offrir. Photographier la montagne, ce n'est pas seulement capturer un paysage, c'est raconter une histoire, saisir un instant fragile entre le ciel et la roche, entre le silence et le vent. Depuis plusieurs années, j'arpente les Alpes françaises et européennes à la recherche de ces moments rares où la nature se révèle sans filtre.</p>
<p>Être photographe de montagne dans les Alpes demande bien plus qu'un bon appareil photo. Cela exige une vraie connaissance du terrain, une préparation rigoureuse et une capacité d'adaptation permanente. En altitude, tout peut changer en quelques minutes. La météo, la lumière, les nuages, la neige ou le brouillard influencent chaque prise de vue. Mon expérience en montagne me permet d'anticiper ces variations et d'être toujours au bon endroit, au bon moment.</p>
<p>Mon travail de photographe de montagne est profondément lié au respect de l'environnement. Les Alpes sont un territoire fragile, majestueux mais vulnérable. Chaque sortie est pensée pour limiter mon impact, privilégier des approches discrètes et préserver l'authenticité des lieux. Photographier la montagne, pour moi, c'est aussi témoigner de sa beauté afin de mieux la protéger.</p>
<p>Les Alpes offrent une diversité incroyable de paysages. Des sommets enneigés aux alpages verdoyants, des lacs d'altitude aux glaciers imposants, chaque massif possède sa propre identité. En tant que photographe de montagne dans les Alpes, je m'attache à montrer cette variété, à révéler les contrastes entre la rudesse minérale et la douceur des lumières matinales.</p>
<div class="inline-links">
<a href="https://lyon-photographe-professionnel.fr/mariage-grenoble/" target="_blank" rel="noopener">Photo mariage Grenoble</a>
<a href="http://g.cros1.free.fr/photographe-mariage-grenoble/" target="_blank" rel="noopener">Photographe mariage Grenoble</a>
</div>
<p>Mon approche photographique est résolument humaine. Même lorsque je photographie des paysages, je cherche toujours une émotion, une sensation de grandeur ou de solitude. La montagne impose l'humilité. Elle remet l'homme à sa juste place, et c'est ce message que j'essaie de transmettre à travers mes images. Chaque photo est une invitation à ralentir, à respirer et à contempler.</p>
<p>Être photographe de montagne dans les Alpes, c'est aussi raconter la vie qui s'y déroule. Les bergers, les guides, les alpinistes, les randonneurs et les passionnés de nature font partie intégrante de cet univers. J'aime intégrer la présence humaine dans mes images, non pas pour dominer le paysage, mais pour souligner l'immensité et la puissance de la montagne.</p>
<p>La lumière est au cœur de mon travail. En montagne, elle est souvent extrême, rasante au lever du jour, dure à midi, douce et dorée au coucher du soleil. Savoir lire la lumière, comprendre comment elle glisse sur les crêtes ou disparaît derrière un sommet est essentiel. C'est cette maîtrise qui permet de créer des images fortes et intemporelles.</p>
<p>J'interviens comme photographe de montagne dans les Alpes pour des projets variés : marques outdoor, offices de tourisme, magazines, entreprises, mais aussi pour des particuliers amoureux de la montagne. Chaque projet est unique et mérite une attention particulière. Je prends le temps de comprendre les attentes, l'identité visuelle recherchée et le message à transmettre.</p>
<p>Mon style photographique est naturel, sincère et sans artifices excessifs. Je privilégie des couleurs réalistes, des contrastes équilibrés et une composition soignée. La montagne n'a pas besoin d'être exagérée pour impressionner. Elle se suffit à elle-même. Mon rôle est simplement de la mettre en valeur avec justesse.</p>
<p>Travailler en montagne implique une logistique spécifique. Chaque sortie est préparée avec précision : repérage des lieux, étude de la météo, choix du matériel, gestion de l'effort physique. Cette rigueur me permet de me concentrer pleinement sur la création lorsque je suis sur le terrain. Rien n'est laissé au hasard.</p>
<p>Au fil des années, la montagne est devenue bien plus qu'un sujet photographique. Elle est un espace de liberté, de ressourcement et de réflexion. Être photographe de montagne dans les Alpes, c'est accepter de se lever très tôt, de marcher longtemps, parfois dans des conditions difficiles, pour quelques minutes de lumière exceptionnelle.</p>
<p>Mes photographies de montagne sont pensées pour durer. Elles ne suivent pas les modes éphémères. Je cherche des images fortes, lisibles et émotionnelles, capables de traverser le temps. Des images qui racontent une histoire et qui donnent envie de découvrir ou redécouvrir les Alpes.</p>
<p>Choisir Grégory Cros comme photographe de montagne dans les Alpes, c'est faire appel à un professionnel engagé, passionné et expérimenté. C'est aussi choisir un regard sensible et authentique, profondément attaché à ce territoire exceptionnel. Mon objectif est simple : créer des images vraies, puissantes et inspirantes, à la hauteur de la montagne.</p>
<div class="inline-links">
<a href="https://lyon-photographe-professionnel.fr/mariage/" target="_blank" rel="noopener">Photographe mariage Lyon</a>
<a href="https://lyon-photographe-professionnel.fr/" target="_blank" rel="noopener">Photos Grégory Cros</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="resources">
<div class="wrap">
<div class="kicker">Pour aller plus loin</div>
<h2 class="h2">Guides et liens autour de la montagne</h2>
<div class="duo-grid">
<a class="duo-card" href="livre_guide.php" title="livres et guides sur la montagne" target="_blank" rel="noopener">
<div class="stack">
<img src="fond/france.jpg" alt="montagne photo cadre" loading="lazy">
<img src="fond/mountain.jpg" alt="montagne photo bois" loading="lazy">
</div>
<div class="duo-label">Livres & guides montagne</div>
</a>
<a class="duo-card" href="liens.html" target="_blank" rel="noopener">
<div class="stack">
<img src="fond/ski.jpg" alt="cadre montagne photo" loading="lazy">
<img src="fond/montagne_paysage.jpg" alt="cadre montagne photo" loading="lazy">
</div>
<div class="duo-label">Liens</div>
</a>
</div>
</div>
</section>
<section class="gallery" id="galerie">
<div class="wrap">
<div class="kicker">La galerie</div>
<h2 class="h2">Refuges, chalets et coins de neige</h2>
<div class="gallery-grid" id="galleryGrid">
<a class="card" href="ski/bon-coin.jpg" target="_blank" rel="noopener"><img src="ski/bon-coin.jpg" alt="bon coin" loading="lazy"><span class="card-tag">Bon coin</span><span class="card-frame"></span></a>
<a class="card" href="ski/bon_coin_location.jpg" target="_blank" rel="noopener"><img src="ski/bon_coin_location.jpg" alt="location" loading="lazy"><span class="card-tag">Location</span><span class="card-frame"></span></a>
<a class="card" href="ski/bon_coin_montagne.jpg" target="_blank" rel="noopener"><img src="ski/bon_coin_montagne.jpg" alt="montagne" loading="lazy"><span class="card-tag">Montagne</span><span class="card-frame"></span></a>
<a class="card" href="ski/boncoin.jpg" target="_blank" rel="noopener"><img src="ski/boncoin.jpg" alt="boncoin" loading="lazy"><span class="card-tag">Boncoin</span><span class="card-frame"></span></a>
<a class="card" href="ski/chalet-boncoin.jpg" target="_blank" rel="noopener"><img src="ski/chalet-boncoin.jpg" alt="chalet" loading="lazy"><span class="card-tag">Chalet</span><span class="card-frame"></span></a>
<a class="card" href="ski/charme_bon_coin.jpg" target="_blank" rel="noopener"><img src="ski/charme_bon_coin.jpg" alt="charme" loading="lazy"><span class="card-tag">Charme</span><span class="card-frame"></span></a>
<a class="card" href="ski/coin-annonces-location.jpg" target="_blank" rel="noopener"><img src="ski/coin-annonces-location.jpg" alt="annonces location" loading="lazy"><span class="card-tag">Annonces location</span><span class="card-frame"></span></a>
<a class="card" href="ski/gite_annonce_louer.jpg" target="_blank" rel="noopener"><img src="ski/gite_annonce_louer.jpg" alt="gite louer" loading="lazy"><span class="card-tag">Gîte à louer</span><span class="card-frame"></span></a>
<a class="card" href="ski/location_le_bon_coin.jpg" target="_blank" rel="noopener"><img src="ski/location_le_bon_coin.jpg" alt="location" loading="lazy"><span class="card-tag">Location</span><span class="card-frame"></span></a>
<a class="card" href="ski/location_neige_bon-coin.jpg" target="_blank" rel="noopener"><img src="ski/location_neige_bon-coin.jpg" alt="neige" loading="lazy"><span class="card-tag">Neige</span><span class="card-frame"></span></a>
<a class="card" href="arbres/paysage-eneige.jpg" target="_blank" rel="noopener"><img src="arbres/paysage-eneige.jpg" alt="paysage boncoin paisage neige photo chamonix mont-blanc nature soleil photos naturel randonnée image" loading="lazy"><span class="card-tag">Paysage enneigé</span><span class="card-frame"></span></a>
<a class="card" href="arbres/randonnee-ski.jpg" target="_blank" rel="noopener"><img src="arbres/randonnee-ski.jpg" alt="images paysage arbres montagne arbre paysage" loading="lazy"><span class="card-tag">Randonnée & ski</span><span class="card-frame"></span></a>
</div>
</div>
</section>
<section class="poster">
<div class="wrap" style="display:contents;">
<div class="poster-frame">
<a href="publicite/affiche_vintage.jpg" target="_blank" rel="noopener">
<img src="publicite/affiche_vintage.jpg" alt="affiche vintage" loading="lazy">
</a>
</div>
<div class="poster-text">
<div class="kicker">Mémoire de station</div>
<h2 class="h2">Vieilles affiches, vieux sports d'hiver</h2>
<p>Avant les photos numériques, les stations vendaient la montagne en couleurs franches et en lettrages peints. Cette affiche vintage ouvre la rubrique <a href="publicite/" style="text-decoration:underline;">Vieilles affiches</a>, un petit musée de papier consacré aux sports d'hiver d'autrefois.</p>
<div style="margin-top:22px;"><a class="btn" href="publicite/">Explorer les affiches</a></div>
</div>
</div>
</section>
<section class="quote-block">
<div class="wrap">
<a href="http://www.partir.online.fr/agence/" title="Envie de partir">
<div class="quote-mark">“</div>
<div class="quote-text">Le sens de la vie : le but de tout est d'évoluer.</div>
<div class="quote-by">Bernard Werber — L'Empire des anges</div>
</a>
</div>
</section>
<section class="trail">
<div class="wrap">
<div class="kicker">Le sentier</div>
<h2 class="h2">Toutes les rubriques, balisées comme en montagne</h2>
<p class="trail-intro">Chaque panneau mène à une galerie du site — des forêts givrées aux thermes d'Aix-les-Bains, en passant par l'aiguille du Midi et les gorges du Verdon.</p>
<nav class="signpost">
<ul>
<li><a class="arrow" href="arbres.htm">Les arbres</a></li>
<li><a class="arrow" href="arbres/">La neige</a></li>
<li><a class="arrow" href="nature.htm">Nature et la station</a></li>
<li><a class="arrow" href="reveillon-2004.htm">Le réveillon</a></li>
<li><a class="arrow" href="ski/">Ski</a></li>
<li><a class="arrow" href="publicite/">Vieilles affiches</a></li>
<li><a class="arrow" href="verdon/les_gorges.htm">Gorges du Verdon</a></li>
<li><a class="arrow" href="rando/">Randonnée</a></li>
<li><a class="arrow" href="chamonix/">Chamonix Mont-Blanc</a></li>
<li><a class="arrow" href="aiguille_midi/">L'aiguille du Midi</a></li>
<li><a class="arrow" href="tramway_mont_blanc.htm">Le tramway de St Gervais</a></li>
<li><a class="arrow" href="train/train_rouge.htm">Train Mont-Blanc</a></li>
<li><a class="arrow" href="barcelonnette/">Barcelonnette, Alpes du Sud</a></li>
<li><a class="arrow" href="feuille/">Les feuilles</a></li>
<li><a class="arrow" href="gourmandises.htm">Gourmandise</a></li>
<li><a class="arrow" href="megeve/">Megève</a></li>
<li><a class="arrow" href="annecy/">Annecy</a></li>
<li><a class="arrow" href="venosc.htm">Venosc</a></li>
<li><a class="arrow" href="pagejaune/">Page Jaune</a></li>
<li><a class="arrow" href="hotel/">Hôtel</a></li>
<li><a class="arrow" href="massage/">Massage</a></li>
<li><a class="arrow" href="camping_car.htm">Camping car</a></li>
<li><a class="arrow" href="station.htm">Tournesol</a></li>
<li><a class="arrow" href="livre_guide.php">Livres & guides</a></li>
<li><a class="arrow" href="liens.html">Liens</a></li>
</ul>
</nav>
</div>
</section>
<section class="partners">
<div class="wrap">
<div class="kicker">Carnet d'adresses</div>
<h2 class="h2">Autour du carnet</h2>
<p class="partners-intro">Quelques adresses amies et sites partenaires, croisés au fil des voyages et des mises à jour du site.</p>
<div class="pill-row">
<a class="pill" href="https://lyon-photographe-professionnel.fr/mariage/">Photographe mariage Lyon</a>
<a class="pill" href="https://lyon-photographe-professionnel.fr/mariage-grenoble/">Photo mariage Grenoble</a>
<a class="pill" href="http://g.cros1.free.fr/photographe-mariage-grenoble/">Photographe mariage Grenoble</a>
<a class="pill" href="http://parc.usa.online.fr/" title="Les grands Parcs Nationaux américains">Les parcs américains</a>
<a class="pill" href="http://treck.maroc.online.fr/">Treck Maroc</a>
<a class="pill" href="http://www.maison.bois.online.fr/">Maison en bois</a>
<a class="pill" href="http://www.paysage.online.fr/" title="paysage">Paysage, fonds d'écran</a>
</div>
</div>
</section>
<footer>
<div class="brand">MONTAGNE<span>·</span>PHOTO</div>
<div class="footer-links"><a href="https://lyon-photographe-professionnel.fr/">Photographe Lyon</a>
<a href="http://gregory.cros.online.fr/">Le photographe</a>
<a href="#galerie">La galerie</a>
</div>
</footer>
<script>
requestAnimationFrame(()=>{
document.getElementById('eyebrow').style.transition = 'opacity .8s ease, transform .8s ease';
document.getElementById('eyebrow').style.opacity = 1;
document.getElementById('eyebrow').style.transform = 'translateY(0)';
});
document.querySelectorAll('.range').forEach((el,i)=>{
setTimeout(()=>el.classList.add('show'), 250 + i*180);
});
const ranges = document.querySelectorAll('.hero .range');
window.addEventListener('scroll', ()=>{
const y = window.scrollY;
ranges.forEach((el, i)=>{ el.style.transform = `translateY(${y * (0.08 + i*0.06)}px)`; });
}, {passive:true});
const canvas = document.getElementById('snow');
const ctx = canvas.getContext('2d');
let W, H, flakes = [];
function resize(){
W = canvas.width = canvas.parentElement.clientWidth;
H = canvas.height = canvas.parentElement.clientHeight;
}
function initFlakes(){
flakes = Array.from({length: 70}, ()=>({
x: Math.random()*W, y: Math.random()*H,
r: Math.random()*2.4 + 0.6, s: Math.random()*0.6 + 0.25, drift: Math.random()*0.6 - 0.3
}));
}
function loop(){
ctx.clearRect(0,0,W,H);
ctx.fillStyle = 'rgba(255,255,255,0.85)';
flakes.forEach(f=>{
ctx.beginPath(); ctx.arc(f.x, f.y, f.r, 0, Math.PI*2); ctx.fill();
f.y += f.s; f.x += f.drift;
if(f.y > H){ f.y = -4; f.x = Math.random()*W; }
if(f.x > W) f.x = 0; if(f.x < 0) f.x = W;
});
requestAnimationFrame(loop);
}
window.addEventListener('resize', resize);
resize(); initFlakes(); loop();
const cards = document.querySelectorAll('.card');
const io = new IntersectionObserver((entries)=>{
entries.forEach((entry, idx)=>{
if(entry.isIntersecting){
setTimeout(()=>entry.target.classList.add('in'), idx*70);
io.unobserve(entry.target);
}
});
}, {threshold:0.15});
cards.forEach(c=>io.observe(c));
</script>
</body>
</html>
