@charset "utf-8";
/* 
  --qc-color-blue-piv: #095797;
  --qc-color-blue-dark: #223654;
 --qc-color-blue-regular: #1472bf;
	--qc-color-blue-light: #4a98d9;
*/
/* Bouton */
button:not(:disabled):not(.disabled) {
    cursor: pointer;
} 

.rq-btn-group { 
    display: flex;
	flex-direction: column;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	max-width: none;
}

.rq-btn-group.right{
	justify-content:flex-end!important
}

.rq-btn-group.center{
	justify-content:center
}

.rq-btn-group.between{
	justify-content:space-between
}

.rq-btn-group.stay-auto{
	flex-direction: row;
}

.rq-btn {
    padding:1rem;
    background-color: white;
    border: 2px solid var(--qc-color-blue-piv);
    text-decoration: none;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
	line-height: 1;
    transition: border .2s, transform .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
	font-family:var(--qc-font-family-roboto);
	vertical-align: middle;
	font-size:1rem;
	min-width: 40px;
    min-height: 40px;
}

.rq-btn.avec-icone {
    display: inline-flex;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: left;
    text-decoration: none;
}

.rq-btn-ico {
    width: 40px;
	min-width: 40px;
    height: 40px;
    border: 1px solid #095797;
    text-align: center;
    color: #095797;
    padding: 0;
    border-radius: 8px;
    font-size: 1.5rem;
    background-color: #fff;
    display: flex;
	align-items: center;
	transition: border .2s, transform .2s ease-in-out, color .2s ease-in-out, background-color .2s ease-in-out;
    text-decoration: none;
}

.rq-btn-ico:focus,
.rq-btn-ico:hover{
	background-color : #095797;
    border-color: #223654;
    color: #fff;
}

.rq-btn-ico i,
.rq-btn-ico img{
    vertical-align: unset;
	margin: 0 auto
}

.rq-btn.disabled, .rq-btn:disabled {
  	text-decoration: none!important;
	pointer-events: none;
}

.rq-btn-principal { 
    background-color: var(--qc-color-blue-piv);
    box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
    color: white!important;
    font-weight: 600;
}

.rq-btn-principal:not([disabled]):hover {
    background-color : var(--qc-color-blue-regular);
    text-decoration: none;
	 color: white;
	
}

.rq-btn-principal:focus {
    background-color : var(--qc-color-blue-regular);
    border-color: var(--qc-color-blue-dark);
    text-decoration: none;
	 color: white;
}
.rq-btn-principal.disabled, 
.rq-btn-principal:disabled {
	color: #6b778a!important;
    border-color: #9ca5b2;
    background-color: #9ca5b2;
	opacity: .8;
	transition: opacity .2s ease-in-out
}

.rq-btn-secondaire,
.rq-btn-tertiaire{
    color: var(--qc-color-blue-piv);
    font-weight: 700
}

.rq-dropdown-menu .rq-btn-tertiaire {
	font-weight: 400;
	color: var(--qc-color-blue-dark)
}

.rq-btn-secondaire:not([disabled]):hover{
    background-color : var(--qc-color-blue-piv);
    color: white;
    text-decoration: none
}
.rq-btn-secondaire:not([disabled]):focus {
    background-color : var(--qc-color-blue-piv);
    border-color: var(--qc-color-blue-dark);
    color: white;
    text-decoration: none
}

.rq-btn-tertiaire{
    border-color: rgba(0,0,0,0); 
}

.rq-btn-tertiaire:not([disabled]):not(.avec-icone):focus,
.rq-btn-tertiaire:not([disabled]):not(.avec-icone):hover,
.rq-btn-tertiaire.avec-icone:not([disabled]):focus span,
.rq-btn-tertiaire.avec-icone:not([disabled]):hover span,
.rq-btn-tertiaire.avec-icone:not([disabled]):focus strong,
.rq-btn-tertiaire.avec-icone:not([disabled]):hover strong{
    text-decoration: underline; 
}

.rq-btn-group.transparent .rq-btn {
	background-color: transparent!important;
	color: var(--qc-color-blue-dark)
}

.rq-btn-group .rq-btn {
    display:inline-flex;
    align-items: center;
	width: 100%;
	margin-top: 0
}

