@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-Maigre-300.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-Maigre-300.otf#iefix') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-MaigreItalique-300.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-MaigreItalique-300.otf#iefix') format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-Normal-400.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-Normal-400.otf#iefix') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-Italique-400.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-Italique-400.otf#iefix') format('opentype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-Demi-500.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-Demi-500.otf#iefix') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-DemiItalique-500.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-DemiItalique-500.otf#iefix') format('opentype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-Gras-700.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-Gras-700.otf#iefix') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Hydro-Quebec';
    src: url('/fonte-hq/Hydro-Quebec-GrasItalique-700.woff2') format('woff2'),
        url('/fonte-hq/Hydro-Quebec-GrasItalique-700.otf#iefix') format('opentype');
    font-weight: 700;
    font-style: italic;
}

[class*=hq-avis-general] {
    background-color: #eaeaea;
    font-family: "Open Sans", sans-serif;
    color: #161616;
    font-size: 1.6rem;
    margin-top: 0;
    margin-inline: auto;
    padding: 1.2rem 0;
    position: relative
}

[class*=hq-avis-general] .hq-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .75rem
}
[class*=hq-avis-general] .hq-gras {
    font-weight: 700;
}
[class*=hq-avis-general] .hq-icone-large {
    width: 24px;
    height: 24px;
}

[class*=hq-avis-general][class*=-avertissement] {
    background-color: #ff9b00
}

[class*=hq-avis-general][class*=-avertissement] .hq-icone-large {
    color: #000
}

[class*=hq-avis-general][class*=-informationnel] {
    background-color: #cfe3fa
}

[class*=hq-avis-general][class*=-informationnel] .hq-icone-large {
    color: #104cce
}

[class*=hq-avis-general][class*=-alerte] {
    background-color: #bb121a;
    color: #fff
}

[class*=hq-avis-general][class*=-alerte] .hq-icone-large {
    color: #fff
}

[class*=hq-avis-general][class*=-alerte] h2 {
    color: #fff
}

[class*=hq-avis-general][class*=-alerte] .hq-lien {
    color: #fff
}

[class*=hq-avis-general][class*=-alerte] .hq-lien:focus {
    outline-color: #fff
}

[class*=hq-avis-general] p:last-of-type {
    margin: 0
}

[class*=hq-avis-general] h2 {
    font-family: Open Sans, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    margin: 0 .5rem .5rem 0
}

[class*=hq-avis-general] h2,
[class*=hq-avis-general] p {
    display: inline
}

[class*=hq-avis-general] .hq-icone-large {
    -webkit-box-flex: 0;
    color: #404040;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}