/* The payment answer only. Calendar periods are not converted to a fixed day count. */
#versement-indemnisation .traffic-compensation-payment{display:block;padding-top:26px;padding-bottom:28px}
#versement-indemnisation .traffic-compensation-payment>*{box-sizing:border-box;max-width:940px;margin-left:auto;margin-right:auto}
#versement-indemnisation .traffic-compensation-payment p{max-width:none;margin:0;padding:0;border:0;background:none;color:#48545d;font:400 1rem/1.7 'Hanken Grotesk',sans-serif;text-align:left}
#versement-indemnisation .traffic-compensation-payment strong{color:var(--blue);font-weight:700}
#versement-indemnisation .traffic-compensation-payment h3,#versement-indemnisation .traffic-compensation-payment h4{max-width:none;margin:0;padding:0;color:var(--blue);font-family:'Newsreader',Georgia,serif;font-weight:600;line-height:1.3;text-align:left;word-break:normal;overflow-wrap:normal;hyphens:none}
#versement-indemnisation .payment-eyebrow{display:block;color:#81653e;font:700 .65rem/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase}
#versement-indemnisation .payment-keep{white-space:nowrap}
#versement-indemnisation .payment-lead{padding:26px 34px 28px;border:1px solid #e5dccd;border-radius:7px;background:#f8f5ee;text-align:center}
#versement-indemnisation .payment-lead>p{max-width:830px;margin:10px auto 0;color:var(--blue);font:500 1.35rem/1.5 'Newsreader',Georgia,serif;text-align:center;text-wrap:pretty}
#versement-indemnisation .payment-sequence{margin-top:27px;margin-bottom:27px;padding:0 12px;border:0;background:none}
#versement-indemnisation .payment-sequence>h3{margin-bottom:21px;font-size:1.45rem;text-align:center}
#versement-indemnisation .payment-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
#versement-indemnisation .payment-step{display:grid;grid-template-rows:51px auto 1fr;align-content:start;gap:13px;min-width:0;margin:0;padding:0 28px 0 0;border:0;background:none}
#versement-indemnisation .payment-step+.payment-step{padding:0 0 0 28px;border-left:1px solid #d6e3eb}
#versement-indemnisation .payment-duration{display:flex;align-items:baseline;gap:9px;color:#967645}
#versement-indemnisation .payment-duration>span{display:block;font:500 3.3rem/1 'Newsreader',Georgia,serif;font-variant-numeric:lining-nums}
#versement-indemnisation .payment-duration>small{font:700 .76rem/1.5 'Hanken Grotesk',sans-serif;letter-spacing:.12em;text-transform:uppercase}
#versement-indemnisation .payment-step h4{font-size:1.3rem;text-wrap:balance}
#versement-indemnisation .payment-calendar{margin-top:0;margin-bottom:24px;padding:27px 29px 28px;border:1px solid #d6e3eb;border-radius:7px;background:#eaf2f6}
#versement-indemnisation .payment-calendar-heading{display:grid;grid-template-columns:49px minmax(0,1fr);align-items:center;gap:18px;margin-bottom:27px}
#versement-indemnisation .payment-calendar-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#f9fbfc;color:#967645}
#versement-indemnisation .payment-calendar-icon svg{display:block;width:33px;height:33px}
#versement-indemnisation .payment-calendar h3{margin-top:7px;font-size:1.45rem}
#versement-indemnisation .payment-calendar-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 21px;padding:0;list-style:none}
#versement-indemnisation .payment-calendar-dates>li{position:relative;min-width:0;margin:0;padding:19px 18px 0 0;border:0;border-top:1px solid #bccfd8;background:none;list-style:none}
#versement-indemnisation .payment-calendar-dates>li::before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;transform:none;border:0;border-radius:50%;background:#ad8c54}
#versement-indemnisation .payment-calendar-dates>li:last-child{padding-right:0}
#versement-indemnisation .payment-date{display:block;margin-bottom:7px;color:var(--blue);font:600 1.35rem/1.3 'Newsreader',Georgia,serif;white-space:nowrap}
#versement-indemnisation .payment-event{display:block;max-width:210px;color:#48545d;font:400 .96rem/1.55 'Hanken Grotesk',sans-serif;word-break:normal;overflow-wrap:normal;hyphens:none}
#versement-indemnisation .payment-calendar>p{padding-top:19px;border-top:1px solid #cfdee6}
#versement-indemnisation .payment-late{margin-top:0;margin-bottom:0;padding:27px 30px 29px;border:0;border-radius:7px;background:var(--blue)}
#versement-indemnisation .payment-late-heading{display:grid;grid-template-columns:39px minmax(0,1fr);align-items:center;gap:20px;margin-bottom:20px}
#versement-indemnisation .payment-clock,#versement-indemnisation .payment-clock svg{display:block;width:37px;height:37px;color:#dfc79d}
#versement-indemnisation .payment-late .payment-eyebrow{color:#dfc79d}
#versement-indemnisation .payment-late h3{margin-top:7px;color:#fff;font-size:1.4rem;font-weight:500;text-wrap:pretty}
#versement-indemnisation .payment-late p{color:#edf3f7}
#versement-indemnisation .payment-late strong{color:#fff}
#versement-indemnisation .payment-rate-example{margin-top:21px;padding-top:18px;border-top:1px solid #607987}
#versement-indemnisation .payment-late .payment-example-label{display:block;margin-bottom:8px;color:#dfc79d;font-weight:600}
@media(min-width:761px) and (max-width:1100px){#versement-indemnisation .payment-step h4{min-height:2.6em}}
@media(max-width:760px){
 #versement-indemnisation .payment-steps{grid-template-columns:1fr;gap:22px}
 #versement-indemnisation .payment-step{display:block;padding:0}
 #versement-indemnisation .payment-step+.payment-step{padding:22px 0 0;border-left:0;border-top:1px solid #d6e3eb}
 #versement-indemnisation .payment-step h4{min-height:0;margin:12px 0}
 #versement-indemnisation .payment-calendar-dates{grid-template-columns:1fr;gap:0;margin-left:4px}
 #versement-indemnisation .payment-calendar-dates>li{display:grid;grid-template-columns:87px minmax(0,1fr);align-items:baseline;gap:15px;padding:0 0 22px 20px;border-top:0;border-left:1px solid #bccfd8}
 #versement-indemnisation .payment-calendar-dates>li:last-child{padding-bottom:0}
 #versement-indemnisation .payment-calendar-dates>li::before{top:10px;left:-4px}
 #versement-indemnisation .payment-date{margin:0;font-size:1.25rem}
 #versement-indemnisation .payment-event{max-width:none}
}
@media(max-width:620px){
 #versement-indemnisation .traffic-compensation-payment{padding-top:18px;padding-bottom:23px}
 #versement-indemnisation .traffic-compensation-payment p{font-size:.94rem;line-height:1.7}
 #versement-indemnisation .payment-eyebrow{font-size:.63rem;letter-spacing:.07em}
 #versement-indemnisation .payment-lead{padding:22px 20px 24px}
 #versement-indemnisation .payment-lead>p{font:500 1.23rem/1.5 'Newsreader',Georgia,serif;text-align:center}
 #versement-indemnisation .payment-sequence{margin-top:24px;margin-bottom:24px;padding:0 1px}
 #versement-indemnisation .payment-sequence>h3{font-size:1.3rem;margin-bottom:20px}
 #versement-indemnisation .payment-duration>span{font-size:3rem}
 #versement-indemnisation .payment-step h4{font-size:1.25rem}
 #versement-indemnisation .payment-calendar{margin-bottom:20px;padding:23px 20px 25px}
 #versement-indemnisation .payment-calendar-heading{grid-template-columns:43px minmax(0,1fr);gap:14px;margin-bottom:24px}
 #versement-indemnisation .payment-calendar-icon{width:42px;height:42px}
 #versement-indemnisation .payment-calendar-icon svg{width:29px;height:29px}
 #versement-indemnisation .payment-calendar h3{font-size:1.28rem;line-height:1.4}
 #versement-indemnisation .payment-calendar-dates>li{grid-template-columns:77px minmax(0,1fr);gap:12px;padding-left:17px}
 #versement-indemnisation .payment-date{font-size:1.18rem}
 #versement-indemnisation .payment-event{font-size:.9rem}
 #versement-indemnisation .payment-late{padding:23px 21px 25px}
 #versement-indemnisation .payment-late-heading{grid-template-columns:1fr;gap:13px;margin-bottom:17px}
 #versement-indemnisation .payment-clock,#versement-indemnisation .payment-clock svg{width:34px;height:34px}
 #versement-indemnisation .payment-late h3{font-size:1.3rem;line-height:1.4}
}