.rq-btn-group.stay-auto .rq-btn {
	width:auto!important;
	min-width: 0
}

.rq-btn-group .rq-btn:not(:first-child) {
	margin-top: 1rem
}

.rq-btn-group.stay-auto .rq-btn{
	margin-top: 0!important
}

.rq-btn-group.stay-auto .rq-btn,
.rq-btn-group:not(.noreverse) .rq-btn{
	margin-right: 0.25rem;
}

.rq-btn-group.compact .rq-btn,
.rq-btn.rq-btn-compact {
	padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: .75rem;
    padding-right: .75rem;
    min-height: 40px !important;
    border-width: 1px;
}

.rq-btn.avec-icone.rq-btn-compact i,
.rq-btn-group.compact .rq-btn i,
.rq-btn.avec-icone i:not(.fa-2x) {
	font-size: 1.25rem
}

.rq-btn.avec-icone i.left {
    padding-right: 0.5rem;
}

.rq-btn.avec-spinner i.fa-spinner:not(.font-size-0) + span,
.rq-btn.avec-icone i.right,
.rq-btn.avec-icone.avec-spinner i:not(.font-size-0) + i.left{
    padding-left: .5rem
}
.piv .rq-btn-panier,
.piv-recherche .rq-btn-recherche,
.piv-menu .rq-btn-menu{	
	border: 0;
	color: white;
	margin: 0 0.75rem 0 0.25rem;
    background-color: transparent;
    font-size: 2rem;
    padding: 0;
}

.piv-recherche .rq-btn-recherche:focus,
.rq-btn-recherche[aria-expanded="true"]{
	outline:2px solid var(--qc-color-blue-light);
}

.liens-sequentiels {
    margin: 2rem 0 3rem;
}
.liens-sequentiels ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: space-between
}
.liens-sequentiels li {
	margin: 0;
    padding-bottom: 0;
}
.liens-sequentiels ul {
	border-top: 1px solid var(--qc-color-grey-light);
	border-bottom: 1px solid var(--qc-color-grey-light);
}
.liens-sequentiels a {
	font-size: 16px;
	line-height: 24px;
	display: flex;
	padding: 16px 8px 15px 8px;
	text-decoration: none;
	color: var(--qc-color-link-text);
	justify-content: space-between;
	align-items: center;
}
.liens-sequentiels li:first-child a {
	padding: 15px 40px 15px 8px;
}
.liens-sequentiels a:hover {
	background-color: var(--qc-color-grey-pale);
}
.liens-sequentiels a:focus {
	outline: solid 2px var(--qc-color-blue-light);
	outline-offset: 0;
}
.liens-sequentiels a p {
	font-size: 16px;
	font-weight: 700;
	display: block;
	width: 100%;
    margin: 0 0 8px 0;
    line-height: 24px;
    color: var(--qc-color-text-primary);
	background-repeat: no-repeat;
}
.liens-sequentiels a:hover p {
	text-decoration: none;
}
.liens-sequentiels .precedent p {
		padding-left: 24px;
		background-position: left center;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cpath id='fleche-precedent' d='M.331,7.267c.01-.011.014-.026.025-.037L5.293,2.293A1,1,0,0,1,6.707,3.707L3.414,7H15a1,1,0,1,1,0,2H3.414l3.293,3.293a1,1,0,0,1-1.414,1.414L.356,8.77C.345,8.759.341,8.744.331,8.733a.977.977,0,0,1,0-1.466Z' transform='translate(0 -2)' fill='%23223654'/%3E%3C/svg%3E%0A");
}
.liens-sequentiels .suivant p {
		text-align: right;
		padding-right: 24px;
		background-position: right center;
		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='12' viewBox='0 0 16 12'%3E%3Cpath id='fleche-suivant' d='M15.669,7.267c-.01-.011-.014-.026-.025-.037L10.707,2.293A1,1,0,1,0,9.293,3.707L12.586,7H1A1,1,0,1,0,1,9H12.586L9.293,12.293a1,1,0,1,0,1.414,1.414L15.644,8.77c.011-.011.015-.026.025-.037a.977.977,0,0,0,0-1.466Z' transform='translate(0 -2)' fill='%23223654'/%3E%3C/svg%3E");
}
.liens-sequentiels a .lien {
	font-size: 16px;
	font-family: "Open Sans";
	font-weight: 400;
	display: block;
	width: 100%;
	padding-left: 24px;
}
.liens-sequentiels a:hover .lien {
	text-decoration: underline;
}
/* ÉTATS */ 
.liens-sequentiels a.defaut:hover,
.liens-sequentiels a.defaut:focus {
	text-decoration: none;
	color: var(--qc-color-link-text);
	background-color: #FFFFFF;
	outline: 0;
}
.liens-sequentiels a.defaut:hover .lien {
	text-decoration: none;
}
.liens-sequentiels a.survol,
.liens-sequentiels a.survol:focus {
	background-color: var(--qc-color-grey-pale);
    outline: 0;
}
.liens-sequentiels a.survol p,
.liens-sequentiels a.survol:hover p {
	text-decoration: none;
}
.liens-sequentiels a.survol .lien,
.liens-sequentiels a.survol:hover .lien{
	text-decoration: underline;
} 
.liens-sequentiels a.focus,
.liens-sequentiels a.focus:focus  {
	outline: solid 2px var(--qc-color-blue-light);
	outline-offset: 0;
}
.rq-liste-etiquette ul,
ul.rq-liste-etiquette {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap
}

