@charset "utf-8";
/* CSS Document */
.qc-ancres-haut {
	border-top: 1px solid #C5CAD2;
    border-bottom: 1px solid #C5CAD2;
    padding: 2rem 1rem;
    background-color: #f7f7f7;
    margin-bottom: 2rem;
}
.qc-ancres-haut h2 {
	margin: 0;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.6rem;
    font-family: "Open Sans",sans-serif;
}
.qc-ancres-haut ul {
    padding: 0!important;
    margin-bottom: 0;
    margin-top:1rem;
    list-style:none!important;
}
.qc-ancres-haut li{
    line-height: 1.5;
    font-size: 1rem;
    margin: 1rem 0 0 0;
    list-style:none!important;
    background:none
}
.qc-ancres-haut >ul>li{
	padding-left:0
}

:is(h1,h2,h3,h4,h,h6){
    font-family: var(--qc-font-family-header);
}

h1, .rq-h1 {
  font-size: var(--qc-font-size-h1);
  line-height: var(--qc-line-height-h1);
  font-weight: var(--qc-font-weight-header-bold);
  max-inline-size: var(--qc-max-content-width);
  /*margin-top: 3rem;*/
  margin-bottom: 1rem;
}

h2, .rq-h2 {
  font-size: var(--qc-font-size-h2);
  line-height: var(--qc-line-height-h2);
  font-weight: var(--qc-font-weight-medium);
  max-inline-size: var(--qc-max-content-width);
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h3, .rq-h3 {
  font-size: var(--qc-font-size-h3);
  line-height: var(--qc-line-height-h3);
  font-weight: var(--qc-font-weight-medium);
  max-inline-size: var(--qc-max-content-width);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

h4, .rq-h4 {
  font-size: var(--qc-font-size-h4);
  line-height: var(--qc-line-height-h4);
  font-weight: var(--qc-font-weight-header-bold);
  max-inline-size: var(--qc-max-content-width);
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

h5, .rq-h5 {
  font-size: var(--qc-font-size-h5);
  line-height: var(--qc-line-height-h5);
  font-weight: var(--qc-font-weight-header-bold);
  max-inline-size: var(--qc-max-content-width);
  margin-top: 1rem;
  margin-bottom: 0;
}

h6, .rq-h6 {
  font-size: var(--qc-font-size-h6);
  line-height: var(--qc-line-height-h6);
  font-weight: var(--qc-font-weight-header-bold);
  max-inline-size: var(--qc-max-content-width);
  margin-top: 1rem;
  margin-bottom: 0;
}
h1 .qc-subhead, .rq-h1 .qc-subhead {
  font-size: var(--qc-font-size-sm);
  line-height: var(--qc-line-height-sm);
  font-weight: var(--qc-font-weight-regular);
  font-family: var(--qc-font-family-content);
  color: var(--qc-color-grey-medium);
  display: block;
  margin: 0;
}

h1 > small.d-block, h2 > small.d-block {
    font-weight: 400;
    font-size: 60%;
    padding-top: .25rem;
	color: var(--qc-color-grey-dark)
}

.rq-content {
    width: 100%
}

.accueil-nouvelles-liste>ul,
.results-list>ul{
	padding: 0 0 0 0.5rem
}
.accueil-nouvelles-liste>ul>li,
.results-list>ul>li {
	list-style: none;
	margin: 0;
	padding: 0 0 0.25rem;
	/*border-bottom: 1px solid var(--qc-color-grey-light);*/
}

.results-list>ul>li {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem!important
}

.accueil-nouvelles-liste>ul>li:not(:last-child),
.results-list>ul>li:not(:last-child) {
	border-bottom: 1px solid var(--qc-color-grey-light);
}

.results-list>ul>li>h3{
	font-size: 1.25rem;
    line-height: 1.5rem;
	margin: 0 0 0.5rem;
}
.results-list>ul>li>h3 a{
	text-decoration: none
}
.results-list>ul>li>h3 a:hover,
.results-list>ul>li>h3 a:focus{
	text-decoration: underline
}
.accueil-nouvelles-liste >ul>li>a {
	display: inline-block;
	padding: 0.5rem 0.25rem;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.125rem;
	color: var(--qc-color-text-primary);
}

.accueil-nouvelles-liste >ul>li>a {
	display: inline-block;
	padding: 0.5rem 0.25rem;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.125rem;
	color: var(--qc-color-text-primary);
}

.results-list>ul>li p:last-child {
	margin-bottom: 0
}

ul.rq-liste-etiquette li {
    margin: 0 .25rem .25rem 0;
}
.results-list .rq-etiquette,
.accueil-nouvelles-liste .rq-etiquette {
	line-height: 1;
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0;
	background-color: rgba(217, 230, 240, 0.50) !important;
	border-color: white
}

.accueil-nouvelles-liste>ul>li>a:hover, .accueil-nouvelles-liste>ul>li>a:focus {
	text-decoration: underline
}
/*!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.*/
/*.accueil-nouvelles-liste h3 {
	font-size: 1.3125rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	padding: 0.5rem 0.5rem 0.5rem 2rem;
	background-color: rgba(218, 230, 240, 0.25);
	border-bottom: 1px solid var(--qc-color-blue-pale);
	border-top: 1px solid var(--qc-color-blue-pale);
	box-shadow: inset rgb(255 255 255 / 45%) -1px -15px 4px 0px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 512 512'%3E%3Cpath class='fa-secondary' opacity='.4' d='M64 96c0 8.2 3.1 16.4 9.4 22.6L210.7 256 73.4 393.4C67.1 399.6 64 407.8 64 416s3.1 16.4 9.4 22.6s14.4 9.4 22.6 9.4s16.4-3.1 22.6-9.4l160-160c6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-160-160C112.4 67.1 104.2 64 96 64s-16.4 3.1-22.6 9.4S64 87.8 64 96z' fill='%2319406C'/%3E %3E%3Cpath class='fa-primary' d='M470.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L402.7 256 265.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z' fill='%2319406C' /%3E%3C/svg%3E");
    background-position: .5rem 0.75rem;
	background-repeat: no-repeat;
	color: #19406C
}
.accueil-nouvelles h3.rq-h4{
	letter-spacing: 0.25rem;
	color: #19406C
}*/
.accueil-nouvelles h3.rq-h4::after {
	content: "";
	display: block;
	margin: 0;
	width: 3rem;
	padding-top: .25rem;
	border-bottom: 3px solid var(--qc-color-link-text);
}

.results-list>ul>li p.result-url{
	color: var(--qc-color-grey-medium);
    font-style: italic;	
}

.results-list .results-highlight {
    display: inline-block;
    padding: 0 3px;
    background-color: #dae6f0;
}

.rq-content h1:after, 
.rq-content .rq-h1:after,
.main-form-content h1:after,
.main-form-content .rq-h1:after{
  content: "";
  display: block;
  margin: 0;
  width: 4.8rem;
  padding-top: 0.4rem;
  border-bottom: 5px solid var(--qc-color-accent);
}

h1[class*="-center"]:after, 
.rq-h1[class*="-center"]:after{
	content:none;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
  max-inline-size: var(--qc-max-content-width);
	font-size: 1rem
}
p:has(+ ul) {
    margin-bottom: 0.5rem;
}

.rq-content ul>li:not(:last-child){
    padding-bottom: 0.5rem
}
.rq-content ul>li::marker { 
	color: var( --qc-color-blue-dark)
}
.rq-content-shadow-sides .rq-content {
	position: relative;
	margin-top: 0;
	background-color: #fff!important;
	z-index: 2
}
.rq-content-shadow-sides .rq-content>div {
	background-color: #fff;
	position: relative;
	z-index: 3
}

.rq-lead {
	font-family: Roboto, sans-serif;
    font-size: 1.25rem !important;
    font-weight: 300;
}

.rq-portail-image{
	/*max-height: 250px;*/
	overflow: hidden;
	display: flex;
	align-items: center
}

.rq-portail-image img {
	width: 100%
}

.blockquote {
	display: block;
	margin: 2rem 0;
	text-align: left;
	padding: 0 32px;
	border-width: 0;
	font-size: 18px!important;
}
.blockquote p,
.blockquote li{
	font-size: 18px!important;
}

.blockquote-quote {
	display: block;
	position: relative;
	margin-bottom: 16px;
	color: #223654;
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
}
.blockquote .blockquote-quote:before {
	position: absolute;
	transform: translate3d(-15px, 0, 0);
}
.blockquote.lang-fr .blockquote-quote:before {
	content: "«";
}
.blockquote.lang-en .blockquote-quote:before {
	content: '"';
}
.blockquote.lang-fr .blockquote-quote:after {
	content: "»";
}
.blockquote.lang-en .blockquote-quote:after {
	content: '"';
}

.author-block {
	display: block;
	margin-left: 32px;
}

.blockquote .author-name {
	display: block;
	position: relative;
	margin-bottom: 0!important;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.blockquote .author-name:before {
	content: "";
	position: absolute;
	top: 12px;
	display: block;
	width: 24px;
	height: 1px;
	background: #223654;
	transform: translate3d(-32px, 0, 0);
}

.blockquote .author-title {
	display: block;
	margin-bottom: 0!important;
	margin-top: 0!important;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	max-width: 85%;
}

/***** GRAND FORMAT *****/

.blockquote.blockquote-grand {
	padding: 0 40px;
}

.blockquote-grand .blockquote-quote {
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -0.6px;
}
.blockquote-grand .blockquote-quote:before {
	position: absolute;
	transform: translate3d(-23px, 0, 0);
}

.rq-container-nav.rq-container-liste-et-filtre {
	display: block;
}
.rq-container-liste-et-filtre .bg {
	position: relative
}
.rq-container-liste-et-filtre .bg-bleu::before {
	height: 500px;
	content: "";
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: #dae6f0;
}
.rq-container-liste-et-filtre .bg .rq-content {
	position: relative;
}
.rq-container-liste-et-filtre .bg-bleu .rq-content {
	z-index: 2
}
.rq-container-liste-et-filtre  span.h1-span {
	font-weight: 100;
}
.rq-container-liste-et-filtre  ul.rq-liste-theme {
	padding: 1rem 0 2rem;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.rq-container-liste-et-filtre  ul.rq-liste-theme li {
	list-style: none;
	display: inline-block;
	margin: 0 0.5rem 0.5rem 0;
}
.rq-container-liste-et-filtre  .rq-btn.rq-theme {
	background-color: #fff;
	font-weight: 500;
	font-size: 1.25rem;
	padding: 0.75rem 1.25rem;
	color: #223654;
	transition: border-color 0.25s linear;
	border: 1px solid #dae6f0;
	position: relative;
	min-height: 0;
	border-radius: 0;
}
.rq-container-liste-et-filtre  .rq-btn.rq-theme:focus, 
.rq-btn.rq-theme:hover {
	border: 1px solid #6991D1;
	transition: border-color 0.25s linear;
	outline: 0;
}
.rq-container-liste-et-filtre  .rq-btn.rq-theme[aria-selected="true"] {
	border: 1px solid #6991D1;
	transition: border-color 0.25s linear;
	outline: 0;
	background-color: #1472bf;
	color: #fff
}
.rq-container-liste-et-filtre  .rq-btn.rq-etiquette {
	padding-right: .5rem;
	margin: 0.25rem 1rem 0.25rem 0;
	border-radius: 0
}
.rq-container-liste-et-filtre  .blogue-list-theme-lie {
	padding: 0.25rem;
	font-size: 0.825rem;
	display: none;
	justify-content: end;
}
.rq-container-liste-et-filtre  .rq-card.rq-list-item {
	max-width: 1140px;
	margin: 0 auto
}
.rq-container-liste-et-filtre .balado .bg::before {
	height: 80%
}
.rq-container-liste-et-filtre .balado .bg-bleu::before {
	background-position: right top;
	background-image: url('https://www.retraitequebec.gouv.qc.ca/SiteCollectionImages/RetraiteQuebec/balado/bg-2024-09-bleu-diagonales.png');
	background-repeat: no-repeat;
	top: 20%
}

@media (min-width:576px) {
	
	.rq-container-liste-et-filtre  .bg::before {
		height: 310px;
	}
	
	.rq-content-shadow-sides {
		min-height: 405px
	}

	.rq-content-shadow-sides .rq-content:after, .rq-content-shadow-sides .rq-content:before {
		content: "";
		display: block;
		left: 0;
		right: 0;
		background-color: transparent;
		z-index: 1;
		position: absolute;
		top: 0
	}
	.rq-content-shadow-sides {
		margin-top: -7%
	}
	.rq-content-shadow-sides .rq-content {
		padding-left: 3rem!important;
		padding-right: 3rem!important;
		padding-bottom: 1rem
	}
	.rq-content-shadow-sides .rq-content:before {
		box-shadow: 0 -8px 9px 3px rgb(0, 0, 0, .1);
		height: 404px
	}
	.rq-content-shadow-sides .rq-content:after {
		box-shadow: 0 -4px 3px 1px rgb(0, 0, 0, .06);
		height: 417px
	}
	
	.border-titre {
		position: relative
	}
	.border-titre:after{
		content: "";
		display: block;
		margin: 0;
		width: 4.8rem;
		padding-top: 0.25rem;
		border-bottom: 5px solid var(--qc-color-accent);
		position: absolute;
		left: 0;	
	}
}

@media (min-width:768px) {
	.rq-container-liste-et-filtre .tout-simplement.bg-bleu::before {
		background-position: calc(100% + 400px) 0;
		background-image: url('https://www.retraitequebec.gouv.qc.ca/SiteCollectionImages/RetraiteQuebec/blogue/bg-2024-04-bleu-cercles.png');
		background-repeat: no-repeat
	}
	
}

@media (max-width: 991.98px) {
    .image-thematique-sans-menu {
        text-align: center;
        border-bottom: 1px solid var(--qc-color-blue-dark);
    }
}

@media (min-width:992px) {
	
	.rq-container-nav .rq-content:not(:first-child){
		max-width: calc(100% - 325px);
	}

	.image-thematique + .rq-content{
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left:auto;
        position: relative;
    }
    .image-thematique + .rq-content::before {
        content: "";
        position: absolute;
        left: -60px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 200px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.05646008403361347) 2%, rgba(255, 255, 255, 0.7) 20%);
        z-index: -1;
    }
	.image-thematique img {
		position: absolute;
        z-index: -1;
        height: auto;
        max-width: 700px;
        left: -300px;
        top: -30px;
        bottom: 0;
	}
    
	.page-intro-section {
		background-color: rgba(255,255,255,.5)
	}
	
	.rq-container-liste-et-filtre .balado .bg::before {
		height: 60%
	}
	.rq-container-liste-et-filtre .balado .bg-bleu::before {
		top: 40%
	}
	
	.accueil-nouvelles-liste >ul>li>a {
		font-size: 1.25rem;
	}
}

@media (max-width: 1199.98px) {
	.rq-portail-image > img{
		max-width: 100%;
		height: auto;
	}
}
@media (min-width: 1200px) {
	h1, .rq-h1 {
  		margin-bottom: 2rem;
	}
}
@media (min-width:1400px) {
	.rq-container-liste-et-filtre  .tout-simplement.bg-bleu::before {
		background-position: calc(100% + 50px) 0;
	}
}