.page-green, .btn-success { background-color: #52a3aa; }
.btn-success { border-color : #698c8f; }
.btn-success:hover { background-color : #8d3951; }
.btn-filter { margin-right: 10px; margin-bottom: 10px; }
.btn-primary { background-color: #000; border-color: grey; }

.post-content {
    background: none repeat scroll 0 0 #8d3951;
    opacity: 0.8;
    bottom: 0;
    left:0;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 10px !important;
}

.post-content > h3 {
    margin: unset !important;
    /*margin-top: 10px !important;*/
    font-size: 1.4em;
}

.thumbnail {
    position:relative;
    padding: unset !important;
    border: unset !important;
    margin-bottom: unset;
    height: 360px;
    overflow: hidden;
    position: relative;
}

.imageheaderHeight {
    margin-bottom: 0 !important;
    height: 490px !important;
}

@media screen and (min-height: 1440px) { .imageheaderHeight { height: 590px !important; } }
@media screen and (max-height: 800px) { .imageheaderHeight { height: 390px !important; } }

.thumbnail .caption { color: #FFF; }

.thumbnail img { width: 100%; height: 100%; object-fit: cover; }

div.flag-prix { position: absolute; background-color: #8d3951; color: #FFF; font-size: 1.2em; font-weight: 900; padding: 8px; position: top:0; right:0; }

a.test:hover .post-content { opacity: 1; }
a.test:hover img { opacity: 0.5; }

div.prix-comprend { height: 150px; overflow: hidden; border: 1px solid #8d3951; border-top: 0px; margin-bottom: 20px; padding: 10px 20px; }

.full-width-ratio {
    width: 100%; /* Pleine largeur */
    height: 360px;
    overflow: hidden; /* Pour que l'image ne dépasse pas */
    margin-bottom: 20px;
}

.full-width-ratio img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplir la div sans déformer */
}

h1.titre-groupes { color: #8d3951; margin-top: 0; margin-bottom: 30px; font-size: 1.7em; font-weight: 900;}
.intro-groupes { text-decoration}