.rq-liste-etiquette ul li,
ul.rq-liste-etiquette li {
    list-style: none;
    display: inline-block;
    margin: 0 .5rem .5rem 0
}
.rq-btn.rq-etiquette, 
span.rq-etiquette {
    background-color: #DAE6F0 !important;
    font-weight: 500;
    font-size: .875rem;
    padding: .5rem;
    color: #095797;
    transition: border-color 0.25s linear;
    border: 1px solid #dae6f0;
    position: relative;
    min-height: 0;
	border-radius: 3px
}
span.rq-etiquette {
    display: inline-block;
    line-height: 1;
    font-family: 'Roboto',sans-serif;
    vertical-align: middle
}

.rq-btn.rq-etiquette:focus,
.rq-btn.rq-etiquette:hover {
    border: 1px solid #6991D1;
    transition: border-color 0.25s linear;
    outline: 0
}

.rq-btn.rq-etiquette i,span.rq-etiquette i {
    position: absolute;
    right: .5rem
}

.rq-btn.rq-etiquette i.fa-times,span.rq-etiquette i.fa-times {
    font-size: 0.825rem!important
}

.rq-btn.rq-etiquette {
    padding-right: 1.5rem
}

button.dropdown-toggle,
a.dropdown-toggle{ white-space: normal!important}

button.dropdown-toggle::after,
a.dropdown-toggle::after,
.dropleft button.dropdown-toggle::before,
.dropleft a.dropdown-toggle::before{ display: none!important}

button.dropdown-toggle i.fa-angle-down,
a.dropdown-toggle i.fa-angle-down{
    padding: 0 0.5rem;
    transition: transform .3s
}

button i.fa-angle-down{
    padding: 0 0.5rem;
    transition: transform .3s
}
button[aria-expanded="false"] i.fa-angle-down{ 
    transform:rotate(0deg)
}
button[aria-expanded="true"] i.fa-angle-down{ 
    transform:rotate(180deg)
}

@media (max-width:575.98px) {

	.rq-btn-group.compact .rq-btn i, .rq-btn.avec-icone i:not(.fa-2x) {
    	font-size: 1rem;
	}
}
@media (min-width:576px) {
 
	.rq-btn-group:not(.noreverse){
		flex-direction: row-reverse;
		justify-content: flex-end
    }
	
	.rq-btn-group .rq-btn{
        width: auto;
		margin-top: 0!important;
		margin-right: 1.5rem
    }

	.rq-btn-group.stay-auto .rq-btn,
	.rq-btn-group:not(.noreverse) .rq-btn{
		margin-right: 1.5rem;
	}
	
	.rq-btn-group.noreverse,
	.rq-nav-bottom .rq-btn-group{
		flex-direction: row;
		justify-content:flex-start
    }
	
	.rq-nav-bottom .rq-btn-group {
		justify-content:space-between
    }
	
	.rq-nav-bottom .rq-btn-group .rq-btn:not(:first-child){
		margin-right: 0!important
    }
}