html, body {
    height: 100%;
    }

.body-header {
    padding: 5px;
    }

.body-content {
    padding: 0;
    }

.page-content {
    padding: 1em 1em 2em 1em;
    }

.page-footer {
    padding: 5px;
    text-align: center;
    }

.page-footer-div {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }

@media screen {
    /* Extra Large */
    .heading-1 { font-size : 2.5vw; }
    .heading-2 { font-size : 2vw;   }
    .heading-3 { font-size : 1.5vw; }
    .heading-4 { font-size : 1vw;   }
    }
@media screen and (max-width: 1200px) {
    /* Medium */
    .heading-1 { font-size : 3.5vw;  }
    .heading-2 { font-size : 2.5vw;  }
    .heading-3 { font-size : 1.5vw;  }
    .heading-4 { font-size : 1.25vw; }
    }
@media screen and (max-width: 992px) {
    /* Medium */
    .heading-1 { font-size : 4vw;   }
    .heading-2 { font-size : 3vw;   }
    .heading-3 { font-size : 2vw;   }
    .heading-4 { font-size : 1.5vw; }
    }
@media screen and (max-width: 768px) {
    /* Small */
    .heading-1 { font-size : 4.5vw; }
    .heading-2 { font-size : 3.5vw; }
    .heading-3 { font-size : 2.5vw; }
    .heading-4 { font-size : 2vw;   }
    }
@media screen and (max-width: 576px) {
    /* Extra small */
    .heading-1 { font-size : 5vw;   }
    .heading-2 { font-size : 4vw;   }
    .heading-3 { font-size : 3vw;   }
    .heading-4 { font-size : 2.5vw; }
    }

a.btn, a.btn:hover {
    text-decoration : none;
    }

a.close, a.close:hover {
    text-decoration : none;
    }

hr.thin {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }

.ifs-xxs { font-size: xx-small; }
.ifs-xs  { font-size: x-small;  }
.ifs-sm  { font-size: small;    }
.ifs-md  { font-size: medium;   }
.ifs-lg  { font-size: large;    }
.ifs-xl  { font-size: x-large;  }
.ifs-xxl { font-size: xx-large; }

.ifs-smaller { font-size: smaller; }
.ifs-larger  { font-size: larger;  }

.ifw-bold { font-weight: bold; }

.clickable, .clickable-u { cursor: pointer; }
.clickable-u:hover { text-decoration : underline; }

.br-left {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    }

.br-right {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    }

.zoh-05, .zoh-1, .zoh-2 {
    transition: transform .2s;
    }

.zoh-05:hover { transform: scale(1.05); }
.zoh-1:hover  { transform: scale(1.10); }
.zoh-2:hover  { transform: scale(1.20); }

.bs-flat-white-3  { box-shadow: 0 0  3px white; }
.bs-flat-white-5  { box-shadow: 0 0  5px white; }
.bs-flat-white-7  { box-shadow: 0 0  7px white; }
.bs-flat-white-10 { box-shadow: 0 0 10px white; }

.isovh {
    overflow: hidden;
    }

.isoh-bg-transparent:hover {
    background-color: transparent;
    }

tr .tr-nover-hidden {
    visibility: hidden;
    }
tr:hover .tr-nover-hidden {
    visibility: visible;
    }

tr .tr-nover-displayed {
    display: inline;
    }
tr:hover .tr-nover-displayed {
    display: none;
    }

a.nav-link {
    color:var(--white);
    border-left:solid 1px SlateGray;
    }

.menu-header {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: bold;
    font-style: italic;
    text-align: right;
    /* background-color: var(--primary); */
    background: linear-gradient(to right, rgba(255,255,255,0), var(--primary));
    /* dropdown-header */
    color: #555;
    padding: 0.5rem 1rem;
    white-space: nowrap;
    }

.menu-item {
    width: 100%;
    padding: 0.25rem 1rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    }

.home-title {
    /* margin-top: 0.5rem; */
    /* margin-bottom: 0.5rem; */
    font-weight: bold;
    font-style: italic;
    /* text-align: right; */
    /* background-color: var(--primary); */
    background: linear-gradient(to right, rgba(255,255,255,0), var(--primary));
    /* dropdown-header */
    /* color: #555; */
    padding: 0.5rem 1rem;
    /* white-space: nowrap; */
    }

.isi-href {
    cursor: pointer;
    }

.ihvr:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
    }

.ipl20-1 { padding-left:  20px; }
.ipl20-2 { padding-left:  40px; }
.ipl20-3 { padding-left:  60px; }
.ipl20-4 { padding-left:  80px; }
.ipl20-5 { padding-left: 100px; }
.ipl20-6 { padding-left: 120px; }
.ipl20-7 { padding-left: 140px; }
.ipl20-8 { padding-left: 160px; }
.ipl20-9 { padding-left: 180px; }

.yt-thumbnail {
    position: relative;
    width: 400px;   /* Ajustez selon vos besoins */
    height: 300px;  /* Ajustez selon vos besoins */
    margin: auto;
    overflow: hidden;
    }

.yt-thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }

.yt-thumbnail .thumbnail {
    width: 255px;
    border-radius: 10px;
    z-index: 1;
    }

.yt-thumbnail .logo {
    /* content: url("/bundles/isisfapp/app/img/logos/logo-youtube.png"); */ /* asset */
    opacity: 0.85;
    width: 100px;
    z-index: 2;
    }