@charset "utf-8";
/* CSS Document */

.rq-encart-texte {
    background-color: #dae6f09e;
    padding: 1.5rem 1.5rem .5rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.rq-encart-notes {
    margin: 1.5rem 0 1rem;
    border: 1px solid var(--qc-color-grey-light);
    border-left-width: 5px;
    padding: 1rem 1rem 0.25rem;
    background-color: #ffffff;
    font-size: 1rem;
    color: var(--qc-color-text-primary);
    text-align: left;
    font-family: var(--qc-font-family-roboto);
    display: flex;
    align-items: flex-start
}

.rq-encart-notes .close {
    position: relative;
    top: -0.25rem;
    right: -0.25rem;
    padding-left: 0.5rem;
}
.rq-encart-notes a.dropdown-toggle {
    white-space: nowrap !important
}
.rq-encart-notes h2, .rq-encart-notes h3, .rq-encart-notes h4, .rq-encart-notes h5 {
    font-size: 1rem;
    padding-top: 0;
    margin-bottom: 0.25rem;
	margin-top: 0;
    font-family: var(--qc-font-family-content);
    font-weight: 600
}
.rq-encart-notes i + .texte {
    margin-left: 1rem
}
.rq-encart-notes .rq-info-client-ico {
    margin-bottom: 0 !important
}
.rq-encart-notes .texte ul {
    padding-left: 1.75rem
}
.rq-encart-notes + p {
    padding-top: 1rem
}

.avis-general {
    border-left-color: var(--qc-color-blue-pale)
}
.avis-important {
    border-left-color: var(--rq-color-important)
}
i.avis-important, .avis-important > i {
    color: var(--rq-color-important) !important
}
.avis-bon-a-savoir,
.avis-bon-savoir {
    border-left-color: var(--qc-color-grey-pale)
}
.avis-action-requise {
    border-left-color: var(--rq-color-action-requise)
}
.avis-action-requise > i {
    color: var(--rq-color-action-requise)
}
.avis-erreur {
    border-left-color: var(--rq-color-error)
}
i.avis-erreur, .avis-erreur > i {
    color: var(--rq-color-error) !important
}
.avis-succes {
    border-left-color: var(--qc-color-success)
}
i.avis-succes, .avis-succes > i {
    color: var(--qc-color-success)!important
}

.EncartVide {
    --rq-encart-vide-border-color : #dedede;
    padding: 1rem 1rem 0;
    margin: 1rem 0 1rem 0;
    position: relative;
    /*border-radius: 5px;*/
    background-color: #fff;
    border: 1px solid var(--rq-encart-vide-border-color);
   /* box-shadow: inset 0 0 20px 5px rgba(0, 0, 0, 0.05)*/
}

.EncartVide.no-inset {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.encart-mode {
     --rq-encart-mode-color :#0076a2;
    width: 100%;
    display: block;
    position: relative;
    margin: 2px auto
}
.encart-mode > .row {
    margin-left: 0;
    margin-right: 0
}
.encart-mode div[class*="col-"] {
    padding: 0 !important;
    padding-left: 2px!important;
	position: relative
}
.encart-mode div[class*="col-"]:first-child {
    padding-left: 0 !important
}
.encart-mode div[class*="col-"] > div {
    width: 100%;
    border-top: 1px solid var(--rq-encart-mode-color);
    border-bottom: 5px solid var(--rq-encart-mode-color);
    padding: 10px;
    text-align: center;
    background-color: #f7f5f5
}
.encart-mode div[class*="col-"] > div > img[src*=icones] {
    position: absolute;
    top: 15px;
    margin-top: 0;
    left: 25px;
    max-width: 40px;
    height: auto;
}
.encart-mode div[class*="col-"] > div > img + p {
    padding-top: 20px
}
.encart-mode-chiffre {
    left: -10px;
    position: absolute;
}
.encart-mode p.encart-titre {
    color: var(--rq-encart-mode-color);
    font-weight: bold;
}
ul.rq-custom-liste-etape {
     --rq-encart-mode-color :#0076a2;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 !important;
    margin-top: 2rem
}
ul.rq-custom-liste-etape > li {
    margin-top: 0 !important;
    display: flex;
    flex-direction: row;
    width: 100%;
    background: none !important;
    background-color: #f6f6f6 !important;
    padding: 1rem;
    border-bottom: 1px solid var(--rq-encart-mode-color);
    text-align: left;
    align-items: center;
}
ul.rq-custom-liste-etape > li:first-child {
    border-top: 1px solid var(--rq-encart-mode-color);
}
ul.rq-custom-liste-etape > li.active {
    background-color: rgba(217, 233, 244, 0.36) !important;
    color: #04526f
}
ul.rq-custom-liste-etape > li .etape {
    background-color: var(--rq-encart-mode-color);
    color: #fff;
    border-radius: 50%;
    padding: 0.25rem 0.5rem;
    min-width: 30px;
    min-height: 30px;
    text-align: center;
    margin-left: -1.5rem;
    display: block
}
ul.rq-custom-liste-etape > li > i, ul.rq-custom-liste-etape > li > img {
    font-size: 2rem;
    color: var(--rq-encart-mode-color);
    padding-left: 1rem
}
ul.rq-custom-liste-etape > li .titre {
    color: #04526f;
    font-weight: 700;
}
ul.rq-custom-liste-etape > li.non-active .etape {
    background-color: #666
}
ul.rq-custom-liste-etape > li.non-active, ul.rq-custom-liste-etape > li.non-active > i, ul.rq-custom-liste-etape > li.non-active .titre {
    color: #666
}
ul.rq-custom-liste-etape > li p, ul.rq-custom-liste-etape > li ul, ul.rq-custom-liste-etape > li ol {
    padding-left: 1rem;
    margin: 0
}

span.slogan {
	display: block;
    color: #fff;
    position: relative;
    padding:0.5rem 1rem;
}
span.slogan::before,
span.slogan::after{
 	content: "";
 	border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    z-index:1
}
span.slogan::before {
    border-top: 22px solid #005fa0;
    top: 0;
}
span.slogan .texte {
    position: relative;
    z-index: 4;
    margin: 0.5rem 2rem;
    background-color:#005fa0;
    text-align:center
}
span.slogan::after {
    border-bottom: 22px solid #005fa0;
    bottom: 0;
}

.rq-text-pin {
    margin-bottom: 1rem
}

.rq-text-pin.bg {
    background-color: var(--qc-color-grey-light);
    padding-left: 1rem;
    padding-right: 1rem
}
.rq-text-pin>div {
    padding: 1rem 0;
    display: flex;
    align-items: flex-start;
	font-family: var(--qc-font-family-roboto);
    font-weight: 500
}
.rq-text-pin>div>i {
    font-size: 1.5rem;
    transform: rotate(-45deg);
    color: #e67b68
}
.rq-text-pin.bg>div>i {
    transform: rotate(0)
}
.rq-text-pin .texte {
    margin: 0 1rem;
    border-width: 0 0 2px;
    border-bottom-style: solid;
    border-bottom-color: #223654;
    -webkit-border-image: linear-gradient(to right,#e67b68 1%,#fff 30%) 1;
    -moz-border-image: linear-gradient(to right,#e67b68 1%,#fff 30%) 1;
    -o-border-image: linear-gradient(to right,#e67b68 1%,#fff 30%) 1;
    border-image: linear-gradient(to right,#e67b68 1%,#fff 30%) 1
}
.rq-text-pin .texte .rq-h4,
.rq-text-pin .texte .rq-h5,
.rq-text-pin .texte h4,
.rq-text-pin .texte h5 {
    color: #d92809;
    font-weight: 600
}
.rq-text-pin .texte p:first-child:last-child {
    margin-bottom: .75rem
}
.rq-text-pin .result {
    font-size: 2rem;
    vertical-align: middle;
    padding: .25rem .5rem;
    margin-left: .25rem
}

.rq-row-ico-txt {
	display: flex;
    align-items: center
}
.rq-row-ico-txt :is(h2,h3,h4) {
    font-weight: 400
}

.rq-row-ico-txt > img,
.rq-row-ico-txt > i {
    margin-right: 0.5rem;
}
.rq-row-ico-txt > i[class*='fa-arrow-right'] {
	color:#e67b68
}
.rq-row-ico-txt > span img{
    max-width: 100%;
    height: auto;
}

.rq-row-ico-txt > span{
    align-self: flex-start
}

.encart-avec-icone {
    width: 100%;
    display: block;
    position: relative;
    margin: 25px auto
}

.encart-avec-icone>.row {
    padding-top: 50px;
    margin: 0!important
}

.encart-avec-icone div[class*=col-] {
    padding: 0 7.5px;
    position: relative
}

.encart-avec-icone div[class*=col-]>div {
    border: 1px solid #4592c9;
    padding: 10px;
    text-align: center;
    width: 100%
}

.encart-avec-icone div[class*=col-]>div img {
    margin-top: -75px
}

.encart-avec-icone.text-left * {
    text-align: left
}

.encart-avec-icone.icone-centre div[class*=col-]>div img {
    margin-top: -50px
}

.encart-avec-icone .augmenter-grosseur {
    color: #4592c9
}

.encart-avec-icone.section-bienvenue div[class*=col-]>div {
    border-radius: 8px;
    min-height: 240px
}

.encart-avec-icone.section-bienvenue a.btn {
    margin-bottom: 1rem;
    margin-top: .5rem
}

.encart-avec-icone.section-bienvenue p {
    color: #000
}

.encart-avec-icone.fa-icone {
    margin: 0
}

.encart-avec-icone.fa-icone div[class*=col-]>div {
    min-height: 290px
}

.encart-avec-icone.fa-icone div[class*=col-]>div>i {
    margin: 10px auto
}

.encart-avec-icone.fa-icone button {
    font-size: 1.4rem;
    font-weight: 600
}
/*
.encart-avec-icone p:only-of-type,
.EncartVide p:only-of-type,
.rq-encart-texte p:only-of-type,
.rq-row-ico-txt p:only-of-type {
    margin-bottom: 0
}*/

.rq-text-pin {
	margin-bottom:1rem
}
.rq-text-pin.bg {
	background-color:#f1f5f9;
	padding-left:1rem;
	padding-right:1rem;
}
.rq-text-pin > div{
    padding: 1rem 0 1rem;
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-family:'Roboto', sans-serif;
}
.rq-text-pin > div > i{
    font-size: 1.5rem;
    transform: rotate(-45deg);
    color:#e67b68 
}
.rq-text-pin.bg > div > i{
    transform: rotate(0deg); 
}
.rq-text-pin .texte{
	margin: 0 1rem;
	border-width:0 0 2px 0;
    border-bottom-style: solid;
	border-bottom-color: #223654;
    -webkit-border-image: linear-gradient(to right, #e67b68 1%, #fff 30%) 1;
	-moz-border-image: linear-gradient(to right, #e67b68 1%, #fff 30%) 1;
	-o-border-image: linear-gradient(to right, #e67b68 1%, #fff 30%) 1;
	border-image: linear-gradient(to right, #e67b68 1%, #fff 30%) 1;
}
.rq-text-pin .texte h5,
.rq-text-pin .texte h4,
.rq-text-pin .texte .rq-h5,
.rq-text-pin .texte .rq-h4 {
	color:#d92809;
	font-weight:600
}
.rq-text-pin .texte p:first-child:last-child {
	margin-bottom:0.75rem
}
.rq-text-pin .result {
	font-size: 2rem;
    vertical-align: middle;
    padding: 0.25rem 0.5rem;
    margin-left: 0.25rem;
}

i.rq-check {
	color:#4f813d
}
i.rq-uncheck {
 color:#cb381f
}

.rq-text-pin .form-inline .form-control {
    display: inline-block!important;
    vertical-align: middle;
}

.rq-encart-exemple {
    border: 1px solid var(--qc-color-grey-light);
    padding: 1.5rem;
    margin: 2.25rem 0 1.65rem;
}
.rq-encart-exemple > strong, 
.rq-encart-exemple > h2, 
.rq-encart-exemple > h3, 
.rq-encart-exemple > h4, 
.rq-encart-exemple > h5, 
.rq-encart-exemple > h6{
	display: table;
    background-color: #fff;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    padding: .25rem .65rem !important;
    margin: -2.35rem 0 .65rem -0.65rem !important;
    line-height: 1 !important;
	font-family: inherit
}
.rq-encart-exemple p:last-child, 
.rq-encart-exemple ul:last-child {
	margin-bottom: 0;
}

/***********************/
/* FIXE : Éviter la mauvais affaichage Juste pour migration */
/***********************/

.EncartGris {
    border: 1px solid var(--qc-color-grey-light);
    padding: 1.5rem;
    margin: 2.25rem 0 1.65rem;
}

.EncartGris > h4,
.EncartGris > strong{
	display: table;
    background-color: #fff;
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    padding: .25rem .65rem !important;
    margin: -2.35rem 0 .65rem -0.65rem !important;
    line-height: 1 !important;
	font-family: inherit
}

.EncartVide.texte-important,
.EncartVide.texte-alert,
.EncartVide.texte-info,
.EncartVide.texte-renverse{
    margin: 1.5rem 0 1rem;
    border: 1px solid var(--qc-color-grey-light);
    border-left-width: 5px;
    padding: 1rem 1rem 0.25rem;
    font-size: 1rem;
    color: var(--qc-color-text-primary);
    text-align: left;
    font-family: var(--qc-font-family-roboto);
}

.EncartVide[class*='texte-']:not(.texte-neutre) > h4,
.EncartVide[class*='texte-']:not(.texte-neutre) > strong{
	display: block;
	background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
	padding: 0;
	font-family: var(--qc-font-family-roboto);
	margin-bottom: 0
}
.EncartVide[class*='texte-']:not(.texte-neutre) > *,
.EncartVide[class*='texte-']:not(.texte-neutre) > *{
    margin-left: 3.25rem
}

span[class^="encart"] + p,
span[class^="encart"] + hr + p,
span[class^="encart"] + hr + ul,
p:has(span[class^="encart"]) + hr + ul{
    border: 1px solid var(--qc-color-blue-pale);
	border-left-width:5px;
    padding: 2.5rem 1.5rem 1.5rem 4.5rem;
	margin-top: -2.25rem;
	margin-bottom: 2rem;
	font-family: var(--qc-font-family-roboto);
	position: relative
}

.EncartVide.texte-important,
span.encartOrange + p,
span.encartOrange + hr + p,
span.encartOrange + hr + ul,
p:has(span.encartOrange) + hr + ul{
	border-left-color:var(--rq-color-important);
}
.EncartVide.texte-info{
	border-left-color:var(--qc-color-blue-pale);
}

.EncartVide.texte-important::before,
.EncartVide.texte-alert::before,
.EncartVide.texte-info::before,
.EncartVide.texte-renverse::before,
span[class^="encart"] + p::before,
span[class^="encart"] + hr + p::before,
span[class^="encart"] + hr + ul::before,
p:has([class^="encart"]) + hr + ul::before{
	font-weight: 300;
	font-size: 2em;
	font-family: var(--fa-font-family);
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
	content: "\f06a";
	position: absolute;
    left: 1rem;
    top: 1rem;
}

.EncartVide.texte-important::before,
span.encartOrange + p::before,
span.encartOrange + hr + p::before,
span.encartOrange + hr + ul::before,
p:has(.encartOrange) + hr + ul::before{
	color: var(--rq-color-important);
}

span.encartBleu + p,
span.encartBleu + hr + p,
span.encartBleu + hr + ul,
p:has(span.encartBleu) + hr + ul,
span.encartVert + p,
span.encartVert + hr + p,
span.encartVert + hr + ul,
p:has(span.encartVert) + hr + ul{
	border-left-color:var(--qc-color-grey-light);
}
p:has(span[class^="encart"]) {
	margin-bottom: 0
}
span[class^="encart"] + hr + ul >li,
p:has(span[class^="encart"]) + hr + ul>li {
	margin-left: 1.5rem;	
}
.EncartVide > strong > .glyphicon,
.EncartVide > strong > .fa-flag-al {
	display:none
}

span[class^="encart"] {
	font-size:1rem; 
	font-weight: 600;
	font-family: var(--qc-font-family-roboto);
}
span[class^="encart"]{
	display: inline-flex;
    background-color: white;
    padding: 0 0.25rem 0 0.5rem;
    margin-left: 4.25rem;
    z-index: 1;
    position: relative;	
	line-height: 1.1
}
span.encartOrange{color:var(--rq-color-important); }
span.encartGris { 
	padding-left: 0;
	margin-left: 0
}
hr.encart {
	display: none
}
/* Fin juste pour migration */

@media (max-width: 575.98px) {
    .rq-row-ico-txt > img, 
    .rq-row-ico-txt > span {
        max-width: 60px;
        height: auto;
    }
}

@media (min-width: 576px) {
	.rq-text-pin .form-group {
		margin-bottom: 0
	}
	.rq-text-pin .form-inline .form-control {
		display: inline-block!important;
		vertical-align: middle;
		width: auto
	}
}

@media (max-width: 767.98px) {
    
    .encart-avec-icone,
    .encart-mode {
        margin: 25px auto 10px
    }
    .encart-mode div[class*=col-] {
        width: 100%;
    }
    
    .encart-avec-icone>.row {
        padding: 10px 20px 10px 30px
    }

    .encart-avec-icone div[class*=col-],.encart-mode div[class*=col-] {
        width: 100%
    }
    .encart-avec-icone>.row {
        padding-top: 10px;
        padding-left: 30px
    }

    .encart-avec-icone div[class*=col-] {
        margin-bottom: 15px
    }

    .encart-avec-icone div[class*=col-]>div,.encart-avec-icone.icone-centre div[class*=col-]>div {
        padding: 10px 10px 10px 60px;
        min-height: 120px;
        text-align: left
    }

    .encart-avec-icone div[class*=col-]>div img,.encart-avec-icone.icone-centre div[class*=col-]>div img {
        position: absolute;
        top: 20px;
        margin-top: 0;
        left: -30px;
        width: 80px
    }

    .encart-avec-icone div[class*=col-]>div>img+p,.encart-mode div[class*=col-]>div>img+p {
        padding-top: 5px
    }
}

@media (max-width: 991.98px) {
    
    .encart-mode div[class*="col-"] {
        padding: 0 !important;
        margin-bottom: 0
    }
    .encart-mode div[class*="col-"] > div {
        padding: 15px 15px 10px 70px;
        text-align: left;
        border-bottom: 1px;
        width: 100%;
    }
    .encart-mode div[class*="col-"] > div > img + p {
        padding-top: 5px
    }
    .EncartVide > div.row > div.col-md-6:last-child {
        padding-top: 1rem;
    }
    
}

@media (min-width: 992px) {
    .encart-mode-chiffre {
        position: relative;
        margin-top: -36px;
        display: block;
        left: 0;
    }
    .encart-mode > .row {
        padding-top: 50px;
    }
    .encart-mode .row {
        display: flex;
        flex-wrap: wrap
    }
    .encart-mode div[class*=col-] {
        display: flex;
        -ms-flex-preferred-size: 0;
        /*flex-basis: 0;*/
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .encart-mode div[class*="col-"] > div:not(.encart-mode-chiffre) img {
        position: relative;
        top: 0;
        margin-top: 10px;
        left: 0;
        max-width: 100%;
        height: auto;
    }
    ul.rq-custom-liste-etape {
        margin-top: 3rem
    }
    ul.rq-custom-liste-etape > li {
        width: calc(50% - 0.25rem);
        text-align: center;
        margin-bottom: 0;
        border-bottom: 4px solid #0076a2;
        border-top: 1px solid #0076a2;
        position: relative;
        display: inline
    }
    ul.rq-custom-liste-etape.avec-angle > li:not(:last-child):before {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: "Font Awesome 5 Pro";
        font-weight: 300;
        content: "\f105";
        color: #0076a2;
        position: absolute;
        font-size: 6rem;
        right: -20px;
        z-index: 1;
        top: calc(50% - 1rem);
    }
    ul.rq-custom-liste-etape.avec-angle > li.non-active:not(:last-child):before {
        color: #666;
    }
    ul.rq-custom-liste-etape.nb-etape-3 > li {
        width: calc(33.33% - 0.25rem)
    }
    ul.rq-custom-liste-etape.nb-etape-4 > li {
        width: calc(25% - 0.25rem)
    }
    ul.rq-custom-liste-etape.nb-etape-5 > li {
        width: calc(20% - 0.25rem)
    }
    ul.rq-custom-liste-etape.nb-etape-6 > li {
        width: calc(16.66% - 0.25rem)
    }
    ul.rq-custom-liste-etape > li .etape {
        margin: calc(-1.2rem - 20px) auto 0;
        width: 40px;
        height: 40px;
        padding: 0.5rem
    }
    ul.rq-custom-liste-etape > li > i, ul.rq-custom-liste-etape > li > img {
        font-size: 3.5rem;
        margin: 1rem 0;
        padding-left: 0
    }
    ul.rq-custom-liste-etape > li p, ul.rq-custom-liste-etape > li ul, ul.rq-custom-liste-etape > li ol {
        padding-left: 0;
    }
    span.slogan {
	    position: absolute;
	    bottom: -1rem;
	    left: 30%;
	}
}