<style type="text/css">#root .eclat-bleu-2::before {
   content: '';
   background-image: url(/documents/643154/643491/%C3%89clats-bleu.png);
   background-repeat: no-repeat;
   top: -30%;
   right: 0;
   transform: translateX(100%) rotate(-10deg);
   position: absolute;
   width: 40px;
   height: 70px;
   }
   .arrow-design{
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
   left: 50%;
   right: 0;
   width: auto;
   height: 75px;
   z-index: 16;
   position: absolute;
   top: -38px;
   margin: 0 auto;
   }
   .video-container {
   position: relative;
   padding-bottom: 56.25%;
   /*padding-top: 30px;*/
   height: 0;
   overflow: hidden;
   }
   .video-container iframe,
   .video-container object,
   .video-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   }
   #EstThomTab:focus,
   #ManEstTab:focus,
   #AdeleTab:focus {
   font-weight: 700 !important;
   }
   .icon-deces,
   .icon-ptia,
   .icon-itt,
   .icon-ipp,
   .icon-ipt {
   background-repeat: no-repeat;
   background-position: center;
   }
   .icon-deces {
   background-image: url('/documents/643154/643491/ico_d%C3%A9c%C3%A8s.png');
   }
   .icon-ptia {
   background-image: url('/documents/643154/643491/Ico_ptia+%281%29.png');
   }
   .icon-itt {
   background-image: url('/documents/643154/643491/Ico_itt.png');
   }
   .icon-ipp {
   background-image: url('/documents/643154/643491/Ico_ipp.png');
   }
   .icon-ipt {
   background-image: url('/documents/643154/643491/Ico_ipt.png');
   }
   @media (min-width: 400px) {
   .custom-md-show {
   display: block !important;
   }
   .custom-md-not-show {
   display: none !important;
   }
   }
   .ic-p-m.icons-plus {
   min-height: 24px;
   min-width: 24px;
   background-repeat: no-repeat;
   background-position: center;
   background-image: url('/documents/643154/643491/ico+_chevron+2.png');
   }
   .ic-p-m.icons-moins {
   min-height: 24px;
   background-repeat: no-repeat;
   min-width: 24px;
   background-position: center;
   background-image: url('/documents/643154/643491/ico+_+Remove.png');
   }
   .ic::before {
   content: "";
   padding: 8px;
   display: block;
   min-height: 16px;
   min-width: 16px;
   background-repeat: no-repeat;
   background-position: center;
   }
   @media (min-width: 768px) {
   .ic::before {
   position: absolute !important;
   right: -5% !important;
   top: 50% !important;
   transform: translateY(-50%) !important;
   }
   }
   .ic.icons-plus::before {
   background-image: url("/documents/643154/643491/ico+_chevron.png") !important;
   }
   .ic.icons-moins::before {
   background-image: url("/documents/643154/643491/ico+_+Remov16px.png") !important;
   }
   .t-underline::before {
   content: "";
   position: absolute;
   bottom: 0;
   height: 2px;
   left: 0;
   width: 100%;
   background-color: green;
   }
   .text-line::before {
   content: "";
   bottom: 0;
   left: 0;
   width: 100%;
   position: absolute;
   height: 3px;
   background-color: black;
   }
   .text-line::after {
   bottom: 0;
   content: "";
   position: absolute;
   padding: 10px;
   z-index: 2;
   background-color: #E7F9E4;
   left: 50%;
   transform: translate(-50%, 46%) rotate(45deg);
   border: 3px solid black;
   overflow: visible;
   border-top: 0;
   border-left: 0;
   }
   .owl-dots {
   display: none !important;
   }
   @media (max-width: 1000px) {
   .owl-nav {
   display: flex !important;
   justify-content: space-between !important;
   font-size: 200% !important;
   }
   #root .owl-nav .owl-prev,
   #root .owl-nav .owl-next {
   border: 2px solid #128A5A !important;
   background-color: white !important;
   color: #128A5A !important;
   line-height: 0 !important;
   position: relative !important;
   border-radius: 50% !important;
   }
   .owl-prev:focus,
   .owl-next:focus {
   outline: 1px dashed black !important;
   outline-offset: 3px;
   border-radius: 50% !important;
   }
   }
   @media(max-width: 768px) {
   .fs-12 {
   font-size: 12px !important;
   }
   .fs-13 {
   font-size: 13px !important;
   }
   .fs-14 {
   font-size: 14px !important;
   }
   .fs-15 {
   font-size: 15px !important;
   }
   .fs-16 {
   font-size: 16px !important;
   }
   .fs-17 {
   font-size: 17px !important;
   }
   .fs-18 {
   font-size: 18px !important;
   }
   .fs-19 {
   font-size: 19px !important;
   }
   .fs-20 {
   font-size: 20px !important;
   }
   .fs-21 {
   font-size: 21px !important;
   }
   .fs-22 {
   font-size: 22px !important;
   }
   .fs-23 {
   font-size: 23px !important;
   }
   .fs-24 {
   font-size: 24px !important;
   }
   .fs-25 {
   font-size: 25px !important;
   }
   .fs-26 {
   font-size: 26px !important;
   }
   .fs-27 {
   font-size: 27px !important;
   }
   .fs-28 {
   font-size: 28px !important;
   }
   .fs-29 {
   font-size: 29px !important;
   }
   .fs-30 {
   font-size: 30px !important;
   }
   .fs-31 {
   font-size: 31px !important;
   }
   .fs-32 {
   font-size: 32px !important;
   }
   .fs-33 {
   font-size: 33px !important;
   }
   .fs-40 {
   font-size: 40px !important;
   }
   }
   @media(min-width: 768px) {
   .fs-md-12 {
   font-size: 12px !important;
   }
   .fs-md-13 {
   font-size: 13px !important;
   }
   .fs-md-14 {
   font-size: 14px !important;
   }
   .fs-md-15 {
   font-size: 15px !important;
   }
   .fs-md-16 {
   font-size: 16px !important;
   }
   .fs-md-17 {
   font-size: 17px !important;
   }
   .fs-md-18 {
   font-size: 18px !important;
   }
   .fs-md-19 {
   font-size: 19px !important;
   }
   .fs-md-20 {
   font-size: 20px !important;
   }
   .fs-md-21 {
   font-size: 21px !important;
   }
   .fs-md-22 {
   font-size: 22px !important;
   }
   .fs-md-23 {
   font-size: 23px !important;
   }
   .fs-md-24 {
   font-size: 24px !important;
   }
   .fs-md-25 {
   font-size: 25px !important;
   }
   .fs-md-26 {
   font-size: 26px !important;
   }
   .fs-md-27 {
   font-size: 27px !important;
   }
   .fs-md-28 {
   font-size: 28px !important;
   }
   .fs-md-29 {
   font-size: 29px !important;
   }
   .fs-md-30 {
   font-size: 30px !important;
   }
   .fs-md-31 {
   font-size: 31px !important;
   }
   .fs-md-32 {
   font-size: 32px !important;
   }
   .fs-md-33 {
   font-size: 33px !important;
   }
   .fs-md-40 {
   font-size: 40px !important;
   }
   }
   #root .accord-list.list-bullet-primary::before {
   content: "";
   top: 0;
   left: 0;
   position: absolute;
   border-left: 2px solid;
   color: green;
   padding-top: 1px;
   height: 89%;
   transform: translate(4px, 12px);
   }
   #root .eclat-bleu::before {
   content: '';
   background-image: url('/documents/643154/643491/%C3%89clats-bleu.png');
   background-repeat: no-repeat;
   top: -100%;
   right: 0;
   transform: translateX(100%) rotate(-10deg);
   position: absolute;
   width: 39px;
   height: 66px;
   }
   #root .rect-msg {
   width: 228px;
   height: 80px;
   border: 3px solid #AE43C6;
   border-radius: 24px 28px 28px 0;
   }
   @media (max-width: 500px) {
   #root .eclat-bleu::before {
   top: -80% !important;
   }
   }
   @media (min-width: 992px) {
   #root .fs-lg-130 {
   font-size: 106% !important;
   }
   #root .rect-msg {
   width: 207px;
   height: 76px;
   font-size: 18px !important;
   line-height: 22px !important;
   top: 25%;
   right: 15%;
   }
   #root .bg-img-side::before {
   content: "";
   background-image: url('/documents/643154/643491/%C3%89clats.png');
   position: absolute;
   top: 16%;
   right: 4%;
   scale: 1.3;
   height: 76px;
   background-size: cover;
   width: 70px;
   }
   }
   @media (max-width: 992px) {
   #root .bg-img-side::before {
   content: "";
   background-image: url('/documents/643154/643491/%C3%89clats.png');
   position: absolute;
   top: 16%;
   right: 4%;
   scale: 1.3;
   height: 76px;
   background-size: cover;
   width: 70px;
   }
   #root .rect-msg {
   top: 30%;
   left: 50%;
   transform: translateX(-50%);
   }
   #root .bg-img-side::before {
   top: 15%;
   left: 50%;
   scale: 1.3;
   transform: translateX(115%);
   }
   #root .bg-img-side {
   background-image: url('/documents/643154/643335/Illus+Mag+CLE-2.png');
   background-repeat: no-repeat;
   background-position-x: center;
   height: 16rem;
   }
   }
   @media (min-width: 992px) and (max-width: 1200px) {
   #root .bg-img-side {
   transform: translate(10%, -15%) !important;
   }
   }
   @media (min-width: 992px) {
   #root .bg-img-side {
   background-image: url('/documents/643154/643335/Illus+Mag+CLE-2.png');
   background-repeat: no-repeat;
   height: 160%;
   }
   }
   span.white-band::before {
   content: '';
   left: 14px;
   height: 20px;
   width: 98%;
   bottom: 0px;
   background-color: white;
   position: absolute;
   z-index: -1;
   }
   @media (min-width: 768px) {
   .b-md-end {
   border-right: 1px solid white;
   }
   }
   #root .text-underline-1 {
   background-image: linear-gradient(white, white);
   background-repeat: no-repeat;
   background-size: 100% 20px;
   display: inline;
   background-position: 15px 100%;
   }
   #root .text-underline-2 {
   background-image: linear-gradient(#007fad1a, #007fad1a);
   background-repeat: no-repeat;
   background-size: 100% 14px;
   display: inline;
   background-position: 0px 100%;
   }
   .color-blue-elt {
   color: #045F81;
   }
   /***** accordion  *****/
   .accordion .collapsible-link:focus {
   color: #0D7D50;
   }
   @media(max-width: 768px) {
   .img-accord-56 {
   width: 56px !important;
   }
   }
   #root .accordion-border {
   border-top: 1px solid black;
   padding-top: 1rem;
   padding-bottom: 1rem;
   }
   #root .accordion-border:last-of-type {
   border-bottom: 1px solid black;
   }
   .collapsible-link {
   width: 100%;
   position: relative;
   text-align: left;
   }
   .collapsible-link::before {
   color: #47ab3c;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 0.8rem;
   display: block;
   font-size: 1.1rem;
   }
   .card-header {
   background-color: white !important;
   }
   /***** End accordion  *****/
   span img {
   min-width: 50px !important;
   }
   /***** End lame comment devenir client *****/
   /***** lame focus sur les garanties *****/
   #root .garanties-title-1,
   #root .eco-title-1 {
   font-size: 30px;
   font-weight: 700;
   }
   #root .garanties-title-2 {
   font-size: 24px;
   font-weight: 600;
   }
   #root .option-title {
   font-size: 20px;
   font-weight: 700;
   }
   #root .b-raduis {
   border-radius: 8px;
   }
   #root .h-100 {
   height: 100%;
   }
   .mx-n15px {
   margin-right: -15px;
   margin-left: -15px;
   }
   #root .bg-color-1 {
   background-color: #04769F !important;
   }
   #root .b-color-1 {
   border-color: #04769F !important;
   }
   /***** End lame focus sur les garanties *****/
   /***** Lamme 11 *****/
   .pseudo-megaphone::before {
   content: '';
   left: -40%;
   top: 50%;
   transform: translateY(-50%);
   width: 210PX;
   background-repeat: no-repeat;
   position: absolute;
   height: 130PX;
   background-image: url('/documents/643154/643491/Illus+-+Megaphone.jpg');
   }
   @media(max-width: 992px) {
   .pseudo-megaphone::before {
   left: 50%;
   top: 0;
   transform: translateX(-50%);
   }
   }
   @media(min-width: 768px) {
   }
   /***** End Lamme 11 *****/
   .devenir-client::before {
   content: "";
   width: 3px;
   height: 70%;
   position: absolute;
   background-color: #058554;
   bottom: 20%;
   left: 50%;
   transform: translateX(-50%);
   }
   .devenir-client .item::before {
   content: "";
   position: absolute;
   top: 50%;
   height: 2px;
   background-color: #058554;
   width: 81px;
   transform: translateY(-50%);
   }
   .devenir-client .item::after {
   content: "";
   position: absolute;
   padding: 3px;
   transform: translateY(-50%);
   background-color: #058554;
   top: 50%;
   border-radius: 50%;
   }
   .item1::before,
   .item3::before {
   right: 0;
   }
   .item2::before,
   .item4::before {
   left: 0;
   }
   .item.item1::after,
   .item.item3::after {
   right: 80px;
   }
   .item.item2::after,
   .item.item4::after {
   left: 80px;
   }
   .elt.elt-1,
   .elt.elt-2,
   .elt.elt-3,
   .elt.elt-4 {
   padding-inline: 15px !important;
   padding: 7px;
   background-color: #058554;
   border-radius: 50%;
   color: white;
   font-size: 20px !important;
   font-weight: 600 !important;
   top: 50%;
   }
   .elt.elt-1 {
   transform: translate(50%, -50%);
   right: 0;
   }
   .elt.elt-3 {
   transform: translate(50%, -50%);
   right: 0;
   }
   .elt.elt-2 {
   transform: translate(-50%, -50%);
   left: 0;
   }
   .elt.elt-4 {
   transform: translate(-50%, -50%);
   left: 0;
   }
   @media (max-width: 992px) {
   .devenir-client .item::before,
   .devenir-client .item::after,
   .elt.elt-1,
   .elt.elt-2,
   .elt.elt-3,
   .elt.elt-4 {
   top: 25%;
   }
   .devenir-client::before {
   height: 73%;
   }
   }
   @media(max-width: 768px) {
   .line-top::before {
   content: "";
   position: absolute;
   top: 0;
   left: 25%;
   right: 25%;
   height: 1px;
   background-color: black;
   }
   }
   .icon-lame-assurance::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80px;
   transform: translate(-50%, -50%);
   height: 80px;
   outline: 3px dashed white;
   border-radius: 50%;
   }
   #root .outline-0 {
   outline: 0 !important;
   }
   #root .icon-cardif-info-2:before {
   content: "\e99c" !important;
   }
   #root .tabs-content>.tab-pane {
   display: none !important;
   }
   #root .tabs-content>.active {
   display: flex !important;
   }
   #root [type="radio"]+.radio-box:before {
   display: none;
   }
   #root [type="radio"]:checked+.radio-box:before {
   display: inline-block;
   }
   #root [type="radio"]+.radio-box:focus {
   outline: 1px dashed #000;
   outline-offset: 3px
   }
   #root [type="radio"]+.radio-box.focus-light:focus {
   outline: 1px dashed #fff
   }
</style>