/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.reseau-sociaux__personnel a[class^="icon"], .reseau-sociaux__personnel a:hover[class^="icon"] {
    font-size: 32px;
    color: #000;
    font-family: 'iconesUL';
    text-decoration: none;
}

.reseau-sociaux__personnel .icon-linkedin:before {
    content: "\6c";
}

.reseau-sociaux__personnel .icon-twitter:before {
    content: "\6e";
}

.reseau-sociaux__personnel .icon-instagram:before {
    content: "\6b";
}

.boite-infos {
    border: 3px solid #e6e6e6;
    padding: 40px 30px;
    max-width: 450px;
    text-align: center;
}

.boite-infos__titre {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}

.boite-infos__texte {
    font-size: 14px;
    margin-bottom: 16px;
    text-align: left;
}

.boite-infos__lien {
    background: #e30513;
    color: #fff !important;
    display: block;
    font: 300 14px 'Source Sans Pro', sans-serif;
    margin-bottom: 35px;
    padding: 10px 10px 12px 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin-bottom: 0;
}

.boite-infos__lien:hover {
    opacity: 0.7;
}