@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.spm-tooltip[data-v-70596efa] {
  position: relative;
  z-index: 500;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.875rem;
  padding: 0.5rem;
  margin-left: 0.5rem;
  margin-top: -0.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 100%;
}
.spm-tooltip[data-v-70596efa]:has(.visible-xs) {
  display: inline-flex !important;
}
.spm-tooltip img[data-v-70596efa] {
  max-width: 100%;
  max-height: 100%;
}
.spm-tooltip .spm-tooltip-content-container[data-v-70596efa] {
  position: absolute;
  display: block;
  z-index: 1000;
  visibility: hidden;
  width: 400px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.spm-tooltip .spm-tooltip-content-container.top[data-v-70596efa] {
  bottom: calc(100% + 1rem);
  left: 50%;
  margin-left: -200px;
}
.spm-tooltip .spm-tooltip-content-container.right[data-v-70596efa] {
  top: -5px;
  left: calc(100% + 1rem);
}
.spm-tooltip .spm-tooltip-content-container .spm-tooltip-content[data-v-70596efa] {
  display: inline-block;
  width: auto;
  max-width: 100%;
  font: normal 16px "csr";
  text-align: center;
  padding: 0.5rem;
  border-radius: 10px;
  color: #002f5a;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}
.spm-tooltip:hover .spm-tooltip-content-container[data-v-70596efa] {
  visibility: visible;
  z-index: 1000;
}
@media (max-width: 575px) {
.spm-tooltip[data-v-70596efa] {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.6rem;
    padding: 0.25rem;
    margin-left: 0.25rem;
}
.spm-tooltip .spm-tooltip-content-container[data-v-70596efa] {
    width: 350px;
}
.spm-tooltip .spm-tooltip-content-container.top[data-v-70596efa] {
    bottom: calc(100% + 0.5rem);
    left: 50%;
    margin-left: calc(-175px - 0.5rem);
}
.spm-tooltip .spm-tooltip-content-container.right[data-v-70596efa] {
    top: -5px;
    left: calc(100% + 0.5rem);
}
.spm-tooltip .spm-tooltip-content-container .spm-tooltip-content[data-v-70596efa] {
    font: normal normal normal 13px/16px "csr";
}
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.component form[data-v-453166a3] {
  padding: 1.5rem 0;
  margin: 0 5rem;
  border-radius: 5px;
  color: #002f5a;
  background-color: white;
}
@media (max-width: 991px) {
.component form[data-v-453166a3] {
    padding: 0.5rem 0;
}
}
.component form .title[data-v-453166a3] {
  font: normal normal normal 26px/38px "csb";
  text-align: center;
}
@media (max-width: 991px) {
.component form .title[data-v-453166a3] {
    padding: 0 1rem;
    margin-top: 0.5rem;
    line-height: 30px;
}
}
.component form .form-group[data-v-453166a3] {
  padding: 0 5rem;
}
@media (max-width: 991px) {
.component form[data-v-453166a3] {
    margin: 0 1rem;
}
.component form .form-group[data-v-453166a3] {
    padding: 0 1rem;
}
}
.component .button-container[data-v-453166a3] {
  margin: 0;
  margin-right: 5rem;
  display: flex;
}
@media (max-width: 991px) {
.component .button-container[data-v-453166a3] {
    margin: 0 1rem;
}
}
.component .button-container button[data-v-453166a3] {
  height: 48px;
  text-align: left;
  width: 48px;
}
.component .button-container button[data-v-453166a3]:not(.hidden-print) {
  width: 100% !important;
}
.component .button-container button:not(.hidden-print).btn-primary[data-v-453166a3] {
  font: normal normal normal 16px/22px "csb";
  letter-spacing: 0px;
  color: white;
  border-color: white;
  background-color: transparent;
}
.component .button-container button:not(.hidden-print) img[data-v-453166a3] {
  float: right;
}
.component .button-container button.hidden-print[data-v-453166a3] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  border-color: white;
  background-color: transparent;
}
.component .button-container button.hidden-print img[data-v-453166a3] {
  max-width: 33.6px;
  max-height: 33.6px;
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.result-column-container[data-v-6a340b35] {
  z-index: 1;
  position: relative;
  width: 100%;
}
.result-column-container[data-v-6a340b35]:before {
  content: "";
  position: absolute;
  pointer-events: none;
}
.result-column-container.base[data-v-6a340b35] {
  z-index: 0;
}
.result-column-container.base.result-table[data-v-6a340b35] {
  margin-top: 70px;
}
@media (max-width: 575px) {
.result-column-container.base.result-table[data-v-6a340b35] {
    margin-top: 65px;
}
}
.result-column-container.base[data-v-6a340b35]:before {
  top: 0;
  right: 7px;
  bottom: -20px;
  left: 7px;
  z-index: -100;
  background-color: transparent;
  border: 1px solid rgba(128, 128, 128, 0.5);
  border-radius: 5px;
}
.result-column-container.base .header[data-v-6a340b35] .line {
  text-align: center;
}
.result-column-container.base[data-v-6a340b35] .line {
  color: #848282 !important;
}
.result-column-container.base[data-v-6a340b35] .line .montant {
  color: #848282 !important;
}
.result-column-container.socle[data-v-6a340b35]:before {
  top: 0;
  right: 7px;
  bottom: -20px;
  left: 7px;
  z-index: -99;
  background-color: white;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: unset;
  border-radius: 5px;
}
.result-column-container.socle[data-v-6a340b35] .line {
  padding: 0 7px;
}
.result-column-container.socle .header[data-v-6a340b35] .line {
  text-align: center;
  padding: 0 7px;
}
@media (max-width: 575px) {
.result-column-container.socle .header[data-v-6a340b35] .line {
    padding: 0 0.5rem;
    font: normal normal normal 13px/16px "csb";
}
}
.result-column-container[data-v-6a340b35] .line {
  min-height: 68px;
  position: relative;
}
@media (max-width: 575px) {
.result-column-container[data-v-6a340b35] .line {
    min-height: 65px;
}
}
.result-column-container[data-v-6a340b35] .line::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.result-column-container[data-v-6a340b35] .line.start {
  padding-right: 1rem;
}
.result-column-container[data-v-6a340b35] .line.start::before {
  border-radius: 10px 0 0 10px;
}
@media (max-width: 575px) {
.result-column-container[data-v-6a340b35] .line.start {
    padding-right: 0.5rem;
}
}
.result-column-container[data-v-6a340b35] .line.end::before {
  border-radius: 0 10px 10px 0;
  left: -1px;
}
@media (max-width: 575px) {
.result-column-container[data-v-6a340b35] .line.end::before {
    border-radius: 0 !important;
    right: -1rem;
}
}
.result-column-container[data-v-6a340b35] .line.text-right {
  padding-right: 1rem;
  justify-content: flex-end !important;
}
.result-column-container .header[data-v-6a340b35] .line {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  color: #002f5a;
  font: normal 16px "csb";
}
@media (max-width: 575px) {
.result-column-container .header[data-v-6a340b35] .line {
    height: 65px !important;
    padding: 0 0.5rem;
    font: normal normal normal 13px/16px "csb";
}
}
.result-column-container .header[data-v-6a340b35] .line.start {
  flex-direction: column;
  align-items: flex-end;
}
.result-column-container .header[data-v-6a340b35] .line.start.text-right {
  align-items: flex-start;
}
@media (max-width: 575px) {
.result-column-container .header[data-v-6a340b35] .line.start {
    padding-left: 0.75rem;
    align-items: flex-start;
}
.result-column-container .header[data-v-6a340b35] .line.start br {
    display: none !important;
}
}
.result-column-container .header[data-v-6a340b35] .line .option-name {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 0.5rem;
}
@media (min-width: 576px) {
.result-column-container .header[data-v-6a340b35] .line .option-name small {
    font-size: 75%;
}
}
@media (max-width: 575px) {
.result-column-container .header[data-v-6a340b35] .line .option-name {
    margin-top: 1rem;
}
}
.result-column-container .header[data-v-6a340b35] .line .option {
  height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 0 0.75rem;
  border-radius: 20px;
  color: white;
  font: normal 16px "csb";
}
@media (max-width: 575px) {
.result-column-container .header[data-v-6a340b35] .line .option {
    font: normal normal normal 13px/26px "csb";
}
}
.result-column-container .header[data-v-6a340b35] .line .option.option_1 {
  background-color: #f07d00;
}
.result-column-container .header[data-v-6a340b35] .line .option.option_2 {
  background-color: #d84e38;
}
.result-column-container .header[data-v-6a340b35] .line .option.option_3 {
  background-color: #833d59;
}
.result-column-container .header[data-v-6a340b35] .line .montant {
  color: black;
  font: normal 30px "csb";
}
@media (max-width: 575px) {
.result-column-container .header[data-v-6a340b35] .line .montant {
    font: normal normal normal 22px/26px "csb";
}
}
.result-column-container .header[data-v-6a340b35] .line .jauge-container {
  width: 100%;
  margin: 0 1rem;
}
.result-column-container .garantie[data-v-6a340b35] {
  margin-bottom: 1rem;
}
.result-column-container .garantie[data-v-6a340b35]:last-of-type {
  margin-bottom: 0;
}
.result-column-container .garantie[data-v-6a340b35] .line {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font: normal 16px "csr";
  margin-bottom: 8px;
}
.result-column-container .garantie[data-v-6a340b35] .line::before {
  background-color: #f7f9fb;
}
.result-column-container .garantie[data-v-6a340b35] .line.start {
  flex-direction: row;
  justify-content: space-between;
  padding-left: 1.5rem;
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line.start {
    padding-left: 1rem;
    font: normal normal normal 14px/16px "csb";
}
.result-column-container .garantie[data-v-6a340b35] .line.start::before {
    border-radius: 0;
}
}
.result-column-container .garantie[data-v-6a340b35] .line .montant {
  font-size: 16px;
}
.result-column-container .garantie[data-v-6a340b35] .line .montant.small {
  font: normal 14px "csr" !important;
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line .montant {
    font: normal normal normal 18px/26px "csb";
}
.result-column-container .garantie[data-v-6a340b35] .line .montant.small {
    font: normal 13px "csr" !important;
}
}
.result-column-container .garantie[data-v-6a340b35] .line.title {
  color: #002f5a;
  font: normal normal normal 16px/18px "csb";
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line.title {
    font: normal normal normal 14px/16px "csb";
}
}
.result-column-container .garantie[data-v-6a340b35] .line.title::before {
  z-index: -1;
  background-color: #e5ecf3;
}
.result-column-container .garantie[data-v-6a340b35] .line.title .montant {
  font-size: 26px;
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line.title .montant {
    font: normal normal normal 18px/26px "csb";
}
}
.result-column-container .garantie[data-v-6a340b35] .line.title small {
  font: normal normal normal 14px/18px "csr";
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line.title small {
    font: inherit;
}
}
.result-column-container .garantie[data-v-6a340b35] .line.subtitle {
  color: black;
  font: normal normal normal 16px/20px "csb";
}
@media (max-width: 575px) {
.result-column-container .garantie[data-v-6a340b35] .line.subtitle {
    min-height: 68px !important;
    font: normal normal normal 14px/16px "csb";
}
}
.result-column-container .garantie[data-v-6a340b35] .line.subtitle::before {
  background-color: transparent;
}
.result-column-container.no-toggle[data-v-6a340b35] .line:before {
  right: -0.5rem !important;
}
@media (min-width: 575px) {
.result-column-container.no-toggle[data-v-6a340b35] .line:before {
    border-radius: 0 10px 10px 0;
}
}
.result-column-container.result-example[data-v-6a340b35] {
  margin-top: 92px;
}
@media (max-width: 575px) {
.result-column-container.result-example[data-v-6a340b35] {
    margin-top: 87px;
}
}
.result-column-container.result-example[data-v-6a340b35]:before {
  top: -20px !important;
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.jauge-container[data-v-dbbd3508] {
  height: 28px;
  border-radius: 17px;
  background-color: #efefef;
  overflow: hidden;
}
.jauge-container .jauge-value[data-v-dbbd3508] {
  width: 0%;
  height: 28px;
  min-width: 28px !important;
  border-radius: 17px;
  background-color: #1abf78;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: unset;
          animation-delay: unset;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}
@media (max-width: 575px) {
.jauge-container[data-v-dbbd3508] {
    height: 1rem;
    border-radius: 0.5rem;
}
.jauge-container .jauge-value[data-v-dbbd3508] {
    height: 1rem;
    min-width: 1rem !important;
    border-radius: 0.5rem;
}
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@media (min-width: 1100px) {
.component[data-v-147cdfff] {
    margin-right: -1.5rem;
}
}
@media (max-width: 1000px) {
.component[data-v-147cdfff] {
    margin-right: 0.75rem;
}
}
@media (max-width: 991px) {
.component[data-v-147cdfff] {
    margin-right: 0;
}
}
.component.no-toggle[data-v-147cdfff] {
  margin-right: 0;
}
@media (max-width: 991px) {
.component.no-toggle[data-v-147cdfff] {
    padding-right: 0.5rem;
}
}
.component .option-selector[data-v-147cdfff] {
  margin-left: 25%;
  max-width: 75%;
}
@media (max-width: 991px) {
.component .option-selector[data-v-147cdfff] {
    margin-right: 2rem;
}
}
@media (max-width: 767px) {
.component .option-selector[data-v-147cdfff] {
    margin-right: 2rem;
}
}
@media (max-width: 575px) {
.component .option-selector[data-v-147cdfff] {
    margin-right: 3rem;
}
}
.component .option-selector.no-toggle[data-v-147cdfff] {
  margin-right: 0.125rem;
}
.component .option-selector .title[data-v-147cdfff] {
  font: normal normal normal 13px/16px "csr";
  font-style: italic;
}
.component .option-selector .gx-0 > .col[data-v-147cdfff] {
  padding: 0 5px;
}
.component .option-selector .selector-button[data-v-147cdfff] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.component .option-selector .selector-button .title[data-v-147cdfff] {
  font: normal normal normal 14px/18px "csb";
}
.component .option-selector .selector-button .toggle[data-v-147cdfff] {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}
.component .option-selector .selector-button .toggle.expand[data-v-147cdfff] {
  box-shadow: inset 0px 3px 6px #00000029;
  border-radius: 5px;
}
.component .option-selector .selector-button .toggle.expand img[data-v-147cdfff] {
  margin-top: -2px;
  margin-left: 0px;
  transform: rotate(180deg);
}
.component .option-selector select[data-v-147cdfff] {
  font: normal normal normal 13px/14px "csr";
}
.component .option-selector select.option[data-v-147cdfff] {
  width: calc(260% + 10px);
}
.component .option-selector select.option.option-1[data-v-147cdfff] {
  margin-right: calc((200% + 10px) * -1);
  margin-left: -60%;
}
.component .option-selector select.option.option-2[data-v-147cdfff] {
  margin-left: calc((160% + 10px) * -1);
  margin-right: -60%;
}
.component .option-selector select option[data-v-147cdfff] {
  font: normal normal normal 13px/14px "csr";
  letter-spacing: 0px;
  color: #002f5a;
  text-align: left;
  letter-spacing: 0px;
}
.component .option-selector select option[data-v-147cdfff]:hover {
  background-color: initial;
  color: initial;
}
.component .option-selector select option[data-v-147cdfff]:nth-child(2n) {
  background-color: rgba(132, 130, 130, 0.1);
}
.component[data-v-147cdfff] .options-container {
  width: calc(75% - 1.25rem) !important;
}
@media (max-width: 991px) {
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle {
    max-width: 2rem !important;
}
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle .toggle {
    right: 1rem !important;
}
}
@media (max-width: 767px) {
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle {
    max-width: 2rem !important;
}
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle .toggle {
    right: 1rem !important;
}
}
@media (max-width: 575px) {
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle {
    max-width: 3rem !important;
}
.component[data-v-147cdfff] .options-container [class^=col]:has(.result-column-container).col-toggle .toggle {
    right: 1.5rem !important;
}
}
.component .col-toggle[data-v-147cdfff] {
  width: 1.25rem;
  max-width: 1.25rem;
}
.component .col-toggle.expanded[data-v-147cdfff]::before {
  left: -1px;
}
@media (max-width: 991px) {
.component .col-toggle[data-v-147cdfff] {
    width: 2rem;
    max-width: 2rem;
}
}
@media (max-width: 767px) {
.component .col-toggle[data-v-147cdfff] {
    width: 2rem;
    max-width: 2rem;
}
}
@media (max-width: 575px) {
.component .col-toggle[data-v-147cdfff] {
    width: 3rem;
    max-width: 3rem;
}
}
.component .col-toggle[data-v-147cdfff] .toggle {
  z-index: 999;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -1rem;
  background-color: #004687;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 50%;
}
.component .col-toggle[data-v-147cdfff] .toggle img {
  margin-top: 3px;
  margin-left: -1px;
}
@media (max-width: 575px) {
.component .col-toggle[data-v-147cdfff] .toggle img {
    margin-left: 0px;
}
}
.component .col-toggle[data-v-147cdfff] .toggle.expand img {
  margin-top: -2px;
  margin-left: -1px;
  transform: rotate(180deg);
}
@media (max-width: 575px) {
.component .col-toggle[data-v-147cdfff] .toggle.expand img {
    margin-left: 0px;
}
}
@media (max-width: 991px) {
.component .col-toggle[data-v-147cdfff] .toggle {
    right: calc((2rem - 26px) / 2);
}
}
@media (max-width: 767px) {
.component .col-toggle[data-v-147cdfff] .toggle {
    right: calc((2rem - 26px) / 2);
}
}
@media (max-width: 575px) {
.component .col-toggle[data-v-147cdfff] .toggle {
    right: calc((3rem - 26px) / 2);
}
}
@media (max-width: 575px) {
.tooltip-contents[data-v-147cdfff] {
    padding: 0 1rem;
    width: 100%;
}
}
.print-button[data-v-147cdfff] {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.personnal-informations-container[data-v-9ea40744],
.simulation-result-container[data-v-9ea40744] {
  margin-top: 0;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.personnal-informations-container .wrapper[data-v-9ea40744],
.simulation-result-container .wrapper[data-v-9ea40744] {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1.5rem 0;
}
@media (max-width: 991px) {
.personnal-informations-container .wrapper[data-v-9ea40744],
.simulation-result-container .wrapper[data-v-9ea40744] {
    max-width: 991px !important;
}
}
@media (max-width: 767px) {
.personnal-informations-container .wrapper[data-v-9ea40744],
.simulation-result-container .wrapper[data-v-9ea40744] {
    margin: 0rem auto !important;
    padding: 2rem 0;
    border-radius: 0 !important;
    max-width: 767px !important;
}
}
@media (max-width: 575px) {
.personnal-informations-container .wrapper[data-v-9ea40744],
.simulation-result-container .wrapper[data-v-9ea40744] {
    max-width: 575px !important;
}
}
.personnal-informations-container .wrapper[data-v-9ea40744] {
  margin-top: 1rem;
  margin-bottom: 10px;
  background: white url(/img/fond_vivinter.e2b30421.svg) right center no-repeat;
  background-size: auto 100%;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 5px;
}
@media (max-width: 1000px) {
.personnal-informations-container .wrapper[data-v-9ea40744] {
    margin-top: 0;
    box-shadow: none;
    border-radius: 0;
}
}
@media (max-width: 575px) {
.personnal-informations-container .wrapper[data-v-9ea40744] {
    background: linear-gradient(45deg, #002f5a, #004687, #833d59, #d84e38, #f07d00);
}
}
@media (max-width: calc(991px + 1.25rem + 1rem)) {
.simulation-result-container .wrapper[data-v-9ea40744] {
    margin-right: 1rem;
    margin-left: 0.625rem;
}
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@font-face {
  font-family: "csr";
  src: url(/fonts/circularstd-book.53c08509.eot);
  src: url(/fonts/circularstd-book.53c08509.eot?#iefix) format("embedded-opentype"), url(/fonts/circularstd-book.ec71e565.woff) format("woff"), url(/fonts/circularstd-book.d377f4d3.woff2) format("woff2"), url(/fonts/circularstd-book.ce173167.ttf) format("truetype"), url(/img/circularstd-book.340eda0e.svg#webfont) format("svg");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "csm";
  src: url(/fonts/circularstd-medium.fe0690b7.eot);
  src: url(/fonts/circularstd-medium.fe0690b7.eot?#iefix) format("embedded-opentype"), url(/fonts/circularstd-medium.e3435dfa.woff) format("woff"), url(/fonts/circularstd-medium.1950f6b2.woff2) format("woff2"), url(/fonts/circularstd-medium.3fcb6535.ttf) format("truetype"), url(/img/circularstd-medium.b4c423c0.svg#webfont) format("svg");
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "csb";
  src: url(/fonts/circularstd-bold.4a812ad4.eot);
  src: url(/fonts/circularstd-bold.4a812ad4.eot?#iefix) format("embedded-opentype"), url(/fonts/circularstd-bold.e08b9d97.woff) format("woff"), url(/fonts/circularstd-bold.098ff85a.woff2) format("woff2"), url(/fonts/circularstd-bold.70b1780a.ttf) format("truetype"), url(/img/circularstd-bold.822656a9.svg#webfont) format("svg");
  font-weight: normal;
  font-display: swap;
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
form .form-group {
  margin-bottom: 10px;
}
form .form-group:last-child {
  margin-bottom: 0;
}
form .form-group > [class*=col] {
  display: flex;
  align-items: center;
}
form .form-group .col-form-label {
  font: normal normal normal 16px/20px "csb";
  text-align: right;
}
@media (max-width: 575px) {
  form .form-group .col-form-label {
    text-align: left;
  }
}
form .form-group input,
form .form-group select {
  font: normal normal normal 16px/20px "csb";
  letter-spacing: 0px;
}
form .form-group select option {
  font: normal normal normal 16px/34px "csr";
  letter-spacing: 0px;
  color: #002f5a;
  text-align: center;
  letter-spacing: 0px;
}
form .form-group select option:hover {
  background-color: initial;
  color: initial;
}
form .form-group select option:nth-child(1) {
  text-align: left;
  font: normal normal normal 13px/14px "csr";
  font-style: italic;
  color: black;
}
form .form-group select option:nth-child(1) span {
  display: block !important;
}
form .form-group select option:nth-child(2n) {
  background-color: rgba(132, 130, 130, 0.1);
}
form .form-group .input-group {
  flex-wrap: nowrap;
}
form .form-group .input-group .custom-control.custom-radio {
  margin-right: 1rem;
  display: inline-flex;
  align-items: center;
}
form .form-group .input-group .custom-control.custom-radio:last-child {
  margin-right: 0;
}
form .form-group .input-group .custom-control.custom-radio:before {
  background-color: red;
  box-shadow: inset 0 0 0 4px red;
}
form .form-group .input-group .custom-control.custom-radio .custom-control-label {
  font: normal normal normal 16px/34px "csr";
  letter-spacing: 0px;
}
form .form-group .input-group .custom-control.custom-radio .custom-control-input {
  margin-right: 0.5rem;
}

.validationError {
  border: 1px solid #eb2e18 !important;
  color: #eb2e18 !important;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: unset;
          animation-delay: unset;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: pulse;
          animation-name: pulse;
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  .hidden-print {
    display: none !important;
  }

  body {
    width: 1000px !important;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
  @page {
    body {
      size: A4 portrait !important;
      margin: 0 !important;
    }
  }
  body #simulateur-spm #simulation-result {
    transform: scale(1);
    transform-origin: top center;
  }
  body #simulateur-spm #simulation-result .wrapper {
    padding: 0 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 1rem !important;
    margin: 0 auto !important;
    margin-top: -1.5rem !important;
    max-width: 100% !important;
  }
  body #simulateur-spm #simulation-result .wrapper .result-column-container.base {
    z-index: 1 !important;
    margin-left: -20px !important;
    width: calc(100% + 20px) !important;
  }
  body #simulateur-spm #simulation-result .wrapper .result-column-container .header .montant {
    font-size: 30px;
  }
  body #simulateur-spm #simulation-result .wrapper .result-column-container .garantie .line {
    min-height: 58px;
  }
  body #simulateur-spm #simulation-result .wrapper .result-column-container .garantie .montant {
    font-size: 20px;
  }
  body #simulateur-spm #simulation-result .wrapper .cartouche {
    position: relative !important;
  }
  body #simulateur-spm #simulation-result .wrapper .cartouche img {
    position: absolute !important;
    top: -35px !important;
    left: -230px !important;
    width: 200px !important;
  }
}
@charset "UTF-8";
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
/* 
    Media queries 
    Breakpoint          Class infix     Dimensions
    X-Small	            None	        <576px
    Small	            sm	            ≥576px
    Medium	            md	            ≥768px
    Large	            lg	            ≥992px
    Extra large	        xl	            ≥1200px
    Extra extra  large	xxl	            ≥1400px
*/
html,
body {
  color: #000000;
  background-color: #ffffff;
}
html #simulateur-spm,
body #simulateur-spm {
  overflow-x: hidden;
  overflow-y: auto;
  color: #000000;
  background-color: #ffffff;
  font: normal normal normal 16px/22px "csr";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 575px) {
  html #simulateur-spm,
body #simulateur-spm {
    font: normal normal normal 14px/16px "csr";
  }
}
html #simulateur-spm *,
body #simulateur-spm * {
  text-wrap: pretty;
}
html #simulateur-spm *:focus:not(:focus-visible),
body #simulateur-spm *:focus:not(:focus-visible) {
  outline: none;
}
html #simulateur-spm *:focus-visible,
body #simulateur-spm *:focus-visible {
  outline-color: #004687;
}
html #simulateur-spm a[href],
body #simulateur-spm a[href] {
  color: #f07d00;
}
html #simulateur-spm .regular,
body #simulateur-spm .regular {
  font-family: "csr";
}
html #simulateur-spm .medium,
body #simulateur-spm .medium {
  font-family: "csm";
}
html #simulateur-spm .bold,
body #simulateur-spm .bold {
  font-family: "csb";
}
@media (max-width: 575px) {
  html #simulateur-spm .alert,
body #simulateur-spm .alert {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
html #simulateur-spm .alert p:last-of-type,
body #simulateur-spm .alert p:last-of-type {
  margin-bottom: 0;
}
html #simulateur-spm .alert,
body #simulateur-spm .alert {
  position: relative;
  border-radius: 0;
  background-color: #ffffff;
  padding: 0;
}
html #simulateur-spm .alert:before,
body #simulateur-spm .alert:before {
  content: "";
  display: block;
  position: absolute;
  inset: -3px;
  background: linear-gradient(45deg, #002f5a, #004687, #833d59, #d84e38, #f07d00);
  border-radius: 8px;
  opacity: 1;
  visibility: visible;
}
html #simulateur-spm .alert .inner,
body #simulateur-spm .alert .inner {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  height: 100%;
  padding: 1rem;
  padding-left: 2.25rem;
  border-radius: 5px;
}
html #simulateur-spm .alert .inner *,
body #simulateur-spm .alert .inner * {
  color: #002f5a;
}
html #simulateur-spm .alert .inner .ampoule,
body #simulateur-spm .alert .inner .ampoule {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f07d00;
  border-radius: 100%;
  left: calc((2.5rem + 3px) / 2 * -1);
  top: calc((100% - 2.5rem) / 2);
}
html #simulateur-spm .alert:hover .inner .ampoule,
body #simulateur-spm .alert:hover .inner .ampoule {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: unset;
          animation-delay: unset;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-name: flip;
          animation-name: flip;
}
@media (max-width: calc(991px + 2.5rem + 1rem)) {
  html #simulateur-spm .alert,
body #simulateur-spm .alert {
    margin: 0 3px;
    margin-left: 2.25rem;
  }
}
@media (max-width: calc(575px + 2.5rem + 1rem)) {
  html #simulateur-spm .alert,
body #simulateur-spm .alert {
    margin-left: 2rem !important;
  }
}

[class*=visible-] {
  display: none;
}

[class*=hidden-] {
  display: block;
}

@media (max-width: 575px) {
  .visible-xs {
    display: block !important;
  }

  .hidden-xs {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }

  .hidden-sm {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .visible-md {
    display: block !important;
  }

  .hidden-md {
    display: none !important;
  }
}
.no-wrap {
  text-wrap: nowrap !important;
}

/*# sourceMappingURL=app.d6309b99.css.map*/