main/public_html/css/accueil.css

#CONTAINER.accueil{
    display: block;
}

#CONTAINER.accueil > * {
    padding: 0 50px;
}

#CONTAINER.accueil h1 {
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    background: -webkit-linear-gradient(top left, #474dff, #00E288);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    overflow: hidden;
    margin: 50px auto 0 calc(50% - 161.5px);
}

#CONTAINER.accueil h2 {
    margin: 25px auto 10px auto;
    color: #10c0a3;
}

#CONTAINER .icon-type{
    height: 23px;
}

#CONTAINER ul {
    margin-top: 10px;
    margin-left: 50px;
}

#CONTAINER ul li div {
    display: inline-block;
    width: 25px;
    text-align: center;
}

#CONTAINER.accueil table{
    width: 70%;
    display: block;
    margin: 15px auto 15px 30px;
}

#CONTAINER.accueil table > tbody > tr{
    text-align: center;
}

#CONTAINER.accueil table > tbody > tr > td{
    width: 115px;
}

#CONTAINER a {
    text-decoration: none;
    color: inherit;
}

#CONTAINER .phone{
    display: inline-block;
    vertical-align: middle;
    width: 3em;
    height: 2em;
    padding: -1em;

    background: url('/image/container/phone.svg@aaaaaa') center center no-repeat;
    background-size: 25px;
    background-color: transparent;

    border-radius: 50% / 50%;

    cursor: pointer;

    transition: background .2s ease-in-out;
}

#CONTAINER a:hover .phone{
    background-size: 30px;
    background-image: url('/image/container/phone.svg@3bc010');
}