#revendeurs{
    .content{
        width: 100%;

        @media screen and (max-width: 768px){
            width: 100%;
        }

        margin: 0 auto;
        margin-top: 60px;

        #carte{
            // overflow : hidden;
            // position : relative; /* pour IE jusqu'à au moins ie7 */
            // height : 375px; /* Pour les anciens navigateurs */
            height : calc(85vh - 220px);
            width : 100%
            // padding: 0;
        }

        .result_container{
            padding: 0;
        }

        @media (max-width: 640px) {
            .result_container{
                padding: 0 20px;
            }
        }

        .input{
            margin: 0;
            padding: 0;
            border-radius: 0;
            border: none;
            box-shadow: none;

            display: flex;
            height: auto;
            background-color: transparent;
            margin-bottom: 20px;
            margin-top: 30px;
            // max-width: 60%;

            @media screen and (max-width: 768px){
                max-width: 100%;
            }

            input{
                border: 1px solid $black;
                min-height: 40px;
                @extend .regular;
                flex: 1;
                font-size: 1rem;
                background-color: $white;
                outline: none;
                margin-right: 30px;
                padding-left: 10px;
            }

            .search-button{
                display: block;
                border: none;
                display: flex;
                color: black;
                align-items: center;
                @extend .titre-black;
                font-size: 1rem;
                cursor: pointer;
                text-decoration: underline;
            }
        }
    }

    .infoWindowContent{
        @extend .titre-regular;

        p{
            margin: 0;
        }

        p:first-child{
            margin-top: 5px;
        }

        a:hover{
            text-decoration: underline;
        }
    }

    .revendeurs-liste{
        display : flex;
        flex-wrap: wrap;
        margin: 40px -15px 0 -15px;

        .wrapper-card{
            width: 25%;
            padding: 0 15px;

            .revendeur-card{
                border-top: 1px solid black;
                padding-top: 5px;
                margin-bottom: 30px;
                p{margin: 0;}
            }
        }
    }

    @media (max-width: 1024px) {
        .revendeurs-liste{
            .wrapper-card{
                width: 50%;
            }
        }
    }

    @media (max-width: 640px) {
        .revendeurs-liste{
            .wrapper-card{
                width: 100%;
            }
        }
    }
}