/* START PAGE GOLF */

img#bg_golf {
    object-fit: contain;
}

div.link_a_button_general_carousel_golf a {
    padding: 10px 15px !important;
    margin: 0 0 0 100px;
    background-color: #000000bf;
    color: #fff;
    border: none !important;
    /*text-transform: uppercase;*/
    border-radius: 20px !important;
    text-decoration: none;
    transition: background-color 0.3s ease !important;
}

div.link_a_button_general_carousel_golf a:hover {
    background-color: #e60c80 !important;
    color: #fff !important;
}

@media only screen and (max-width: 767px) {
    div.link_a_button_general_carousel_golf a {
        margin: 0 0 0 0;
    }
}












/* END PAGE GOLF */

/************************************** */


/* START OLD PAGE GOLF */

div.background_page_golf {
    background-color: #151515;
}

div.inside_golf {
    position: relative;
    padding: 100px 0;
}

div.bloc_un_page_golf {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

div.logo_intro_page_golf {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 80%;
    height: auto;
}

div.logo_intro_page_golf div.logo_page_golf {
    width: 100%;
}

div.logo_page_golf img {
    width: 200px;
}

div.intro_page_golf {
    width: 100%;
}

div.intro_page_golf p  {
    font-size: 20px;
    line-height: 25px;
    color: #fff
}

div.img_une_page_golf {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
}

div.img_une_page_golf img {
    width: 80%;
    height: 500px;
    object-fit: cover;
}

div.img_deux_page_golf {
    width: 100%;
    height: auto;
    position: relative;
    left: 5%;
    margin-top: -100px;
}

div.img_deux_page_golf img {
    width: 70%;
    height: 700px;
    object-fit: cover;
}

div.img_trois_page_golf {
    width: 100%;
    height: auto;
    position: relative;
    left: 35%;
    margin-top: -200px;
}

div.img_trois_page_golf img {
    width: 60%;
    height: 400px;
    object-fit: cover;
}

div.img_quatre_page_golf {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    margin-top: -50px;
}

div.img_quatre_page_golf img {
    width: 75%;
    height: 550px;
    object-fit: cover;
}

div.img_cinq_page_golf {
    width: 100%;
    height: auto;
    position: relative;
    left: 10%;
    margin-top: -50px;
}

div.img_cinq_page_golf img {
    width: 80%;
    height: 1000px;
    object-fit: cover;
}

div.retrouver_golf {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

div.retrouver_golf p {
    color: #fff;
    font-size: 20px;
}

div.reseaux_sociaux_golf {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

div.bouton_reseaux_sociaux_golf a {
    position: relative;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 0 5px;
    padding: 10px 50px;
    text-align: center;
    color: #fff;
    z-index: 1; /* Assure que le texte reste au-dessus de l'effet */
    overflow: hidden; /* Cache la partie de l'effet qui dépasse les bords */
    transition: transform .3s ease-out;
}

div.bouton_reseaux_sociaux_golf a:hover {
    border: 1px solid #e60c80;
}

div.bouton_reseaux_sociaux_golf a::before {
    background: #e60c80;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scaleY(0); /* Initialement, l'effet est réduit verticalement */
    transform-origin: bottom; /* L'effet commence en bas */
    transition: transform .3s ease-out; /* Transition fluide de l'effet */
    z-index: -1; /* Met l'effet derrière le texte */
}

div.bouton_reseaux_sociaux_golf a:hover::before {
    transform: scaleY(1); /* L'effet se déploie de bas en haut au survol */
    transform-origin: top; /* L'effet part de haut en bas lorsque le survol est terminé */
}

@media only screen and (max-width: 992px) {
    div.bloc_un_page_golf {
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    div.logo_page_golf img {
        width: 150px;
    }

    div.intro_page_golf p {
        font-size: 18px;
    }

    img.responsive_img_golf {
        height: 400px !important;
    }

    div.img_deux_page_golf {
        margin-top: -70px;
    }

    div.img_trois_page_golf {
        margin-top: -100px;
    }

    div.retrouver_golf p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 468px) {
    img.responsive_img_golf {
        height: 300px !important;
    }

    div.img_deux_page_golf {
        margin-top: -70px;
    }

    div.img_trois_page_golf {
        margin-top: -100px;
    }

    div.reseaux_sociaux_golf {
        flex-direction: column;
    }

    div.bouton_reseaux_sociaux_golf a {
        margin: 5px 0;
    }
}

/* END OLD PAGE GOLF */