@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;600&display=swap');
.salamandre-container {
font-family: 'Open Sans', sans-serif;
line-height: 1.6;
color: #333;
max-width: 100%;
overflow-x: hidden;
}
/* Hero Section */
.salamandre-hero {
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: white;
padding: 80px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.salamandre-hero::before {
content: « 🦎 »;
position: absolute;
font-size: 300px;
opacity: 0.05;
right: -50px;
top: -50px;
transform: rotate(-15deg);
}
.salamandre-badge {
display: inline-block;
background: #FFD700;
color: #1a1a1a;
padding: 8px 20px;
border-radius: 30px;
font-weight: 700;
font-size: 0.9rem;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 2px;
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.salamandre-hero h1 {
font-family: 'Montserrat', sans-serif;
font-size: 3rem;
font-weight: 800;
margin: 0 0 20px 0;
color: #FFD700;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.salamandre-hero .subtitle {
font-size: 1.5rem;
color: #fff;
margin-bottom: 15px;
font-weight: 600;
}
.salamandre-hero .tagline {
font-size: 1.2rem;
color: #ccc;
font-style: italic;
max-width: 600px;
margin: 0 auto 30px;
}
.salamandre-btn {
display: inline-block;
background: #FFD700;
color: #1a1a1a;
padding: 15px 40px;
text-decoration: none;
border-radius: 50px;
font-weight: 700;
font-size: 1.1rem;
transition: all 0.3s;
box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
margin: 10px;
}
.salamandre-btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
background: #ffed4e;
}
.salamandre-btn-outline {
background: transparent;
border: 2px solid #FFD700;
color: #FFD700;
}
.salamandre-btn-outline:hover {
background: #FFD700;
color: #1a1a1a;
}
/* Sections */
.salamandre-section {
padding: 60px 20px;
max-width: 1200px;
margin: 0 auto;
}
.salamandre-section h2 {
font-family: 'Montserrat', sans-serif;
font-size: 2.2rem;
color: #1a1a1a;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.salamandre-section h2::after {
content: « »;
display: block;
width: 80px;
height: 4px;
background: #FFD700;
margin: 15px auto;
border-radius: 2px;
}
/* Nouveau Proprio */
.proprio-grid {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 40px;
align-items: center;
background: #f9f9f9;
padding: 40px;
border-radius: 20px;
border-left: 5px solid #FFD700;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.proprio-img {
width: 200px;
height: 200px;
background: linear-gradient(135deg, #FFD700, #ffed4e);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 4rem;
margin: 0 auto;
border: 5px solid #1a1a1a;
}
.proprio-text h3 {
color: #1a1a1a;
font-size: 1.8rem;
margin-bottom: 10px;
font-family: 'Montserrat', sans-serif;
}
.proprio-text .role {
color: #FFD700;
font-weight: 700;
font-size: 1.1rem;
margin-bottom: 15px;
display: block;
}
/* Vision */
.vision-box {
background: #1a1a1a;
color: white;
padding: 40px;
border-radius: 20px;
text-align: center;
margin: 40px 0;
position: relative;
}
.vision-box::before {
content: « » »;
font-size: 4rem;
color: #FFD700;
line-height: 0;
vertical-align: -20px;
}
.vision-text {
font-size: 1.5rem;
font-style: italic;
margin: 20px 0;
color: #fff;
}
/* Grid Nouveautés */
.nouveautes-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
margin-top: 40px;
}
.nouveau-card {
background: white;
border-radius: 15px;
padding: 30px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s;
border-top: 4px solid #FFD700;
position: relative;
overflow: hidden;
}
.nouveau-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.nouveau-card::before {
content: « NOUVEAU »;
position: absolute;
top: 10px;
right: -30px;
background: #FFD700;
color: #1a1a1a;
padding: 5px 40px;
transform: rotate(45deg);
font-size: 0.7rem;
font-weight: 700;
}
.nouveau-icon {
font-size: 3rem;
margin-bottom: 15px;
}
.nouveau-card h3 {
color: #1a1a1a;
font-family: 'Montserrat', sans-serif;
margin-bottom: 10px;
font-size: 1.3rem;
}
.nouveau-card p {
color: #666;
font-size: 0.95rem;
}
/* Highlight Section */
.highlight-section {
background: linear-gradient(135deg, #FFD700 0%, #ffed4e 100%);
padding: 60px 20px;
margin: 40px 0;
text-align: center;
color: #1a1a1a;
}
.highlight-section h2 {
color: #1a1a1a !important;
}
.highlight-section h2::after {
background: #1a1a1a !important;
}
.highlight-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
max-width: 1000px;
margin: 40px auto;
}
.highlight-item {
background: rgba(255,255,255,0.9);
padding: 30px;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.highlight-item h3 {
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px;
color: #1a1a1a;
}
/* Contact */
.contact-section {
text-align: center;
padding: 40px 20px;
background: #1a1a1a;
color: white;
border-radius: 20px;
margin-top: 40px;
}
.contact-section h2 {
color: #FFD700 !important;
}
.contact-section h2::after {
background: #FFD700 !important;
}
.email-big {
font-size: 1.5rem;
color: #FFD700;
font-weight: 700;
text-decoration: none;
display: inline-block;
margin: 20px 0;
border: 2px solid #FFD700;
padding: 15px 30px;
border-radius: 50px;
transition: all 0.3s;
}
.email-big:hover {
background: #FFD700;
color: #1a1a1a;
}
/* Responsive */
@media (max-width: 768px) {
.salamandre-hero h1 {
font-size: 2rem;
}
.proprio-grid {
grid-template-columns: 1fr;
text-align: center;
}
.nouveautes-grid {
grid-template-columns: 1fr;
}
}
✨ Changement de Propriétaire
La Salamandre du Ventoux
Nouvelle ère, nouvelle énergie !
« L'escalade : un sport complet qui se partage en famille »
Un nouveau souffle pour votre salle
🧗♂️
Votre nouveau propriétaire
Monsieur Legrand
Ancien grimpeur de haut niveau, je suis fier de reprendre la direction de cette magnifique salle d'escalade. Mon ambition ? Élargir notre cible et faire de l'escalade un véritable sport familial accessible à tous, des plus petits aux plus grands.
Que vous soyez débutant ou confirmé, seul ou en famille, vous trouverez ici une ambiance conviviale et des activités adaptées à vos envies.
Notre mission : Faire découvrir la passion de l'escalade dans un cadre familial et chaleureux, où chacun progresse à son rythme.
🎉 Nos Nouveautés 2020
Découvrez toutes nos nouvelles activités et infrastructures pensées pour toute la famille
🧘♀️
Yoga Dynamique
Renforcez votre souplesse et votre respiration pour une meilleure performance en escalade.
👶
Cours Enfants 6+
Initiation ludique à l'escalade pour les petits grimpeurs dès 6 ans dans un cadre sécurisé.
☯️
Tai Chi
Harmonie du corps et de l'esprit pour améliorer votre concentration et équilibre.
💪
Renforcement Musculaire
Séances ciblées pour développer la force spécifique nécessaire à l'escalade.
🧸
Garderie Enfant
Profitez de votre séance d'escalade pendant que nous occupons vos enfants en toute sécurité.
☕
Espace Cafétéria
Nouveau coin convivial pour partager un moment de détente entre grimpeurs ou en famille.
🏗️ Nouvelles Infrastructures
🧗♀️ Nouveau Mur d'Escalade
Un mur entièrement rénové avec de nouvelles voies pour tous les niveaux, de l'initiation à la compétition.
☕ Espace Famille & Café
Un espace chaleureux pour attendre les enfants, travailler ou simplement se détendre autour d'un café.
