@import "../variables-screen-size.css";

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Bold.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/roboto/Roboto-Bold.woff2') format('woff2'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Bold.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');
    /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Regular.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/roboto/Roboto-Regular.woff2') format('woff2'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Regular.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Medium.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/roboto/Roboto-Medium.woff2') format('woff2'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Medium.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Medium.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');
    /* Legacy iOS */
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Black.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/roboto/Roboto-Black.woff2') format('woff2'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Black.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Black.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/roboto/Roboto-Black.svg#Roboto-Black') format('svg');
    /* Legacy iOS */
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto/Roboto-Italic.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('/fonts/roboto/Roboto-Italic.woff2') format('woff2'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Italic.woff') format('woff'),
        /* Modern Browsers */
        url('/fonts/roboto/Roboto-Italic.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('/fonts/roboto/Roboto-Italic.svg#Roboto-Italic') format('svg');
    /* Legacy iOS */
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Fallback';
    src: local(Arial);
    size-adjust: 100%;
    ascent-override: normal;
    descent-override: normal;
    line-gap-override: normal;
}

.isg-tres-gros-titre-outfit,
.isg-tres-gros-titre-camingo {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 20px;
    line-height: normal;
}

@media (min-width: 768px) {

    .isg-tres-gros-titre-outfit,
    .isg-tres-gros-titre-camingo {
        font-size: 40px;
    }
}

.isg-gros-titre-outfit,
.isg-gros-titre-camingo {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 20px;
    line-height: normal;
}

@media (min-width: 768px) {

    .isg-gros-titre-outfit,
    .isg-gros-titre-camingo {
        font-size: 30px;
    }
}

.isg-gros-titre-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 25px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-gros-titre-arial {
        font-size: 30px;
    }
}

.isg-titre-outfit,
.isg-titre-camingo {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: normal;
}

@media (min-width: 768px) {

    .isg-titre-outfit,
    .isg-titre-camingo {
        font-size: 30px;
    }
}

.isg-titre-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-titre-arial {
        font-size: 25px;
    }
}

.isg-titre-grand-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
}

@media (min-width: 768px) {
    .isg-titre-grand-arial-gras {
        font-size: 25px;
    }
}

.isg-titre-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
}

@media (min-width: 768px) {
    .isg-titre-arial-gras {
        font-size: 25px;
    }
}

.isg-titre-secondaire-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 20px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-titre-secondaire-arial {
        font-size: 23px;
    }
}

.isg-titre-ban-secondaire-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 13px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
}

.isg-titre-secondaire-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
}

@media (min-width: 768px) {
    .isg-titre-secondaire-arial-gras {
        font-size: 18px;
    }
}

.isg-gros-text-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-gros-text-arial {
        font-size: 20px;
    }
}

.isg-gros-text-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: normal;
}

@media (min-width: 768px) {
    .isg-gros-text-arial-gras {
        font-size: 18px;
    }
}

.isg-paragraphe-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    letter-spacing: 0em;
}

.isg-paragraphe-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    letter-spacing: 0em;
}

.isg-paragraphe-arial-spacing {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    letter-spacing: 1px;
}

.isg-grand-lien-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-grand-lien-arial {
        font-size: 16px;
    }
}

.isg-lien-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-lien-arial {
        font-size: 16px;
    }
}

.isg-lien-arial-spacing {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
    letter-spacing: 1px;
}

@media (min-width: 768px) {
    .isg-lien-arial-spacing {
        font-size: 14px;
    }
}

.isg-petit-texte-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-petit-texte-arial {
        font-size: 15px;
        line-height: 17px;
    }
}

.isg-petit-texte-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
    font-weight: bold;
}

@media (min-width: 768px) {
    .isg-petit-texte-arial-gras {
        font-size: 15px;
    }
}

.isg-tres-petit-texte-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: normal;
}

@media (min-width: 768px) {
    .isg-tres-petit-texte-arial {
        font-size: 14px;
    }
}

.isg-tres-petit-texte-arial-gras {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 11px;
    line-height: normal;
    font-weight: bold;
}

@media (min-width: 768px) {
    .isg-tres-petit-texte-arial-gras {
        font-size: 14px;
    }
}

.isg-texte-seo-arial {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 12px;
    line-height: normal;
}

@media (min-width: 768px) {
    .isg-texte-seo-arial {
        font-size: 13px;
    }
}

.isg-cms-h1 {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: normal;
    line-height: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .isg-cms-h1 {
        font-size: 30px;
    }
}

.isg-cms-h2 {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 20px;
    line-height: normal;
    font-weight: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .isg-cms-h2 {
        font-size: 23px;
    }
}

.isg-cms-h3 {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 20px;
    line-height: normal;
    font-weight: normal;
    color: #D4071B;
    margin: 0;
}

@media (min-width: 768px) {
    .isg-cms-h3 {
        font-size: 23px;
    }
}

.isg-cms-h4 {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: normal;
    margin: 0;
}

@media (min-width: 768px) {
    .isg-cms-h4 {
        font-size: 20px;
    }
}

/* .isg-cms-h5 {
}

.isg-cms-h6 {
} */

html,
button,
input,
select,
textarea,
.pure-g [class *="pure-u"],
.pure-table thead {
    font-family: 'Roboto', 'Roboto Fallback', Arial, sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    letter-spacing: 0em;
}