/* Feuille de styles WaterMelonAGency - Accueil */

::-webkit-scrollbar {
    width: 15px;
} /* Largeur de la scrollbar */

::-webkit-scrollbar-track {
    background: #E6D5BF;
} /* Track (la partie grise de la scrollbar) */

::-webkit-scrollbar-thumb {
    background: #a38f75;
} /* Handle (la partie de la scrollbar que vous déplacez) */

::-webkit-scrollbar-thumb:hover {
    background: #aca191;
} /* Handle au survol */

html {
    background-color: #FBF2E6;
} /*Couleur fond*/

* {
    margin: 0;
    padding: 0;
} /*Mise en page*/

.header-logo {
    position: absolute; 
    left: 40px ; 
    top: 5px ;
} /*Logo*/

.Linkedin-logo {
    position: absolute; 
    right: 20px ; 
    top: 15px ;
} /*Logo*/

.X-logo {
    position: absolute; 
    right: 140px ; 
    top: 15px ;
} /*Logo*/

.Insta-logo {
    position: absolute; 
    right: 80px ; 
    top: 15px ;
} /*Logo*/

header {
    width: 100%;
    justify-content: space-between;
    align-items: end;
    z-index: 100;
    top: 0;
    
} /*Mise en forme navbar*/

.dropdown-menu ul {
    list-style: none;
    background: #e6d5bf;
} /*Couleur navbar*/

ul li {
    display: inline-block;
    position: relative;
    left: 105px;
} /*Position navbar*/

.dropdown-menu ul li a {
    display: block;
    padding: 20px 25px;
    color: #583F1E;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    font-family: 'Signika Negative', sans-serif;  
} /*Mise en forme navbar*/

ul li ul.dropdown li {
    display: block;
    position: relative;
    left: 0px;
} /*Position menu déroulant*/

ul li ul.dropdown {
    width: 100%;
    background: #e6d5bf;
    position: absolute;
    z-index: 999;
    display: none;
} /*Mise en forme menu déroulant*/


ul li a:hover {
    background: #c2b4a1;
} /*Couleur réaction menu déroulant*/

ul li:hover ul.dropdown {
    display: block;
} /*Action menu déroulant*/

.background-image {
    z-index: -1;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 370px;

} /*Image de fond*/

