/* Atelier */
.ec-ateliers {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px 4%;
    margin-bottom: 40px;
}
.ec-atelier {
    flex: 0 0 48%;
    display: block;
    background-color: var(--wc-primary);
    color: var(--wc-primary-text);
}
.ec-atelier.ec-4 {
    flex: 0 0 22%;
}
.ec-atelier:hover {
    outline: 3px solid var(--wc-secondary);
}
.ec-atelier > img {
    width: 100%;
}
.ec-atelier-content {
    padding: 20px 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.ec-atelier-content > svg {
    flex: 0 0 auto;
    width: 60px;
}
.ec-atelier-content-txt {
    flex: 1 1 auto;
    color: var(--wc-primary-text);
}
.ec-atelier-name {
    line-height: 1.0;
    font-family: "Roboto";
    font-weight: 900;
    font-size: 2rem;
    margin-bottom: 10px;
}
.ec-atelier-addr {
    
}
.ec-atelier-phone {
    
}
.ec-atelier-email {
    cursor: pointer;
    color: var(--wc-primary-text);
}
.ec-atelier-email:hover {
    color: var(--wc-secondary);
}

@media only screen and (max-width:900px) {
    .ec-atelier {
        flex: 1 0 100%;
    }
    .ec-atelier.ec-4 {
        flex: 1 0 48%;
    }
}

/* Auto Model */
.ec-home-title {
    padding: 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--wc-content-text);
    text-transform: uppercase;
    line-height: 1.0;
}

.ec-home-src {
    position: relative;
    background-color: var(--ec-vignette-bg);
    margin-bottom: 20px;
    padding: 40px 40px 40px 60px;
}
.ec-home-src > svg {
    position: absolute;
    left: -25px;
    top: 5px;
    width: 100px;
}
.ec-home-src-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.ec-home-src-l2 {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.ec-home-src-l2-input {
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    width: 40%;
    min-width: 200px;
}
.ec-home-src-l2-info {
    max-width: 350px;
}
.ec-home-btn-notfound {
    display: inline-block;
    margin-top: 20px;
}

.ec-home-results {
    
}
.ec-home-results.hide {
    display: none;
} 
.ec-home-results-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.ec-home-results-list {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 5px 2%;
    margin-bottom: 20px;
    overflow-y: auto;
    max-height: 332px;
}
.ec-home-results-list-elt {
    flex: 0 0 49%;
    cursor: pointer;
    border-bottom: 1px solid var(--wc-content-text);
    padding: 5px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.ec-home-results-list-elt:hover {
    color: var(--wc-secondary);
    text-decoration: none;
}
.ec-home-results-list-elt > svg {
    width: 50px;
}
.ec-home-results-list-elt-txt {
    line-height: 1.1;
}
.ec-home-results-list-elt-txt-name {
    text-transform: uppercase;
    font-size: 1.4rem;
}
.ec-home-results-list-elt-txt-info {
    
}

@media only screen and (max-width:768px) {
    .ec-home-src {
        padding: 20px 20px 20px 60px;
    }
    .ec-home-src-title {
        font-size: 1.4rem;
    }
    .ec-home-results-list {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: stretch;
    }
    .ec-home-results-list-elt {
        flex: 1 1 auto;
    }
    .ec-home-src-l2-info, .ec-home-results-title {
        display: none;
    }
}