/* Fontface */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@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;
}

/* Background */
.bg-bleu-90{
  background-color: #0A0952;
}
.bg-bleu-80{
  background-color: #0F096C;
}
.bg-bleu-70{
  background-color: #101692;
}
.border-bleu-70{
  border:1px solid #101692;
}
.bg-bleu-10{
  background-color: #E7F1FC;
}
.bg-gris-05{
  background-color: #F4F4F4;
}
.bg-gris-30{
  background-color: #BFBFBF;
}
.bg-white{
  background-color: #FFF;
}
.bg-orange{
  background-color: #FFB440;
}

/* Texte */
.text-white {
  color: #fff!important;
}

a.text-white {
  text-decoration: underline;
}

a.text-white:hover {
  text-decoration: none;
}

.tuile-hausse-tarifaire .hq-liste-documents li::before {
  content: '>';
  color: #fff;
}

.tuile-hausse-tarifaire h2 {
  font-family: 'Open sans'!important;
  font-size: 2.5rem;
  line-height: 32px;
  font-weight: 500;
}

.tuile-hausse-tarifaire .h3 {
    font-family: 'Open sans'!important;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
  }

  .tuile-hausse-tarifaire .img-hausse-tarifaire {
    vertical-align: top !important;
  }

  .tuile-hausse-tarifaire .img-hausse-tarifaire figure img {
    width: 150px;
    height: 150px;
}

.tuile-hausse-tarifaire .button.button-hausse-tarifaire {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
}

.tuile-hausse-tarifaire .button.button-hausse-tarifaire:hover {
    background-color: #fff !important;
    color: #0F096C;
    border: 1px solid #fff;
  }


.tuile-hausse-tarifaire {
  margin: 16px;
}

.tuile-hausse-tarifaire .hq-border-top {
    border-top: 1px solid white;
    padding-top: 10px;
  }

.tuile-hausse-tarifaire-content {
  padding: 24px;
  border-radius: 1.5rem;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

/* Padding */
.py-20 {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

.py-14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.pb-5 {
  padding-bottom: 1.25rem;
}

/* Margin */
.mt-0 {
  margin-top: 0px;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}


/* Bouton Principale */
[class*=hq-bouton] {
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 8px 24px;
	transition: 0.25s all;
	border: 0.125rem solid transparent;
	text-decoration: none;
	cursor: pointer;
}

[class*=hq-bouton-primaire] {
	border-radius: 4.5rem;
	border-color: #1224B8;
	width: 100%;
	min-width: 12.5rem;
	max-width: auto;
  color: #FFF;
}

.hq-bouton-primaire[data-theme=sombre] {
	background-color: #FF9800;
	border-color: #FF9800;
	color: #000;
}

.hq-bouton-primaire[data-theme=sombre]:hover {
	background-color: #FF9800;
	border: 0.125rem solid #FFF;
	box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.75);
}

.hq-bouton-primaire[data-theme=sombre]:active {
	background-color: #FD7714;
	box-shadow: none;
}

.hq-bouton-primaire[data-theme=sombre]:focus-visible {
	outline-color: #FFF;
}

/* Image */

.img-rond {
    border-radius: 50%;
}

@media only screen and (min-width: 768px) {
    .tuile-hausse-tarifaire h2{
        font-size: 3.9rem;
        line-height: 48px;
    }

    .tuile-hausse-tarifaire{
        padding-left: 0;
        padding-right: 0;
    }

    [class*=hq-bouton-primaire] {
      max-width: none;
      width: fit-content;
    }

    .tuile-hausse-tarifaire-content {
      padding: 0;
    }

    .tuile-hausse-tarifaire .img-hausse-tarifaire figure img {
        width: 100%;
        height: 100%;
    }
}