/* Using your existing variables where possible */
.hub-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 25px;
margin: 40px 0;
}
/* Bento Configuration */
.hub-card {
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s, box-shadow 0.3s;
height: 100%;
border: 1px solid #f0f0f0;
background: white; /* Ensure visibility */
position: relative;
overflow: hidden;
}
.hub-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: var(–red);
}
/* Grid Layout priorities */
.card-train { grid-column: span 8; }
.card-avion { grid-column: span 4; }
.card-metro { grid-column: span 6; }
.card-auto { grid-column: span 6; }
/* Responsive: Mobile Stack */
@media (max-width: 900px) {
.card-train, .card-avion, .card-metro, .card-auto {
grid-column: span 12;
}
}
/* Internal Visual Elements */
.hub-icon {
font-size: 2.5rem;
margin-bottom: 15px;
background: var(–beige);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: var(–red);
}
.hub-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 10px;
color: #1a1a1a;
}
.hub-desc {
color: var(–grey);
font-size: 0.95rem;
margin-bottom: 20px;
line-height: 1.6;
flex-grow: 1;
}
/* « UPDATE » Badge for News */
.news-badge {
display: inline-block;
background: #ffebee;
color: var(–red);
font-size: 0.75rem;
font-weight: 700;
padding: 4px 8px;
border-radius: 4px;
margin-bottom: 10px;
border: 1px solid rgba(193, 39, 45, 0.2);
}
/* Budget Gauge */
.budget-gauge {
display: flex;
align-items: center;
gap: 5px;
font-size: 0.85rem;
font-weight: 600;
color: #1a1a1a;
margin-bottom: 20px;
background: #fafafa;
padding: 8px 12px;
border-radius: 8px;
width: fit-content;
}
.dots { display: flex; gap: 3px; margin-left: 8px; }
.dot { width: 10px; height: 10px; border-radius: 50%; background: #ddd; }
.dot.active { background: var(–red); }
/* Text Links */
.hub-link {
color: var(–red);
font-weight: 700;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
transition: color 0.2s;
}
.hub-link:hover { text-decoration: underline; color: #a01e23; }
/* Calculator Banner */
.cta-banner {
background: #1a1a1a;
color: white;
border-radius: 20px;
padding: 50px;
text-align: center;
margin: 60px 0;
position: relative;
overflow: hidden;
}
.cta-banner::before {
content: »;
position: absolute;
top: 0; left: 0; width: 100%; height: 5px;
background: var(–red);
}
/* Comparison Table */
.comparison-wrap {
overflow-x: auto;
margin-top: 30px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.comp-table {
width: 100%;
border-collapse: collapse;
background: white;
min-width: 600px; /* Assure la lisibilité sur mobile */
}
.comp-table th {
background: var(–red);
color: white;
padding: 18px;
text-align: left;
white-space: nowrap;
}
.comp-table td {
padding: 15px 18px;
border-bottom: 1px solid #eee;
color: #444;
}
.comp-table tr:last-child td { border-bottom: none; }
/* Pro Tip Box */
.pro-tip {
font-size: 0.85rem;
background: #f9f9f9;
padding: 10px;
border-left: 3px solid var(–grey);
margin-bottom: 15px;
font-style: italic;
}
Se Déplacer au Japon
Train, avion ou voiture ? Le transport est souvent la dépense numéro 1 en voyage.
Nous avons déchiffré le réseau le plus complexe du monde pour vous aider à optimiser votre budget.
Explorer les options
Le saviez-vous ? Un billet aller-retour Tokyo-Kyoto en Shinkansen coûte environ 28 000 ¥ (190 $), ce qui peut être plus cher qu’un vol domestique.
Comme le Japon est un archipel, vous allez beaucoup vous déplacer. Voici comment choisir la bonne stratégie.
Votre tableau de bord transport
Shinkansen & JR Pass
Le réseau ferroviaire japonais est ponctuel au second près. C’est le moyen le plus confortable pour relier les grandes villes (Tokyo, Kyoto, Hiroshima).
La réalité : Depuis la forte hausse de prix de 70 % en octobre 2023, le Pass JR national est rarement rentable pour les itinéraires classiques. Les voyageurs malins optent désormais pour des Pass Régionaux ou des billets simples.
Note : Les bagages volumineux (plus de 160 cm en dimensions totales) nécessitent désormais une réservation de siège avec un espace dédié.
✈️
Vols domestiques
Souvent moins cher et plus rapide que le train sur les longues distances (ex. Tokyo vers Fukuoka, Sapporo ou Okinawa).
Cherchez les compagnies low cost (LCC) comme Peach Aviation, Jetstar et Skymark.
Comparaison Vol vs Train →
Métros & Cartes IC
N’achetez jamais de tickets papier individuels. La carte Suica, Pasmo ou ICOCA est indispensable.
Situation actuelle : Les cartes physiques sont difficiles à trouver à cause de la pénurie de puces. Nous recommandons d’ajouter une « Mobile Suica » sur votre wallet iPhone ou de prendre une « Welcome Suica » à l’aéroport.
Guide des cartes IC (Suica/Pasmo) →
🚗
Location de voiture
Inutile à Tokyo ou Osaka (le stationnement est cher). En revanche, indispensable pour explorer librement les Alpes japonaises, Hokkaido ou Okinawa.
Avertissement : Assurez-vous d’avoir le bon permis international de conduite (Convention de 1949) avant de partir.
Règles de conduite & permis →
Combien coûtera VOTRE voyage ?
Un itinéraire classique de 15 jours sur la Golden Route dépasse souvent les 40 000 ¥ en frais de transport.
Arrêtez de deviner. Simulez votre coût exact dès maintenant.
Lancer le calculateur de budget
📊 Le Duel : Tokyo ➡️ Osaka (500 km)
Pour vous donner une idée d’échelle en prix et temps sur l’itinéraire le plus populaire :
| Moyen de transport |
Durée totale |
Coût moyen (JPY) |
Coût moyen (USD) |
Coût moyen (EUR) |
Avantage clé |
| Shinkansen (Nozomi) |
2h 30m |
~14 720 ¥ |
~95 $ |
~81 € |
Confort & Rapidité |
| Avion (LCC) |
4h 00m |
~6 000 – 10 000 ¥ |
~39 $ – 64 $ |
~33 € – 55 € |
Option la moins chère |
| Bus de nuit |
8h 00m |
~3 500 – 7 000 ¥ |
~22 $ – 45 $ |
~19 € – 39 € |
Économie d’une nuit d’hôtel |
*Prix estimés basés sur les taux de change actuels et saison standard.