.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}

#priceAV { font-size: 38px; font-weight: 900; }

#cartoucheInfosAV {
    margin: -50px 15px 40px 15px; background-color: #FFF; padding: 15px 20px; box-shadow: 0px 3px 6px #00000029; border: 1px solid #EFEFEF; border-radius: 25px;
}
@media screen and (max-width: 768px) {
    #priceAV { font-size: 34px }
    #cartoucheInfosAV { margin: 20px -15px; padding: 0 20px; border-top: 0; border-left: 0; border-right: 0; }
}

a.btn-success,
a.btn-success:link,
a.btn-success:visited,
a.btn-success:hover,
a.btn-success:active,
a.btn-success:focus {
    background-color: #52a3aa;
    border-color: #698c8f;
}

a.btn-danger,
a.btn-danger:link,
a.btn-danger:visited,
a.btn-danger:hover,
a.btn-danger:active,
a.btn-danger:focus {
    background-color: #8d3951;
    border-color: #7f2941;
}

/*** SLIDER ***/
.boxDates {
background-color: #9b537b;
background-color: rgba(155,83,123,0.8);
color: #FFF;
padding: 10px;
box-shadow: 4px 4px 5px 1px rgba(0, 0, 0, .4);
margin-bottom: 20px;
position: absolute;
left: 10px;
bottom: 10px;
}

.responsive .divAffiche { position: relative; }
.responsive .boxDates { width: 45%; }
.responsive .boxDates span {color: #FFF;}
.responsive .boxDates > hr { margin-top: 5px; margin-bottom: 5px; }
.responsive .boxDates p { font-weight: 900; font-size: 1.2em; }
.responsive .boxDates small { font-weight: 600; font-size: 0.8em; }
.responsive img { margin-left: auto; margin-right: auto; width: 300px; height: 300px; object-fit: cover; object-position: center top; }

/*.slick-prev, .slick-next { visibility: hidden; }*/

.blogTxt {
    position: relative;
    z-index: 999;
    background-color: rgba(255, 192, 203, 0.95);
    padding: 20px;
    display: block; 
    line-height: 2;
}

.marginleft-80 { margin-top: -80px; margin-right: 40px; }
.marginright-80 { margin-bottom: -80px; margin-left: 40px; }

@media screen and (min-width: 769px) {
    .blogTxt {
        position: relative;
        z-index: 999;
        background-color: rgba(255, 192, 203, 0.95);
        padding: 20px;
        margin-top: 40px; display: block; 
        line-height: 2;
    }
    .blogTxt h3 { margin-bottom: 40px; }
    .marginleft-80 { margin-left: -80px; margin-right: 40px; }
    .marginright-80 { margin-right: -80px; margin-left: 40px; }
}