.carousel-home{
    position: relative;
}

.carousel-home img, .carousel-home .under-form{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}


.carousel-home .under-form{
    background: rgba(255, 255, 255, .5);
}

.carousel-home img{
    z-index: 0;
}

.carousel-home .under-form {
    z-index: 1;
}

.carousel-home .form-home{
    border: .5px solid var(--gray-official);
    position: absolute;
    z-index: 2;
    background: var(--white-official);
}

.carousel-home .form-home .content-map, .carousel-home .form-home .content-map iframe{
    width: 100%;
    height: 100px;
    border: .5px solid var(--gray-official);
}

.case-course, .case-car-range, .case-package{
    margin-top: 20px;
}

.case-course .header, .case-car-range .header,
.case-package .header {
    background: var(--color-official);
    color: var(--yellow-official);
    text-transform: uppercase;
    padding: 15px;
}
.case-course .body, .case-car-range .body, .case-package .body {
    padding: 20px 10px;
    background: var(--white-official);
}

.case-car-range .case-range{
    cursor:pointer;
    border-bottom: .5px solid var(--gray-official);
    position: relative;
}

.case-car-range .case-range .bi-chevron-compact-right{
    font-size: 120%;
    position: absolute;
    top: 30px;
    right: 20px;
}

.case-course .body .case-itin, .case-package .body .case-itin{
    padding: 10px;
    font-size: 80%;
    color: var(--black-light);
}

.case-package .body .case-itin .line{
    border-bottom: .5px solid var(--gray-official);
    padding: 20px 10px;
}

.case-package .body .case-itin .line h2{
    font-weight: bold;
    font-size: 120%;
    color: var(--color-official);
}
.case-course .body img, .case-package .body img{
    width: 30px;
    height: 30px;
}

.case-car-range .body .row {
    padding: 10px 10px;
}

.case-car-range .body h2 {
   font-size: 80%;
   color: var(--color-official);
   text-transform: uppercase;
}

/* debut du responsive */

@media screen and (min-width: 1920px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 700px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1919px) and (min-width: 1366px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 600px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1365px) and (min-width: 1280px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 500px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1279px) and (min-width: 1112px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 400px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1111px) and (min-width: 1080px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 400px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 1079px) and (min-width: 1024px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* ------------------------------------------ partie mobile --------------------------------------------------------- */

@media screen and (max-width: 1023px) and (min-width: 960px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}




/* ------------------------------------------ partie mobile --------------------------------------------------------- */

@media screen and (max-width: 959px) and (min-width: 834px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 30px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 833px) and (min-width: 800px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* --------------------------------------------------------------------------------------------------- */

@media screen and (max-width: 799px) and (min-width: 768px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* --------------------------------------------------------------------------------------------- */

@media screen and (max-width: 767px) and (min-width: 736px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 735px) and (min-width: 667px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 666px) and (min-width: 568px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 30px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 567px) and (min-width: 414px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }
    
    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 20px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }
    
    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 413px) and (min-width: 375px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 300px;
    }

    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 20px;
        margin-bottom: 20px;
        width: 320px;
        padding: 10px;
    }

    .carousel-home .form-home .content-map iframe {
        height: 100px;
        margin-bottom: 20px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 374px) and (min-width: 320px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 250px;
    }

    .carousel-home .form-home,
    .carousel-home .form-home .content-map iframe {
        right: 20px;
        margin-bottom: 20px;
    }

    .carousel-home .form-home .content-map iframe {
        height: 100px;
    }
}

/* ---------------------------------------------------------------------------------------------- */

@media screen and (max-width: 319px) {
    .carousel-home,
    .carousel-home img,
    .under-form {
        height: 250px;
    }

    .carousel-home .form-home, .carousel-home .form-home .content-map iframe {
        right: 0px;
    }

    .carousel-home .form-home .content-map iframe{
        height: 100px;
    }
}