|
|
| Ligne 52 : |
Ligne 52 : |
| @media screen and (min-width:1024px) | | @media screen and (min-width:1024px) |
| { | | { |
| /* Conteneur du carrousel */
| | #caroussel |
| #caroussel slideshow { | | { |
| display: block;
| | width: 100%; |
| width: 100%; /* largeur automatique (peut être fixe si tu veux) */ | | } |
| height: 350px; /* hauteur fixe */
| |
| margin: auto;
| |
| overflow: hidden;
| |
| position: relative;
| |
| background: #000; /* fond noir si l’image n’occupe pas tout */
| |
| } | |
|
| |
|
| /* Images à l’intérieur */
| | .slideshow img |
| .slideshow img { | | { |
| height: 350px; /* hauteur fixe */ | | max-height: 350px; |
| width: auto; /* largeur automatique pour garder les proportions */
| | width: auto; |
| max-width: 100%; /* évite que ça déborde */ | |
| object-fit: contain; /* garde l’image entière, bandes noires possibles */
| |
| display: block;
| |
| margin: auto;
| |
| } | | } |
|
| |
|
| /* Légende */
| | .caroussel-caption |
| .caroussel-caption { | | { |
| position: absolute;
| | text-align: center; |
| bottom: 10px;
| | width: 100%; |
| left: 0;
| |
| right: 0;
| |
| text-align: center;
| |
| background: rgba(0,0,0,0.6);
| |
| color: white;
| |
| padding: 5px;
| |
| font-size: 14px;
| |
| } | | } |
|
| |
|