/* ----- Polices de caractères embarquées ----- */
@font-face {
    font-family: 'Alex Brush Regular';
    src:
        url('fonts/alexbrush-regular-webfont.woff2') format('woff2'),
        url('fonts/alexbrush-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Great Vibes';
    src:
        url('fonts/GreatVibes.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sofia Pro Light';
    src:
        url('fonts/sofiaprolight.woff2') format('woff2'),
        url('fonts/sofiaprolight.woff') format('woff');
        font-weight: normal;
        font-style: normal;
}

/* ----- Tags HTML ----- */
body
{
    font-family: 'Sofia Pro Light', sans-serif;
    font-size: 12pt;
}
h1
{
    font-family: 'Great Vibes';
    font-size: 24pt;
}
h2
{
    font-family: 'Great Vibes';
    font-size: 22pt;
}
h3
{
    font-family: 'Great Vibes';
    font-size: 20pt;
}
h4
{
    font-family: 'Great Vibes';
    font-size: 18pt;
}
h5
{
    font-family: 'Great Vibes';
    font-size: 16pt;
}
h6
{
    font-family: 'Great Vibes';
    font-size: 14pt;
}

.text-normal
{
    font-family: 'Sofia Pro Light', sans-serif;
    font-size: 12pt;
}

/* ----- Classes ----- */
.text-justify
{
    text-align: justify;
}

.font-xxs   { font-size: xx-small; }
.font-xs    { font-size: x-small; }
.font-s     { font-size: small; }
.font-m     { font-size: medium;}
.font-l     { font-size: large; }
.font-xl    { font-size: x-large; }
.font-xxl   { font-size: xx-large; }

.text-transparent
{
    color: transparent;
}

/* ----- Classe pour les codes d'erreur ----- */
.card-body-error
{
    background-image: url('../images/ihm/errors/old_camera.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 200px;
}
.card-error-code
{
    font-family: 'Great Vibes', cursive;
    font-size: 60pt;
    line-height: normal;
    color: #DC3545 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    text-align: center;
}