*{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border:0 none;outline:0;padding:0;margin:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

h2 {
    font-weight: bolder;
    margin-bottom: 1em;
}
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: "Arial", sans-serif;
    background-image: url("../img/fond.jpg");
    color : #FFFFFF;
}

.item img {
    max-width: 100%;
}

.title {
    text-align: center;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 2em;
    font-size: 17px;
}

.item {
    min-width: 40%;
    text-align: right;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    padding-right: 2em;
}

.item-full {
    width: 100%;
}

.horizontal-picture {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.prestataires__prestataire {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;
}

.house {
    text-align: left;
}

.prestataires__prestataire p {
    padding-left: 0.5em;
    color: #356B67;
}

.prestataire__name {
    font-weight: bold;
}

.prestataires {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.details-prestation {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-top: 1em;
    font-size: 19px;
}

.details-prestation p {
    margin-bottom: 1em;
}

.details-prestataires {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.presentation {
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 40%;
}

.presentation p {
    margin-bottom: 1em;
    padding-left: 40%;
}

.group-artisan__content {
    text-align: center;
}

.prestataires__prestataire .cvc {
    color: #2F3A67;
}

.prestataires__prestataire .maconnerie {
    color: #23241e;
}

.prestataires__prestataire .menuiserie {
    color: #C33531;
}

.prestataires__prestataire .electricite {
    color: #E5A041;
}

.prestataires__prestataire .plomberie {
    color: #4075AC;
}

.prestataires__prestataire .peinture {
    color: #592914;
}

.prestataires__prestataire .domotique {
    color: #574092;
}

.prestataires__prestataire .solaire {
    color: #E5A041;
}

.prestataires__prestataire .plaquiste {
    color: #4075AC;
}

.prestataires__prestataire .coordinateur {
    color: #574092;
}
.green-alliance {
    font-size: 28px;
    text-align: center;
}

.prestataires__prestataire p a{
    color: #FFFFFF;
}

.horizontal-picture img {
    width: 100%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* Styles pour cette Media Queries */

    .item {
        padding-right: 0;
        text-align: center;
    }

    .presentation {
        margin-top: 1em;
        width: 95%;
    }

    .presentation p {
        padding-left: 0;
    }

    .prestataires__prestataire {
        flex-direction: column;
    }

    .prestataire__contact-name {
        margin-bottom: 1em;
    }

    .prestataire__contact-phone {
        margin-bottom: 1em;
    }

    .prestataire__contact-email {
        margin-bottom: 1em;
    }

    .prestataire__contact-website {
        margin-bottom: 2em;
    }

    .prestataires {
        align-items: center;
    }

    .details-prestation {
        color: #4697a5;
    }

    .details-prestataires p a {
        color: #4697a5;
    }
}

@media only screen and (max-width: 767px) {
    body {
        background-color: #93B221;
        background-image: none;
    }

    /* smartphone */
    .item {
        padding-right: 0;
        text-align: center;
    }

    .presentation {
        margin-top: 1em;
        width: 95%;
    }

    .presentation p {
        padding-left: 0;
    }

    .prestataires__prestataire {
        flex-direction: column;
    }

    .prestataire__contact-name {
        margin-bottom: 1em;
    }

    .prestataire__contact-phone {
        margin-bottom: 1em;
    }

    .prestataire__contact-email {
        margin-bottom: 1em;
    }

    .prestataire__contact-website {
        margin-bottom: 2em;
    }

    .prestataires {
        align-items: center;
    }
}