body {
    background-color: #fefced;
}
body.french-treasures{
    color:#800000;
}
body.poulbenn{
    color:#04047C;
}
.bg-french-treasures{
    background-color: #fefced;
}

.bg-poulbenn{
    background-color: #fefced;
}
html, body {
    margin: 0;
    height: 100%;
}
body {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas: "main" "footer";
    grid-template-rows: 1fr 80px;
}
main {
    background-color: initial;
    grid-area: main;
}
footer {
    grid-area: footer;
}



.bg-light{
    background-color: #fefced !important;
}
html {
    --lh: 1.4rem;
    line-height: var(--lh);
}
/*
slider
 */
.card-slider {
    height: 30vw;
    padding: 10px 20px;
}
.french-treasures .carousel-item a:hover{
    color:#04047C;
}
.poulbenn .carousel-item a:hover{
    color:#04047C;
}

/* links */
.french-treasures a:not(.btn):not(.button){
    text-decoration: none;
    color: #800000;
}
.french-treasures a:hover:not(.btn):not(.button){
    color: #800000;
}
.poulbenn a:not(.btn):not(.button) {
    text-decoration: none;
    color: #800000;
}
.poulbenn a:hover:not(.btn):not(.button){
    color: #800000;
}

.truncate-overflow {
    --max-lines: 2;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    white-space: normal;
    padding-bottom: 0;
}
.truncate-overflow::before {
    content: "...";
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -10px;
}

.masthead .masthead-avatar {
    width: 20rem;
}
/* caroussel */
.carousel-item a{
    text-decoration: none;
    color:#800000;
    font-size: 17px;
}
.card-img-overlay{
    position:relative;
}
.card{
    /*display:initial;*/
    background-color: #FEF5E2;
    border:0;
}
.card-img{
    height:15vw;
    display: table-cell;
    vertical-align: middle;
    display:block;
    background-repeat: no-repeat;
    background-size:contain !important;
    background-position: center;
    background-size: 95% auto;
}
.img-fluid {
    max-height: 100%;
}
/*
formulaire
 */
.btn-poulbenn{
    background-color:#800000;
    color:#FEF5E2;
}
.btn-poulbenn:hover{
    background-color:#800000;
    color:#FEF5E2;
}
.d-none label{
    display:none !important;
}
/*
item
 */
.container {
    max-width: 80%;
}

.resume .btn {
    width: 130px;
}
/*
image
 */
.img-contain {
    object-fit: contain;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

@media (max-width: 767px) {
    .card-slider {
        height: 30vw;
    }
    .card{
        /*display:initial;*/
    }
    .card-img{
        height:50vw;
        display: table-cell;
        vertical-align: middle;
    }
    .img-fluid {
        max-height: 100%;
    }



    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}







/* medium and up screens */
@media (min-width: 768px) {
    .card-slider {
        height: 15vw;
    }

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}

.carousel-control-prev{
    width:10%;
    margin-left: -25px;
}
.carousel-control-next{
    width:10%;
    margin-right: -25px;
}
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23800000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23800000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* fin caroussel */

/* galery */
.card-header{
    /*min-width:300px;*/
    height:250px;
}
#form_filtre ul {
    padding-left: 1rem;
    list-style-type: none;
}

#form_filtre .filtre li {
    margin-top: 20px;
}
#form_filtre .nav-accessoire{
    color: #800000 !important;
}
/* fin galery */

/* pagination */
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
}
.pagination .page-link{
    border:none;
    color:#800000;
    background-color: initial;
}
.pagination .page-link:hover:not(.carousel) {
    background-color: #800000;
    color: #fef5e2 !important;
}


.pagination .page-item.active .page-link{
    font-weight: bold;
}




@media (min-width: 992px) {
    .card-img{
        width:92%;
        margin:0 auto;

        /*display:initial;*/
    }
    .masthead {
        padding-top: calc(6rem + 104px);
        padding-bottom: 6rem;
    }
    .masthead .masthead-avatar {
        width: 50rem;
    }

}
/* 6rem; */
.masthead {
    padding-top: calc(6rem + 10px);
    padding-bottom: 0;
}
.masthead-galery {
    padding-top: calc(6rem + 10px);
    padding-bottom: 0;
}
/* image de presentation */


.divider-custom {
    margin: 1.25rem 0 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.french-treasures .divider-custom.divider-light .divider-custom-line {
    background-color: #800000;
}
.poulbenn .divider-custom.divider-light .divider-custom-line {
    background-color: #04047C;
}

.divider-custom .divider-custom-line:first-child {
    margin-right: 1rem;
}
.divider-custom .divider-custom-line:last-child {
    margin-left: 1rem;
}
.divider-custom .divider-custom-line {
    width: 100%;
    max-width: 7rem;
    height: 0.25rem;
    border-radius: 1rem;
}
/*
lien
 */
/*
.link-poulbenn{
    text-decoration: none;
    color:rgba(128, 0, 0, 1) !important;
}
.link-poulbenn:hover{
    background-color: #800000;
    color: #fef5e2 !important;
}
*/

.french-treasures a, .poulbenn a{
    text-decoration: none;
}
/*
.french-treasures a{
    color:rgba(128, 0, 0, 1) !important;
}
*/
 */
.french-treasures a:hover:not(.btn):not(.navbar-brand){
    background-color: #800000;
    color: #fef5e2 !important;
}
.poulbenn a:not(.btn){
    text-decoration: none;
    color:#04047C !important;
}
.poulbenn a:hover:not(.btn):not(.carousel) {
    background-color: #04047C;
    color:#fefced !important;
}
/*
menu
 */
.navbar-badge {
    position: absolute;
    top: 9px;
    right: 5px;
    padding: 2px 4px;
    font-size: 0.6rem;
}
/*
.card-title{
    color:#800000;
}
*/

/*
footer
 */
.bg-french-treasures .btn{
    background-color: #800000;
    color:#fefced !important;
    border-color: #800000;
}
.bg-poulbenn .btn{
    background-color: #04047C;
    border-color:#04047C;
    color:#fefced !important;
}