/*
HOME
 */

#accueil {
    padding-top: $menuh;
    @media(max-width: $break) {
        padding-top: $menumobh;
    }
    &_slider {
        @media(max-width: $break) {
            .row {
                display: inline-block;
                position: relative;
                .m65 {
                    width: 100%;
                }
            }
            background-image: none !important;
        }
        // filter: grayscale(100%);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        .accueil_slider_img {
            position: relative;
            @media(max-width: $break) {
                width: 100%;
                height: 20px;
                display: block;
                img {
                    max-width: 100%;
                }
            }
        }
        .slide_card {
            width: 453px;
            padding: 55px 70px 80px 66px;
            position: relative;
            span.h2,h1 {
                font-size: 45px;
                color: $blanc;
                margin-bottom: 10px;
                display: block;
                @media(max-width: $break) {
                    font-size: 34px;
                }
            }
            span.h3 {
                color: $blanc;
                font-size: 29px;
                font-weight: 300;
                line-height: 39px;
                text-transform: uppercase;
                letter-spacing: 4.24px;
                @media(max-width: $break) {
                    font-size: 24px;
                }
            }
            a {
                position: absolute;
                bottom: 20px;
                right: 10px;
                font-size: 16px;
                i {
                    &::before {
                        font-size: 16px;
                    }
                }
            }
            @media(max-width: $break) {
                float: left;
                position: relative;
                display: block;
                width: 100%;

            }
        }
        .contact_info_w_icon {
            width: 453px;
            // padding: 35px 0 35px 20px;
            background-color: rgba($blanc, 0.8);
            margin: 10px 0 20px 0;
            transition: all ease 0.6s;
            @media(max-width: $break) {
                // padding: 20px;
                margin: 35px auto;
                display: table;
                width: 100%;
                .contact_info {
                    display: table-cell;
                    width: 80%;
                }
                .coaching_types_btn {
                    display: table-cell;
                }

                // border-radius: 10px;
                // border: solid 2px $noir;
                // text-align: center;
                // background-image: linear-gradient(-251deg, #f7e6a4 0%, #c89519 100%);
                /*.icon_wrapper {
                    position: absolute;
                    display: inline-block;
                    left: 20px;
                }

                */
            }
            &:hover {
                box-shadow: inset 600px 0 0 0 $bleu_at_f;
                span {
                    color: $blanc;
                }
            }
        }
        overflow: auto;
        &.leconcept_slider {
            overflow: hidden;
            .slide_card {
                position: relative;
                z-index: 1;
                padding-right: 40px;
            }
            .accueil_slider_img {
                img {
                    &.main_slide_img {
                        transform: scale(0.96) translateY(10px);
                        left: -20px;
                    }
                    &.triangle {
                        right: 0;
                        &:nth-child(2) {
                            transform: scale(1.2) translate(-91%, 12%);
                        }
                        &:nth-child(3) {
                            transform: scale(1.5) translate(-40px, -23px);
                        }
                    }
                }
            }

        }
    }//end slider

    &_h1 {
        margin: 0;
        position: relative;
        .triangle_gray_bg {
            left: -660px;
            @media(max-width: $break) {
                display: none;
            }
        }
        .row {
            margin-bottom: 0;
        }
        .mycard {

            h1 {
                color: $blanc;
                font-size: 30px;
                letter-spacing: 1.5px;
            }
        }
    }//end h1

    &_coaching_types {
        margin-bottom: 50px;
        .coaching_types_item {
            position: relative;
            height: 264px;
            margin: 0 2.5px;
            overflow: hidden;
            img {
                // max-width: 100%;
                // height: 100%;
                // display: block;

                // @media(max-width: $break) {
                    // width: 100%;
                    // height: auto;
                // }

                img {
                    position: absolute;
                    height: 100%;
                    width: auto;
                    max-width: none;
                    top: -9999px;
                    bottom: -9999px;
                    left: -9999px;
                    right: -9999px;
                    margin: auto;
                }

            }
            a.coaching_types_btn {
                min-height: 92px;
                width: 50%;
                padding: 20px 25px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                color: $blanc;
                font-size: 22px;
                background-color: rgba($grisf,0.6);
                position: absolute;
                bottom: 0;
                right: 0;
                // transition: all 0.5s ease-in;
                >i {
                    font-size: 30px;
                }
                &:hover {
                    color: $noir;
                    background-image: $goldengradient;
                }

            }
        }
    }//end coaching_types
    &_activites {
        position: relative;
        overflow: hidden;

        .bloc_card_and_content {
            margin-bottom: 50px;

            .bloc_content {
                padding: 10px 0;
            }
        }
        margin-bottom: 50px;
    }//fin _activites

    &_temoignage_actu {
        background-color: $rose;
        padding: 50px 0 ;
        .temoignage_container {
            margin-bottom: 50px;
        }

    }//fin _temoignage_actu

    &_pub {
        margin: 50px 0;

        a {
            img {
                @media(max-width: $break) {
                    max-width: 100%;
                    height: auto;
                }
            }
        }
    }
    &_parrain {
        padding: 50px 0;
        .devenez_parrain {
            margin-bottom: 50px;
            @media(max-width: $break) {
               .row {
                   display: block;
                   .col {
                       display: block;

                       .triangle {
                           display: none;
                       }
                   }
                   .devenez_parrain_right {
                       img {
                           max-width: 100%;
                       }
                   }
               }
            }
        }
    }//fin _parrain
    &_presentation {
        article {
            h2 {
                padding-top: 30px;
                color: $noir;
                font-size: 26px;
                margin-bottom: 33px;
            }
            p {
                margin-bottom: 40px;
            }
        }
    }
}

.triangle_gray_bg {
    position: absolute;
    z-index: -1;
    top: 0;
}