@font-face {
    font-family: 'Inter Regular 28';
    src: url('static/Inter_28pt-Regular.ttf') format('truetype');
    font-weight: normal;
}

.gras  {
    font-weight: bold !important;
}

h1 {
    font-family: 'Inter Regular 28' !important;
    font-size: 2.5em !important;
    font-weight: normal !important;
    text-align: center;
    color: #CC0000;
}

h2 {
    font-family: 'Inter Regular 28' !important;
    font-size: 1.4em !important;
    font-weight: normal !important;
    text-align: center;
    color: #CC0000;
    margin-top: 55px !important;
}

.rouge{
    color: #CC0000 !important;
}

.list-icon.col {
    display: block;
    text-align: center !important;
    margin-top: 25px;
}

.list-icon.col div {
    display: inline-block;
    margin-right: 25px;
}

.page-contact-site .contenu .row span, .page-contact-site .contenu .row label, .page-contact-site .contenu .row div {
    font-family: 'Inter Regular 28' !important;
    font-size: 18px !important;
    font-weight: normal;
    text-align: justify;
    color: #000000;
}

.page-contact-site .btn-rouge {
    background-color: #CC0000;
}

.page-contact-site .btn-gris {
    background-color: #5a5a5a;
}

.page-contact-site .btn{
    color: #ffffff !important;
}

.page-contact-site .btn:hover{
    font-weight: inherit !important;
}

.page-contact-site .row {
    margin-bottom: 21px;
}

.contact-row{
    background-color: #f2f2f2;
    padding: 20px;
}

.contact-info {
    margin-bottom: 55px;
}

span.separator {
    display: block;
    border: 1px dotted #999999;
}

.section-on-separator{
    margin-bottom: 0px !important;
}

.section-realisations img {
    max-width: 100%;
    margin-bottom: 17px;
}

.section-realisations span {
    text-align: center !important;
    display: block;
    /* color: #7f7f89 !important; */
}

.section-realisations span a {
    color: #7f7f89 !important;
    font-size: 18px;
}

.section-realisations span a:hover {
    font-weight: unset;
}

.section-realisations div {
    margin-bottom: 50px;
}

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

.container span, .container .row div {
    text-align: left;
}