.title {
    background: linear-gradient(180deg, #a1671b 0%, #FBF2E6 70%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
    font-family: 'Playfair Display', serif;
    text-shadow: 10px -5px 5px rgba(0,0,0,0.2);
    position: absolute;
    top: 120px;
    left : 480px
    } /*Titre principal*/

    .image-food {
        border-radius: 50px;
        position: absolute;
        left: 70px;
        bottom: 75px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    } /*Image cusine*/
    
    .image-food:hover {
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image cusine réaction*/

    .image-dances {
        border-radius: 50px;
        position: absolute;
        left: 440px;
        bottom: 75px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    } /*Image danses*/
    
    .image-dances:hover {
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image danses réaction*/
    
    .image-art {
        border-radius: 50px;
        position: absolute;
        left: 810px;
        bottom: 75px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    } /*Image artistes*/
    
    .image-art:hover {
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image artistes réaction*/

    .image-carnaval {
        border-radius: 50px;
        position: absolute;
        left: 1180px;
        bottom: 75px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    } /*Image carnaval*/
    
    .image-carnaval:hover {
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image carnaval réaction*/
    
    .name-food {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 95px;
        bottom: 30px;
    } /*Nom cuisine*/

    .name-dances {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 480px;
        bottom: 30px;
    } /*Nom danses*/

    .name-art {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 854px;
        bottom: 30px;
    } /*Nom art*/

    .name-carnaval {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 1190px;
        bottom: 30px;
    } /*Nom carnaval*/

    .blurred-1 {
        z-index: -1;
        position: absolute;
        top: 450px;
        width: 100%;
        height: 423px;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(230, 213, 191, 0.00) 5.2%, rgba(244, 208, 182, 0.00) 5.21%, #E6D5BF 65.44%);
    } /*Flou 1*/
     
    .blurred-2 {
        z-index: -1;
        position: absolute;
        top: 800px;
        transform: rotate(180deg);
        width: 100%;
        height: 423px;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(230, 213, 191, 0.00) 5.2%, rgba(244, 208, 182, 0.00) 5.21%, #E6D5BF 65.44%);
    } /*Flou 2*/
    
    .about-title {
        color: #c39961;
        font-family: 'Playfair Display', serif;
        font-size: 40px;
        text-align: center;
        position: relative;
        top: 750px;
        
    } /*Titre à propos*/
    
    .rectangle {
        width: 1422px;
        border: 50px solid #FBF2E6;
        box-shadow: #FBF2E6 0em 2em 1.5em;
        margin-left: auto;
        margin-right: auto;
        position: absolute;
        top: 800px;
        z-index: -1;
    } /*Flou 3*/

    .about-image-1 {
        border-radius: 50%;
        float: left;
        position: absolute;
        left: 40px;
        top: 960px;
        z-index: 1;
    } /*Image à propos*/
    
    .about-image-2 {
        border-radius: 50%;
        position: absolute;
        right: 40px;
        top: 1280px;
        z-index: 1;
    } /*Image à propos*/
    
    .paragraphe-1 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 420px;
        margin-right: 20px;
        position: absolute;
        top: 950px; 
    } /*Texte à propos*/
    
    .paragraphe-2 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 460px;
        margin-right: 15px;
        position: absolute;
        top: 1000px; 
    } /*Texte à propos*/
    
    .paragraphe-3 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 500px;
        margin-right: 15px;
        position: absolute;
        top: 1070px; 
    } /*Texte à propos*/
    
    .paragraphe-4 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 510px;
        margin-right: 5px;
        position: absolute;
        top: 1145px;
    } /*Texte à propos*/
    
    .paragraphe-5 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 510px;
        position: absolute;
        top: 1215px; 
    } /*Texte à propos*/
    
    .paragraphe-6 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 500px;
        margin-right: 500px;
        position: absolute;
        top: 1300px; 
    } /*Texte à propos*/
    
    .paragraphe-7 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 25px;
        margin-right: 500px;
        position: absolute;
        top: 1430px; 
    } /*Texte à propos*/
    
    .paragraphe-8 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 25px;
        margin-right: 486px;
        position: absolute;
        top: 1520px; 
    } /*Texte à propos*/
    
    .paragraphe-9 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 25px;
        margin-right: 480px;
        position: absolute;
        top: 1570px; 
    } /*Texte à propos*/
    
    .paragraphe-10 {
        color: black;
        font-family: 'Signika Negative', sans-serif;
        margin-left: 25px;
        margin-right: 432px;
        position: absolute;
        top: 1680px; 
    } /*Texte à propos*/
    
    footer {
        background: #e6d5bf;
        padding-top: 50px;
        position: absolute;
        width: 100%;
        height: 120px;
        top: 1830px;
    } 
    
    .container {
        width: 1140px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    .footer-content {
        width: 1%
    }
    
    
    .footer-content ul {
        text-align: center;
    }
    
    .list {
        padding: 0;
        position: absolute;
        top: 30px;
        left: 430px;
    }
    
    .list li {
        width: auto;
        text-align: center;
        list-style: none;
        padding: 10px;
        font-size: larger;
    }
    
    .list li::before {
        content: '';
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 100%;
        width: 0;
        height: 2px;
        background: #a38f75;
        transition-duration: .5s;
    }
    
    .list li:hover::before {
        width: 70px;
    }
    
    .x-footer {
        position: absolute;
        top: 30px;
        right: 155px;
    }
    
    .insta-footer {
        position: absolute;
        top: 30px;
        right: 97px;
    }
    
    .linkedin-footer {
        position: absolute;
        top: 30px;
        right: 40px;
    }
    
    a {
        text-decoration: none;
        font-family: 'Signika Negative', sans-serif;
        color: #583F1E;
    }
    
    a:hover {
        color: #583F1E;
    }
    
    .bottom-bar {
        background:  #a38f75;
        margin-top: 100px;
        height: 40px;
        width: 100%;
        position: absolute;
        top: 170px;
        margin: 0; 
    }
    
    .bottom-bar-text {
        color: #FBF2E6;
        font-family: 'Overlock SC', sans-serif;
        text-align: center;
        position: relative;
        top: 10px;
    }
    
    

    /* Feuille de styles WaterMelonAGency - Cuisine */

    .intro-title-k {
       color: #583F1E;
       font-family: 'Signika Negative', sans-serif;
       font-size: larger;
       display: flex;
       justify-content: center;
       align-items: center;
       position: relative;
       top: 15px;
    }

    .intro-text-k {
        color: #583F1E;
        font-family: 'Signika Negative', sans-serif;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        top: 20px
    }

    .image-bokit {
        border-radius: 50px;
        position: absolute;
        left: 70px;
        top: 170px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
        
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image bokit*/
    
    .image-bokit:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image cusine réaction*/
    
    .image-accras {
        border-radius: 50px;
        position: absolute;
        left: 440px;
        top: 170px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image danses*/
    
    .image-accras:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image danses réaction*/

    .image-beignets {
        border-radius: 50px;
        position: absolute;
        left: 810px;
        top: 170px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image artistes*/
    
    .image-beignets:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image artistes réaction*/

    .image-agoulou {
        border-radius: 50px;
        position: absolute;
        left: 1180px;
        top: 170px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image carnaval*/
    
    .image-agoulou:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image carnaval réaction*/
    
    .name-bokit {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 170px;
        top: 430px;
    } /*Nom cuisine*/

    .name-accras {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 540px;
        top: 430px;
    } /*Nom danses*/

    .name-beignets {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 905px;
        top: 430px;
    } /*Nom art*/

    .name-agoulou {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 1280px;
        top: 430px;
    } /*Nom carnaval*/

    .image-colombo {
        border-radius: 50px;
        position: absolute;
        left: 70px;
        top: 480px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image bokit*/
    
    .image-colombo:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image cusine réaction*/

    .image-matété {
        border-radius: 50px;
        position: absolute;
        left: 440px;
        top: 480px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image danses*/
    
    .image-matété:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image danses réaction*/

    .image-dombrés {
        border-radius: 50px;
        position: absolute;
        left: 810px;
        top: 480px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image artistes*/
    
    .image-dombrés:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1); 
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    } /*Image artistes réaction*/
    
    .image-rizharicots {
        border-radius: 50px;
        position: absolute;
        left: 1180px;
        top: 480px;
        box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
        width: 250px;
        transition: .1s;
    
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } /*Image carnaval*/
    
    .image-rizharicots:hover {
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1); 
        transform: scale(1.1);
    } /*Image carnaval réaction*/

    .name-colombo {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 120px;
        top: 740px;
    } /*Nom cuisine*/
    
    .name-matété {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 510px;
        top: 740px;
    } /*Nom danses*/
    
    .name-dombrés {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 850px;
        top: 740px;
    } /*Nom art*/

    .name-rizharicots {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        left: 1230px;
        top: 740px;
    } /*Nom carnaval*/

    .blurred-3 {
        z-index: -1;
        position: absolute;
        top: 410px;
        width: 100%;
        height: 423px;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(230, 213, 191, 0.00) 5.2%, rgba(244, 208, 182, 0.00) 5.21%, #E6D5BF 65.44%);
    } /*Flou 3*/

    .footer_kitchen {
        background: #e6d5bf;
        padding-top: 50px;
        position: absolute;
        width: 100%;
        height: 120px;
        top: 840px;
    } 
    
    .container_kitchen {
        width: 1140px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    .footer-content_kitchen {
        width: 1%
    }
    
    
    .footer-content_kitchen ul {
        text-align: center;
    }
    
    .list_kitchen {
        padding: 0;
        position: absolute;
        top: 30px;
        left: 430px;
    }
    
    .list_kitchen li {
        width: auto;
        text-align: center;
        list-style: none;
        padding: 10px;
        font-size: larger;
    }
    
    .list_kitchen li::before {
        content: '';
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 100%;
        width: 0;
        height: 2px;
        background: #a38f75;
        transition-duration: .5s;
    }
    
    .list_kitchen li:hover::before {
        width: 70px;
    }
    
    .x-footer_kitchen {
        position: absolute;
        top: 30px;
        right: 155px;
    }
    
    .insta-footer_kitchen {
        position: absolute;
        top: 30px;
        right: 97px;
    }
    
    .linkedin-footer_kitchen {
        position: absolute;
        top: 30px;
        right: 40px;
    }
    
    a {
        text-decoration: none;
        font-family: 'Signika Negative', sans-serif;
        color: #583F1E;
    }
    
    a:hover {
        color: #583F1E;
    }
    
    .bottom-bar_kitchen {
        background:  #a38f75;
        margin-top: 100px;
        height: 40px;
        width: 100%;
        position: absolute;
        top: 170px;
        margin: 0; 
    }
    
    .bottom-bar-text_kitchen {
        color: #FBF2E6;
        font-family: 'Overlock SC', sans-serif;
        text-align: center;
        position: relative;
        top: 10px;
    }
    
    

    /* Feuille de styles WaterMelonAGency - Danses */

    .image-quadrille {
        height: auto;
        width: 200px;
        border-radius: 5px;
        position: absolute;
        top: 95px;
        left: 10px
    }
    
    .name-quadrille {
        color: #583F1E;
        font-size: large;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        top: 355px;
        left: 70px;
    }
    
    .text-quadrille {
        width: 500px;
        font-size: 14px;
        color: black;
        font-family: 'Poppins', sans-serif;
        position: absolute;
        top: 95px;
        left: 230px;
    }

    .image-biguine {
        height: auto;
        width: 200px;
        border-radius: 5px;
        position: absolute;
        top: 95px;
        right: 560px;
    }
    
    .name-biguine {
        color: #583F1E;
        font-size: large;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        top: 355px;
        right: 630px;
    }
    
    .text-biguine {
        width: 500px;
        font-size: 14px;
        color: black;
        font-family: 'Poppins', sans-serif;
        position: absolute;
        top: 95px;
        right: 40px;
    }
    
    .image-gwoka {
        height: auto;
        width: 200px;
        border-radius: 5px;
        position: absolute;
        top: 410px;
        right: 560px;
    }
    
    .name-gwoka {
        color: #583F1E;
        font-size: large;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        top: 670px;
        right: 630px;
    }
    
    .text-gwoka {
        width: 500px;
        font-size: 14px;
        color: black;
        font-family: 'Poppins', sans-serif;
        position: absolute;
        bottom: 70px;
        right: 40px;
    }
    
    .image-zouk {
        height: auto;
        width: 200px;
        border-radius: 5px;
        position: absolute;
        top: 410px;
        left: 10px;
    } 
    
    .name-zouk {
        color: #583F1E;
        font-size: larger;
        font-family: 'Signika Negative', sans-serif;
        position: absolute;
        top: 670px;
        left: 80px;
    }
    
    .text-zouk {
        width: 500px;
        font-size: 14px;
        color: black;
        font-family: 'Poppins', sans-serif;
        position: absolute;
        bottom: 30px;
        left: 230px;
    }
    
    .blurred-4 {
        z-index: -1;
        position: absolute;
        top: 330px;
        width: 100%;
        height: 423px;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(230, 213, 191, 0.00) 5.2%, rgba(244, 208, 182, 0.00) 5.21%, #E6D5BF 65.44%);
    } /*Flou 4*/

    .footer_dances {
        background: #e6d5bf;
        padding-top: 50px;
        position: absolute;
        width: 100%;
        height: 120px;
        top: 760px;
    } 
    
    .container_dances {
        width: 1140px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    
    .footer-content_dances {
        width: 1%
    }
    
    
    .footer-content_dances ul {
        text-align: center;
    }
    
    .list_dances {
        padding: 0;
        position: absolute;
        top: 30px;
        left: 430px;
    }
    
    .list_dances li {
        width: auto;
        text-align: center;
        list-style: none;
        padding: 10px;
        font-size: larger;
    }
    
    .list_dances li::before {
        content: '';
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 100%;
        width: 0;
        height: 2px;
        background: #a38f75;
        transition-duration: .5s;
    }
    
    .list_dances li:hover::before {
        width: 70px;
    }
    
    .x-footer_dances {
        position: absolute;
        top: 30px;
        right: 155px;
    }
    
    .insta-footer_dances {
        position: absolute;
        top: 30px;
        right: 97px;
    }
    
    .linkedin-footer_dances {
        position: absolute;
        top: 30px;
        right: 40px;
    }
    
    a {
        text-decoration: none;
        font-family: 'Signika Negative', sans-serif;
        color: #583F1E;
    }
    
    a:hover {
        color: #583F1E;
    }
    
    .bottom-bar_dances {
        background:  #a38f75;
        margin-top: 100px;
        height: 40px;
        width: 100%;
        position: absolute;
        top: 170px;
        margin: 0; 
    }
    
    .bottom-bar-text_dances {
        color: #FBF2E6;
        font-family: 'Overlock SC', sans-serif;
        text-align: center;
        position: relative;
        top: 10px;
    }



        /* Feuille de styles WaterMelonAGency - Artistes */

        .intro-title-a {
            color: #583F1E;
            font-family: 'Signika Negative', sans-serif;
            font-size: larger;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            top: 15px;
         }
     
         .intro-text-a {
             color: #583F1E;
             font-family: 'Signika Negative', sans-serif;
             display: flex;
             justify-content: center;
             align-items: center;
             position: relative;
             top: 20px
         }     
    
        .image-JLD {
            border-radius: 50px;
            position: absolute;
            left: 70px;
            top: 170px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
            
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image bokit*/
        
        .image-JLD:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        } /*Image cusine réaction*/
        
        .image-skem {
            border-radius: 50px;
            position: absolute;
            left: 440px;
            top: 170px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image danses*/
        
        .image-skem:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1); 
            transform: scale(1.1);
        } /*Image danses réaction*/

        .image-JL {
            border-radius: 50px;
            position: absolute;
            left: 810px;
            top: 170px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image artistes*/
        
        .image-JL:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        } /*Image artistes réaction*/

        .image-JS {
            border-radius: 50px;
            position: absolute;
            left: 1180px;
            top: 170px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image carnaval*/
        
        .image-JS:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1); 
            transform: scale(1.1);
        } /*Image carnaval réaction*/

        .name-JLD {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 130px;
            top: 430px;
        } /*Nom cuisine*/

        .name-skem {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 545px;
            top: 430px;
        } /*Nom danses*/

        .name-JL {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 890px;
            top: 430px;
        } /*Nom art*/

        .name-JS {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 1260px;
            top: 430px;
        } /*Nom carnaval*/

        .image-RR {
            border-radius: 50px;
            position: absolute;
            left: 70px;
            top: 480px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image bokit*/
        
        .image-RR:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        } /*Image cusine réaction*/

        .image-goody {
            border-radius: 50px;
            position: absolute;
            left: 440px;
            top: 480px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image danses*/
        
        .image-goody:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1); 
            transform: scale(1.1);
        } /*Image danses réaction*/

        .image-SO {
            border-radius: 50px;
            position: absolute;
            left: 810px;
            top: 480px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image artistes*/
        
        .image-SO:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1); 
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        } /*Image artistes réaction*/

        .image-EF {
            border-radius: 50px;
            position: absolute;
            left: 1180px;
            top: 480px;
            box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.5);
            width: 250px;
            transition: .1s;
        
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
        } /*Image carnaval*/
        
        .image-EF:hover {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        
            -ms-transform: scale(1.1);
            -webkit-transform: scale(1.1); 
            transform: scale(1.1);
        } /*Image carnaval réaction*/

        .name-RR {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 120px;
            top: 740px;
        } /*Nom cuisine*/

        .name-goody {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 540px;
            top: 740px;
        } /*Nom danses*/

        .name-SO {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 900px;
            top: 740px;
        } /*Nom art*/

        .name-EF {
            color: #583F1E;
            font-size: larger;
            font-family: 'Signika Negative', sans-serif;
            position: absolute;
            left: 1260px;
            top: 740px;
        } /*Nom carnaval*/

        .blurred-5 {
            z-index: -1;
            position: absolute;
            top: 410px;
            width: 100%;
            height: 423px;
            flex-shrink: 0;
            background: linear-gradient(180deg, rgba(230, 213, 191, 0.00) 5.2%, rgba(244, 208, 182, 0.00) 5.21%, #E6D5BF 65.44%);
        } /*Flou 5*/

        .footer_art {
            background: #e6d5bf;
            padding-top: 50px;
            position: absolute;
            width: 100%;
            height: 120px;
            top: 840px;
        } 
        
        .container_art {
            width: 1140px;
            margin: auto;
            display: flex;
            justify-content: center;
        }
        
        .footer-content_art {
            width: 1%
        }
        
        
        .footer-content_art ul {
            text-align: center;
        }
        
        .list_art {
            padding: 0;
            position: absolute;
            top: 30px;
            left: 430px;
        }
        
        .list_art li {
            width: auto;
            text-align: center;
            list-style: none;
            padding: 10px;
            font-size: larger;
        }
        
        .list_art li::before {
            content: '';
            position: absolute;
            transform: translate(-50%,-50%);
            left: 50%;
            top: 100%;
            width: 0;
            height: 2px;
            background: #a38f75;
            transition-duration: .5s;
        }
        
        .list_art li:hover::before {
            width: 70px;
        }
        
        .x-footer_art {
            position: absolute;
            top: 30px;
            right: 155px;
        }
        
        .insta-footer_art {
            position: absolute;
            top: 30px;
            right: 97px;
        }
        
        .linkedin-footer_art {
            position: absolute;
            top: 30px;
            right: 40px;
        }
        
        a {
            text-decoration: none;
            font-family: 'Signika Negative', sans-serif;
            color: #583F1E;
        }
        
        a:hover {
            color: #583F1E;
        }
        
        .bottom-bar_art {
            background:  #a38f75;
            margin-top: 100px;
            height: 40px;
            width: 100%;
            position: absolute;
            top: 170px;
            margin: 0; 
        }
        
        .bottom-bar-text_art {
            color: #FBF2E6;
            font-family: 'Overlock SC', sans-serif;
            text-align: center;
            position: relative;
            top: 10px;
        }