/* PAGE : 
boitier-pedalier-velo
choisir-chaine-velo
choisir-taille-velo
*/
.guide-section {
max-width: 1260px;
margin: 0 auto;
padding: 100px 0;
}
.intro-text {
background: var(--white);
box-shadow: 1px 2px 1px lightgrey;
padding: 25px;
border-radius: 6px;
margin-bottom: 30px;
text-align: left;
}
.intro-text h1 {
margin-bottom: 15px;
font-size: 1.4em;
}
.intro-text p {
margin-bottom: 10px;
}
.highlight {
background: #e3f2fd;
padding: 2px 6px;
border-radius: 6px;
font-weight: 500;
}
.tableau-container {
background: white;
border-radius: 6px;
overflow: hidden;
box-shadow: 1px 2px 1px lightgrey;
margin-bottom: 40px;
}
.tableau-global {
width: 100%;
border-collapse: collapse;
font-size: 0.9em;
}
.titre-tableau {
background: var(--color);
color: white;
padding: 20px;
margin: 0;
text-align: center;
font-size: 1.2em;
font-weight: 600;
}
.info-start {
background: #f8f9fa;
font-weight: 600;
color: var(--gris);
padding: 20px;
text-align: center;
border-bottom: 1px solid #dee2e6;
}
.info-next {
padding: 12px;
text-align: center;
border-bottom: 1px solid #dee2e6;
color: var(--gris)
}
.info-rond {
background: var(--color);
color: white;
padding: 4px 8px;
border-radius: 6px;
font-weight: bold;
font-size: 0.9em;
}
.conseil-box {
background: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 6px;
padding: 20px;
margin: 25px 0;
text-align: left;
box-shadow: 1px 2px 1px lightgrey;
}
.conseil-box h3 {
color: #856404;
margin-top: 0;
margin-bottom: 10px;
}
.conseil-box p {
color: #856404;
margin: 8px 0;
line-height: 1.5;
}
.info-auteur {
text-align: center;
margin-top: 30px;
padding: 15px;
background: white;
box-shadow: 1px 2px 1px lightgrey;
border-radius: 6px;
color: var(--gris);
font-size: 0.9em;
}