/* 08/2023 Container fluid full width pagebuilder*/ 

 /* Bloc démarches */
 .demarches ul { display: flex; flex-direction: column; justify-content: space-between; align-items: normal; padding: 0; gap: 12px;}
 .demarches ul li { flex: 1 1 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background-color: white; border-radius: 15px; box-shadow: 2px 12px 25px #a0a0a0; transition: background-color 0.5s ease; cursor:pointer; gap: 15px; margin:0; padding: 6px 0;}
 .demarches ul li:hover {background-color:#bdd7ee;}
 .demarches ul li:before {content:""}
 .demarches ul li .icon-cgc { line-height: 36px; font-size: 36px; display: block; color: #0070c0; }
 .demarches ul li > div {flex-grow:3; text-align:left}
 .demarches ul li h2 { font-family: 'Roboto'; margin:0;}
 .demarches ul li h3 { font-family: 'Roboto'; margin:0;}
 .demarches ul li a { word-break: break-word; text-transform: uppercase; font-weight: 500; font-size: 16px; line-height: 16px; text-decoration: none;}
 .demarches ul li a:focus {outline:none;}
 .demarches ul li .demarche-text {font-size: 13px;}
 .demarches ul li .bottom-icon { width: 40px; height: 40px; background-color: #0070c0; color: #fff; font-size: 24px; line-height: 40px; border-radius: 20px; z-index: 2; padding-left: 3px; margin-right: 6px;} 
 @media (min-width:992px) {
  .demarches ul { flex-direction: row; gap: 20px;}
  .demarches ul li { flex-direction: column; }
  .demarches ul li > div {text-align:center; gap:10px;}
  .demarches ul li a { font-size: 19px; line-height: 25px;}
  .demarches ul li .icon-cgc { line-height: 60px; font-size: 60px; }
  .demarches ul li .demarche-text {line-height:40px}
  .demarches ul li .bottom-icon { width: 50px; height: 50px; line-height: 50px; border-radius: 25px; margin-bottom: -25px;}
  .demarches ul li .text-hidden-md {display:none;}
 }
 @media (min-width:1240px) {
   .demarches ul li a { font-size: 22px; line-height: 25px;}
   .demarches ul li .text-hidden-md {display:inline-block;}
 }  
 
 .demarches2 ul { display: flex; flex-direction: column; justify-content: space-between; align-items: normal; padding: 0; gap: 12px;}
 .demarches2 ul li {flex: 1 1 0px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;background-color: white;border-radius: 15px;transition: background-color 0.5s ease;cursor:pointer;gap: 16px;margin:0;padding: 24px 16px;border: 1px solid #E2E2EC;align-items: center;}
 .demarches2 ul li:hover {background-color: var(--ultra-light-blue);}
 .demarches2 ul li:before {content:"";display: none;}
 .demarches2 ul li .icon-cgc {line-height: 36px;font-size: 36px;display: block;color: #0070c0;}
 .demarches2 ul li > div {flex: 0 1 80%;display: flex;flex-direction: column;gap: 12px;justify-content: center;align-items: center;}
 .demarches2 ul li h2 {font-family: 'Roboto';margin:0;line-height: 25px;flex: 1 1 auto;}
 .demarches2 ul li a {word-break: break-word;font-weight: 700;font-size: 20px;text-decoration: none;font-family: RobotoB;color: var(--dark-blue);}
 .demarches2 ul li a:focus {outline:none;}
 .demarches2 ul li .demarche-text {font-size: 14px;color: var(--dark-grey);}
  @media (min-width:992px) {
  .demarches2 ul { flex-direction: row; gap: 20px;}
  .demarches2 ul li { flex-direction: column; }
  .demarches2 ul li > div {text-align:center;gap: 16px;}
  .demarches2 ul li a {font-size: 20px;/* line-height: 25px; */}
  .demarches2 ul li .icon-cgc {line-height: 32px;font-size: 32px;}
  .demarches2 ul li .demarche-text {line-height: 22px;}
   .demarches2 ul li .text-hidden-md {display:none;}
 }
 @media (min-width:1240px) {
   .demarches ul li a { font-size: 22px; line-height: 25px;}
   .demarches ul li .text-hidden-md {display:inline-block;}
 }  
  
  /* Blocs Infos/Important */
  .flat-block.infos .bloc-icon {font-size:70px;margin-bottom: 20px;}
  .flat-block.infos > .row {display: flex;align-items: center;flex-direction: column;}
  @media(min-width: 768px) {
  .flat-block.infos .bloc-icon {margin:0px}
  .flat-block.infos > .row {flex-direction: row;}
  }
  
  /* Bloc Téléphone */ 
  p.ligne-info-comment {font-size:26px;line-height: 32px;font-family: 'RobotoB';}
  .ligne-info-wrapper {width: fit-content;margin: 20px auto 0 auto;padding: 14px 24px 2px 24px;}
  .grey-bg p.ligne-info-title {font-size:26px;}
  .bloc-type-telephone .sva-tel .sva-horaires { color: #203864; }
  .bloc-type-telephone .flat-block .flat-content.bloc-image .img {  min-height: 270px; }
  
  /* Bloc Image + bloc superposé (avec superposition sur mobile)*/
  .bloc-image.superpose {} 
  .bloc-image.superpose .row {background-repeat: no-repeat;}
  .bloc-image.superpose .row > img {position: absolute;width: 50%;left: 10px;}
  .bloc-image.superpose .row > div {margin: 40px 40px;padding: 30px 40px;background-color: #fffffff8;box-shadow: 1px 3px 4px #333;}
  @media(min-width: 768px) {  
  .bloc-image.superpose .row > div { margin: 40px 0px; }
  }
  
  /* Bloc franceconnect 1*/
  .bloc-fc1 {}
  .bloc-fc1 .row {background-repeat: no-repeat;}
  .bloc-fc1 .row > img {}
  .bloc-fc1 .row .texte {box-shadow: 1px 5px 6px #666; padding: 20px;}
  .bloc-fc1 .row .texte p {font-size:26px;line-height: 30px;font-family:RobotoB;color: #555;}
  @media(min-width: 768px) {  
  .bloc-fc1 .row > img {position: absolute;width: 50%; left:0; top:0;}
  .bloc-fc1 .row > div {background-color: #fffffff8; margin: 40px 0; padding:0}  
  .bloc-fc1 .row .texte {padding: 40px;}    
  }
  
  /* Bloc franceconnect 2 */
  .bloc-fc2 .row {}
  .bloc-fc2 .texte { font-size: 22px; line-height: 30px; font-weight: 100;}
  .bloc-fc2 .img-wrapper {background-size: 100px; height: 140px; background-repeat: no-repeat; background-position-y: 20px; background-position-x: center;}
  @media(min-width: 768px) {  
  .bloc-fc2 .img-wrapper {background-size: 94%; height: 208px; background-position-y: 20px; }
  }
  @media (min-width:992px) { 
  .bloc-fc2 .img-wrapper {background-size: 64%; height: 180px; background-position-y: 20px; }
  }
  @media (min-width:1240px) {  
  .bloc-fc2 .img-wrapper {background-size: 54%; height: 180px; background-position-y: 20px; }    
  }
  
  /* Bloc avis client liste */
  .avis-usagers-list {}
  .avis-usagers-list .logos-wrapper {display: flex;align-items: flex-end;justify-content: space-evenly;margin-bottom: 25px;}
  .avis-usagers-list .logo-avis{max-width: 180px;max-height: 80px;height: auto;width: auto;}
  .avis-usagers-list .gmb-note {
    font-size: 18px;
  }
  .avis-usagers-list .gmb-note span {/* font-family: RobotoB; *//* font-size: 28px; */}
  .avis-usagers-list .gmb-note span:first-child {/* font-size: 76px; *//* color:#27ace3; *//* line-height:80px; */}
  .avis-usagers-list .gmb-stars {margin: 0px 0 15px 0;}
  .avis-usagers-list .gmb-stars img { height: 17px; width: 18px;}
  .avis-usagers-list .gmb-nb {}
  .avis-usagers-list .avis-item { margin-top: 12px; line-height: 26px; }
  .avis-usagers-list .link-more-avis {margin-top:12px;}
  .avis-usagers-list .separator { border-top: 3px solid #e0e0e0; width: 60%; margin: 15px auto 0 auto;}
  @media(min-width: 768px) {  
  .avis-usagers-list .logos-wrapper { flex-direction: column; align-items: center; margin-bottom: 0;}
  .avis-usagers-list .logo-avis{ max-width: 180px;}
  }
  @media (min-width:992px) { 
  }
  @media (min-width:1240px) {  
  
  }
  
  /* Bloc avis client simple */ 
  .bloc-type-avis_client_simple {padding-left:25px; margin-top:15px; margin-bottom:15px;}
  .rating-stars { margin: 10px 0; }			
  p.avis-client-comment {font-size:22px;line-height: 30px;}
  p.avis-client-customer { font-style: italic; }
  .bloc-type-avis_client .flat-block .flat-title.flat-title-etat.blue-bordered h2:after {background-image: url(../images/fleche_courbee_droite.svg);background-repeat: no-repeat;background-position: 50%;background-size: contain;content: "";display: block;width: 32px;height: 62px;position: absolute;bottom: -32px;left: auto;border: none;right: 0px;z-index: 100;}
  @media(min-width: 768px) { 
    .bloc-type-avis_client .flat-block .flat-title.flat-title-etat.blue-bordered h2:after {transform: translateX(120%);}
  }
    
  /* Bloc sécurité routière */ 
  .bloc-type-securite_routiere_gouv img {max-width: 800px; width:100%; margin: 0 auto;}
  
  /* Bloc autopromo */
  .box-autopromo {background: #ffff;padding: 20px 10px 20px 10px;border-radius: 15px; /* box-shadow: 4px 4px 10px #00000044; */ border: 1px solid var(--light-grey);}
  .box-autopromo .counter-value {text-align: center;color: #bf3194;font-size: 28px;font-family: Roboto900;text-shadow: 2px 2px 2px #c5c5c5;}
  .box-autopromo .icon {text-align: center;color: #0070c0;font-size: 56px;font-family: Roboto900;/* text-shadow: 1px 1px 1px #c5c5c5; */}
  .box-autopromo .desc {color: #203864;text-align: center;line-height: 30px;margin-top: 14px;min-height: 60px;font-size: 22px;}
  .box-autopromo .counter-desc {color: #203864;text-align: center;line-height: 20px;margin-top: 17px;min-height: 60px;}
  .box-autopromo .picto { text-align: center; }
  .box-autopromo .picto > span {color: #203864;font-size: 70px;text-shadow: 2px 3px 4px #c5c5c5;}
  .bloc-type-cartegrise_chiffres_3 .texte {font-size: 24px; line-height: 28px; margin-bottom: 10px; color: #203864;}
  .bloc-type-cartegrise_chiffres_3 .box-autopromo {}
  .bloc-type-cartegrise_chiffres_3 .box-autopromo .counter-value {color: #27ace3;  text-shadow: none;}
  .row-autopromo-flex {display: flex;flex-direction: column;justify-content: space-between;align-items: normal;gap: 20px;padding: 16px 16px;}  /* Bloc autopromo flex bloc_autopromo_4 */
  .row-autopromo-flex .box-autopromo {flex: 2 1;border-radius: 8px;}
  .bloc-type-cartegrise_chiffres_4 .row-autopromo-flex .box-autopromo { background-color: var(--dark-blue); box-shadow: none; /* border: 1px solid var(--sky-blue); */}
  .bloc-type-cartegrise_chiffres_4 .row-autopromo-flex .box-autopromo .picto > span{ text-shadow: none; color: var(--sky-blue); font-size: 40px; }
  .bloc-type-cartegrise_chiffres_4 .row-autopromo-flex .box-autopromo .counter-desc { color: #fff; font-family: RobotoB; font-size: 18px; line-height: 25px; min-height: auto; }
  @media(min-width: 768px) {  
  .bloc-type-cartegrise_chiffres_3 .texte {font-size: 28px; line-height: 36px;}
  .row-autopromo-flex {flex-direction: row;}
  .row-autopromo-flex .box-autopromo {}
  }
  @media (min-width:992px) { 
  .box-autopromo {padding: 40px 10px 40px 10px;}
  .box-autopromo .counter-value {font-size: 38px;line-height: 100%;}
  .box-autopromo .counter-desc {margin-top: 24px;}
   .row-autopromo-flex { padding: 48px 0;}
   .row-autopromo-flex .box-autopromo {}
   .bloc-type-cartegrise_chiffres_4 .row-autopromo-flex .box-autopromo {}
  .bloc-type-cartegrise_chiffres_4 .row-autopromo-flex .box-autopromo .counter-desc {font-size:20px;}
  }
  @media (min-width:1240px) {  
  }
   
  /* Pages garages */
  p.garage-name {color: #0070c0;font-size: 26px;margin: 0 4px 16px 4px;}
  .garages-index-view .img-garage { margin: 0 auto; }
  .agrement-box {display: flex;background: #fff;align-items: center;justify-content: space-around;padding: 20px 4px;width: 86%;margin: 0 auto 16px auto;border: 2px solid #b0b0b0;font-size: 12px;line-height: 16px; max-width: 460px;}
  .agrement-box img {max-width: 120px;}
  .pictos-garage .icone { background-color: #ffff; box-shadow:1px 4px 10px #c0c0c0;}
  .pictos-garage span { font-family: 'RobotoB'; }
  .pictos-garage.inactif span { color: #a8a8a8; }
  .pictos-garage.inactif .icone { border-color: #c0c0c0; }
  .flat-block.garage-autopromo .flat-content.bloc-image .img { min-height: 120px; }
  .garage-autopromo .texte {font-size: 2.5em; line-height: 1.3em;}
  @media(min-width: 768px) {
  .agrement-box img {max-width: 100%;}
  .agrement-box {width: 90%;margin: 0 auto 0px auto;}
  }
  
  /* Prix-departement */
  .styleodep-index-prix .image-right > div:nth-child(2) { /*padding:50px; */ border-bottom: 1px solid var(--light-grey)}
  .styleodep-index-prix .flat-block .flat-content .subtitle span {display:inline-block;margin:0;padding-bottom:15px;color:#0070c0;text-transform:uppercase;font-size:19px;font-family:'Roboto';}
  .img-departements {max-height:400px; min-height: auto !important; padding:20px;}

ul.departements-mozaic {list-style: none;display: flex;gap: 15px;justify-content: flex-start;align-items: stretch;flex-wrap: wrap;padding: 0;}
ul.departements-mozaic li {background-color: var(--light-grey);display: flex;flex-direction: column;justify-content: start;align-items: center;gap: 0;flex: 0 0 47%;}
ul.departements-mozaic li:before {content:""}
ul.departements-mozaic li:hover { } 
ul.departements-mozaic p {background-color: #bdd7ee;width: 100%;text-align: center;margin: 0;background-image: url(../images/polygone.png);padding: 20px;background-repeat: no-repeat;background-position: 50% 50%;min-height: 150px;background-size: 70px;color: #fff;font-family: RobotoB;font-size: 28px;line-height: 106px;}
ul.departements-mozaic li:hover p { background-color: var(--blue); color:var(--blue); background-image: url(../images/polygone-blanc.png);}
ul.departements-mozaic a {width: 100%;text-align: center;padding: 12px 10px;text-transform: uppercase;text-decoration: none;font-family: RobotoB;}
@media(min-width: 768px) {
  ul.departements-mozaic li {flex: 0 0 240px;}
}
@media (min-width:992px) { 
  ul.departements-mozaic li {flex: 0 0 181px;}
}
@media (min-width:1240px) {  
  ul.departements-mozaic li {flex: 0 0 232px;}
}
.styleodep-index-prix ul.vehicules-mozaic {}
.styleodep-index-prix ul.vehicules-mozaic li {}
@media(min-width: 768px) {
  .styleodep-index-prix ul.vehicules-mozaic li {}
}
@media (min-width:992px) { 
  .styleodep-index-prix ul.vehicules-mozaic li { flex: 0 0 310px;}
}
@media (min-width:1240px) {  
  .styleodep-index-prix ul.vehicules-mozaic li { flex: 0 0 394px;}
}

  /* Boutons démarches */
  .flat-block ul.link-list, .link-list {list-style-type: none;padding: 0;display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 0;gap: 16px;flex-wrap: wrap;margin-top: 20px;}
  .flat-block ul.link-list li, .link-list li {margin: 0;flex-grow: 0;flex-shrink: 0;flex-basis: 100%; text-align: left;}
  .flat-block ul.link-list.buttons li, .link-list.buttons li {display: flex; align-items: center; justify-content: left;  background-color: #0070c0; font-family: 'RobotoB'; padding: 6px 10px; border: 2px solid #0070c0; transition: background 300ms ease-in-out, border 300ms ease-out, color 300ms ease-out; -webkit-transition: background 300ms ease-in-out, border 300ms ease-out, color 300ms ease-out; -moz-transition: background 300ms ease-in-out, border 300ms ease-out, color 300ms ease-out; -o-transition: background 300ms ease-in-out, border 300ms ease-out, color 300ms ease-out; border-radius: 8px; font-size: 14px; cursor:pointer; color:#fff;}
  .flat-block ul.link-list.buttons li:hover, .link-list.buttons li:hover{ background-color:#fff; border-color: #0070c0;}
  .link-list li span[class^="icon-cgc-"] {font-size: 40px;margin: 0 10pcalculateurx 0 0px;}
  .flat-block ul.link-list li:before, .link-list li:before {content: ""; width: 0px; margin: 0; top: 0;}  
  .flat-block .flat-content .link-list li h3, .link-list li h3 {font-size: 14px;color: #fff;margin: 0;display: flex;align-items: center;gap: 0;}
  .link-list li:hover *, .link-list li:hover h3 a {color:var(--blue);}
  .link-list li a{text-decoration:none;color: #fff; padding-left: 15px;}
@media(min-width: 768px) {   
  .flat-block ul.link-list li, .link-list li {flex-basis: calc(50% - 8px);}
}
@media (min-width:992px) {   
}
@media (min-width:1240px) {  
}

/* Liste de liens vignettes */
.page-list-thumbnail .page-list-row > a {display:block;width:100%;height:100%;box-shadow: 0px 2px 6px #b1b1b1;transition: all .3s;background-color: #fcfcfc; text-decoration:none;}
.page-list-thumbnail .page-list-row > a:hover {transform: translateY(-6px) rotate(0deg);}
.page-list-thumbnail .page-list-row > a:hover .post-image {transform: scale(1.05) translateX(5px) translateY(5px) rotate(0deg);}
.page-list-thumbnail .page-list-row .row {display:flex; flex-direction: column;}
.page-list-thumbnail .page-list-row .wrapper-oh {overflow:hidden;}
.page-list-thumbnail .page-list-row .p-image{height: 160px; min-height: 160px; object-fit: cover; width: 100vw;background-size: cover;background-repeat: no-repeat;background-position: center;transition: all 1.6s;transform-origin: 50% 50%;}
.page-list-thumbnail .page-list-row .p-content{color: #04558e;padding: 15px 10px;position: relative;/* min-height: 100px; */display: flex;flex-direction: column;justify-content: center;}
.page-list-thumbnail .page-list-row .p-title{/* font-family: 'RobotoB'; */color: #04558e;margin: 0;}
@media(max-width:767px){ 
}
@media(min-width:768px){
  .page-list-thumbnail .page-list-row .p-content{min-height: 80px;}
  .page-list-thumbnail .page-list-row .p-title {/* font-size: 22px; */}
  .page-list-thumbnail .page-list-row .p-image{height: 200px; min-height: 200px;}
}
@media(min-width:992px){
  .page-list-thumbnail .page-list-row .p-content{min-height: 105px;}
  .page-list-thumbnail .page-list-row .p-title {}
  .page-list-thumbnail .page-list-row .p-image{height: 200px; min-height: 200px;}
}
@media(min-width:1240px){
  .page-list-thumbnail .page-list-row .p-content{ }
  .page-list-thumbnail .page-list-row .p-image{height: 220px; min-height: 220px;}
}
  
/* Nouvelle version */
.calculateur {padding:0;margin: 0;}
.calculateur form {display: flex; flex-direction: column; gap: 16px;}
.calculateur fieldset  {background-color: #053b77;display: flex;flex-direction: column;gap: 16px;padding: 16px;border-radius: 8px;}
.calculateur form .row.form-group { margin: 0; }
.calculateur form .row.form-group > div {font-family:Roboto;min-height: auto;display: flex;height: auto;}
.calculateur form .row.form-group > div:first-child {align-items: start;justify-content: start;height: auto;min-height: 0;gap: 0;flex-direction: column;}
.calculateur form .row.form-group > div label {color: #fff;font-size: 16px;font-family: RobotoB;margin: 0 0 2px 0;}
.calculateur .form-group .case {text-align:left;}
.calculateur .form-control {border: 1px solid var(--light-blue);box-shadow: none;padding: 8px 10px;height: 48px;border-radius: 4px;font-weight: 400;color: #555555;}
.calculateur form .row.form-group.plaque > div {justify-content: space-between;align-items: start;gap: 20px;flex-direction: column;}
.calculateur form .row.form-group.plaque > div label { margin-bottom: 10px;}
.calculateur-index-standardetat .calculateur form .row.form-group.plaque > div {gap: 00px;}
.calculateur form .row.form-group.plaque .btn {display:block; width: auto;}
.calculateur select.form-control {background: url(../images/select-arrow-blue.webp) no-repeat right center #FFF;background-size: 24px 30px;background-origin: border-box;padding: 8px 36px 8px 10px;background-position-x: calc(100% - 8px);color: var(--black);}
.calculateur select.form-control option {line-height: 60px;padding: 20px 0px;margin: 30px;}
.calculateur input[name=plaque] {text-transform: uppercase;background: url(../images/input-plaque-bg.svg) no-repeat left center #053b77;border: none;padding: 8px 10px 8px 30px;text-align: center;font-size: 24px;height: auto;color: var(--black);background-size: contain;aspect-ratio: 280/53;max-width: 400px;font-family: RobotoB;}
.calculateur .submit-panel {text-align: right;padding-top: 0;}
.calculateur .submit-panel > div {display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;}
.calculateur .submit-panel > div a.back {display:none;color: var(--dark-blue);text-decoration: none;font-size: 14px;font-family: 'RobotoB';}
.calculateur .submit-panel .btn {margin: 0;font-size: 16px;font-family: 'Roboto';}

@media(min-width: 768px) {   
  .pagebuilder-index-index .container-title .calculateur {min-width:278px;}
  .calculateur .form-group .case {text-align:right;}
  .calculateur form .row.form-group.plaque > div {gap: 20px;flex-direction: row; align-items: center;}
  .calculateur form .row.form-group > div:first-child {flex-direction: row; justify-content: space-between;}
  .calculateur input[name=plaque] {max-width: 300px;font-size: 30px;} 
}
@media (min-width:992px) { 
  .calculateur {}
  .calculateur fieldset  {padding: 20px 20px 20px 20px;}
  .calculateur form .row.form-group.plaque .btn {padding: 3px 12px;line-height: 18px;}
  .calculateur .submit-panel > div { padding-left: 30px;}
  .calculateur .submit-panel > div a.back {display:block;}
}
@media (min-width:1240px) {   }
  
  /* Bloc Calculateur */
  .pb-calculateur {}
  .pb-calculateur .row {background-repeat: no-repeat;}
  .pb-calculateur .row > img {}
  .pb-calculateur .title {position: absolute;background-color: #203864db;top: 140px;font-family: RobotoB;color: #fff;font-size: 18px;padding: 15px;line-height: 20px;text-wrap: balance;/* box-shadow: inset 0px -55px 6px -8px #203864b8; *//* text-shadow: 1px 1px 0px #203864; */border-top-right-radius: 15px;border-bottom-right-radius: 15px;width: 90%;} 
  .pb-calculateur .row .pb-calculateur-wrapper {/* box-shadow: 1px 5px 6px #666; */padding: 20px;}
  .pb-calculateur .row .pb-calculateur-wrapper > div:first-child p {font-size:26px;line-height: 30px;font-family:RobotoB;}
  .pb-calculateur .col-pb-calc {}
  .pb-calculateur .img-container {/*background-color:#ff0000*/}
  .pb-calculateur  .col-pb-calc .icon-demarche {width: fit-content;margin: 0 auto 15px auto;color: #fff;text-align: center;font-size: 60px;border-radius: 14px;padding: 6px 12px;} 
  .pb-calculateur  .col-pb-calc .icon-demarche {background-color: #203864;} 
  .pb-calculateur  .col-pb-calc.bg-dark-blue .icon-demarche {background-color: #ffffff; color: #203864;} 
  .pb-calculateur  .col-pb-calc.bg-fushia .icon-demarche {background-color: #ffffff; color: #203864;} 
  .pb-calculateur  .calculateur {margin-top:24px;}

  @media(min-width: 768px) {  
    .pb-calculateur .row img {position: absolute;width: 50%; left:0; top:0;}
    .pb-calculateur .title {position: absolute;width: 36%;bottom: 80px;top:auto;font-size: 28px;padding: 35px 0 35px 20px;line-height: 30px;/* box-shadow: inset -50px -100px 15px 27px #2038649c; *//* text-shadow: 1px 1px 0px #203864; */border-top-right-radius: 15px;border-bottom-right-radius: 15px;} 
    .pb-calculateur .img-container {}
    .pb-calculateur .col-pb-calc {margin: 40px 0;padding:0;border-radius: 15px;box-shadow: 1px 5px 6px #66666687;}  
    .pb-calculateur .row .pb-calculateur-wrapper {padding: 40px;/* border-radius: 15px; */}    
  }
  
  /* Bloc marques véhicules */
  .vehicules-list {display: flex;flex-direction: row;align-items: start;justify-content: space-around;flex-wrap: wrap;gap: 3%;}
  .vehicules-list > div {flex: 0 1 46%;text-align: center;/* background-color: #d0d0d0; */box-shadow: 2px 1px 8px #c0c0c0;padding: 16px 4px;margin-bottom: 14px;align-self: stretch;}
  .vehicules-list > div > a {display: flex;flex-direction: column;align-items: center;font-family:RobotoB;font-size: 18px;text-decoration: none;}
  .vehicules-list > div > a:hover { text-decoration:underline;}
  .vehicules-list > div .marque-name { margin-top: 18px; }
  .vehicules-list > div img {max-height: 120px;width: auto;max-width: 80%;object-fit: contain;}
  .vehicules-list > div ul {margin: 0;padding: 0;text-align: left;margin-left: 35px;font-size: 16px;line-height: 14px;}
  .vehicules-list > div ul li { margin: 0; padding: 0;}
  .vehicules-list > div ul li a { text-decoration:none;}
  .vehicules-list > div ul li a:hover { text-decoration:underline;}
  @media(min-width: 768px) {   
  .vehicules-list { gap: 2%; }
  .vehicules-list > div {flex: 0 1 31%;}
  }
  @media (min-width:992px) { 
  .vehicules-list {gap: 1%; }
  .vehicules-list > div {flex: 0 1 23%;}
  }
  @media (min-width:1240px) {  
  .vehicules-list {}
  .vehicules-list > div {flex: 0 1 19%;}
  }


  /* Bloc maillage lexique */
  .lexique-words {padding: 15px 25px; border-radius: 15px; background-color: var(--ultra-light-blue);}
  .lexique-words h2 {}
  .lexique-words ul {margin:20px 0;}
  .lexique-words li {}
  .lexique-words li a {}

  /* Bloc réutilisable */
  ul.ul-withicons { padding-left: 15px;}
  ul.ul-withicons li { display: flex; flex-direction: row; gap: 20px; justify-content: flex-start; align-items: center;}
  ul.ul-withicons li:before{ content: ""; width: 0;}
  ul.ul-withicons li > span:first-child{ font-size: 48px; flex: 0 0 52px;}

  /* Tableau régions taxes fiscales */
  .regions-taxe-table {}
  .regions-taxe-table th {}
  .regions-taxe-table.table > tbody > tr > td {vertical-align:middle;}
  .regions-taxe-table.table > tbody > tr > td:nth-child(3),
  .regions-taxe-table.table > tbody > tr > td:nth-child(4),
  .regions-taxe-table.table > thead > tr > th:nth-child(3),
  .regions-taxe-table.table > thead > tr > th:nth-child(4) {text-align:center;}
  .regions-taxe-table img {min-width:28px;}

  /* page FAQ */
  .faq-section h2, h3, h4 {display:block}
  .faq-section h2 {margin-bottom: 12px;}
  .faq-section h4 {font-size: 20px;font-family: RobotoB;}
  .faq-section > ul {list-style: none;padding-left: 0;padding-right: 0;margin-top: 15px;margin-bottom: 0;}
  .faq-section > ul > li { margin-bottom: 12px; position: relative;}
  .faq-section > ul > li::before {content: "•";color: var(--dark-blue);display: none;width: 20px;margin-left: -20px;font-size: 38px;position: relative;top: 8px;}
  .faq-section .question {font-size: 17px;font-family: RobotoB;color: #203864;}
  .faq-section .answer {/* font-size: 16px; *//* font-family: Roboto; */color: #333;margin-bottom: 18px;display: block;}
  .faq-section .answer p {margin: 2px 0 6px;}
  .faq-section .answer ul {}
  .faq-section .answer li {margin-bottom: 0px;}
  .faq-section .answer ol li:before {display:none;}
  .faq-search-bar .inputs { display: flex; gap: 0px; flex-direction: row; width: 100%; align-items: stretch;}
  .faq-search-bar input[type="text"] {flex: 1 1 100%;border-top-left-radius: 8px;border-bottom-left-radius: 8px;padding: 4px 20px;border-width: 1px;border-right: none;}
  .faq-search-bar button {border-radius: 0;border-top-right-radius: 8px;border-bottom-right-radius: 8px;font-size: 17px;padding: 6px 10px;}
  .faq-search-bar .results { font-size: 14px; color: var(--dark-grey); }