@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-DemiItalique-600.woff2") format("woff2"),
		url("/fonte-hq/Hydro-Quebec-DemiItalique-600.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;
}


/*fix pour quand y a une autre banniere */
.hq-bouton-texte:hover::before{
    background-color: transparent!important;
    transform: scaleX(0)!important;

}
.hq-bouton-texte:hover{
    background-color: transparent!important;

}
.hq-bouton-texte svg {
    margin-left: 0;
}
/*fin fix*/

/* bouton texte */
.hq-banniere .hq-bouton-texte {
    background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    color: #1224b8;
    display: inline;
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    position: relative;
    line-height: 26px!important;
    text-decoration: none;
    -webkit-transition: background-size .5s;
    transition: background-size .5s;
    padding-bottom: 1px;
}

.hq-banniere .hq-bouton-texte:hover {
    background-size: 100% 2px;
    padding-bottom: 1px;
}

.hq-banniere .hq-bouton-texte .last-word {
    display: inline-block;
    padding-right: 25px;
    position: relative;
}

.hq-banniere .hq-bouton-texte .last-word:after {
    background-image: url(/@hydroquebec/assets/src/blocs/bouton/icone/fleche-bleu-60.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 17px;
}

.hq-banniere .hq-bouton-texte [data-theme=sombre] .last-word:after {
    background-image: url(/@hydroquebec/assets/src/blocs/bouton/icone/fleche-blanc.svg);
    content: ""
}

.hq-banniere .hq-bouton-texte [data-theme=sombre][aria-disabled=true] .last-word:after {
    background-image: url(/@hydroquebec/assets/src/blocs/bouton/icone/fleche-blanc-des.svg);
    content: ""
}

.hq-banniere .hq-bouton-texte [aria-disabled=true] .last-word:after {
    background-image: url(/@hydroquebec/assets/src/blocs/bouton/icone/fleche-gris.svg);
    content: ""
}

svg.hq-icone-medium{
    width: 20px!important;
    height: 20px!important;
    vertical-align: sub;
}

.hq-banniere .hq-bouton-texte:active {
    color: #0f096c!important;
}

.hq-banniere .hq-bouton-texte:active:before {
    background-color: #0f096c;
}
.hq-banniere .hq-bouton-texte[aria-disabled=true] {
    color: rgba(0, 0, 0, .25);
}

.hq-banniere .hq-bouton-texte[aria-disabled=true]:before {
    background-color: rgba(0, 0, 0, .25);
    bottom: .0625rem;
    height: .125rem;
    left: 0;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%
}

.hq-banniere .hq-bouton-texte[aria-disabled=true]:active {
    color: rgba(0, 0, 0, .25);
}

.hq-banniere .hq-bouton-texte[aria-disabled=true]:active:before {
    background-color: rgba(0, 0, 0, .25);
}

.hq-banniere .hq-bouton-texte[data-theme=sombre] {
    color: #fff;
}

.hq-banniere .hq-bouton-texte[data-theme=sombre]:before {
    background-color: #fff;
}

.hq-banniere .hq-bouton-texte[data-theme=sombre]:active {
    color: #73aff0;
}

.hq-banniere .hq-bouton-texte[data-theme=sombre]:active:before {
    background-color: #73aff0;
}

.hq-banniere .hq-bouton-texte[data-theme=sombre]:focus-visible {
    outline-color: #fff;
}
.hq-banniere .hq-bouton-texte[data-theme=sombre][aria-disabled=true] {
    color: hsla(0, 0%, 100%, .35);
}

.hq-banniere .hq-bouton-texte[data-theme=sombre][aria-disabled=true]:before {
    background-color: hsla(0, 0%, 100%, .35);
    bottom: .0625rem;
    height: .125rem;
    left: 0;
    position: absolute;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: 100%
}

.hq-banniere .hq-bouton-texte[data-theme=sombre][aria-disabled=true]:active {
    color: hsla(0, 0%, 100%, .35);
}
.hq-banniere .hq-bouton-texte[data-theme=sombre][aria-disabled=true]:active:before {
    background-color: hsla(0, 0%, 100%, .35);
}
/*fin bouton texte*/


/*debut banniere*/
.hq-banniere img {
    block-size: auto;
    max-inline-size: 100%;
}

.hq-banniere h3{
    color: #161616;
    font-family: Hydro-Quebec, sans-serif;
    font-weight: 500!important;
    margin-bottom: 1rem;
}

.hq-banniere .hq-titre3, .hq-banniere h3 {
    font-size: 24px;
    line-height: 28px;
}

@media(min-width:40rem) {
    .hq-banniere .hq-titre3, .hq-banniere h3 {
        font-size: 26px!important;
        line-height: 32px!important;
    }
}

@media(min-width:80.5rem) {
    .hq-banniere .hq-titre3, .hq-banniere h3 {
        font-size: 28px!important;
        line-height: 32px!important;
    }
}

.hq-banniere {
    border-radius: 16px;
    overflow: hidden;
}

.hq-banniere.surface-bleu-20, .hq-banniere.surface-default {
    background-color: #b7d6f7;
}

.hq-banniere.surface-bleu-30 {
    background-color: #73aff0;
}

.hq-banniere.surface-bleu-50 {
    background-color: #104cce;
}

.hq-banniere.surface-orange-20 {
    background-color: #ffe1b3;
}

.hq-banniere.surface-orange-70 {
    background-color: #ff9b00;
}

.hq-banniere.surface-turquoise-50 {
    background-color: #96dfce;
}

.hq-banniere.surface-turquoise-70 {
    background-color: #2ebf9d;
}

.hq-banniere.surface-vert-jaune-40 {
    background-color: #e5eaa2;
}

.hq-banniere.surface-vert-jaune-70 {
    background-color: #bfcc19;
}

@media(min-width:0rem) {
    .hq-banniere.standard .inner.illustration {
    gap: 16px;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    min-height: auto;
    padding: 1.5rem 0;
}

.hq-banniere.standard .inner.illustration .bloc-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    display: grid;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 288px;
}
.hq-banniere.standard .inner.illustration .container {
    padding: 0 1rem;
    text-align: left;
}
.hq-banniere.standard .inner.illustration .bouton {
    padding: 24px 0 0;
}
}
@media(min-width:40rem) {
    .hq-banniere.standard .inner.illustration {
    gap: 24px;
    grid-auto-flow: row;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    min-height: 180px;
    padding: 0 1rem 0 0;
}
.hq-banniere.standard .inner.illustration .container {
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    padding: 1.5rem 0;
}
.hq-banniere.standard .inner.illustration .bloc-image {
    min-width: 240px;
    width: 240px;
}
.hq-banniere.standard .inner.illustration .img {
    aspect-ratio: 1.333;
}
}
@media(min-width:64rem) {
    .hq-banniere.standard .inner.illustration {
    gap: 40px;
    min-height: 216px;
    padding: 0 4rem 0 0;
}
.hq-banniere.standard .inner.illustration .container {
    padding: 0;
}
.hq-banniere.standard .inner.illustration .bloc-image {
    width: 289px;
}
}
@media(min-width:0rem) {
    .hq-banniere.standard .inner.image {
    gap: 1rem;
    grid-auto-flow: column;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    min-height: auto;
    overflow: hidden;
    padding: 2rem 1rem;
}
.hq-banniere.standard .inner.image .bloc-image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: end;
    -webkit-align-content: flex-end;
    align-content: flex-end;
    border-radius: 50%;
    display: grid;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 3rem;
}
.hq-banniere.standard .inner.image .img {
    aspect-ratio: 1;
}
.hq-banniere.standard .inner.image .container {
    text-align: left;
}
.hq-banniere.standard .inner.image .bouton {
    padding: 1.5rem 0 0;
}
}
@media(min-width:40rem) {
    .hq-banniere.standard .inner.image {
        gap: 24px;
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        min-height: 216px;
        padding: 2rem 1rem;
    }
    .hq-banniere.standard .inner.image .container {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }
    .hq-banniere.standard .inner.image .bloc-image {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        padding: 0;
        width: 160px;
    }
}
@media(min-width:64rem) {
    .hq-banniere.standard .inner.image {
        min-height: 240px;
        gap: 64px;
        padding: 2rem 2.5rem 2rem 4rem;
    }
    .hq-banniere.standard .inner.image .bloc-image {
        width: 184px;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.standard .inner.image {
        padding: 2.3rem 4rem;
    }
}
@media(min-width:0rem) {
    .hq-banniere.standard .inner.sans-image {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        min-height: 216px;
        padding: 1.5rem 1rem;
    }
    .hq-banniere.standard .inner.sans-image .bloc-image, .hq-banniere.standard .inner.sans-image .content {
        padding: 0;
    }
    .hq-banniere.standard .inner.sans-image .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:40rem) {
    .hq-banniere.standard .inner.sans-image {
        align: center;
        padding: 1.5rem;
    }
    .hq-banniere.standard .inner.sans-image .container {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        text-align: center;
    }
}
@media(min-width:64rem) {
    .hq-banniere.standard .inner.sans-image {
        min-height: 240px;
        padding: 1.5rem 10%
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.standard .inner.sans-image {
        padding: 1.5rem 12%
    }
}
@media(min-width:0rem) {
    .hq-banniere.etroite .inner.image {
        gap: 1rem;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 200px;
        padding: 1.5rem 1rem;
    }
    .hq-banniere.etroite .inner.image .img {
        aspect-ratio: 1;
        width: 184px;
    }
    .hq-banniere.etroite .inner.image .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:40rem) {
    .hq-banniere.etroite .inner.image {
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        min-height: auto;
        padding: 1.5rem;
    }
    .hq-banniere.etroite .inner.image .container {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
    }
    .hq-banniere.etroite .inner.image .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:64rem) {
    .hq-banniere.etroite .inner.image {
        gap: 16px;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 280px;
    }
    .hq-banniere.etroite .inner.image .bloc-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        display: grid;
        -webkit-justify-content: center;
        justify-content: center;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.etroite .inner.image {
        gap: 24px;
        min-height: 320px;
        padding: 0 1.5rem 1.5rem;
    }
    .hq-banniere.etroite .inner.image .container {
        padding: 0;
    }
}
@media(min-width:0rem) {
    .hq-banniere.etroite .inner.illustration {
        gap: 1.5rem;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        padding: 0 0 1.5rem;
    }
.hq-banniere.etroite .inner.illustration .bloc-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        display: grid;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0;
    }
.hq-banniere.etroite .inner.illustration .img {
        aspect-ratio: 1.777;
    }
.hq-banniere.etroite .inner.illustration .container {
        padding: 0 1.5rem;
    }
.hq-banniere.etroite .inner.illustration .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:40rem) {
    .hq-banniere.etroite .inner.illustration {
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        padding: 0;
    }
.hq-banniere.etroite .inner.illustration .container {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        padding: 1.5rem 1.5rem 1.5rem 0;
    }
.hq-banniere.etroite .inner.illustration .bloc-image {
        max-width: 13rem;
        padding: 0;
    }
}
@media(min-width:64rem) {
    .hq-banniere.etroite .inner.illustration {
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        padding: 0 0 1.5rem;
    }
.hq-banniere.etroite .inner.illustration .container {
        padding: 0 1.5rem;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.etroite .inner.illustration {
        padding: 0 0 1.5rem;
    }
}
@media(min-width:0rem) {
    .hq-banniere.etroite .inner.illustration-simple {
        gap: 1rem;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        padding: 1.5rem 1rem;
    }
.hq-banniere.etroite .inner.illustration-simple .bouton {
        padding: 1.5rem 0 0;
    }
.hq-banniere.etroite .inner.illustration-simple .container {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
        display: grid;
    }
}
@media(min-width:40rem) {
    .hq-banniere.etroite .inner.illustration-simple {
        gap: 24px;
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        padding: 1.5rem;
    }
.hq-banniere.etroite .inner.illustration-simple .bouton {
    padding: hq-rm(24px) 0 0;
}
}
@media(min-width:64rem) {
    .hq-banniere.etroite .inner.illustration-simple {
        gap: 16px;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 280px;
    }
.hq-banniere.etroite .inner.illustration-simple .bloc-image {
        padding: 0 0 0 8px;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.etroite .inner.illustration-simple {
        min-height: 320px;
    }
}
@media(min-width:0rem) {
    .hq-banniere.etroite .inner.sans-image {
        min-height: 200px;
        padding: 1.5rem 1rem;
    }
.hq-banniere.etroite .inner.sans-image .container {
        -ms-flex-line-pack: justify;
        -webkit-align-content: space-between;
        align-content: space-between;
        display: grid;
    }
.hq-banniere.etroite .inner.sans-image .titre {
        padding: 0 0 1.5rem;
    }
}
@media(min-width:40rem) {
    .hq-banniere.etroite .inner.sans-image {
        min-height: auto;
        padding: 1.5rem;
    }
}
@media(min-width:64rem) {
    .hq-banniere.etroite .inner.sans-image {
        min-height: 280px;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.etroite .inner.sans-image {
        min-height: 320px;
    }
}
@media(min-width:0rem) {
    .hq-banniere.bloc-action .inner {
        gap: 1.5rem;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: auto;
        padding: 1.5rem 1rem;
    }
}
@media(min-width:40rem) {
    .hq-banniere.bloc-action .inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        gap: 1rem;
        grid-auto-flow: row;
        grid-template-columns: 1fr auto;
        grid-template-rows: 1fr;
        padding: 1.5rem;
    }
    .hq-banniere.bloc-action .inner .content {
        text-align: left;
    }
}
@media(min-width:64rem) {
    .hq-banniere.bloc-action .inner {
        gap: 2.5rem;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.bloc-action .inner {
        padding: 1.5rem 2.5rem;
    }
}
@media(min-width:0rem) {
    .hq-banniere.bandeau-action .inner.illustration {
        gap: 16px;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: auto;
        padding: 0 1rem 1.5rem;
    }
    .hq-banniere.bandeau-action .inner.illustration .bloc-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-line-pack: end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        display: grid;
        -webkit-justify-content: center;
        justify-content: center;
        min-width: 288px;
    }
    .hq-banniere.bandeau-action .inner.illustration .img {
        aspect-ratio: 1.333;
    }
    .hq-banniere.bandeau-action .inner.illustration .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:40rem) {
    .hq-banniere.bandeau-action .inner.illustration {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        gap: 24px;
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        padding: 2rem 1rem 2rem 2rem;
    }
    .hq-banniere.bandeau-action .inner.illustration .bloc-image {
        max-width: 289px;
        padding: 0;
    }
}
@media(min-width:64rem) {
    .hq-banniere.bandeau-action .inner.illustration {
        gap: 2.5rem;
        padding: 2rem 4.5rem 2rem 2rem;
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.bandeau-action .inner.illustration {
        min-height: 320px;
        padding: 1.5rem 4rem 1.5rem 0;
    }
}
@media(min-width:0rem) {
    .hq-banniere.bandeau-action .inner.image {
        gap: 16px;
        grid-auto-flow: column;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        min-height: 280px;
        padding: 1.5rem 1rem;
    }
.hq-banniere.bandeau-action .inner.image .bloc-image {
        justify-self: center;
    }
.hq-banniere.bandeau-action .inner.image .img {
        aspect-ratio: 1;
        width: 184px;
    }
.hq-banniere.bandeau-action .inner.image .bouton {
    padding: 1.5rem 0 0;
}
}
@media(min-width:40rem) {
    .hq-banniere.bandeau-action .inner.image {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        gap: 24px;
        grid-auto-flow: row;
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr;
        padding: 2rem 1rem 2rem 2rem;
    }
}
@media(min-width:64rem) {
    .hq-banniere.bandeau-action .inner.image {
        gap: 64px;
        min-height: 320px;
        padding: 1.5rem 2.5rem 1.5rem 4rem;
    }
}
@media(min-width:0rem) {
    .hq-banniere.bandeau-action .inner.sans-image {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        grid-template-columns: 1fr;
        min-height: 280px;
        padding: 1.5rem 1rem;
    }
.hq-banniere.bandeau-action .inner.sans-image .bouton {
        padding: 1.5rem 0 0;
    }
}
@media(min-width:40rem) {
    .hq-banniere.bandeau-action .inner.sans-image {
        -ms-flex-line-pack: center;
        -webkit-align-content: center;
        align-content: center;
        padding: 1.5rem;
        text-align: center;
    }
}
@media(min-width:64rem) {
    .hq-banniere.bandeau-action .inner.sans-image {
        min-height: 320px;
        padding: 1.5rem 10%
    }
}
@media(min-width:80.5rem) {
    .hq-banniere.bandeau-action .inner.sans-image {
        padding: 1.5rem 12%
    }
}
.hq-banniere:is(.bandeau-action) {
    border-radius: 0;
}
.hq-banniere .inner {
    display: grid;
}
.hq-banniere h2, .hq-banniere h3, .hq-banniere h4 {
    color: #161616;
    font-weight: 500!important;
    line-height: 24px;
    margin: 0;
    padding: 0;
}
@media screen and (min-width:40rem) {
    .hq-banniere h2, .hq-banniere h3, .hq-banniere h4 {
        line-height: 2rem;
    }
}
.hq-banniere .surtitre {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
    padding: 0;
    text-transform: uppercase;
}
@media screen and (min-width:40rem) {
    .hq-banniere .surtitre {
        font-size: 16px;
    }
}.hq-banniere .description {
    color: #161616;
    margin: 0;
    padding: .5rem 0 0;
}
.hq-banniere .image-ronde img {
    height: 11.5rem;
    overflow: hidden;
}
.hq-banniere [data-theme=sombre] h2, .hq-banniere [data-theme=sombre] h3, .hq-banniere [data-theme=sombre] h4, .hq-banniere [data-theme=sombre] h5, .hq-banniere [data-theme=sombre] p {
    color: #fff;
}