/* appels des polices en local */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-latin.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans-latin.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}
:root {
  --f-base-black:#212427;
  --color-red: #df2f4e;
  --color-border: #919191;
  --color-text: #212427;
}
:root body {
  --f-h2-text-size: 24px;
  --f-home-max-width: 1200px;
  --f-ts-max-width: 1200px;
  --f-space:1.5rem;
  --f-radius:1.4rem;
  --f-typo:"Work Sans", Lato, sans-serif;
  --f-typo2:var(--f-typo);
  --f-typo-fontawesome:"FontAwesome";

  --f-label-color:var(--color-text);
  --f-label-margin:32px 0 8px 0;

  --f-field-bg-color:var(--f-white);
  --f-field-border-top-color:var(--color-border);
  --f-field-border-bottom-color:var(--color-border);
  --f-field-border-left-color:var(--color-border);
  --f-field-border-right-color:var(--color-border);
   --f-field-bg-color-hover:var(--f-white);
  --f-field-radius:5px;

  --f-recap-bg-color:var(--f-grey-lightest);
    --f-field-disable-text-color:var(--f-text-grey);
    --f-field-disable-bg-color:#F7F7F1;
    --f-field-disable-border-type:solid;
    --f-field-disable-border-color:var(--f-grey-light);
    --f-field-disable-radius:var(--f-radius-xs);

  --f-button-border-color:transparent;
  --f-button-border-color-hover:transparent;
  --f-button-border-color-focus:transparent;
  
  --f-encadre-margin:0 -1.5rem;
  --f-encadre-padding:0 1.5rem;
  --f-encadre-bg-color:transparent;
  --f-encadre-recap-bg-color:var(--f-white);
  --f-encadre-border-color:var(--f-white);
  --f-encadre-shadow:none;
}
body .displaynone, 
body .fc-buttonGroup-scroll .fc-nonDisplay {
    display: none;
}
body a {
  text-decoration: none;
}
body a:hover {
  color: var(--color-text);
}
.dem_sans_etape .bw-steps-tv > nav {
  /*display: none !important;*/
  visibility: hidden;
  height: 0;
}
.mask {
  display: none;
}
#menu_secondaire select option {
  background-color: #fff;
}
.infobulle_speciale {
  line-height: 1.1em;
  margin-top: -8px;
  margin-bottom: 0;
}
.bw-steps-tv .infobulle_speciale span,
.bw-steps-tv .infobulle_speciale p {
  margin-bottom: 7px;
  color:var(--f-grey);
  font-size:var(--f-text-size-xs);
}
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose {
  border:0;
  padding:1rem;
  display:flex;
  justify-content:flex-start;
}
body .ui-fileupload.BWComponent156 fieldset.bw-download-content legend {
    padding-bottom: 0;
}
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar {
  width:100%;
}
.formPj .pj_speciale + .infobulle_speciale {
  margin-top: -20px;
  line-height: 1.1em;
  margin-bottom: 17px;
}
.formPj .pj_speciale .bw-add-upload-label {
  margin-bottom: 20px;
}
.formPj .pj_speciale .bw-add-upload-label button {
  font-weight: bold;
  display: block;
}
.formPj .pj_speciale .bw-add-upload-label button:hover {
  text-decoration: underline;
  font-weight: bold;
}
.infobulle_speciale a {
  color: #6a7791;
  font-size: 1.3rem;
  text-decoration: underline;
}
.infobulle_speciale a:hover {
  color: #000;
}
/* .sans_marge_include .adresse_search label {
    margin-top:0 !important;
} */
/* variables de couleurs */
/*
:root {
    --primaire: #FFCC2A;
    --primaire-bg:#FFF7DB;
    --primaire-hover:#FFD95F;
    --bg-img-accueil:#f4d66c3b;
    --primaire-black:#212427;
  	--primaire-black-hover:#4E5257;
    --gris-fonce: #707070;
    --gris-moyen:#00000029;
    --gris-clair:#DFEAEE;
    --neutral-bg:#F7F7F1;
  	--button-text:#212427;
  	--button-text-hover:#212427;
}
*/
.font,
body,
html,
button,
p,
a,
label,
input,
textarea,
body textarea,
body .ui-messages .ui-messages-warn ul li,
body .ui-messages .ui-messages-error ul li,
body .ui-messages .ui-messages-success ul li,
body .ui-messages .ui-messages-grey ul li,
body
  .legend_h2
  .ui-fileupload.BWComponent156
  fieldset.bw-download-content
  legend,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Work Sans", "Lato", sans-serif !important;
}
body {
  background: #fff;
  color: var(--primaire-black);
  overflow-x: hidden !important;
  font-size: 16px;
}
header {
  /* position: fixed; 
    position:absolute; */
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  margin: 0px !important;
}
body a:focus {
  padding-left:unset;
  padding-right:unset;
}
.c_smart {
  display: none;
}
body .p_Button.desktop {
  display: block !important;
  margin-bottom: 1.5rem;
}
.desktop {
  display: block;
}
.mobile {
  display: none !important;
}

@media all and (max-width: 968px) {
  body .p_Button.desktop {
    display: none !important;
  }
  .desktop {
    display: none;
  }
  .mobile {
    display: block !important;
  }
}
/*main{
    margin-top: 134px !important;
}*/

.sr-only {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.sr-only-focusable:focus {
  clip: auto !important;
  clip-path: none !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  width: auto !important;
  white-space: normal !important;
}
/*
body .rgaa-focus-state tr:has(td:focus-visible) {
	outline-style: auto !important;
}*/
#preban {
  z-index: 100;
}
body .ui-button,
.itemMessage.parDemandeur .bulleMessage,
.zoneMessage
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-state-hover,
body .ui-button:focus,
.bw-steps-tv > nav > ul > li.ui-state-active:before,
.btn_like a {
  background: var(--primaire);
  color: var(--button-text);
}

body a,
footer ul a,
#ban nav a:hover,
#ban nav a.active,
.zone_search button,
.list-cat a.active,
.list-cat a:hover,
.carte .link .ui-button,
.carte .btn_link .ui-button,
.btn-like a,
body .link .ui-button,
body .btn_link .ui-button,
.zoneMessage
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose
  .ui-button-text,
.zoneMessage
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose,
footer ul a:hover,
.listAides h2,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose
  .ui-button-text {
  color: var(--primaire-black);
  text-underline-offset: 3px;
}

mark {
  background: none;
  border-radius: 4px;
  font-size: 1em;
  display: flex !important;
  align-items: center;
}
mark a:hover {
  color: var(--primaire-black);
  text-decoration: underline;
}
mark a::before {
  content: url("../img/icone-telecharger.svg");
  padding-right: 1rem;
}
.textarea_big textarea.ui-inputfield {
  min-height: 200px;
}
/* titres */
h1,
h2,
h3,
h4,
.h1-like {
  font-weight: 600;
  color: var(--primaire-black);
}
h1,
.h1-like,
.to-h1-like h2 {
  font-size: 2.5em;
  line-height: 1.175em;
  margin: 3rem 0 2rem 0;
  /*padding-bottom: 25px;*/
}
.page_suivre h1,
.titre_page h1 {
  margin-top: 72px;
  margin-bottom: 2rem;
}
main .container_titre_monespace .titre_page h1 {
  margin-bottom: 56px;
}
h2 {
  font-size: 24px;
  line-height: 1.11em;
}
body .simuler_aide h2,
body .a-quoi h2,
body .comment_home h2,
body .faq_home h2,
body .blocLarge h2,
.titre_container h2,
.home h2 {
  font-size: 36px;
}
body .a-quoi h2,
body .comment_home h2,
body .faq_home h2,
body .blocLarge h2,
.titre_container h2,
.home h2 {
  margin-bottom: 56px;
}
.home h3 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
  line-height: 1.25em;
}
h4 {
  font-size: 16px;
}
main h2 {
  margin-top: 56px;
}

main fieldset.detail_demarche h2 {
  font-size: 24px;
}
#ban {
  padding-top: 0rem;
}
body .p_Text label {
  font-weight: 600;
}
body.stickyMenu .div_principal,
.sticky {
  position: fixed !important;
  width: 100%;
  left: 0;
  top: 0;
  /* height: 62; */
  z-index: 100;
  border-top: 0;
  z-index: 100000000;
}
body.stickyMenu #nav_secondaire,
body.stickyMenu .container_bandeau_info {
  display: none;
  height: 0 !important;
}
body form .BWIndexScreen > div > div,
body form .BWIndexScreen > div {
  height: auto;
}
body form .BWIndexScreen {
    height:auto;
  }
@media all and (min-width: 969px) {
  body .BWIndexScreen {
    margin-top: 0px !important;
  }
  /*body.stickyMenu .BWIndexScreen {
    margin-top: 150px !important;
  }*/
  body.stickyMenu .BWIndexScreen {
    margin-top: 70px !important;
  }
}
@media all and (max-width: 968px) {
  body.stickyMenu #menu_mobile .logo_txt {
    display: none;
    height: 0 !important;
  } /*
body.stickyMenu {
    -webkit-overflow-scrolling: touch;
      }*/
  body header {
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    /* height: 62; */
    z-index: 100;
    border-top: 0;
    z-index: 999;
  }
}
nav#nav_principal {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.5rem;
  padding: 0;
  height: 58px;
  /* height: 62px; */
  background: #fff;
  z-index: 100000;
  position: relative;
}
body.stickyMenu .div_principal #menu_principal li a,
body.stickyMenu .div_principal nav#nav_principal {
  height: 70px;
}
ul#menu_principal {
  justify-content: start;
  padding: 0;
  margin: 0;
  /* background: red; */
  /* z-index: 10000; */
}
#menu_desktop li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#menu_desktop ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
body #menu_secondaire .notifications_menu {
  display:none;
}
body.stickyMenu .div_principal #nav_principal {
  left: 9rem;
}
form .ui-datalist-empty-message,
body .nothing {
  min-height: 0;
}
form main.ui-g > div {
  padding-top: unset;
  padding-bottom: unset;
}
#menu_principal li a {
  font-weight: 400;
}
nav#nav_secondaire {
  display: flex;
  justify-content: space-between;
  padding: 0 3.5rem;
  padding: 0;
  position: relative;
  z-index: 10000;
  height: 77px;
  align-items:stretch;
}
nav #menu_secondaire li:last-child a::before {
  display: none;
}
#menu_mobile {
  display: none;
}
#ban nav a {
  display: inline-block;
  margin: 0;
  color: var(--primaire-black);
  font-weight: 500;
  line-height: 1;
  position: relative;
  border-bottom: 2px solid transparent;
}
.logo-portail {
  width: auto !important;
  height:100%;
  background: none;
  min-width: auto;
  display: flex !important;
  align-items: center;
}
#ban .div_secondaire nav .logo-portail:hover {
  background: #e8e8e8;
  text-decoration: none;
}
.logo_txt {
  display: grid;
  margin-left: 2rem;
  /*width: 330px;*/
  width: 222px;
}

/*.logo_txt p.logo_titre,*/
.logo_txt span.logo_titre {
  font-size: 1.25em;
  font-weight: bold;
}
/*.logo_txt p.logo_soustitre,*/
.logo_txt span.logo_soustitre {
  font-size: 1em;
}

/* deb to_autocomplete */
body .to_autocomplete > div > div div {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
body .to_autocomplete > div input {
  margin-bottom: 0 !important;
}
.to_autocomplete ul {
  border: 1px solid #919191;
  border-top: 0;
  padding: 1rem !important;
  border-radius: 4px;
}
.to_autocomplete ul li {
  padding: 0;
}
body .to_autocomplete ul li div * {
  padding: 0;
  margin: 0;
}
.to_autocomplete ul li div label {
  padding: 0.5rem;
  margin: 0 !important;
  display: block;
}
.to_autocomplete ul li div label:hover {
  text-decoration: underline;
  cursor: pointer;
}
.to_autocomplete ul li div label:focus {
  color: var(--primaire-black) !important;
}
/* fin to_autocomplete */

a.rechercher,
a.connexion,
a.espace {
  padding: 8px 9px;
  border-radius: 4px;
  font-size: 1em;
  padding: 1.5rem 2rem !important;
}
a.rechercher {
  background: var(--primaire-black);
  color: #fff !important;
  /* padding: 1.5rem 2rem; */
  /* font-size: 16px; */
}
a.connexion {
  background: var(--primaire-black);
  color: #fff !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center;
}
a.espace {
  font-weight: 600 !important;
  border: 1px solid #b9c0c5 !important;
  display: flex !important;
  align-items: center;
}
a.espace:hover,
a.espace:focus {
  text-decoration: underline !important;
  border: 1px solid var(--primaire-black) !important;
}
a.connexion::before,
.connexion_mobile .icon:before {
  content: url("../img/picto_portail/icone-profil	.svg") !important;
}
a.espace::before,
.espace_mobile:before {
  content: url("../img/picto_portail/icone-profil-noir.svg") !important;
}
a.connexion::before,
a.espace::before {
  transform: translateY(0%) !important;
  height: auto !important;
}

.bDeconnexion {
  position: absolute;
  top: 0;
}

a.rechercher:focus {
  padding: 8px 9px;
}
a.rechercher:hover {
  background: #212427 !important;
  border-bottom: 2px solid transparent !important;
}
a.suivi_dem_menu,
a.aide_menu,
a.deconnexion {
  font-weight: 600 !important;
}
a.rechercher::before,
/*a.connexion::before,*/
.comment:after,
.demarches:after,
.besoin:after,
.rechercher_mobile:before,
/*.connexion_mobile:before,*/
.suivi_dem_menu:before,
.aide_menu:before {
  font-family: FontAwesome !important;
  font-weight: 900 !important;
  display: inline-block !important;
  font-size: 1.5em !important;
  padding-right: 1rem;
  margin: 0 !important;
  position: relative !important;
  transform: none !important;
  background: transparent !important;
}
a.rechercher::before,
.rechercher_mobile:before {
  content: "\f002" !important;
  color: #fff !important;
}
a.connexion::before,
.connexion_mobile .icon:before,
a.espace::before,
.espace_mobile:before {
  /*content: "\f007" !important;
    color: var(--primaire-black) !important;*/
  font-size: 1.5em !important;
  padding-right: 0rem;
  margin: 0 !important;
  position: relative !important;
  background: transparent !important;
}
.suivi_dem_menu:before {
  /*content: "\f03a" !important;*/
  color: var(--primaire-black) !important;
  font-size: 1.8em !important;
  content: url(../img/picto_portail/picto-suivre-demarche.svg) !important;
}
.aide_menu:before {
  /*content: "\f059" !important;*/
  color: var(--primaire-black) !important;
  font-weight: 400 !important;
  font-size: 1.8em !important;
  content: url(../img/picto_portail/picto-aide.svg) !important;
}
.connexion_mobile:before,
.rechercher_mobile:before {
  /*transform: translate(52%, 35%) !important;*/
  transform: translate(30%, 39%) !important;
}
#menu_secondaire li:last-child a.connexion {
  margin-left: 10px;
}
.connexion_mobile,
.rechercher_mobile {
  background-color: var(--primaire-black) !important;
  margin-right: 2rem !important;
  /*border: 1px solid var(--primaire-black);*/
  height: 4rem;
  width: 4rem;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.connexion_mobile .icon {
  margin: 0;
  line-height: 4rem;
}
.rechercher_mobile {
  background: #212427;
}
nav #menu_secondaire li:last-child a.connexion::before,
nav #menu_secondaire li:last-child a.espace::before {
  width: auto;
  color: #fff !important;
}
.menu_desktop a.logo-portail.active {
  background: none !important;
}
.menu_desktop a.logo-portail.active {
  border-bottom: none !important;
}
.autoComplete_wrapper ul {
  border: 1px solid #bfbfbf;
  margin: 0;
  padding: 15px;
}
.autoComplete_wrapper ul li::before,
.autoComplete_wrapper ul li::marker {
  display: none;
}
.autoComplete_wrapper ul li {
  list-style-type: none;
}
.autoComplete_wrapper {
  margin-bottom: 10px;
}

#menu_principal li a,
nav #menu_secondaire li a {
  padding: 12px 0px;
  border-bottom: 2px solid transparent;
}

nav #menu_secondaire li a {
  padding: 1rem 1.5rem;
  font-size: 1em;
  display: flex;
  align-items: center;
}
#menu_principal li a {
  padding: 1.6rem 0;
  /*margin-right: 2rem !important;*/
  margin-right: 46px !important;
  /* z-index: 1000; */
}
.comment:after,
.demarches:after,
.besoin:after {
  content: "\f107";
  padding-left: 1rem;
  color: var(--primaire-black) !important;
}
.comment.active:after,
.demarches.active:after,
.besoin.active:after {
  content: "\f106";
}
#ban nav a:hover,
#ban nav a.active {
  border-radius: 0;
  background: none;
  text-decoration: unset;
  border-bottom: 3px solid var(--primaire-black);
  /*color: var(--primaire-black) !important;*/
}
#ban nav a.connexion:hover,
#ban nav a.connexion.active {
  background: var(--primaire-black-hover);
}
#ban nav a.connexion:hover,
#ban nav a.connexion.active,
#ban nav a.rechercher:hover,
#ban nav a.rechercher.active {
  text-decoration: underline;
}
#ban nav a.connexion:hover,
#ban nav a.connexion.active,
#ban nav a.espace:hover,
#ban nav a.espace.active,
#ban nav a.rechercher:hover,
#ban nav a.rechercher.active {
  border-radius: 4px;
}
#ban nav a.rechercher:hover,
#ban nav a.rechercher.active {
  color: #fff !important;
}
/*#ban .div_secondaire nav a.espace:hover, 
#ban .div_secondaire nav a.espace.active{
  border-bottom: 1px solid#B9C0C5 !important;
}*/

#ban .div_secondaire nav a:hover {
  text-decoration: underline;
}
#ban .div_secondaire nav a:hover,
#ban .div_secondaire nav a.active {
  border-bottom: 2px solid transparent;
}
nav#nav_secondaire {
  /* border-bottom: 1px solid #E1E3E5; */
  margin: auto;
  padding: 0;
}
nav#nav_principal {
  /* border-bottom: 1px solid #E1E3E5; */
  margin: auto;
}
.div_principal,
.div_secondaire {
  border-bottom: 1px solid #bfbfbf;
  /* z-index: 10; */
  position: relative;
}
body.stickyMenu .div_principal {
  background: #fff;
}

ul#menu_secondaire {
  /* border-left: 1px solid #BFBFBF; */
  height: 100%;
}

.menu_part > div {
  padding: 0;
}
#ban .inner {
  display: block;
}
.inner,
body .p_TabView.inner {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.bloc_logo {
  display: flex;
  align-items: center;
}
.logo-portail img {
  width: auto;
}
#menu_mobile .logo-portail img {
  display: none;
  width: auto;
  /*height: 68px;*/
  height: 55px;
  padding-left: 1.5rem;
}
body .p_Text label,
label,
.label-like > div > span *,
body .ui-fileupload.BWComponent156 fieldset.bw-download-content legend,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose
  .ui-button-text,
.labelFormCustom {
  font-weight: 400;
}
.labelFormCustom {
  color: #161e2e;
  font-size: 1.6rem;
  line-height: 1.222em;
  margin: 24px 0 0 0;
  display: inline-block;
  font-family: inherit;
  margin-bottom: 0.5rem;
}
body form .ui-inputfield {
  max-width: none;
  font-size: 1.6rem;
}
.guichet_num {
  /* border-left: 2px solid #BFBFBF; */
  padding-left: 1rem;
  margin-left: 1rem;
  height: auto;
  font-family: "Work Sans" !important;
}
/*
.bandeau_accueil .container_bg_img>div, 
.container_commment_faire_si, 
.container_demarches_themes>div, 
.container_simuler_aides, 
.container_utilite_portail, 
.container_utilisation>div, 
.container_aide {
    margin: 4rem auto !important;
}
 */
.container_comment_faire,
.container_demarches_theme,
.container_besoin_aide {
  display: none;
  position: absolute;
  width: 100%;
  /* top: 1px; */
  margin-top: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  margin-left: 0 !important;
  box-shadow: 0 5px 10px rgb(0 0 0 / 6%);
  z-index: 10;
  max-width: calc(1439px + 3rem) !important;
}
.container_comment_faire ul,
.container_demarches_theme ul,
.container_besoin_aide ul {
  display: flex;
  flex-wrap: wrap;
}
.container_comment_faire li,
.container_demarches_theme li {
  width: 33%;
}
.container_besoin_aide li {
  width: 50%;
}
.container_comment_faire > div,
.container_demarches_theme > div,
.container_besoin_aide > div {
  padding: 2rem 4rem 4rem;
}
.acces_rapides {
  background: var(--primaire-black);
}
.acces_rapides .p_HyperLink {
  padding-bottom: 2rem;
}
.acces_rapides .p_HyperLink a {
  font-size: 1.125em;
}

.container_comment_faire button,
.container_demarches_theme button,
.container_besoin_aide button {
  text-decoration: none !important;
  background: none;
  color: var(--primaire-black);
  padding: 0;
  text-transform: none;
  line-height: 1.5em;
  font-size: 2.4em;
  font-weight: 600;
}
.container_comment_faire button:hover,
.container_demarches_theme button:hover,
.container_comment_faire button:focus,
.container_demarches_theme button:focus {
  background: none;
  color: var(--primaire-black);
}
body .ui-button:hover,
body .ui-button.ui-state-hover,
.btn_like a:hover,
.btn_like a:focus {
  /*background: var(--primaire-black-hover);*/
  text-decoration: underline !important;
  /*color: #fff !important;*/
  background: var(--primaire-hover);
  /*color: var(--primaire-black);*/
  color: var(--button-text-hover);
}

.container_comment_faire button.ui-state-hover,
.container_demarches_theme button.ui-state-hover,
.container_besoin_aide button.ui-state-hover {
  text-decoration: none !important;
  background: none;
}
/* .container_comment_faire button::after {
    content: url(/static/img/icone_fleche_noire.svg);
    padding-left: 0.5rem;
} */
body .container-filter .ui-g-12 {
  padding-right: 0;
}
body .ui-g-12.container-liste-ts {
  padding: 0px;
}

.acces_rapides label,
.acces_rapides a {
  color: #fff !important;
}
.header_column {
  padding: 0 !important;
}
.item_comment,
.item_aide {
  border: 1px solid #e1e3e5;
  border-radius: 5px;
  margin: 1rem;
  position: relative;
  margin: 2rem !important;
}
header .item_comment {
  height: 136px;
}
main .item_comment {
  height: 218px;
}
.item_comment:hover,
.item_aide:hover {
  border: 1px solid #212427;
  cursor: pointer;
}
.item_comment:hover label {
  text-decoration: underline;
}

.item_comment button,
a.cfs_link {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: none !important;
  display: flex;
  padding: 1.4rem 2.5rem 1.4rem 2.5rem;
}
.item_comment .ui-button.ui-state-hover,
.item_comment .ui-button.ui-state-focus,
.item_comment .ui-button.ui-state-active {
  background: none;
  box-shadow: none;
}
a.cfs_link:hover {
  text-decoration: none !important;
}
.item_comment > div {
  border-left: 5px solid var(--primaire);
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
}
.item_comment img {
  margin: 2rem 2rem 0 0;
  width: 30px;
}
.item_comment button:before,
a.cfs_link:before {
  /*     content: "\f054";
    content: url(/static/img/icone_fleche.svg); */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 2.5rem;
  background: var(--primaire-black);
  padding: 1rem;
  width: 25px;
  height: 25px;
  border-radius: 29px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.open_link_container {
  padding: 35px 0 15px 0;
}
a.open_link:before {
  content: url(../img/icone_fleche_noire.svg);
  padding-right: 1rem;
}
.item_comment button:before {
  content: url(/static/img/icone_fleche_blanche.svg);
}
.item_comment:hover button:before,
.item_comment:hover a.cfs_link:before {
  content: url(/static/img/icone_fleche_noire.svg);
}
.item_comment:hover a.cfs_link:before {
  background: var(--primaire);
}
a.cfs_link:before {
  content: url(/static/img/icone_fleche_blanche.svg);
}
.item_comment button span {
  display: none !important;
}
.item_comment label {
  font-size: 18px !important;
  font-weight: 600 !important;
  width: 108px;
}
.item_theme {
  margin: 0 2rem 2rem 0 !important;
}
.theme_title .p_Text {
  padding-bottom: 1rem;
  border-bottom: 2px solid #212417;
}
.item_aide > div {
  padding: 1.5rem;
}
.aide_title > div {
  margin: 0;
}
.aide_title label {
  font-size: 1.125em !important;
}
.aide_title {
  padding-top: 1.5rem;
}
.aide_title a {
  font-weight: 600;
  font-size: 11.125em;
  color: var(--primaire-black);
}
.aide_title a:hover,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-state-hover
  .ui-button-text,
body .bw-steps-tv .ui-fieldset .ui-fieldset p {
  color: var(--primaire-black);
}
body .bw-steps-tv .bw-error-attach:not(.empty) {
  padding: 0;
  margin: 0 0 5px 0;
  width: auto;
}
body .bw-steps-tv .bw-error-attach span.ui-message-error-detail {
  color: #cd3765;
  line-height: 1.2em;
}
.theme_description label,
.aide_description label {
  font-weight: 400 !important;
}
/* footer */
.LV_primaire ul,
.LV_secondaire ul,
.LV_tertiaire ul {
  display: block;
}
.footer_section_titre .p_Text label,
.footer_section_titre .p_Text p {
  font-weight: 600 !important;
  font-size: 1.6rem;
  margin: 0.5rem 0 0;
}
footer > div {
  max-width: calc(100% + 3rem) !important;
  padding: 0 !important;
}
.white_footer > div,
.eco_footer > div {
  max-width: calc(1366px + 3rem) !important;
}
.eco_footer > div {
  display: flex;
  justify-content: space-between;
}
/* .white_footer>div{
    padding: 0;
} */
footer {
  padding: 0;
}
footer a,
.cofinancement label {
  /* color: #fff !important; */
  font-weight: 400 !important;
}

.footer_section_titre label {
  font-weight: 600;
}
footer a {
  text-decoration: underline;
  color: var(--primaire-black);
}
.eco_footer a {
  color: var(--primaire-black) !important;
}
footer .white_footer li {
  padding: 0.5rem 0rem;
}
.white_footer {
  /* background: #000; */
  padding: 0 3rem;
  border-top: 5px solid var(--primaire);
}
.block_haut {
  border-bottom: 1px solid #5c5c5c;
}
.block_haut > div:first-child {
  /* border-right: 1px solid #5C5C5C; */
  padding: 0;
}
.ui-g > .inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ui-g > .inline > div:first-child {
  margin-left: 0;
}
.ui-g > .inline > div:last-child {
  margin-right: 0;
}
.ui-g > .inline > div {
  margin: 0 1rem;
}
.block_haut .inline {
  margin: 0 !important;
  max-width: 100% !important;
  align-items: baseline;
  justify-content: space-between;
}
.eco_footer {
  padding: 3rem;
}
.eco_footer .p_Text,
.white_footer .p_Text {
  margin: 0;
}
.eco_content .ui-outputpanel.ui-widget.p_Text {
  margin: 0;
}
.white_footer .block_haut,
.white_footer .block_bas {
  padding: 3rem 0;
}
.white_footer .block_bas > div {
  margin: 0;
  max-width: 100%;
  padding: 0;
}
.white_footer .block_bas ul {
  justify-content: start;
}
.block_bas > div > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.block_bas ul {
  margin: 0;
}
.block_bas p {
  /* color: #fff; */
  padding: 0.5rem 1rem 0 0;
}
.lien_bm {
  /* color: #fff; */
  font-size: 16px;
  padding-top: 1rem;
  font-weight: 600;
}
.logo_france_relance img {
  padding-top: 1rem;
}

.eco_content {
  /*width: 70%;*/
  max-width: 72% !important;
}
.eco_content p {
  margin: 0;
}

.lien_bm a {
  text-decoration: none;
  font-weight: 600 !important;
}
.lien_bm a:hover {
  color: var(--primaire-black);
}
.lien_bm a::after,
.container_bandeau_info .contenu_bandeau a::after {
  content: url(../img/picto_portail/fleche-lien.svg) !important;
  margin-left: 1rem;
}
.container_bandeau_alerte .contenu_bandeau a::after {
  content: url(../img/picto_portail/fleche-lien-rouge.svg) !important;
  margin-left: 1rem;
}

/*loader*/
/*body .ui_statusDialog.bwspinner,
body .ui_statusDialog.bwspinner-button,*/
body .ui-dialog.ui_statusDialog.bwspinner .ui-dialog-content,
body form > .ui_statusDialog.showDialog .ui-dialog-content {
  top: calc(50% - 8rem);
  left: calc(50% - 8rem);
  display: none !important;
}
body .ui-dialog.ui_statusDialog.bwspinner .ui-dialog-content,
body form > .ui_statusDialog.showDialog .ui-dialog-content {
  border-top-color: var(--primaire);
}
body .ui-dialog.ui_statusDialog.bwspinner .ui-dialog-content:before,
body form > .ui_statusDialog.showDialog .ui-dialog-content:before {
  border-top-color: var(--primaire-hover);
}
body .ui-dialog.ui_statusDialog.bwspinner .ui-dialog-content:after,
body form > .ui_statusDialog.showDialog .ui-dialog-content:after {
  border-top-color: var(--bg-img-accueil);
}
/* ACCUEIL */
.bandeau_accueil {
  /*background: bottom / cover no-repeat url("/static/img/img_illu_accueil.png");*/
  /* padding: 0 3.5rem; */
  /*min-height: 341px;*/
  min-height: 322px;
  z-index: 0;
  border-left: 5px solid var(--primaire);
  position: relative;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
}

.bandeau_accueil .bg_color_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-img-accueil);
}
.container_bg_img {
  height: 100%;
}
.container_bg_img > div {
  display: flex;
  align-items: center;
  padding: 0px;
}
@media (max-width: 1425px) {
  .container_bg_img > div {
    padding-left: 1.3rem;
  }
}
.container_demarches_themes,
.pagefroidespe_probleme_container {
  background: #f7f7f1;
}
.container_utilisation,
.block_ecoconception img,
.block_accessibilite img {
  background: var(--primaire-bg);
}
.block_ecoconception img,
.block_accessibilite img {
  border-radius: 4px;
}
.container_utilisation,
.container_utilite_portail,
.container_simuler_aides,
.container_demarches_top {
  /*padding: 3rem 0;*/
  padding: 38px 0 53px 0;
}
.block_ecoconception,
.block_accessibilite,
.block_hebergement {
  display: flex;
  align-items: center;
  width: auto;
  min-width: 30%;
}
.block_accessibilite > .inline {
  justify-content: center;
  flex-wrap: nowrap;
}
.block_hebergement > .inline {
  justify-content: end;
  flex-wrap: nowrap;
}
.block_ecoconception .p_Image {
  margin-bottom: 0 !important;
}

.bandeau_accueil > div {
  position: relative;
}
.block_suivi {
  position: absolute;
  top: 50%;
  right: 0%;
  width: 30rem;
  transform: translateY(-50%);
  /* background: black; */
  padding: 1rem;
  border: 1px solid var(--primaire-black);
  border-radius: 0.6rem;
  z-index: 10;
}
.zoneContenu .block_suivi {
  position: relative;
  top: 0%;
  transform: inherit;
  margin: 2rem 0;
}
body > form {
  padding: 0;
}
main.ui-g {
  margin-left: auto;
  margin-right: auto;
  min-height: auto;
  margin-bottom: 72px;
}
html body main.ui-g {
  margin-top: 0;
}
body .homepage .faq_home {
  margin-bottom: 0rem !important;
}
.pagefroide_content h1 {
  margin-top: 72px;
}
.pagefroide_content h3 {
  margin-top: 3rem;
}
.container_commment_faire_si ul,
.container_demarches_themes ul {
  display: flex;
  flex-wrap: wrap;
}
.container_commment_faire_si li {
  width: 25%;
}
/*.container_demarches_themes li {
    width: 33%;
}*/
.titre_theme_container {
  border-bottom: 3px solid var(--primaire-black);
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
}
.titre_theme {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primaire-black);
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
.ts_link a {
  color: var(--primaire-black);
  font-size: 2rem;
  padding-bottom: 1.5rem;
  line-height: 1;
  display: flex;
  align-items: center;
}
.ts_link a:before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  font-size: 1.3rem;
  margin-right: 1rem;
}
.ts_link a:hover {
  color: var(--primaire-black);
}
.ts_link a:focus {
  padding-bottom: 1.5rem;
}
.container_bg_img > div > div {
  z-index: 1;
}
.bandeau_accueil h1 {
  font-size: 44px;
  /* max-width: 500px; */
  width: fit-content;
  max-width: 71%;
  margin: 0 18% 0 -5px;
  /* z-index: 1000; */
  /* padding: 0.5rem; */
  /* line-height: 1; */
  /* background: #DFEAEE; */
  font-weight: 600;
  /* white-space: break-spaces; */
}
.bandeau_accueil h1 span {
  background: var(--primaire-bg);
  line-height: 1.15em;
  padding: 0 15px;
  margin-left: -15px;
}
.bandeau_accueil .titre_accueil .p_Text {
  margin-top: 0;
}
.title,
.title:after {
  background-color: var(--primaire-bg);
}
.title {
  position: relative;
  line-height: 1;
  color: var(--primaire-black);
  display: inline;
  white-space: pre-wrap;
  border: 0 solid var(--primaire-bg);
  border-width: 0; /* 0.25em is roughly equal to one space character. */
}
.title {
  position: relative;
  /* line-height: 1; */
  color: var(--primaire-black);
  display: inline;
  white-space: pre-wrap;
  border: 0 solid var(--primaire-bg);
  /* border-width: 0.25em; */ /* 0.25em is roughly equal to one space character. */
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
}
/* .title > span {
  position: relative;
  z-index: 1;
} */
/* .title:after {
  content: "";
  position: absolute;
  top: 0em;
  right: 100%;
  bottom: 0em;
  width: 0.2em;
  background-color: var(--primaire-bg);;
} */
body .container_demarches_top .p_Text {
  margin-top: 0;
}
.padded-multiline {
  line-height: 1.2;
  padding: 2px 0;
  width: 400px;
  margin: 20px auto;
}
.padded-multiline span {
  display: inline;
  padding: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.champ_suivi > div,
.champ_recherche > div {
  display: flex;
  padding: 0;
}
.champ_suivi input,
.champ_recherche input {
  border-radius: 0.4rem 0 0 0.4rem;
  /* border: none; */
  padding: 1rem 0.7rem;
  border-right: none !important;
}
.btn_rechercher .ui-button.ui-button-text-only .ui-button-text {
  padding: 0;
  overflow: visible;
  line-height: 1.5em;
}
.champ_suivi .ui-button,
.champ_recherche .ui-button {
  border-radius: 0 0.4rem 0.4rem 0;
  /*padding: 12px 2rem 13px;*/
  padding: 11px 2rem 12px;
  margin: 0;
  z-index: 1;
  color: var(--button-text);
  font-weight: 600;
  border: 1px solid #919191 !important;
  border-left: 0 !important;
}
.champ_recherche .btn_rechercher,
.champ_recherche .p_EditText {
  margin-bottom: 0 !important;
}
.zone_search {
  border: 0;
  padding: 0;
  max-width: 48rem;
  position: relative;
}
.zone_search legend {
  display: none;
}
.zone_search::after {
  display: none;
}
.champ_recherche .ui-inputfield {
  width: 260px !important;
  margin: 0;
  margin-right: -7px;
  border: 2px solid #c9d0d8;
  font-size: 1.6rem;
  line-height: 1;
  background: #fff;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg)
    no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: 1;
  pointer-events: all;
}
.blocs2 {
  justify-content: space-between;
}
.blocs2 > div:first-child {
  width: 65%;
}
.blocs2 > div:last-child {
  width: 30%;
  padding-left: 5%;
}

@media (max-width: 968px) {
  /* deb 968 */
  .btn_rechercher button {
    max-width: 6rem;
    overflow: hidden;
  }
  .btn_rechercher span {
    display: flex !important;
    align-items: center;
    justify-content: start;
    font-size:0;
  }
  .btn_rechercher span:before {
    content: url("../img/picto_portail/icone-search.svg");
    transform: scale(1.5);
  }

  .tab_connexion .tab_connexion > div:first-child {
    width: 100%;
  }
  .tab_connexion .tab_connexion > div:last-child {
    width: 0%;
  }
  .container_demarches_themes .p_ComboBox {
    margin-bottom: 32px;
  }
  .container_demarches_themes .p_ComboBox .pagination_btn {
    margin-top: 0;
  }

  /* fin 968 */
}
/* .champ_suivi input.ui-state-focus,
.champ_suivi input.ui-state-hover,
.champ_suivi .ui-inputfield:focus,
.champ_suivi .ui-inputfield.ui-state-hover.ui-state-focus,
.champ_suivi .ui-inputfield.ui-state-focus:not(.ui-state-error):focus, 
.champ_suivi .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-inputfield.ui-selectcheckboxmenu-multiple-container:not(.ui-state-error):focus{
    border: none;
    box-shadow: none;
} */
.block_suivi p {
  color: var(--primaire-black);
}
.titre_suivi p {
  color: var(--primaire-black);
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 0;
}
.lien_compte {
  color: var(--primaire-black);
  text-decoration: underline;
}
.titre_container h2 {
  font-weight: 600;
  margin-bottom: 36px;
  margin-top: 0px;
}
.container_utilisation .titre_container h2 {
  text-align: center;
  width: 642px;
  margin: 0 auto 2rem;
}
.container_simuler_aides > .inline {
  border-bottom: 1px solid #b7b7b7;
  border-right: none;
  border-left: none;
  /* padding: 2rem 0; */
  display: flex;
  align-items: center;
}
.container_simuler_aides > div {
  justify-content: space-between;
}
.simuler_aides_texte {
  max-width: 650px;
}
.titre_aides {
  max-width: 300px;
  display: flex;
  align-items: center;
}

.titre_aides:before {
  /*width: 69px;
    height: 69px;*/
  width: 85px;
  height: 74px;
  content: "";
  /*-webkit-mask: url(/static/img/icone-simuler-aides.svg) no-repeat ;*/
  /*mask: url(/static/img/icone-simuler-aides.svg);*/
  mask-size: cover;
  background-color: var(--primaire);
  margin-right: 2rem;
  mask-repeat: no-repeat !important;
  -webkit-mask-repeat: no-repeat !important;
}

.container_simuler_aides button {
  background: var(--primaire);
  color: var(--primaire-black);
}
.container_simuler_aides button:hover {
  background: var(--primaire-hover);
}
.container_simuler_aides button:hover span {
  text-decoration: underline;
}

.block_utilisation_1,
.block_utilisation_2,
.block_utilisation_3 {
  height: auto;
  display: flex;
  justify-content: center;
}
.block_utilisation_1 > div,
.block_utilisation_2 > div,
.block_utilisation_3 > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 480px;
}
/*
.block_utilisation_1>div:first-child,
.block_utilisation_3>div:first-child{
        justify-content: right;
}
*/
.container_utilisation_portail h3,
.container_utilite_portail h4,
.container_aide h4,
header .titre_acces_rapide span {
  font-size: 1.75em;
  line-height: 1;
}
.container_aide h4,
.container_aide .p_Text,
.container_ensavoirplus h4 {
  margin: 0;
  color: var(--primaire-black);
  margin-bottom: 30px !important;
}
.container_aide h4 {
  min-height: 67px;
  line-height: 1.2;
}
.container_aide > .ui-g-12.ui-md-12.inline {
  display: block;
}
.container_utilite_portail h4 {
  line-height: 1.2;
  color: var(--primaire-black);
  margin-top: 0;
  margin-bottom: 30px;
  min-height: 67px;
}
.container_utilisation_portail p {
  font-size: 1.375em;
  color: var(--primaire-black);
}
.bloc_utilite {
  margin-top: 7rem;
}
.titre_utilite_1:before,
.titre_utilite_2:before,
.titre_utilite_3:before {
  /* min-width: 70px; */
  /* height: 70px; */
  content: "";
  background-color: var(--primaire);
  padding: 2.5rem 5rem;
  mask-repeat: no-repeat !important;
  -webkit-mask-repeat: no-repeat !important;
  display: none;
}
.container_ensavoirplu .titre_utilite_1:before {
  display: none;
}
.container_ensavoirplu .block_aide > div {
  min-height: 300px;
  align-content: space-between;
}
/*
.titre_utilite_1:before{
    -webkit-mask: url(/static/img/picto_utilite_1.svg) no-repeat;
    mask: url(/static/img/picto_utilite_1.svg);
}
.titre_utilite_2:before{
    -webkit-mask: url(/static/img/picto_utilite_2.svg) no-repeat;
    mask: url(/static/img/picto_utilite_2.svg);
}
.titre_utilite_3:before{
    -webkit-mask: url(/static/img/picto_utilite_3.svg) no-repeat;
    mask: url(/static/img/picto_utilite_3.svg);
}
*/
.container_simuler_aides p,
.container_utilite_portail p,
.container_aide p {
  /*font-size: 18px;*/
  font-size: 16px;
  color: var(--primaire-black);
}
header .titre_acces_rapide {
  margin-bottom: 3rem !important;
}
header .titre_acces_rapide span {
  font-weight: 600;
  color: #fff;
}

.btn_accueil {
  text-align: right;
  align-items: center;
  justify-content: end;
  display: flex !important;
}
.block_aide .btn_accueil {
  width: 100%;
}
.btn_accueil::after,
.demo_video_link::after,
.container_comment_faire button span::after,
.container_demarches_theme button span::after,
.container_besoin_aide button span::after {
  content: url("../img/icone_fleche_noire.svg");
  /*padding-left: 0.5rem;
    padding-right: 0.5rem;*/
  padding-left: 14px;
  padding-right: 6px;
}
.btn_accueil:hover::after,
.demo_video_link:hover::after,
.container_comment_faire button:hover span::after,
.container_demarches_theme button:hover span::after,
.container_besoin_aide button:hover span::after,
.faq_home a.link_acc:hover::after,
.comment_home a:hover::after {
  /*padding-left: 1rem;*/
  padding-left: 20px;
  padding-right: 0rem;
}
.acces_rapides .p_HyperLink::after {
  content: url("../img/icone_fleche_blanche.svg");
  padding-left: 0.5rem;
}
.btn_retour::before {
  content: url("../img/icone_fleche_noire_retour.svg");
  padding-right: 0.5rem;
}
.btn_accueil .ui-button,
.btn_retour .ui-button,
.demo_video_link a {
  text-decoration: none !important;
  background: none;
  color: var(--primaire-black);
  padding: 0;
  text-transform: none;
  line-height: 1.5em;
  font-size: 1.7rem;
  font-weight: 500;
}
.btn_accueil .ui-button:hover,
.demo_video_link a:hover {
  color: var(--primaire-black);
  text-decoration: underline !important;
  text-underline-offset: 3px;
  background: none;
}

.btn_accueil:hover,
.btn_accueil button.ui-state-hover,
.btn_accueil button.ui-state-focus,
.btn_accueil .ui-button:focus,
.bloc_type_demarches button.ui-state-hover,
.bloc_type_demarches button.ui-state-focus,
.bloc_type_demarches .ui-button:focus,
.btn_retour:hover,
.btn_retour button.ui-state-hover,
.btn_retour button.ui-state-focus,
.btn_retour .ui-button:focus {
  background: none !important;
  color: var(--primaire-black) !important;
  box-shadow: none;
}

.block_aide {
  padding: 1.5rem;
  min-height: 100%;
}

.fin_container .block_aide {
  padding: 0 1.5rem;
}
.encadre_satistaction,
.container_ensavoirplu {
  margin-bottom: 6rem;
}

.block_aide > div {
  border: 1px solid #b7b7b7;
  border-radius: 4px;
  /* padding: 0 4rem 4rem; */
  min-height: 326px;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: end;
}
.btn_accueil.p_HyperLink a {
  font-size: 16px;
  font-weight: 600;
}
.btn_accueil.p_HyperLink a:hover {
  color: var(--primaire-black);
}

/* accordeons */
body .ui-accordion .ui-accordion-header,
body .ui-accordion .ui-accordion-header.ui-state-active,
body .ui-accordion .ui-accordion-header.ui-tabs-outline {
  border: none;
  border-top: 1px solid var(--primaire-black);
  background-color: transparent;
  border-radius: 0;
  /* box-shadow: none !important; */
  color: var(--primaire-black);
  font-size: 24px;
  font-weight: 600;
  padding: 2rem 0;
  position: relative;
}
body .ui-accordion .ui-accordion-header:hover,
body .ui-accordion .ui-accordion-header.ui-state-hover,
body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline,
body .ui-accordion .ui-accordion-header.ui-state-active:hover {
  background-color: transparent !important;
  color: var(--primaire-black) !important;
  border: none !important;
  border-top: 1px solid var(--primaire-black) !important;
}
body .ui-accordion .ui-accordion-content {
  background-color: transparent;
  border: none;
  font-size: 16px;
}
body .ui-accordion .ui-accordion-header.ui-state-active .ui-icon,
body
  .ui-accordion
  .ui-accordion-header.ui-state-active.ui-tabs-outline
  .ui-icon,
body .ui-accordion .ui-accordion-header.ui-state-active:hover .ui-icon,
body .ui-autocomplete .ui-button.ui-button-icon-only .ui-icon,
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-trigger
  .ui-icon,
body
  .ui-calendar.ui-trigger-calendar
  .ui-datepicker-trigger.ui-button
  .ui-icon-calendar {
  color: var(--primaire-black);
}
body .ui-accordion .ui-accordion-header > .ui-icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: unset;
  color: var(--primaire-black);
}


body .ui-button.ui-autocomplete-dropdown .ui-icon-triangle-1-s:after {
  display:none;
}
body
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container
  .ui-selectcheckboxmenu-token {
  background: var(--primaire);
  margin-top: 0rem;
}
body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-token .ui-icon-close:before {
  margin-top: 3px;
  color: var(--button-text);
}
body
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  button:focus-visible
  .ui-icon-close:before {
  border: 1px solid var(--primaire-black);
}
body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon,
body
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  .ui-selectcheckboxmenu-token-label {
  color: var(--button-text);
}
.ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus-visible {
  outline-color: transparent !important;
}
.ui-selectcheckboxmenu-header
  .ui-selectcheckboxmenu-close:focus-visible
  span.ui-icon-circle-close {
  border: 1px solid black;
}
.message-erreur-date {
  font-size: 1.4rem;
  line-height: 1.25;
  color: #cd3765;
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus,
body
  .ui-chkbox
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
  background: var(--primaire);
  border-color: var(--primaire);
  color: var(--button-text);
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus .ui-chkbox-icon,
body
  .ui-chkbox
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus
  .ui-chkbox-icon,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus
  .ui-chkbox-icon {
  color: var(--button-text) !important;
}
body form .ui-selectcheckboxmenu-multiple.ui-state-focus {
}
body .ui-chkbox .ui-chkbox-box.ui-state-focus {
  box-shadow: 0 0 0 2px var(--primaire-black) !important;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
  padding-bottom: 5px;
}
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-selectcheckboxmenu-token .ui-icon-close:before {
  margin-top: 0;
  margin-right:3px;
}
body .ligne_haut {
  border-top: 1px solid #b5b9c0;
  margin-top: 5rem;
  padding-top: 3rem;
}
body .br_top::before {
  display: block;
  content: "";
  height: 2rem;
  width: 100%;
}
body .box_appart_input div input {
  width: 80px;
}
body form .box4input {
  padding-right: 1.3rem;
}
body form .box4input > div {
  padding-right: 0;
}
body form .box4input .ui-md-4 {
  width: 29%;
}
body form .box4input .ui-md-2 {
  width: 21%;
}
body form .input_nbr label {
  display: block;
}
body form .input_nbr input {
  width: 120px;
}
body form .ts_tab h3,
body form .formTS h3 {
  margin: 4rem 0 0.5rem 0;
}
body ul.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
  padding: 2px 2px !important;
  height: auto;
}
body ul.ui-selectcheckboxmenu-multiple-container.ui-inputfield li {
  margin: 2px 2px !important;
}
body ul.ui-selectcheckboxmenu-multiple-container.ui-inputfield,
body ul.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover {
  background-color: transparent !important;
  min-height: 2.8rem;
}
body .ui-autocomplete .ui-button {
  padding-right: 25px;
}
body .ui-autocomplete .ui-button.ui-button-icon-only .ui-icon {
  margin-top: -0.5rem !important;
}
.ui-icon-triangle-1-e:before {
  font-size: 18px;
  content: "\f067";
  /* font-weight: 400; */
}
body .ui-button.ui-autocomplete-dropdown .ui-icon-triangle-1-s:before,
.ui-icon-triangle-1-s:before {
  font-size: 18px;
  content: "" !important;
  background: url("../img/picto_portail/chevron-close.svg") no-repeat center;
  background-size: contain;
  width:21px;
  height: 10px;
  display: inline-block;
}
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
  width: 46px;
  padding:0;
  margin:0 !important;
  background-color:transparent;
}
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s:before {
  margin-top:15px;
}
body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-filter-container .ui-inputfield {
  padding:1px 6px!important;
  min-width:100%;
}
body .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon-search {
    right: -20px !important;
}
.dem_theme {
  display: none;
}
.dem_theme label {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 12px !important;
}
.dem_nom span,
.carte .link_dem_prez a {
  font-size: 1em !important;
  font-weight: 600 !important;
  color: var(--primaire-black) !important;
  display: block;
  line-height: 1.25em;
  text-decoration: none;
}
.carte .link_dem_prez a:hover {
  text-decoration: underline;
}
.carte.ui-g:has(button:hover),
.carte.ui-g:has(button:focus-visible),
.carte.ui-g:has(a:hover),
.carte.ui-g:has(a:focus-visible) {
  box-shadow: none;
}
.dem_entite {
  padding: 1.5rem;
  margin-top: 1rem;
  display: none;
}
.fr-sidemenu__btn[aria-current]::before,
.fr-sidemenu__link[aria-current]::before {
  width: 4px;
}
.container_demarches_top > div {
  padding: 0;
}
.container_demarches_themes > .inline > div,
.container_utilisation_portail > .inline > div {
  width: 100%;
}
.bloc_type_demarches,
.bloc_type_espace {
  margin: 1rem 0 4rem 0;
}
.bloc_type_demarches > div,
.bloc_type_espace > div,
.onglets .ui-tabs-nav {
  border-bottom: 1px solid #d8dbdb !important;
  padding: 0;
  margin: 0 1.5rem;
}
.onglets .ui-tabs .ui-tabs-panels,
.onglets .ui-tabs .ui-tabs-panel {
  padding: 16px 0 0 0;
}
.onglets .ui-tabs .ui-tabs-nav li a {
  border-top: 0 !important;
}
.onglets .ui-tabs .ui-tabs-nav li {
  margin-right: 1rem;
}
body.home [class*="p_"]:not([class*="p_p"]) {
  margin-bottom: 0;
}
.onglets .ui-tabs .ui-tabs-panels {
  min-height: 0 !important;
}
.onglets .p_TabView {
  margin-bottom: 0 !important;
}
.bloc_type_demarches button,
.bloc_type_espace button,
.onglets .p_TabView .bwTabsNav li a {
  color: #585856;
  font-weight: 400 !important;
  background: none;
  font-size: 20px !important;
  border-bottom: 4px solid transparent !important;
  border-radius: 0;
  padding: 0 2.5rem 17px 2.5rem !important;
  line-height: 1.5em !important;
}
.onglets .p_TabView .bwTabsNav li.ui-tabs-selected a {
  font-weight: 600 !important;
}
.onglets .p_TabView .ui-tabs .bw-steps-tv li a {
  padding: 2.5rem 0 1.8rem 0 !important;
  line-height: 1 !important;
}
.bloc_type_espace button {
  padding: 1.4rem 0;
}
.bloc_type_demarches .active button,
.bloc_type_demarches .ui-button:hover,
.bloc_type_demarches .ui-button:focus,
.bloc_type_espace .active button,
.onglets .p_TabView li[aria-selected="true"] a,
.onglets .p_TabView li.ui-state-hover a,
.bloc_type_espace .ui-button:hover,
.bloc_type_espace .ui-button:focus {
  border-bottom: 4px solid var(--primaire) !important;
  color: var(--primaire-black) !important;
  text-decoration: none !important;
  background: transparent;
  font-weight: 600 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}
/* Page demarches par themes */
@media screen and (min-width: 40.063em) {
  .ui-md-4.col_champ_recherche {
    width: 400px;
  }
}
body .bgjaune {
  background-color: #fff7db;
  padding: 10px 6px;
  margin: 10px -2rem;
}
.bloc_profil {
  margin: 16px 0 56px 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  /* justify-co
    ntent: space-between; */
}
.bloc_profil .inline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 0 !important;
}
.btn_reinit button:hover {
  box-shadow: none;
}
.bloc_profil .p_EditText {
  width: 300px;
}
.bloc_profil .p_Text {
  margin-top: 0;
}
.bloc_profil .p_ComboBox {
  min-width: 200px;
}
body .bloc_profil button,
body .bloc_profil .link button,
body .bloc_profil .btn_link button {
  padding: 0.8rem 2.5rem !important;
  font-weight: 600;
}
body .bloc_profil .btn_link.btn_reinit button.ui-button:hover {
  text-decoration-thickness:2px !important;
}
body .link .ui-button:hover,
body .btn_link .ui-button:hover {
  background: none;
}
body .col_champ_recherche {
  min-width: 38rem;
}

.container_titre_theme .inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body .bwComValidate.bwFieldRequired .bwcheckbox input[type="checkbox"] + label .required-mark {
  display:inline;
}
body .bwComValidate.bwFieldRequired .bwcheckbox input[type="checkbox"] + label {
  display:block;
  padding-left:30px;
}
body .bwComValidate.bwFieldRequired .bwcheckbox input[type="checkbox"] + label::before {
  position:absolute;
  top:0;
  left:0;
}
.zoneContenu {
  margin-bottom: 3rem;
}
.container_type_demarche {
  padding: 0.5rem 1.5rem;
}
.container_type_demarche img,
.dem_entite {
  /*padding: 1.5rem 1.5rem 0.5rem 1.5rem;*/
  padding: 1.5rem 1.5rem 1rem 1.5rem;
  /* margin-top: 2rem; */
}
body .vue_dem li,
body .container-notifs li,
.container_membresorga li.ui-datalist-item {
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  /*margin-bottom: 25px;*/
}
body .vue_dem li,
body .container-notifs li {
  margin-bottom: 25px;
}
.carte.ui-g {
  /*height: 154px;*/
  /*height: 200px;*/
  box-shadow: none;
  padding: 0;
  background: transparent;
  margin: 0px;
}
body .vue_dem li:focus,
body .vue_dem li:hover,
body .container-notifs li:focus,
body .container-notifs li:hover,
.liste_assos li:focus,
.liste_assos li:hover {
  border-color: #212427 !important;
  cursor: pointer;
}
.liste_assos li.Enattente:hover,
.liste_assos li.Enattente .carte_orgas:hover {
  cursor: auto;
}
.liste_assos li.Enattente:hover {
  border-color: #bfbfbf !important;
}
.liste_dem .carte.ui-g {
  min-height: 150px;
  margin: 0px;
}
body .liste_dem .ui-g {
  margin: 0px;
}
.container_demarches_themes
  .liste_dem
  ul
  li.ui-datalist-item:nth-child(4n + 1) {
  margin-left: 0px;
}
body .liste_dem .ui-g-12,
body .liste_dem .carte.ui-g div {
  padding: 0px;
}
body .liste_dem .carte.ui-g .dem_nom,
body .liste_dem .carte.ui-g .link_dem_prez {
  padding: 1rem 1.5rem 45px 1.5rem;
}
.LV_demarches .carte_dossier.carte.ui-g {
  padding: 0;
}
.block_carte_titre {
  width: 35%;
}
.bloc_infos_notifs {
  width: 75%;
}
.carte.carte_orgasMembres > div:before {
  font-family: FontAwesome;
}
/*.tab_organisation .Designation.ui-g {
    width: 77% !important;
}*/
.LV_demarches .carte.ui-g > div {
  justify-content: space-between;
  min-height: 80px;
}
/*.LV_demarches .carte.ui-g>div:hover{
    border-left: 5px solid var(--primaire) !important;
}*/
.LV_demarches .carte > div:before,
.LV_demarches .carte > div:after {
  display: none;
}
.LV_demarches .carte.ui-g:hover,
.container-notifs .carte.ui-g:hover {
  background: #f7f7f1 !important;
}
body .tab_organisation .ui-fieldset .ui-fieldset-legend {
  font-size: 1.5rem !important;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-legend
  .ui-fieldset-toggler,
body .tab_organisation .ui-fieldset .ui-fieldset-legend,
body .ui-fieldset.Actions .ui-fieldset-legend:hover {
  color: var(--primaire-black);
}
body .ui-fieldset.Actions .ui-fieldset-legend:hover {
  background: none;
}
.carte_orgasMembres .infoStatut,
.carte_orgasMembres .membreStatutAction {
  margin-right: 2rem !important;
}
.fonctionMembre.fonctionMembreMulti .ui-autocomplete-multiple ul,
body
  .none-editable.fonctionMembre
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container,
body
  .none-editable.fonctionMembre
  .ui-autocomplete.ui-autocomplete-multiple
  .ui-autocomplete-multiple-container.ui-inputfield.ui-state-focus {
  background: transparent !important;
  color: #1c1d1d;
  box-shadow: none;
  border: none;
  padding: 0;
}
.fonctionMembre .ui-autocomplete-input-token {
  padding: 0;
}
.fonctionMembre.fonctionMembreMulti
  .ui-autocomplete-multiple
  ul
  .ui-autocomplete-input-token,
.fonctionMembre.fonctionMembreMulti
  .ui-autocomplete-multiple
  ul
  .ui-autocomplete-input-token
  input {
  background: transparent !important;
}
.blocactions_orga .inline {
  margin-top: 2rem;
  padding-left: 0;
}
.bloc_retour_orga .p_HyperLink {
  margin-top: 2rem;
}
.bloc_retour_orga a {
  background: none;
  color: var(--primaire-black);
  padding: 0;
  text-transform: none;
  line-height: 1.5em;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.bloc_retour_orga a::before {
  content: url(../img/icone_fleche_noire.svg);
  transform: rotate(-180deg);
  padding-left: 1rem;
}
/*.carte.ui-g:hover{
    border: 1px solid #333;
    cursor: pointer;
}
.LV_demarches li:has(.dem_nom span:focus-visible),
.LV_demarches li:has(.link_dem_prez a:focus-visible){
	border-color: #212427 !important;
	cursor: pointer;
}*/
/*** 
    titres et Cartes organisations 
***/
body .ui-autocomplete-multiple-container.ui-inputfield {
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.ui-selectcheckboxmenu .ui-selectcheckboxmenu-token.ui-state-active,
.ui-autocomplete .ui-autocomplete-token.ui-state-active,
.ui-chips .ui-chips-token.ui-state-active,
body .ui-autocomplete .ui-autocomplete-token.ui-state-active,
body .ui-autocomplete .ui-autocomplete-token.ui-state-active:hover {
  background-color: var(--primaire);
}
body .ui-autocomplete .ui-autocomplete-token-label,
body .ui-autocomplete .ui-autocomplete-token-icon.ui-icon-close{
  color: var(--button-text);
}
body .ui-autocomplete .ui-autocomplete-token-icon.ui-icon-close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 20px;
  top: 0;
}
body .ui-autocomplete .ui-autocomplete-token-icon.ui-icon-close:before {
  transform: none;
  margin: 0;
}
body .none-editable .ui-autocomplete .ui-autocomplete-token.ui-state-active {
  background: none;
  padding: 0;
  margin: 5px 0;
  display: block;
  width: 100%;
}
body
  .none-editable
  .ui-autocomplete
  .ui-autocomplete-token.ui-state-active
  span {
  color: #000;
  padding: 0 15px 0 0;
  font-size: 16px;
}
body .none-editable .ui-autocomplete .ui-autocomplete-input-token,
body
  .none-editable
  .ui-autocomplete
  .ui-autocomplete-token.ui-state-active
  .ui-icon-close {
  display: none;
}
body .margin_top {
  margin-top: 32px !important;
}
body .margin_bottom {
  margin-bottom: 32px !important;
}
body .h2_first h2 {
  margin-top: 1rem;
}
body .margin_bottom_s {
  margin-bottom: 16px !important;
}
body .page_organisation .zoneTitre {
  padding-bottom: 0;
  margin-bottom: 0;
}
body .page_organisation .onglets {
  margin-top: 2rem;
}
body
  .tab_organisation
  fieldset.ui-fieldset.legend_h2
  legend.ui-fieldset-legend {
  margin: 4rem 0 0 0;
  font-size: 2rem !important;
  display: block;
  float: left;
  width: 100%;
}
body
  .tab_organisation
  fieldset.ui-fieldset.legend_h2.legend_first
  legend.ui-fieldset-legend {
  margin-top: 2rem;
}
body .tab_organisation .bloc_orga .ui-g > .inline {
  justify-content: space-between;
  flex-wrap: nowrap;
}
body .tab_organisation .bloc_orga .ui-g > .inline > div {
  width: 12%;
}
body .tab_organisation .bloc_orga .ui-g > .inline > div.bloc_orga_fonctions {
  width: 30%;
}
body .tab_organisation .bloc_orga .ui-g > .inline > div.Designation {
  width: 30%;
}
body .carte_orgasMembres .ui-autocomplete.ui-autocomplete-multiple select,
body
  .carte_orgasMembres
  .none-editable
  .ui-autocomplete.ui-autocomplete-multiple
  .ui-icon-close::before,
body
  .carte_orgasMembres
  .none-editable
  .ui-autocomplete-multiple-container
  .ui-autocomplete-input-token,
body
  .carte_orgasMembres
  .none-editable
  .ui-selectcheckboxmenu-multiple-container
  .ui-icon-close,
body .carte_orgasMembres .fonctionMembre::after,
body .carte.carte_orgasMembres > div:after,
.carte_orgasMembres > div::before {
  display: none;
}
body .carte_orgasMembres.carte.ui-g {
  padding: 1rem 1rem;
  margin: 1rem 0;
}
body .carte_orgasMembres .fonctionMembre,
body .carte_orgasMembres .fonctionMembre div.ui-g-12,
body .carte_orgasMembres .fonctionMembre .p_ComboBox,
body .carte_orgasMembres .fonctionMembre select {
  display: inline-block;
  width: auto;
}
body .carte_orgasMembres .fonctionMembre .ui-autocomplete-multiple-container {
  background: #fff !important;
  padding-right: 25px !important;
}
body
  .carte_orgasMembres
  .ui-autocomplete
  .ui-autocomplete-token.ui-state-active {
  background-color: #d6d6d6;
  color: #000;
}
body
  .carte_orgasMembres
  .ui-autocomplete
  .ui-autocomplete-token-icon.ui-icon-close:before {
  margin-right: 0.5rem;
  margin-top: 1.8rem;
}
body
  .carte_orgasMembres
  .fonctionMembre
  .ui-autocomplete.BWComponent153
  input.ui-inputfield {
  padding: 4px 5px;
  margin: 2px 0;
}
body
  .carte_orgasMembres
  .fonctionMembre
  .ui-autocomplete-multiple-container.ui-inputfield {
  padding: 2px 0px;
  margin: 2px 0;
}

body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  input.ui-inputfield,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  ul,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  li,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  li
  span,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete.BWComponent153
  input.ui-inputfield,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete.BWComponent153
  span,
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container {
  background: none !important;
  padding: 0 !important;
  margin: 0;
  border: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  height: auto !important;
  width: auto !important;
  font-size: 1.5rem;
  border-radius: 0;
}
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .p_Autocomplete
  input.ui-inputfield,
body .carte_orgasMembres .fonctionMembre.none-editable .p_Autocomplete span {
  background: none !important;
  min-width: 0 !important;
  padding: 0 !important;
}
body .carte_orgasMembres .fonctionMembre.none-editable div {
  background: none !important;
  width: auto !important;
}
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  li {
  margin-left: 8px !important;
  padding-left: 8px !important;
  border-left: 1px solid #666 !important;
  margin-top: 3px;
}
body
  .carte_orgasMembres
  .fonctionMembre.none-editable
  .ui-autocomplete-multiple-container
  li:first-child {
  margin-left: 0px !important;
  padding-left: 0px !important;
  border: 0 !important;
}
.container_membresorga li.ui-datalist-item {
  border: 1px solid #bfbfbf;
  border-radius: 7px;
  margin-bottom: 10px;
}
.container_membresorga li.ui-datalist-item:hover {
  background-color: #F7F7F1;
}
body .carte_orgasMembres label {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
body
  .carte_orgasMembres
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  .ui-selectcheckboxmenu-token-label {
  padding-left: 0;
}
body
  .carte_orgasMembres
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  .ui-selectcheckboxmenu-token-label,
body .carte_orgasMembres .none-editable .p_ComboBox select.ui-state-disabled,
body .carte_orgasMembres p,
body .carte_orgasMembres span {
  color: var(--color-text) !important;
  font-size: 1.5rem;
  width: auto;
}
body .carte_orgasMembres .infoStatut > div,
.carte_orgasMembres .membreStatutAction {
  margin-right: 0 !important;
  background-color: #caedd4;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  width: auto;
  align-items: center;
  display: inline-flex;
  border-radius: 6px;
}
body .carte_orgasMembres .infoStatut.inactif > div {
  background-color: #fdecd0;
}
body .carte_orgasMembres .infoStatut.enattentedevalidation > div {
  background-color: #fbffd0;
  width: 140px;
}
body .container_membresorga .carte_orgasMembres .infoStatut > div span {
  line-height: 1.2em;
}
body .container_membresorga .carte_orgasMembres .infoStatut > div:before {
  display: block;
  background: url("../img/picto_portail/icone-statut-attente.svg") no-repeat
    center;
  background-size: 65%;
  height: 20px;
  width: 20px;
  margin: 0 0.3em 0 0;
  border-radius: 0;
  flex-shrink: 0;
}
body .container_membresorga .carte_orgasMembres .infoStatut.actif > div:before {
  background-image: url("../img/picto_portail/icone-statut-check.svg");
  background-size: 85%;
}
body
  .container_membresorga
  .carte_orgasMembres
  .infoStatut.inactif
  > div:before {
  background-image: url("../img/picto_portail/icone-statut-manquant.svg");
  background-size: 95%;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-legend
  .ui-fieldset-toggler {
  height: 30px;
  width: 30px;
  margin: 0 5px 0 0;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-legend
  .ui-fieldset-toggler::before {
  background: #fff url("../img/icone_3points_verticaux.svg") no-repeat center;
  background-size: auto 45%;
  display: block;
  content: "";
  height: 100%;
  border-radius: 60px;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-legend
  .ui-fieldset-toggler.ui-icon-minusthick::before {
  background-image: url("../img/picto_portail/icone-close.svg");
  background-size: auto 100%;
}
body .tab_organisation .ui-fieldset.Actions .ui-fieldset-legend {
  display: flex;
  align-items: center;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-legend.ui-state-focus
  .ui-fieldset-toggler::before {
  background-color: #ebebeb;
}
body .tab_organisation .ui-fieldset.Actions legend + div button {
  font-weight: normal;
}
body .tab_organisation .ui-fieldset.Actions .ui-fieldset-content {
  min-width: 300px;
  z-index: 20;
}
body .tab_organisation .ui-fieldset.Actions .ui-fieldset-content .p_Button,
body
  .tab_organisation
  .ui-fieldset.Actions
  .ui-fieldset-content
  .p_Button
  span.ui-button-text {
  text-align: left;
  margin-left: 0;
}
body .tab_organisation .ui-fieldset.Actions .p_Button span {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
body .tab_organisation .ui-fieldset.Actions .p_Button span::before {
  display: block;
  content: "";
  height: 20px;
  width: 20px;
  background: url("../img/picto_portail/icone-modifier.svg") no-repeat center;
  margin-right: 5px;
  flex-shrink: 0;
  position: relative;
  top: auto;
  transform: none;
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .btn_icon_eye.p_Button
  span::before {
  background-image: url("../img/icone-yeux.svg");
}
body
  .tab_organisation
  .ui-fieldset.Actions
  .btn_icon_del.p_Button
  span::before {
  background-image: url("../img/icone-yeux.svg");
}
body .tab_organisation .ui-fieldset.Actions .btn_icon_del.p_Button {
  right: auto;
}
body .ui-sidebar.side_padding_bottom .sidebarContent {
  padding-bottom: 200px !important;
}
@media all and (max-width: 1200px) {
  body
    .tab_organisation
    .bloc_orga
    .ui-g
    > .inline
    > div.bloc_orga_fonctions
    + div {
    width: 16%;
  }
}
@media all and (max-width: 1000px) {
  body
    .tab_organisation
    .bloc_orga
    .ui-g
    > .inline
    > div.bloc_orga_fonctions
    + div {
    width: 16%;
  }
  body .tab_organisation .bloc_orga .ui-g > .inline {
    flex-wrap: wrap;
  }
  body .tab_organisation .ui-fieldset.Actions {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    height: 20px;
  }
  body .tab_organisation .ui-fieldset.Actions .ui-fieldset-legend {
    right: 0;
    bottom: -15px;
    position: absolute;
    padding-right: 15px;
  }
  body .ui-fieldset.Actions .ui-fieldset-content {
    top: 35px;
  }
}
@media all and (max-width: 900px) {
  body .tab_organisation .bloc_orga .ui-g > .inline > div {
    width: 46% !important;
  }
  body .tab_organisation .bloc_orga .ui-g > .inline {
    justify-content: flex-start;
  }
}
@media all and (max-width: 639px) {
  body .tab_organisation .bloc_orga .ui-g > .inline > div.Designation,
  body .tab_organisation .bloc_orga .ui-g > .inline > div.bloc_orga_fonctions {
    width: 100% !important;
  }
  body .tab_organisation .carte .inline > div > .ui-g-12.ui-md-12 {
    padding: 0 0 7px 0;
  }
  body .page_organisation .onglets .p_TabView .bwTabsNav li a {
    font-size: 18px !important;
    padding: 0 1rem 12px 1rem !important;
    line-height: 1.4em !important;
  }
  body .tab_organisation .ui-fieldset.Actions .ui-fieldset-content {
    min-width: 250px;
  }
}
@media all and (max-width: 359px) {
  body .page_organisation .onglets .p_TabView .bwTabsNav li a {
    font-size: 16px !important;
    padding: 0 0.5rem 12px 0.5rem !important;
  }
}
/*** 
    fin titres et Cartes organisations 
***/
.dem_nom span:focus {
  outline: none !important;
  border: 0;
  text-decoration: underline;
}
body .container-liste-ts .p_ListView .ui-datalist-content > ul:focus {
  border: none;
}
.carte.ui-g .dem_entite {
  position: absolute;
  /*max-height: 50px;*/
  max-height: 55px;
  bottom: 0;
}
/*.carte .link_dem_prez a{
  visibility: hidden;
}*/
.carte.ui-g:hover .dem_entite,
.carte.simutateHoverOnFocus .dem_entite {
  display: block;
}
.carte.ui-g:hover .dem_nom span {
  text-decoration: underline;
}
img.theme_picto {
  width: 30px !important;
  height: auto;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.liste_dem img.theme_picto {
  margin: 1.5rem 0 1rem 1.5rem;
}
.zoneContenu .theme_picto {
  margin: 0;
  padding-right: 1rem;
}
.liste_dem li.ui-datalist-item > div,
.liste_dem li.ui-datalist-item > div > div,
.liste_dem li.ui-datalist-item > div > div > div {
  height: 100%;
}
.carte.ui-g {
  border-left: 5px solid var(--primaire);
  border-radius: 3px 0px 0px 3px;
  height: 100%;
}
.carte.carte_orgas.ui-g {
  padding:1.5rem 120px 1.5rem 1.5rem;
  padding: 2.6rem 2.9rem;
}
.LV_demarches .carte.ui-g,
.carte_notifs.carte.ui-g,
.carte_orgasMembres.carte.ui-g {
  height: auto;
}
.carte_orgasMembres.carte.ui-g {
  border: none;
}
.bloc_themes ul {
  border-right: 1px solid #dbdfe1;
}
.list-cat {
  margin: 0rem !important;
}
.list-cat a:not(.active)::before {
  display: none;
}
.list-cat a.active,
.list-cat a:hover {
  color: var(--primaire-black) !important;
  font-weight: 600;
  text-decoration: none;
}
.list-cat a.active {
  background: var(--primaire-bg);
  text-decoration: none !important;
  border: none;
  border-radius: 0;
}

.list-cat a:focus,
.list-cat a:hover,
.list-cat a {
  font-size: 16px;
  margin: 0;
  display: flex;
  border: none !important;
  border-left: 5px solid transparent !important;
  font-family: "Work Sans", "Lato", sans-serif;
  border-radius: 0.4rem;
}
.list-cat a.active,
.list-cat a.active:focus,
.list-cat a.active:focus-visible {
  background: var(--primaire-bg);
  border-left: 5px solid var(--primaire) !important;
}

.list-cat a,
body .list-cat a:focus {
  font-weight: 400;
  padding: 1.5rem 2rem !important;
  border-left: 5px solid transparent;
  font-size: 16px;
}
.list-cat > div {
  padding: 0;
}
body .list-cat a:focus {
  /*     box-shadow: none !important; */
  font-weight: 600;
  border-left: 5px solid var(--primaire);
}

@media (max-width: 968px) and (min-width: 601px) {
  .item_comment > div {
    display: block;
  }
  .lien_bm {
    font-size: 1em;
  }
}
@media (max-width: 968px) {
  /* deb 968 */
  html {
    overflow-x: auto;
  }
  body header .ui-g-12 {
    padding: 0px;
  }
  body header .ui-g {
    max-width: none;
    margin-right: 0;
    margin-left: 0;
  }
  /*body main.ui-g {
        margin-top: 140px !important;
    }*/
  h1,
  .h1-like,
  .to-h1-like h2 {
    font-size: 28px;
    font-weight: 600;
    /*margin-bottom: 3rem;*/
    margin: 7rem 0 30px 0;
    line-height: 1.15em;
  }
  .ui-sidebar h1,
  .ui-sidebar .h1-like {
    margin-top: 1rem;
  }
  body .bandeau_accueil h1 {
    font-size: 36px;
    max-width: 74%;
    padding-left: 0rem;
  }
  .ts_header h1,
  .Bloc_Header h1,
  body .pagefroide main h2,
  h2 {
    font-size: 22px;
  }
  body .pagefroide main h2,
  body .a-quoi h3,
  body .simuler_aide h2,
  body .a-quoi h2,
  body .faq_home h2,
  body .comment_home h2,
  body .titre_container h2 {
    font-size: 28px;
  }
  h3,
  body .a-quoi h3 {
    font-size: 18px;
  }
  .logo_txt span.logo_titre,
  .logo_txt p.logo_titre {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1;
  }
  container_utilisation,
  .container_utilite_portail,
  .container_simuler_aides,
  .container_demarches_top {
    padding: 8px 0 33px 0;
  }

  main h2 {
    margin-top: 43px;
  }
  .block_utilisation_1,
  .block_utilisation_2,
  .block_utilisation_3 {
    height: auto;
  }
  .bloc_logo {
    width: 57%;
  }
  .logo-portail {
    width: 50% !important;
    margin-bottom: 0rem;
  }
  .guichet_num {
    width: 45%;
  }
  #ban {
    display: none !important;
  }
  #menu_mobile {
    display: block;
    /*position: fixed;*/
    background: #fff;
  }
  #menu_mobile nav {
    background: #fff;
  }
  #menu_mobile nav,
  .logo_txt {
    border-bottom: 1px solid;
  }
  .logo_txt {
    margin-left: 0rem !important;
    width: 100%;
    padding: 1rem 2.5rem;
  }
  .container_commment_faire_si li {
    width: 50%;
  }
  .bandeau_accueil {
    /*height: auto;*/
    min-height: 290px;
    /*background-position-x: 74% !important;*/
    background-position-x: 80% !important;
  }

  .block_suivi {
    position: relative;
    top: unset;
    right: unset;
    width: auto;
    transform: unset;
    /* background: black; */
    padding: 1rem;
    border-radius: 0.6rem;
  }
  .item_comment {
    margin: 1rem !important;
    height: 150px;
  }
  .container-filter {
    display: block;
  }
  .bloc_profil {
    /* display: none; */
    margin: 1rem 0;
  }
  .bloc_themes {
    display: none !important;
  }
  .container_demarches_themes li,
  .container-liste-ts li {
    width: 100% !important;
    padding: 1rem 0;
  }
  .container_utilite_portail .p_Image {
    text-align: center;
  }
  .block_utilisation_2 > div:first-child {
    order: 2;
  }
  .block_utilisation_1 > div:first-child,
  .block_utilisation_2 > div:last-child,
  .block_utilisation_3 > div:first-child {
    justify-content: center;
    margin: 3rem 0;
  }
  .list-cat a,
  body .list-cat a:focus,
  .bloc_themes ul,
  .container-liste-ts .carte.ui-g > div {
    border-right: 0;
  }
  body .container-liste-ts li {
    padding: 25px 0 0 0;
  }
  .container_type_demarche .dem_theme {
    display: none;
  }

  header {
    /* background: transparent; */
    padding-bottom: 0;
  }
  .item_comment .block_titre {
    order: 2;
  }
  .item_comment > div > div:first-child {
    order: 3;
  }
  .item_comment img {
    margin: 0;
  }

  .container_utilisation .titre_container h2 {
    width: auto;
    font-size: 28px;
    text-align: start;
  }
  .container_utilisation_portail h3 {
    font-size: 24px;
  }
  .champ_suivi input,
  .champ_recherche input {
    padding: 1.2rem 0.7rem;
  }
  .bloc_utilite > div {
    margin-top: 3rem;
  }

  /* menu */
  .div_secondaire {
    display: none;
  }
  .div_principal {
    width: 100%;
  }
  nav#nav_principal {
    display: block;
    border-bottom: none;
  }
  #MenuMobile {
    margin-left: 2rem;
    /* position: absolute; */
    /* right: 2rem; */
  }
  .container_demarches_themes li.ui-datalist-item {
    width: calc(100% / 2);
  }

  /* scrollbar lat rale homepage*/
  .container_demarches_themes ul {
    grid-template-columns: none;
    overflow-x: scroll;
    flex-wrap: wrap;
    flex-direction: column;
    /*height: 373px;*/
    width: 100%;
    /* align-content: space-between; */
  }
  .container_demarches_themes ::-webkit-scrollbar-thumb {
    background: #585856;
  }
  .container_demarches_themes ::-webkit-scrollbar-track {
    background: #dcdde5;
  }
  ::-webkit-scrollbar {
    height: 4px; /* height of horizontal scrollbar ? You're missing this */
    width: 4px; /* width of vertical scrollbar */
    border: 1px solid #d5d5d5;
  }

  .block_utilisation_1 > div:first-child,
  .block_utilisation_2 > div:nth-child(2),
  .block_utilisation_3 > div:first-child {
    order: 2;
  }

  /*     .block_utilisation_1>div,
    .block_utilisation_2>div,
    .block_utilisation_3>div,
    .container_utilite_portail>div{
        padding: 0;
    } */
  .bandeau_accueil .container_bg_img > div,
  .container_commment_faire_si,
  .container_demarches_themes > div,
  .container_simuler_aides,
  .container_utilite_portail,
  .container_utilisation > div {
    margin: 0rem auto !important;
  }
  .container_aide {
    margin: 3rem auto !important;
  }
  .titre_utilite_1:before {
    padding: 2rem 2.95rem;
  }
  .titre_utilite_2:before {
    padding: 2rem 2.8rem;
  }
  .titre_utilite_3:before {
    padding: 2rem 4.55rem;
  }
  /* dem par themes */
  .champ_recherche .ui-inputfield {
    width: 100%;
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .champ_recherche > div > div:first-child {
    width: 100%;
  }
  .champ_recherche fieldset {
    margin: 0;
  }
  .bloc_choix_theme > .inline {
    justify-content: space-between;
  }
  /*.bloc_choix_theme .p_ComboBox{
        width: 63% !important;
    }*/
  .bloc_choix_theme .link.p_Button,
  .bloc_choix_theme .btn_link.p_Button {
    width: auto;
  }
  .col_filtres_desktop {
    display: none !important;
  }
  #menu_mobile .logo-portail img {
    display: block;
  }
  #nav_secondaire .logo-portail img,
  img.logo_bm_picto {
    display: none;
  }
  body .simuler_aide {
    margin: 70px auto 60px auto;
    padding: 0 0 60px 0;
  }
  body .faq_home {
    margin: 70px auto 40px auto;
  }
  body .a-quoi {
    margin: 70px auto 70px auto;
  }
  body .comment_home {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }
  body .general-listview {
    padding-right: 5px !important;
  }

  body .main .bw-steps-tv {
    margin-left: 0;
    margin-right: 0;
  }
  .url_interne {
    margin: 3rem 0;
  }
  /* fin 968 */
}

/*body .bloc_listes_infos_dem,

body .bandeau_haut_presentation > div, 
body .bloc_deroulement_dem > div, 
body .bloc_aide_dem, .bloc_dem_traitee_par > div, 
body .demarches_similaires_dem > div, 
body .bloc_util_don_perso, */

@media (max-width: 640px) {
  .champ_recherche .ui-inputfield {
    width: 100% !important;
  }
  .zone_search {
    max-width: 100%;
  }
  body footer li {
    text-align: left;
  }
}
@media (max-width: 989px) and (min-width: 639px) {
  .container_demarches_top.mobile .pagination {
    display: none;
  }
  .container_demarches_top.mobile .p_ComboBox {
    margin-bottom: 32px !important;
  }
}
@media (max-width: 639px) {
  /* deb 639 */
  #menu_mobile nav {
    height: 52px;
  }
  #menu_mobile .logo-portail img {
    height: 48px;
  }
  .bandeau_accueil {
    height: 284px;
  }
  /*
    body main.ui-g {
        margin-top: 100px !important;
      }
    */
  main img {
    max-width: 100%;
    height: auto;
  }
  main h2 {
    margin-top: 5rem;
  }
  body .comment_home {
    padding-top: 15px !important;
    padding-bottom: 13px !important;
  }
  body .faq_home {
    margin: 5rem auto 4rem auto;
  }
  body .a-quoi {
    margin: 5rem auto 5rem auto;
  }
  body .simuler_aide {
    margin: 5rem auto 4rem auto;
    padding: 0 0 6rem 0;
  }
  body .container_demarches_top {
    margin: 3rem auto !important;
  }
  body .container_utilisation,
  body .container_utilite_portail,
  body .container_simuler_aides,
  body .container_demarches_top {
    padding: 1rem 0 2rem 0;
  }
  .container_demarches_top label {
    margin-top: 0px;
  }
  body .simuler_aide h2,
  body .a-quoi h2,
  body .comment_home h2,
  body .faq_home h2,
  body .blocLarge h2,
  .titre_container h2,
  .home h2 {
    margin-bottom: 23px;
  }
  body .comment_home > div {
    margin-bottom: 0px;
  }
} /* fin 639 */

/* gestion menu mobile */
nav {
  /* background: #212121; */
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.mobile-menu-right {
  display: flex;
  align-items: center;
  padding-right: 2.5rem;
}

#hamburger {
  /*position: absolute;*/
  /*right: 3rem;*/
  /*top: 1rem;*/
  z-index: 999;
  width: 4rem;
  height: 4rem;
  cursor: pointer;
  transition: all 0.3s ease-out;
  opacity: 0;
  padding: 0px;
  background-color: transparent;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#hamburger.active,
.mobile-menu .close-mobile-menu {
  position: fixed;
  right: 4vw;
  top: 3vw;
}
#hamburger:focus-visible {
  outline-style: auto !important;
}
#hamburger .line {
  height: 3px;
  width: 73%;
  background: var(--primaire-black);
  /*backface-visibility: hidden;*/
  border-radius: 4px;
  position: absolute;
}
#hamburger .line#one {
  top: 24%;
}
#hamburger .line#two {
  top: 50%;
  margin-top: -1.5px;
}
#hamburger .line#three {
  bottom: 24%;
}
#hamburger.active .line {
  background: #fff;
  width: 53%;
  top: 50% !important;
  left: 50% !important;
  margin-left: -25%;
  margin-top: -2%;
}
#hamburger.active {
  background-color: var(--primaire-black);
}
#hamburger.active #one {
  transform: rotate(45deg);
}
#hamburger.active #two {
  opacity: 0;
}
#hamburger.active #three {
  transform: rotate(-45deg);
}
@media (max-width: 968px) {
  /* deb 968 */
  #hamburger {
    visibility: visible;
    opacity: 1;
    z-index: 1000000000;
  }
} /* fin 968 */

.mobile-menu-titre {
  position: absolute;
  top: 3rem;
  left: 3.5rem;
  margin: 0;
}
.mobile-menu-titre span {
  font-weight: 600;
  font-size: 24px;
}
.mobile-menu {
  z-index: 1;
  position: absolute;
  top: 0px;
  background: #fff;
  width: 100%;
  height: calc(100vh - 0rem);
  visibility: hidden;
  opacity: 0;
  /*transition: all 0.3s ease-out;*/
  display: table;
  overflow: auto;
}
.mobile-menu .mobile-menu__items {
  /* height: 50px; */
  /* display: table-cell; */
  /* vertical-align: middle; */
  padding: 8rem 1.5rem 0;
  width: 96%;
  margin: 0 !important;
}
.mobile-menu__items > li {
  display: block;
  /* text-align: center; */
  padding: 15px 0;
  /* text-align: center; */
  font-size: 30px;
  min-height: 50px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease-out;
  /* border-bottom: 1px solid grey; */
}
.mobile-menu__items .btn_sub-menu.mobile-link {
  border: none;
  background: none;
  width: 100%;
  text-align: start;
  padding: 0 15px;
  min-height: auto;
  font-size: 30px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  font-weight: 600;
  color:var(--color-text);
  box-shadow:none !important;
  border-radius:3px;
}
.mobile-menu__items .btn_sub-menu span {
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.mobile-menu__items .btn_sub-menu span::before {
  margin-left:1rem;
}
.mobile-menu__items li:hover {
  color: #fff;
  /* background: #212121; */
}
.mobile-menu__items li:hover a {
  transition: all 0.3s ease-out;
  /* color: #fff; */
}
.mobile-menu__items a,
.mobile-menu__items a:hover,
.mobile-menu__items a:focus {
  color: var(--primaire-black);
  padding:0 15px;
}
.mobile-menu__items .mobile-link {
  font-weight: 600;
}
.mobile-menu.active {
  visibility: visible;
  opacity: 0.99;
  z-index: 1000;
  display: block;
}
.mobile-eco {
  display: flex;
  justify-content: space-around;
  margin-top: 2rem;
}
.mobile-eco a {
  color: var(--primaire-black);
  text-decoration: underline;
}

/* mobile menu déroulant */
.mobile-menu__items.nav__list label {
  font-size: 30px;
  font-weight: 600;
  width: 100%;
}
.mobile-menu__items .group-list li a {
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 1rem 0 0.5rem;
}
.mobile-menu__items .group-list li a:before,
.mobile-menu__items .group-list li a span:before {
  margin-right: 1rem;
  width: 20px;
}
.mobile-menu__items .group-list li {
  list-style: none;
}
.mobile-menu__items .group-list li a.all:before {
  content: url("../img/picto_dem/icone-all.svg");
}
.mobile-menu__items .group-list li a.dechets:before {
  content: url("../img/picto_dem/icone-poubelle.svg");
}
.mobile-menu__items .group-list li a.logement:before {
  /*content: url('../img/picto_dem/icone-maison.svg');*/
  content: url("../img/picto_dem/icone-habitat-logement.svg");
}
.mobile-menu__items .group-list li a.deplacement:before {
  content: url("../img/picto_dem/icone-transports.svg");
}
.mobile-menu__items .group-list li a.nature:before {
  content: url("../img/picto_dem/icone-nature.svg");
}
.mobile-menu__items .group-list li a.environnement:before {
  content: url("../img/picto_dem/icone-environnement.svg");
}
.mobile-menu__items .group-list li a.numerique:before {
  content: url("../img/picto_dem/icone-eau-assainissement.svg");
}
.mobile-menu__items .group-list li a.eau:before {
  content: url("../img/picto_dem/icone-poubelle.svg");
}
.mobile-menu__items .group-list li a.info:before {
  /*content: url('../img/picto_dem/icone-contact.svg');*/
  content: url("../img/picto_dem/icone-contact-com.svg");
}
.mobile-menu__items .group-list li a.voirie:before {
  /*content: url('../img/picto_dem/icone-voirie-espace-public.svg');*/
  content: url("../img/picto_dem/icone-voirie.svg");
}
.mobile-menu__items .group-list li a.culture:before {
  content: url("../img/picto_dem/icone-entreprise.svg");
}
.mobile-menu__items .group-list li a.compagny:before {
  content: url("../img/picto_dem/icone-entreprises.svg");
}
.mobile-menu__items .group-list li a.assos:before {
  /*content: url('../img/picto_dem/icone-asso.svg');*/
  content: url("../img/picto_dem/icone-association.svg");
}
.mobile-menu__items .group-list li a.etatcivil:before {
  content: url("../img/picto_dem/icone-etat-civil.svg");
}
.mobile-menu__items .group-list li a.enfance:before {
  content: url("../img/picto_dem/icone-enfance.svg");
}
.mobile-menu__items .group-list li a.loisirs:before {
  /*content: url('../img/picto_dem/icone-sport-loisir.svg');*/
  content: url("../img/picto_dem/icone-sports.svg");
}
.mobile-menu__items .group-list li a.senior:before {
  content: url("../img/picto_dem/icone-senior.svg");
}
.mobile-menu__items .group-list li a.pro:before {
  content: url("../img/picto_dem/icone-pro.svg");
}
.mobile-menu__items .group-list li a.economie:before {
  content: url("../img/picto_dem/icone-economie.svg");
}
.mobile-menu__items .group-list li a.solidarite:before {
  content: url("../img/picto_dem/icone-social-solidarite.svg");
}
.mobile-menu__items .group-list li a.subventions:before {
  content: url(../img/picto_dem/icone-aide-subventions.svg);
}

.group-list,
.sub-group-list,
.sub-sub-group-list {
  /*height: 100%;
  height: auto;
  max-height: 0;
  overflow: hidden;*/
  -webkit-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
}
.group-list {
  padding-inline-start: 0px;
  padding:0 15px;
}
.nav__list label > span {
  position: absolute;
  right: 3.6rem;
  margin-top: 5px;
  -webkit-transition: -webkit-transform 0.65s ease;
  transition: transform 0.65s ease;
}
.nav__list input[type="checkbox"]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(180deg);
}
.mobile-menu .fa-angle-down:before {
  content: "\f107";
}
#sub-menu:focus-visible ~ label[for="sub-menu"] {
  outline-style: auto;
}
@media (max-width: 968px) {
  /* deb 968 */
  .bloc_type_demarches .p_Button,
  .bloc_type_espace .p_Button {
    width: auto !important;
    margin: 0 !important;
  }
  .bloc_type_demarches button,
  .bloc_type_espace button {
    font-size: 18px !important;
    padding: 1.4rem;
  }
  .bloc_type_demarches > div,
  .bloc_type_espace > div {
    margin: 0;
    justify-content: space-around;
  }
  .bloc_link_bm {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }
  .plan_site1,
    .plan_site2,
    /*.plan_site3,*/
    .fr_rel {
    width: 50% !important;
    /* text-align: center; */
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .eco_footer > div > div {
    text-align: center;
  }

  .plan_site1 li > div > div > div > div,
  .plan_site2 li > div > div > div > div,
  .plan_site3 li > div > div > div > div {
    text-align: center;
  }

  .block_haut > div:first-child,
  .block_haut {
    border: none;
  }
  .white_footer .block_bas > div > div {
    display: block;
    text-align: center;
  }
  .white_footer .block_bas ul {
    width: 100%;
  }
  .block_ecoconception {
    justify-content: center;
    /* margin: 1.5rem 0; */
  }

  .block_ecoconception > div,
  .block_accessibilite > div {
    width: 100%;
    justify-content: center;
  }

  .block_bas > div > div {
    display: block;
    text-align: center;
  }
  .block_bas p {
    margin-bottom: 0;
  }
  .titre_container h2 {
    margin: 0 0 30px 0;
  }
  .container_utilite_portail h4 {
    font-size: 1.5em;
  }
  .container_simuler_aides > .inline {
    padding: 1rem 0 2rem;
  }
  .container_bandeau_info .p_ListView {
    margin-bottom: 0 !important;
  }
  /* fin 968 */
}
@media (max-width: 376px) {
  .bloc_type_demarches button,
  .bloc_type_espace button {
    font-size: 1.125em !important;
    padding: 1.3rem;
  }
  .bandeau_accueil h1 {
    margin-right: 13%;
  }
}
@media (max-width: 590px) {
  .bloc_type_demarches > div,
  .bloc_type_espace > div {
    flex-wrap: nowrap !important;
    justify-content: start;
  }
  .bloc_type_demarches,
  .bloc_type_espace {
    overflow-x: auto;
  }
}
@media screen and (min-width: 969px) {
  .liste_dem ul, 
  .liste_assos ul{
    grid-template-columns: repeat(auto-fill, 31%);
  }
}
.liste_dem ul,
.liste_assos ul {
  display: grid;
  /*grid-template-columns: repeat(auto-fill, 33%);*/
  grid-gap: 0;
  column-gap: 20px;
  row-gap: 20px;
  padding-left: 20px !important;
}
body .container_demarches_themes .liste_dem {
  margin: 0;
}
.container_demarches_themes .liste_dem ul {
  grid-template-columns: repeat(auto-fill, 25%);
}
.container_demarches_themes .container_demarches_top .liste_dem ul {
    grid-template-columns: repeat(auto-fill, 23%);
    column-gap: 16px;
    padding-left: 0px !important;
}
@media (max-width: 968px) {
  .container_demarches_themes .container_demarches_top .liste_dem ul {
    grid-template-columns: repeat(auto-fill, 48%);
    column-gap: 20px;
  }
} 
@media (max-width: 639px) {
  .container_demarches_themes .container_demarches_top .liste_dem ul {
      grid-template-columns: repeat(auto-fill, 23%);
      column-gap: 16px;
      padding-left: 0px !important;
      margin-top: 20px;
  }
} 
.liste_dem li.ui-datalist-item {
  width: auto;
  /*margin: 0 0 30px 30px;*/
  padding: 0px;
}
.container_type_titre_theme {
  min-width: 50vw;
  width: 100% !important;
}
.container_type_titre_theme .p_Text {
  margin: 0;
}
.container_type_titre_theme span,
.titre_filtre label,
.titre_thematiques label {
  font-size: 1.5em !important;
  font-weight: 600;
  color: var(--primaire-black) !important;
}
.container-liste-ts .btn-creation {
  display: none;
}

body .etoile label:after,
body .etoile h2:after,
body .etoile legend:after {
  /*color: #FF5D8F;*/
  font-weight: normal;
}
label.etoile:after {
  font-weight: normal;
  content: "*";
  margin-left: 0.3rem;
  font-size: 2.2rem;
  line-height: 1.4rem;
  bottom: -0.2rem;
  position: relative;
}
body .ui-fileupload .bw-add-upload-label {
  position: relative !important;
}

/* gestion sub li page demarches par themes */
.subli {
  width: 100% !important;
}
.subli ul {
  padding: 0;
}
.subli li {
  list-style: none;
}

@media (min-width: 968px) {
  /* deb 968 */
  .subli .li_btn,
  .bouton_voir,
  .bloc_choix_theme {
    display: none;
  }
  /* fin 968 */
}
@media (max-width: 968px) {
  /* deb 968 */
  .subli {
    height: 300px;
    overflow: hidden;
  }
  .container_type_bouton_voir {
    border-bottom: 1px solid #c9d0d8;
    position: relative;
  }
  .container_type_bouton_voir button,
  .container_type_bouton_voir .ui-button:hover {
    background: transparent;
    width: 100%;
    color: var(--primaire-black);
    font-weight: 600;
  }
  .container_type_bouton_voir:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 100%;
    transform: translateY(-100%);
    background: linear-gradient(rgba(0, 0, 0, 0), #fff);
  }
  .bandeau_haut_presentation .p_Button {
    position: relative !important;
    text-align: center;
    /*top: -3.5rem !important;*/
    right: unset !important;
    /* order: 1; */
    margin-top: 2rem;
  }
  .demarches_similaires_dem li {
    width: 80% !important;
    padding: 1rem;
  }
  .demarches_similaires_dem .container_type_demarche .dem_theme {
    display: block;
  }
  .demarches_similaires_dem ul {
    display: flex;
    overflow-x: scroll;
    flex-wrap: wrap;
    flex-direction: column;
    height: 373px;
    width: 100%;
  }

  body .ui-accordion .ui-accordion-header,
  body .ui-accordion .ui-accordion-header.ui-state-active,
  body .ui-accordion .ui-accordion-header.ui-tabs-outline {
    font-size: 16px;
    padding: 2rem 3rem 2rem 0;
  }
  .container_aide > div {
    padding: 0;
  }
  .lv_deroulement li {
    width: 100% !important;
  }
  .container_titre_theme {
    display: none;
  }
  .bloc_profil > .inline > div {
    margin: 0rem !important;
    padding-top: 1rem;
  }
} /* fin 968 */
body .bandeau_haut_presentation > div,
body .bloc_deroulement_dem > div,
body .bloc_aide_dem,
.bloc_dem_traitee_par > div,
body .demarches_similaires_dem > div,
body .bloc_util_don_perso {
  margin: 0 auto !important;
}
body .bloc_aide_dem {
  align-items: center;
}
body .bloc_aide_dem h2 {
  margin-bottom: 0;
}
body .simuler_aide h2,
body .a-quoi h2,
body .comment_home h2,
body .faq_home h2,
body .blocLarge h2 {
  margin-top: 0;
}
body .comment_home h2 {
  margin-left: auto;
  margin-right: auto;
}

body .comment_home {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
body .simuler_aide {
  padding-bottom: 72px !important;
}
body .bandeau_accueil .container_bg_img > div,
body .simuler_aide,
body .a-quoi,
body .faq_home,
body .blocLarge > div {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}
body .container_aide .faq_home,
body .bloc_util_don_perso > div {
  margin-bottom: 0 !important;
}
/* page presentation demarches */
/* body .bloc_deroulement_dem > div {
    margin:3rem auto 10rem auto !important;
  }
body .bloc_aide_dem {
    margin:5rem auto !important;
  }
body .demarches_similaires_dem > div {
    margin: 95px auto !important;
}
body  .bloc_dem_traitee_par > div {
    margin: 55px auto !important;
  }
body .bloc_util_don_perso {
    margin: 10rem auto 4rem auto !important;
}*/
body .bloc_aide_dem .ui-g {
  align-items: center;
}
body .bandeau_haut_presentation {
  background: var(--primaire-bg);
  padding-bottom: 14rem;
  border-left: 5px solid var(--primaire);
  max-width: 104%;
  margin: 0;
}
.url_interne {
  display: block;
  margin: 3rem -1.5rem 0 -1.5rem;
}
.url_interne.btn_noir {
  margin: 3rem 0 0 0;
}
@media all and (min-width: 969px) {
  .content_contact_presentation .url_interne {
    position: absolute;
    top: -50px;
    right: -250px;
    margin: 0;
  }
  .content_contact_presentation .container_txt_aide {
    margin-top: -14rem;
  }
}
@media all and (min-width: 1900px) {
  body .bandeau_haut_presentation {
    padding-bottom: 18rem;
  }
}
body .bandeau_haut_presentation > div {
  position: relative;
  /* display: flex; */
  /* flex-wrap: inherit; */
  margin: 2rem auto 3rem auto !important;
}
.titre_dem_presentation {
  width: 60%;
}
.bloc_listes_infos_dem {
  margin: -140px auto 4rem !important;
}
.bandeau_haut_presentation .txt_duree p {
  font-size: 1.125em;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.bandeau_haut_presentation .txt_duree p::before {
  content: url("../img/picto_portail/icone-temps.svg");
  padding-right: 1rem;
  transform: scale(1.1);
}
.bandeau_haut_presentation .p_Button.btn_noir,
.bandeau_haut_presentation .url_interne.btn_noir,
.bandeau_haut_presentation .url_externe.btn_noir {
  position: absolute;
  top: 72px;
  right: 4rem;
}
.bandeau_haut_presentation.simuler_aides_bandeau .p_Button.btn_noir {
  top: 4rem;
}
.lv_editopj {
  margin-right: 10px;
}
p.description {
  margin-bottom: initial;
}
.bloc_btn_mobile {
  display: none;
}
body .bloc_deroulement_dem .p_Text {
  margin-top: 0;
}
.container_listes_dem,
.container_txt_aide {
  background-color: #fff;
  z-index: 2;
  position: relative;
}
.container_listes_dem {
  padding-top: 2rem !important;
  padding-bottom: 3.5rem !important;
}
.container_txt_aide::before,
.container_listes_dem::before {
  display: block;
  content: "";
  background-color: #fff;
  z-index: 0;
  width: 100%;
  position: absolute;
  height: 100%;
  left: -100%;
  top: 0;
}
.demarches_similaires_dem,
.bloc_dem_traitee_par {
  background: var(--primaire-bg);
}
.bloc_dem_traitee_par img {
  max-width: 170px;
  width: 100%;
}
.bloc_dem_traitee_par > .inline {
  padding: 50px 0;
}
.traitee_par p {
  margin: 0;
  font-weight: 600;
}
.traitee_par .p_Text {
  margin-top: 0.5rem;
}
.traitee_par span,
.text_bold p {
  font-size: 16px !important;
  font-weight: 600;
  color: var(--primaire-black) !important;
}
.text_bold {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
.bloc_deroulement_dem,
.encadre_satistaction {
  background: var(--neutral-bg);
}
/***** TABLEAUX ****/
.tableau {
  width: 100%;
  border: 1px solid #919191;
  font-family: "Work Sans", "Lato", sans-serif;
  border-radius: 5px;
  border-spacing: 0;
  margin-top: 34px;
}
.tableau tbody td,
.tableau th {
  font-weight: 400;
  text-align: left;
  padding: 8px 20px;
}
.tableau thead th {
  background-color: #e0e0e0;
  padding: 14px 20px;
  border-bottom: 1px solid #919191;
}
.tableau thead th:first-child {
  border-radius: 5px 0 0 0;
}
.tableau thead th:last-child {
  border-radius: 0 5px 0 0;
}
.tableau tbody > tr > th,
.tableau tbody > tr > td {
  border-bottom: 1px solid #dddddd;
}
.tableau .tab_bold {
  font-weight: 600 !important;
}
.tableau .tab_inseccable {
  white-space: nowrap !important;
}
@media all and (max-width: 767px) {
  .tableau tbody td,
  .tableau th {
    padding: 6px 10px;
  }
  .tableau thead th {
    padding: 14px 10px;
  }
  .rwd_break .tableau th,
  .rwd_break .tableau td {
    display: block;
  }
  .rwd_break .tableau tbody th,
  .rwd_break .tableau tbody td {
    border-bottom: 0;
    border-bottom: 1px dotted #dddddd;
    padding: 6px 10px;
  }
  .rwd_break .tableau tbody th:last-child,
  .rwd_break .tableau tbody td:last-child {
    padding: 6px 10px 14px 10px;
    border-bottom: 1px solid #919191;
  }
  .rwd_break .tableau tbody th:first-child,
  .rwd_break .tableau tbody td:first-child {
    padding: 14px 10px 6px 10px;
  }
  .rwd_scrollbar {
    overflow-x: scroll;
    width: 100% !important;
    min-width: 500px;
  }
}
/* tableaux pages présentations */
table.grid_velospe,
table.grid_passsenior,
table.grid_travaux {
  width: 100%;
  border: 1px solid #919191;
  font-family: "Work Sans", "Lato", sans-serif;
  border-radius: 5px;
  border-spacing: 0;
  margin-top: 34px;
}
.grid_velospe thead,
.grid_passsenior thead,
.grid_travaux thead {
  background-color: #e0e0e0;
}
.grid_velospe thead th,
.grid_passsenior thead th,
.grid_travaux thead th {
  font-size: 14px;
  font-weight: 400;
  padding: 14px 20px;
  border-bottom: 1px solid #919191;
}
.grid_passsenior thead th:nth-child(2),
.grid_travaux thead th:nth-child(2) {
  text-align: end;
}

.grid_passsenior thead th,
.grid_travaux thead th {
  width: 20%;
}
.grid_passsenior thead th:first-child,
.grid_travaux thead th:first-child {
  width: 60%;
}
.grid_velospe th,
.grid_passsenior th,
.grid_travaux th {
  text-align: start;
  /*width: 33%;*/
}
.grid_velospe th,
.grid_velospe td {
  padding: 20px 20px;
  width: 33%;
  /* border-bottom: 1px solid rgb(140 140 140); */
}
.grid_passsenior th,
.grid_passsenior td,
.grid_travaux th,
.grid_travaux td {
  padding: 20px 20px;
}

.grid_passsenior tbody td,
.grid_travaux tbody td {
  width: 19%;
}
.grid_passsenior tbody tr > td:first-child {
  width: 60%;
  text-align: left;
}
.grid_travaux tbody tr > td:first-child {
  width: 80%;
  text-align: left;
}
.grid_passsenior tbody tr > td,
.grid_travaux tbody tr > td {
  text-align: right;
}
/*.grid_velospe tbody td{
   padding: 20px 20px; 
}*/
.grid_velospe tbody th,
.grid_velospe tbody td,
.grid_passsenior tbody th,
.grid_passsenior tbody td,
.grid_travaux tbody td,
.grid_travaux tbody th {
  font-weight: 500;
}
.grid_velospe tbody > tr:nth-of-type(even),
.grid_passsenior tbody > tr:nth-of-type(even) {
  /* background-color: rgb(237 238 242); */
  /* border: 1px solid rgb(140 140 140); */
}

.grid_velospe tbody > tr,
.grid_passsenior tbody > tr,
.grid_travaux tbody > tr {
  position: relative !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.grid_velospe tbody > tr {
  width: 300%;
}
.grid_passsenior tbody > tr {
  width: 165%;
}
.grid_travaux tbody > tr {
  width: 134%;
}

.grid_velospe tbody > tr:nth-of-type(even):before,
.grid_velospe tbody > tr:nth-of-type(even):after,
.grid_passsenior tbody > tr:nth-of-type(even):before,
.grid_passsenior tbody > tr:nth-of-type(even):after,
.grid_travaux tbody > tr:nth-of-type(even):before,
.grid_travaux tbody > tr:nth-of-type(even):after {
  content: "";
  position: absolute !important;
  height: 1px;
  width: 95%;
  background-color: #919191;
}
.grid_velospe tbody > tr:nth-of-type(even):before,
.grid_passsenior tbody > tr:nth-of-type(even):before,
.grid_travaux tbody > tr:nth-of-type(even):before {
  top: 0;
}
.grid_velospe tbody > tr:nth-of-type(even):after,
.grid_passsenior tbody > tr:nth-of-type(even):after,
.grid_travaux tbody > tr:nth-of-type(even):after {
  top: 100%;
}

/* satisfaction*/
.encadre_satistaction {
  padding: 4rem;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
.encadre_satistaction p {
  font-size: 28px;
  font-weight: 600;
}
body .smiley {
  margin-top: 0;
}
body .smiley > .radiogroup > div label {
  height: 11rem;
  width: 12rem;
  background: #fff;
  padding: 1rem 0 !important;
  border: 1px solid #e0e0e0;
}
body .smiley > .radiogroup input[type="radio"]:not(:checked) + label:before,
body .smiley > .radiogroup input[type="radio"]:checked + label:before {
  height: 7rem;
  width: 12rem;
  font-size: 6rem;
}
body .smiley > .radiogroup > div input:focus,
body .smiley .ui-selectoneradio input:focus + label:before,
body .smiley .ui-selectmanycheckbox input:focus + label:before {
  box-shadow: none !important;
  border: none !important;
}
.lv_editopj .ui-datalist-data {
  /*margin-left: 0px !important; */
  margin: 2rem 0 !important;
}

.container_listes_dem li {
  list-style: none !important;
  margin-bottom: 1rem;
}
.container_listes_dem li > div {
  width: calc(100% - 45px);
}
.container_listes_dem li .p_Text {
  margin-top: 0rem;
}
.demarches_similaires_dem ul {
  display: flex;
}
.demarches_similaires_dem li {
  width: calc(100% / 4);
  padding: 1rem;
}
.demarches_similaires_dem .carte {
  background: #fff;
}
.bloc_util_don_perso > div {
  border: 1px solid #b9c0c5;
  border-radius: 4px;
}
.sous_titre_dem label,
.sous_titre_dem_blanc label {
  font-size: 24px !important;
  font-weight: 600 !important;
}

.sous_titre_dem .p_Text,
.sous_titre_dem_blanc .p_Text {
  margin-top: 0 !important;
}

.lv_deroulement,
.HTML_deroulement {
  margin-bottom: 2rem !important;
}
.lv_deroulement ul {
  display: flex;
  flex-wrap: wrap;
}
.lv_deroulement li,
.HTML_deroulement li {
  width: calc(100% / 6);
}
.lv_deroulement li > div,
.HTML_deroulement li {
  padding: 0 30px 0 0;
}
.lv_deroulement li:last-child > div,
.HTML_deroulement li:last-child {
  padding: 0;
}
.container_listes_dem .lv_editopj ul li {
  list-style-type: disc !important;
}
.lv_deroulement .num_etape > div,
.num_etape {
  background: var(--primaire-black);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
}
.lv_deroulement .num_etape span,
.num_etape {
  color: #fff;
  /*font-weight: 600;*/
}
.HTML_deroulement ol {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.HTML_deroulement li {
  list-style: none;
}

.lv_deroulement .nom_etape span {
  font-size: 1.7rem;
  font-weight: 600;
  color: var(--primaire-black);
}
.lv_deroulement .nom_etape .p_Text {
  margin: 1.5rem 0 2rem;
}
body .bloc_infos_aide {
  margin-bottom: 0 !important;
}
.bloc_infos_aide img {
  max-height: 500px;
  max-width: 500px;
  min-height: 289px;
}
/* retire les themes en version desktop */
@media (min-width: 968px) {
  /* deb 968 */
  .bouton_voir {
    display: none;
  }
  .li_titre,
  .li_btn {
    display: none;
  }
  .container-liste-ts li.subli {
    padding: 0rem;
  }
} /* fin 968 */

/* pictos themes */
.list-cat a.all_dem:before,
.list-cat a.all_fav:before {
  font-family: FontAwesome !important;
  display: inline-block !important;
  font-size: 1.5rem !important;
  padding-right: 1rem;
  font-weight: 900 !important;
  margin: 0 !important;
  position: relative !important;
  transform: none !important;
  background: transparent !important;
  color: var(--primaire-black) !important;
  font-size: 1.8rem !important;
}
.list-cat a.all_dem:before {
  /*content: "\f03a" !important;*/
  content: url("../img/picto_dem/icone-all.svg") !important;
  height: auto;
  width: auto;
}
.list-cat a.all_fav:before {
  background:transparent url("../img/picto_dem/icone-heart.svg") no-repeat left 2px center !important;
  background-size:contain;
  width: 18px !important;
  height: 16px !important;
  border-radius:0
}
.list-cat a.all_fav:hover:before {
  text-decoration:none;
}
.list-cat a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: var(--primaire-black);
  border-radius: 0;
}
/* .list-cat a:before{
    padding-right: 1rem;
}
 */
.container_titre_theme {
  margin-bottom: 28px;
}

.container_titre_theme h2 {
  /*     font-size: 28px;
    font-weight: 600; */
  margin: 0;
}
.nb_demarches,
.titre_filtre,
.container_titre_theme h2 {
  width: fit-content;
}
body
  .ui-growl
  .ui-growl-item-container
  .ui-icon.ui-icon-closethick:focus::before,
body
  .ui-growl
  .ui-growl-item-container
  .ui-icon.ui-icon-closethick:hover::before {
  color: var(--color-red) !important;
}
/********* page presentation simuler mes aides **********/

.container_txt_aide {
  padding: 2.5rem 1.5rem !important;
}

/************ page presentation demarche ***************/
.bloc_listes_infos_dem span {
  font-size: 18px !important;
}
.LV_dem_cas li,
.LV_dem_pieces li {
  display: flex;
  align-items: flex-start;
}
.LV_dem_pieces li {
  margin-bottom: 8px;
}
.LV_dem_pieces li > div {
  padding: 0.6rem 0 0 0;
}
/*.LV_dem_pieces.poubelle_logement li:last-child>div:after,*/
.LV_dem_pieces.poubelle_etiquette:after {
  content: "";
  display: block;
  /*background: url(../img/code_poubelle.svg) no-repeat left;*/
  background: url(../img/picto_poubelle_etiquette.jpg) no-repeat left;
  background-size: contain;
  width: 100%;
  /*height: 245px;*/
  height: 350px;
  margin-top: 16px;
}
.LV_dem_pieces.poubelle_etiquette ul {
  margin-bottom: 3rem !important;
}
body .LV_dem_cas li > div,
body .LV_dem_pieces li > div {
  width: auto;
}
.blocJaugeAtteinte li {
  display: flex;
  align-items: flex-start;
}
.blocJaugeAtteinte ul {
  padding-inline-start: 0px;
}
.LV_dem_cas li:before,
.blocJaugeAtteinte li::before {
  content: "";
  background: var(--primaire);
  display: block;
  width: 5px;
  height: 21px;
  margin-right: 1rem;
  flex-shrink: 0;
}

.LV_dem_pieces li:before {
  content: url("../img/icone_fleche_noire.svg");
  background: var(--neutral-bg);
  display: block;
  padding: 1rem 0.7rem;
  border-radius: 20px;
  margin-right: 1rem;
}

.bloc_util_don_perso > div {
  padding: 3rem !important;
}

.bloc_util_don_perso .p_Text,
.bloc_util_don_perso p {
  margin: 0rem;
}

.bloc_util_don_perso .p_Text label {
  font-size: 20px;
}
/*.bloc_util_don_perso p{
    font-size: 18px;
}*/
.bloc_util_don_perso .dem_sous_titre p {
  font-size: 1.7rem;
  padding-left: 0 !important;
}

.bloc_util_don_perso p {
  font-size: 1.4rem;
}
body .img_MargeTop {
  padding-top: 50px;
}
/****** boutons *************/
body .ui-button {
  font-weight: 600;
  height: auto;
  font-size: 1.6rem;
  box-shadow: none;
  text-align: center;
  position: relative;
  padding: 1.4rem 2.5rem 1.4rem 2.5rem;
  border-radius: 0.4rem;
  justify-content: center;
}
.btn_noir .ui-button,
.url_interne.btn_noir a,
.url_externe.btn_noir a,
.btn_noir .ui-button:focus {
  background: var(--primaire-black);
  color: #fff;
}
.btn_border a,
.btn_border a:hover {
  background: transparent;
  color: var(--primaire-black);
  border: 1px solid var(--primaire-black);
  border-radius: 0.4rem;
  font-size: 1.6rem;
  box-shadow: none;
  padding: 1.4rem 2.5rem 1.4rem 2.5rem !important;
  font-weight: 600;
}
.btn_border a {
  text-decoration: none;
}
.LV_dem_pieces a,
.LV_dem_cas a,
a.lien_externe,
.lv_editopj a,
.lv_editopj a:focus,
body a.lien_externe:focus,
body .rgaa-focus-state a.lien_externe:focus,
.bloc_aide_dem a,
label a {
  background: url("../img/picto_portail/fleche-lien.svg") no-repeat right top;
  padding-right: 1.5em !important;
}
.LV_dem_pieces a,
.LV_dem_cas a,
a.lien_externe,
.lv_editopj a,
.lv_editopj a:focus,
body a.lien_externe:focus,
body .rgaa-focus-state a.lien_externe:focus,
.bloc_aide_dem a,
label a {
  display: inline;
  border-bottom: 1px solid var(--primaire-black) !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  color: var(--primaire-black);
  background-size: 1em auto;
}
.LV_dem_pieces a:hover,
.LV_dem_cas a:hover,
a.lien_externe:hover,
.lv_editopj a:hover,
.bloc_aide_dem a:hover,
label a:hover {
  border-bottom-width: 2px !important;
  text-decoration: none !important;
  color: var(--primaire-black) !important;
}
.lien_btn_jaune a {
  background: var(--primaire);
  color: var(--button-text);
  text-decoration: none;
}
.url_interne.btn_noir a,
.url_interne.btn_noir a:focus,
.url_externe.btn_noir a,
.url_externe.btn_noir a:focus,
.lien_btn_jaune a,
.lien_btn_jaune a:focus {
  border-radius: 0.4rem;
  font-size: 1.6rem;
  box-shadow: none;
  padding: 1.4rem 2.5rem 1.4rem 2.5rem !important;
  font-weight: 600;
  /* line-height: 1.8em; */
  text-decoration: none;
}
.url_interne.btn_noir a:hover {
  text-decoration: underline;
}
.url_externe.btn_noir a::after {
  content: url("../img/picto_portail/fleche-lien-blanc.svg");
  padding-left: 0.5rem;
}
.url_externe.lien_btn_jaune a::after {
  content: url("../img/picto_portail/fleche-lien.svg");
  padding-left: 0.5rem;
}
.bloc_deroulement_dem .url_interne.btn_noir,
.bloc_deroulement_dem .url_externe.btn_noir {
  margin-top: 2rem;
}
.lien_btn_jaune {
  /* margin-top: 4rem; */
  padding: 60px 0;
}
.newsletter .lien_btn_jaune {
  padding: 25px 0 60px 0;
}
.lien_btn_jaune a:hover {
  background: var(--primaire-hover);
  color: var(--button-text-hover);
}
.page_suivre h2 {
  font-size: 1.25em;
  margin-top: 25px;
}
.page_suivre .lien_btn_jaune {
  padding: 20px 0 0px 0;
}
.page_suivre .ou {
  margin: 7rem 0 5rem 0;
}
body .none-editable .ui-button {
  background: #e0e0e0;
  border-color: #e0e0e0;
  color: #fff;
}
body .none-editable .secondary .ui-button,
body .none-editable .btn_secondaire .ui-button {
  color: #b9c0c5 !important;
}
/************ template de demarches ****************/
body.ts_vue_footer footer {
  display: block !important;
}
body.ts_vue_footer .ts_actions,
body.ts_vue_footer .bandeau_bas {
  position: relative;
  box-shadow: none;
}

body .ts_actions > div > div > div:last-child > div,
body .bandeau_bas .container_bandeau_bas > div:last-child {
  display: flex;
  justify-content: flex-end;
}
body .ts_actions > div > div > div:last-child > div > div {
  width: 50%;
}
body .ts_actions > div > div > div:last-child > div .ui-button span {
}
body .ts_actions > div > div > div:last-child > div > div:last-child {
  display: flex;
  justify-content: flex-end;
}
body .bandeau_bas .container_bandeau_bas > div:last-child div {
  margin: 0 0 0 5px;
}
body.ts_vue_footer .ts_actions > div > div div .ts_bt_previous,
body.ts_vue_footer .bandeau_bas .container_bandeau_bas div .btn_icon_prev {
  padding-right: 32px !important;
}
body.ts_vue_footer .recap.ui-g .encadre_recap {
  width: 100%;
}
body .ts_actions div {
  padding: 0;
  margin: 0;
}
body .bandeau_bas .ui-g-12 {
  padding: 0 0.75rem;
}
.ts_actions,
.bandeau_bas {
  margin-top: 2rem;
  position: fixed;
  z-index: 10;
  bottom: 0;
  /*left: 1.5rem;*/
  left: 0;
  background: #fff;
  box-shadow: rgb(0 0 0 / 40%) 0px 30px 90px;
  width: 100%;
  /* height: 100px; */
  height: auto;
  max-width: calc(100% + 3rem) !important;
}
.ts_actions > div,
.bandeau_bas > div {
  margin: 0 auto;
  padding: 0 !important;
}
.ts_actions > div > div,
.container_bandeau_bas {
  display: flex;
  align-items: center;
  height: 100px;
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.box_mdp .bandeau_bas{
    position: relative;
    background: transparent;
    box-shadow: none;
}
.entete h2 {
  display: none;
}
body .bw-steps-tv > .ui-tabs-panels {
  background: #fff;
}

main .tab_connexion h2 {
  margin-top: 40px;
}
main .tab_connexion h2:focus {
  border-color: transparent;
}
.connect_or_not {
  margin-top: 5rem;
}
.bw-steps-tv .link.continuer_nologin.p_Button,
.bw-steps-tv .btn_link.continuer_nologin.p_Button {
  /*margin-top: 1rem;*/
}
.p_TabView nav {
  position: absolute;
  /*top: -145px;*/
  top: -160px;
  right: 0px;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: rgba(247,247,241,0.8);*/
}

body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active ~ li:before {
  /*     content: counter(my-awesome-counter); */
  content: "";
}
.bw-steps-tv>nav>ul>li.bw-loaded-tab:before,
.iconStep.ui-icon-circle-check:before
/*.bw-steps-tv>nav>ul>li:before*/ {
  color: green !important;
  border-color: green !important;
  background: #fff !important;
}
.bw-steps-tv > nav > ul > li.ui-state-active:before,
.ui-tabs-selected .iconStep.ui-icon-radio-off:before {
  background: #fff;
  border-color: var(--primaire-black) !important;
  content: "" !important;
}
q body .bw-steps-tv > nav > ul.ui-tabs-nav > li {
  width: 100px;
  display: flex !important;
  justify-content: center;
  font-size: 16px;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li:after {
  display:block;
  content: "";
  width: 100%;
  /* width: 100px; */
  height: 2px;
  background: #d8dbe1;
  position: absolute;
  /* left: -53%; */
  left: -52%;
  top: 0;
  z-index: -1;
  border-top: none;
  display: block;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.bw-loaded-tab:after {
  background: var(--primaire-black);
}

body .bw-steps-tv>nav>ul.ui-tabs-nav>li:first-child:after,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.tab_connexion,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.tab_demande:after,
.rgpd_link_top, 
.rgpd_link_bottom {
  display: none !important;
}
li.tab_connexion {
  /*visibility: hidden;*/
}

body .bw-steps-tv > nav > ul.ui-tabs-nav > li a {
  font-size: 16px !important;
  color: var(--primaire-black) !important;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-tabs-selected a {
  font-weight: 600 !important;
}

/*
body .bw-steps-tv>nav>ul.ui-tabs-nav>li:last-child{
    opacity: 0;
    width: 0;
}
*/

/* cache la legende et son etoile lorsque la PJ n'a pas de libelle et qu'elle est obligatoire */
.no_legend .ui-fileupload fieldset.bw-download-content legend {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  visibility: hidden;
}
.no_legend .ui-fileupload fieldset.bw-download-content legend::after {
  display: none;
}

/* ajoute une etoile lorsque la checkbox contient la classe cb_etoile */
body .cb_etoile .bwcheckbox label:after {
  content: "*" !important;
  position: relative !important;
  color: #df2f4e;
  margin-left: 0.3rem;
  font-size: 1.4em;
  line-height: 1rem;
  font-weight: normal;
  top: 0.2rem !important;
  left: 0 !important;
  opacity: 1 !important;
}
.ts_header,
.Bloc_Header {
  background: var(--primaire-bg);
  min-height: 180px;
}

.ts_header::before,
.Bloc_Header::before {
  /*     content: '';
    display: block;
    background: #FFF;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: -1px;
    width: 100vw;
    transform: translateX(-50%);
    z-index: -1; */
  border-bottom: none;
}
.recap_bloc {
  border: 1px solid #b9c0c5;
  border-radius: 5px;
  padding: 30px;
}
body .ui-tabs {
  border-top: 0;
}
body #ban nav a:focus,
body .rgaa-focus-state *:focus {
  box-shadow: none !important;
}
/* body .rgaa-focus-state *:focus{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
} */
body #ban nav a:focus-visible {
  box-shadow: 0 0 0 4px #ecedf1 !important;
}
/************** 
    deb fil ariane 
***************/
/* new fil ariane rgaa */
body .ariane.fil_ariane .p_Button:after,
body .ariane.ts_ariane .p_Button:after {
  display: none;
}
body .ariane .ariane_fleche {
  margin: 0 0.4rem 0 0.6rem;
}
body .ariane .ariane_fleche span {
  font-size: 1em;
  color: var(--primaire-black);
}
body .ariane .ariane_fleche * {
  padding: 0;
  margin: 0 !important;
}
/* end new fil ariane rgaa */
.ts_ariane,
.fil_ariane {
  margin: 13px 0px 22px 0;
}
.ts_ariane .nom_demarche .p_Text,
.fil_ariane .nom_demarche .p_Text {
  margin-top: 0;
}
.ts_ariane p,
.fil_ariane p {
  margin:0
}
.ts_ariane button,
.ts_ariane .nom_demarche span,
.fil_ariane button,
.fil_ariane .nom_demarche span,
.ts_ariane a,
.ts_ariane span,
.fil_ariane a,
.fil_ariane span {
  color: var(--primaire-black);
  font-size: 16px;
  font-weight: 400;
}
.ts_ariane a,
.fil_ariane a {
  text-decoration: underline;
}
.fil_ariane button {
  padding: 0;
}
.ts_ariane a::after,
.fil_ariane a::after {
  content: ">";
  padding: 0 1rem;
  /* text-decoration: none !important; */
}
.fil_ariane .p_Button:after,
.ts_ariane .p_Button:after {
  content: ">";
  font-size: 1em;
  color: var(--primaire-black);
  padding-left: 1rem;
  display: flex;
  align-items: center;
}
/************** 
    end fil ariane 
***************/
body .link .ui-button,
body .link .ui-button:hover,
body .ts_bt_previous .ui-button:hover,
body .btn_link .ui-button,
body .btn_link .ui-button:hover,
body .btn_icon_prev .ui-button:hover {
  color: var(--primaire-black) !important;
}
body .link .ui-button.ui-state-disabled,
body .link .ui-button.ui-state-disable,
body .btn_link .ui-button.ui-state-disabled,
body .btn_link .ui-button.ui-state-disable {
  border: none;
}
body .ts_bt_next .ui-button-text:after,
body .ts_bt_previous .ui-button-text:before,
body .btn_icon_next .ui-button-text:after,
body .btn_icon_prev .ui-button-text:before,
body .btn_secondaire .ui-button-text:after,
body .btn_secondaire .ui-button-text:before {
  display: none;
}
body .ts_bt_next .ui-button-text,
body .btn_icon_next .ui-button-text {
  margin-right: 0;
}
body .ts_bt_previous .ui-button-text,
body .btn_icon_prev .ui-button-text,
body .btn_secondaire .ui-button-text {
  margin-left: 0;
}
body .secondary .ui-button,
body .ts_bt_previous .ui-button,
body .btn_icon_prev .ui-button,
body .btn_secondaire .ui-button {
  border: 1px solid #b9c0c5;
  background: #fff;
  color: var(--primaire-black) !important;
}
body .secondary .ui-button:hover,
body .secondary .ui-button:focus,
body .ts_bt_previous .ui-button:hover,
body .ts_bt_previous .ui-button:focus,
body .btn_icon_prev .ui-button:hover,
body .btn_icon_prev .ui-button:focus,
body .btn_secondaire .ui-button:hover,
body .btn_secondaire .ui-button:focus {
  border: 1px solid var(--primaire-black) !important;
  background: transparent !important;
  color: var(--primaire-black) !important;
}
.ts_actions .ui-button,
.bandeau_bas .ui-button {
  padding: 1.5rem 25px !important;
  min-width: 220px;
  white-space: nowrap;
}
.bandeau_bas .btn_icon_prev .ui-button::before,
.ts_actions .btn_icon_prev .ui-button::before,
.bandeau_bas .btn_icon_next .ui-button::before,
.ts_actions .btn_icon_next .ui-button::before {
  display:none;
}
.bandeau_bas .container_btn_next .ui-button.ui-state-disabled:hover {
  background: #ecedf1;
  text-decoration: none !important;
  color: #929aa9 !important;
}
.bandeau_bas .container_btn_next .ui-button.ui-state-disabled:hover span {
  color: #929aa9;
}
.ts_actions > div > div.ui-g > .inline.Halignright {
  flex-wrap: nowrap;
}
.ts_actions > div > div.ui-g > .inline.Halignright > div {
  width: 100%;
}
.bw-steps-tv .ui-button:hover,
.ts_actions .ts_bt_next .ui-button:hover,
.bandeau_bas .container_btn_next .ui-button:hover,
.container_simuler_aides button:hover,
.container_reprendre_suivre .ui-button:hover,
.champ_recherche .ui-button:hover,
.container_suggestion .ui-button:hover {
  background: var(--primaire-hover);
  color: var(--button-text-hover) !important;
}
body .ui-button.ui-state-disabled:hover,
body .ui-button.ui-state-disable:hover,
.bw-steps-tv .ui-button.ui-state-disabled:hover,
.ts_actions .ts_bt_next .ui-button.ui-state-disabled:hover,
.bandeau_bas .container_btn_next .ui-button.ui-state-disabled:hover,
.container_simuler_aides button.ui-state-disabled:hover,
.container_reprendre_suivre .ui-button.ui-state-disabled:hover,
.champ_recherche .ui-button.ui-state-disabled:hover,
.container_suggestion .ui-button.ui-state-disabled:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: #dcdde5 1px solid;
  color: #929aa9 !important;
  background: #ecedf1;
  text-decoration: none !important;
}
.btn_noir .ui-button:hover {
  color: #fff !important;
  background: var(--primaire-black-hover) !important;
}
#menu_desktop {
  position: relative;
}
.picto_bm {
  /*position: fixed;*/
  /* position: absolute; */
  top: 0;
  z-index: 1;
  /* background: #fff; */
  /* width: 100%; */
}
.picto_bm > div {
  max-width: calc(1366px + 3rem);
  /* margin: auto; */
}
/* nouvelle gestion du logo */
.div_secondaire .picto_bm > div,
.bottom_footer .logo_footer,
#menu_mobile .bloc_logo .logo-portail {
  background: no-repeat;
  background-image: var(--logo_client);
}
#menu_mobile .bloc_logo .logo-portail {
  max-height: 4rem;
}
.div_secondaire .picto_bm > div {
  /* transform: translateX(-40%); */
  width: 131px;
  margin-left: 1.5rem;
  background-position: 0% 50%;
}
.div_secondaire nav .logo-portail {
  transform: translateX(-6%);
}
.div_principal .picto_bm.sticky > a {
  background: no-repeat center;
  background-image: var(--logo_client);
  width: 90px;
}
.div_secondaire .picto_bm > div,
.div_principal .picto_bm.sticky > a,
.bottom_footer .logo_footer,
#menu_mobile .bloc_logo .logo-portail {
  content: "";
  display: block;
  z-index: 1000;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  height: 50px;
  background-size: contain;
}
.bottom_footer .logo_footer {
  display: block;
  height: 63px;
  width: 165px;
  margin-bottom: 2rem;
}
.logo_txt {
  /* margin-left: 12rem; */
}
.div_principal .picto_bm {
  transform: translateY(20%);
}
#menu_mobile .bloc_logo .logo-portail {
  /*margin-left: 2rem;*/
  margin: 1.5rem;
  background-position-y: center;
}
/*************************/
img.logo_bm_picto {
  top: 4px;
  left: 0;
  transform: translateX(-100%);
  z-index: 10000;
  /* width: 50px; */
  width: auto;
  padding-left: 0px;
  padding-bottom: 7px;
  padding-top: 5px;
}
a:hover img.logo_bm_picto {
  background: #e8e8e8;
  transition: background-color 0.5s ease-out;
}

nav#nav_principal {
  /* background: #fff; */
  /* z-index: 2333333333; */
  background: transparent;
}

#menu_principal li a {
  /*padding: 2.1rem 0;*/
  padding: 0;
  height: 58px;
  display: flex;
  align-items: center;
  border-bottom: 3px solid transparent;
}

span.sep_ou {
  text-align: center;
  margin: 0 3rem;
}

.container_champs_avancement .inline {
  justify-content: center;
  align-items: end;
}

.container_champs_avancement .p_EditText {
  width: 336px;
}

span.sep_ou {
  display: inline-block;
  padding: 0;
  border-radius: 100%;
  border: 1px solid #dcdfe9;
  background: #000;
  color: #fff;
  line-height: 3.6rem;
  width: 3.8rem;
}

.container_avancement h3 {
  font-size: 2.5em;
  width: 650px;
  margin: 0 auto;
  line-height: 1;
}
.container_avancement p {
  font-size: 1.125em;
}
.container_avancement h3,
.container_avancement p {
  text-align: center;
  color: var(--primaire-black);
}

/* .container_avancement>div>div{
    text-align: center;
}
 */

.container_ensavoirplus ul {
  display: flex;
  flex-wrap: wrap;
}
.container_ensavoirplus li.ui-datalist-item {
  width: calc(100% / 3);
  padding: 1rem;
}
.container_ensavoirplus li > div > div {
  height: 100%;
}
.container_ensavoirplus li > div {
  border: 1px solid #b9c0c5;
  padding: 30px;
  height: 100%;
}
.container_ensavoirplus li > div:hover {
  border-color: var(--primaire-black);
}
.col_ensavoirplus {
  display: flex;
  flex-wrap: wrap;
}
.container_ensavoirplus .p_HyperLink {
  text-align: right;
  margin-bottom: 0 !important;
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.container_ensavoirplus .p_HyperLink a {
  text-decoration: none;
  background: none;
  color: var(--primaire-black);
  padding: 0;
  text-transform: none;
  line-height: 1.5em;
  font-size: 1.7em;
  /* font-weight: 600; */
  padding-right: 1rem;
}
/*
.container_ensavoirplus .p_HyperLink:before {
    content: "\f054"; 
     font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    color: var(--primaire-black);
    padding-right: 1rem;
}
*/
.demande_confirm {
  min-height: 400px;
  display: flex;
  align-items: center;
  padding-top: 60px;
}

.demande_confirm .p_Image {
  padding-right: 5rem;
  width: 70%;
}
.container_ensavoirplus li:hover .p_HyperLink a {
  text-decoration: underline;
}

.container_ensavoirplus h4 {
  font-size: 28px;
  margin-bottom: 3rem;
}
.container_ensavoirplus p {
  font-size: 18px;
}
.container_ensavoirplus p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.container_ensavoirplus .p_Text {
  margin-top: 0;
}

/* page sous-titre (froide + fin) */

.page_soustitre p {
  font-size: 20px;
  padding-bottom: 20px;
  margin: 0;
  font-weight: 600;
  color: var(--primaire-black);
}
.faq_home ul,
.pagefroide_content ul,
.faq_home ol,
.pagefroide_content ol {
  margin: 25px 0;
  padding: 0px 15px;
}
.faq_home ul ul,
.pagefroide_content ul ul,
.faq_home ol ul,
.pagefroide_content ol ul,
.faq_home ul ol,
.pagefroide_content ul ol,
.faq_home ol ol,
.pagefroide_content ol ol {
  margin: 3rem 0;
  padding: 0px 22px;
}
.faq_home ul li,
.pagefroide_content ul li,
.faq_home ol li,
.pagefroide_content ol li {
  margin: 6px 0;
}

/* modifs relatives aux contenus dynamiques de la page d'accueil (via listviews) */
/*
div#main {
    padding: 0;
}
@media (max-width: 968px) {
    div#main {
       padding: 0 1.5rem;
    }
}
*/
@media (max-width: 968px) {
  /* deb 968 */
  .p_TabView nav {
    position: relative;
    top: 0;
    right: 0px;
    transform: initial !important;
    height: auto;
  }
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li:after {
    /*display: none;*/
    width: 2px;
    height: 59px;
    background: #d8dbe1;
    position: absolute;
    left: 0;
    top: -27px;
    z-index: -1;
  }
  .p_TabView nav {
    background-color: transparent;
  }
  .ts_ariane > .inline > div,
  .fil_ariane > .inline > div {
    width: auto;
  }
  .fil_ariane .nom_demarche {
    margin-left: 0 !important;
  }
  .bloc_btn_mobile {
    display: block;
    margin-top: 20px;
  }
  .logo_gouv,
  .logo_france_relance {
    margin: 0 !important;
  }
  .logo_gouv {
    width: 60% !important;
  }
  .logo_france_relance {
    width: 40% !important;
  }
  .logo_gouv img {
    width: 100% !important;
  }
  .logo_france_relance img {
    width: 80% !important;
  }
  .eco_content {
    width: 68%;
  }
  .ts_header,
  .Bloc_Header {
    padding: 0 3rem;
  }
  .block_haut .inline {
    justify-content: center;
  }
  .container_menu_footer {
    width: 50% !important;
    margin: 0 !important;
  }
  .ts_actions,
  .bandeau_bas {
    /*padding: 2rem;*/
    padding: 1rem;
    /*height: 120px;*/
  }
  .ts_actions .ui-button,
  .bandeau_bas .ui-button {
    padding: 1.5rem 2rem;
    min-width: 120px;
  }
  .bandeau_haut_presentation .btn_noir {
    display: none;
  }
  .bloc_listes_infos_dem img {
    margin-top: 0;
  }
  .bloc_listes_infos_dem {
    /*margin: -130px auto 4rem !important;*/
    margin: -85px auto 2rem !important;
  }
  body .bandeau_haut_presentation {
    padding-bottom: 100px;
  }
  body .bandeau_haut_presentation > div {
    padding-bottom: 0 !important;
  }
  /* simuler mes aides */
  .bandeau_haut_presentation.simuler_aides_bandeau {
    padding-bottom: 0rem !important;
  }

  .bandeau_haut_presentation.simuler_aides_bandeau .btn_noir {
    display: flex;
    margin-bottom: 2rem;
    top: -2rem;
    justify-content: flex-end;
    z-index: 10;
  }
  body .bloc_dem_traitee_par > div {
    margin: 3.5rem auto !important;
  }
} /* fin 968 */

/********* modifs v7 tunnel de demarches ****************/
.btn-save-task {
  display: none;
}

body .ui-tabs .ui-tabs-panels {
  border: none;
}

body .bw-steps-tv {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
  width: auto;
  /* border-top: 1px solid #d7dae0;*/
  position: relative;
}

body div[class*="p_TabView"] > .bw-steps-tv > nav > ul {
  counter-reset: my-awesome-counter;
  max-width: calc(1054px + 3rem);
  border: 0;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.displaynone{
  display: none !important;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li {
  counter-increment: my-awesome-counter;
  position: relative;
  text-align: center;
  margin: 1rem;
  width:112px;
}
body .ui-tabs .ui-tabs-nav li.ui-state-active {
  z-index: 5;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li:first-child {
  margin-left: 0;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li:last-child {
  margin-right: 0;
}
body .link.ts_bt_save .ui-button {
  font-size: 1.5rem;
  text-decoration: underline !important;
  display: flex;
  align-items: center;
}
body .ts_bt_save .ui-button-text:before {
  font-weight: 900;
}
body [class*="ts_bt_"] .ui-button-text:before {
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  line-height: 1;
  left: -5px;
}
.bw-steps-tv > nav > ul > li:before,
.iconStep.ui-icon-circle-check:before {
  content: "\f00c";
}
.bw-steps-tv > nav > ul > li:before,
.iconStep:before {
  width: 3rem;
  height: 3rem;
  display: block;
  /* background: #C9D0D8; */
  background: #fff;
  border-radius: 100%;
  font-family: FontAwesome;
  font-weight: 900;
  font-size: 1.5em;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 50%;
  top: -1.6rem;
  border: 2px solid transparent;
  transform: translateX(-50%);
  font: normal 16px / 1.8 FontAwesome, serif !important;
}
body [class*="ts_bt_"] .ui-button-text:before,
body [class*="btn_icon_"] .ui-button-text:before {
  font-family: FontAwesome;
}
body [class*="btn_icon_save"] .ui-button-text,
body [class*="ts_bt_save"] .ui-button-text {
  display:flex;
}
body [class*="ts_bt_save"] .ui-button-text:before,
body [class*="btn_icon_save"] .ui-button-text:before {
  content: url(../img/picto_portail/icone-enregistrer.svg);
  display:block;
  margin-right:0.5rem;
}
body [class*="ts_bt_save"] .ui-button-text,
body [class*="btn_icon_save"] .ui-button-text {
  font-weight: 500;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a {
  border: 0 !important;
  color: #898fa0;
  font-weight: 400;
  font-size: 1.4rem;
  padding-top: 2.5rem;
  padding-right: 0;
  text-align: center;
  padding-bottom: 0;
  white-space: normal !important;
  width: 112px;
}
.bw-steps-tv > nav > ul > li.bw-loaded-tab a{
  text-decoration: none;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active:before {
  content: counter(my-awesome-counter);
  font-family: inherit;
  font-weight: 400;
}

body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active ~ li:before {
  /*content: counter(my-awesome-counter);*/
  color: #a9a5b6;
  font-family: inherit;
  font-weight: 400;
}

body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a:hover,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a:focus,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-tabs-outline > a {
  /*color: #6f6f6f !important;*/
  border-top: none !important;
  box-shadow: none !important;
}
body .onglets .p_TabView .bw-steps-tv .bwTabsNav li a,
.bw-steps-tv > nav > ul > li > a::before {
  display: block;
  font-weight: 600;
  font-size: 1.6rem !important;
  color: #5e6471;
  margin-bottom: 0.3rem;
}
.bw-steps-tv > nav > ul > li > a::before {
  display: none;
}

.contrast .bw-steps-tv > nav > ul > li > a::before {
  color: #4c515c;
}

.contrast .bw-steps-tv > nav > ul > li.ui-state-active:before {
  background: #0043c7;
  border-color: #0043c7;
}

.bw-steps-tv > nav > ul > li.ui-state-active ~ li:before {
  background: #fff;
  border-color: #d8dbe1;
}

.bw-steps-tv > nav > ul > li.ui-state-active > a:before {
  color: #0e6eb6;
}

.contrast .bw-steps-tv > nav > ul > li.ui-state-active > a:before {
  color: #0043c7;
}

body .bw-steps-tv > .ui-tabs-panels {
  border: 0;
  padding: 2rem 0 0 0;
}

body .bw-steps-tv > .ui-tabs-panels > .ui-tabs-panel {
  border: 0;
  padding: 0;
  margin: auto;
}
/* cache tab lorsqu'il est seul */
body .bw-steps-tv > ul.ui-tabs-nav > li:last-child:first-child {
  display: none;
}

.champs_requis span {
  font-size: 14px !important;
}
body .radiogroup input[type="radio"]:checked + label,
body .radiogroup input[type="radio"]:not(:checked) + label {
  color: #161e2e;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.222em;
}
body .radiogroup > div {
  height: auto;
  margin: 10px 0;
}
body .p_Text span {
  line-height: 1.5em;
  color: #6A7791;
  font-size: 1.3rem;
}
body .smiley > .radiogroup > div label {
  text-align: center;
  display: block;
  overflow: hidden;
  width: 10rem;
  height: 7rem;
  position: relative;
  padding: 0 !important;
  margin: 0;
}
body .radiogroup input[type="radio"]:checked + label,
body .radiogroup input[type="radio"]:not(:checked) + label {
  position: relative;
  /*padding-left: 2.5rem;*/
  padding-left: 3rem;
  cursor: pointer;
  display: inline-block;
  /*color: #5F697E;*/
  color: var(--primaire-black);
}
body .smiley > .radiogroup {
  text-align: center;
}
body .smiley {
  margin-top: 2rem;
  margin-bottom: 2rem !important;
  /*height: 85px;*/
  height: 11rem;
}
body .smiley > .radiogroup > div label {
  height: 11rem;
  width: 12rem;
  background: #fff;
  padding: 1rem 0 !important;
  border: 1px solid #e0e0e0;
}

body .smiley > .radiogroup input[type="radio"]:not(:checked) + label:before,
body .smiley > .radiogroup input[type="radio"]:checked + label:before {
  font-family: var(--f-typo-fontawesome);
  font-weight: 400 !important;
  font-size: 7rem;
  display: block;
  width: 10rem;
  height: 10rem;
  line-height: 1;
  border: 0;
  background: none;
  position: static;
  border-radius: 0;
  transform: none;
  opacity: 0.5;
}
body .smiley > .radiogroup input[type="radio"]:not(:checked) + label:before,
body .smiley > .radiogroup input[type="radio"]:checked + label:before {
  height: 7rem;
  width: 12rem;
  font-size: 6rem;
}
.pas_bien label:before {
  content: "\f119" !important;
  color: red !important;
}

.moyen label:before {
  content: "\f11a" !important;
  color: orange !important;
}
.tres_bien label:before {
  content: "\f118" !important;
  color: green !important;
}
body .smiley > .radiogroup input[type="radio"]:checked + label:before {
  font-weight: 900;
  opacity: 1;
}
body .smiley > .radiogroup input[type="radio"]:checked,
body .smiley > .radiogroup input[type="radio"]:not(:checked) {
  opacity: 1 !important;
  appearance: unset;
  height: 100%;
}
body .ts_page .link .ui-button {
  height: auto;
}
body .link .ui-button,
body .link .ui-button:hover,
body .btn_link .ui-button,
body .btn_link .ui-button:hover {
  text-underline-offset: 3px;
  background: transparent;
  text-decoration: underline !important;
  padding: 0;
  box-shadow: none;
}
body .ts_ariane .link .ui-button,
body .ts_ariane .link .ui-button:hover {
  padding: 0;
}
body form .BWIndexScreen .link .ui-button:hover,
body form .BWIndexScreen .btn_link .ui-button:hover,
body form footer ul a:hover,
.eco_footer a:hover {
  text-decoration-thickness: 2px !important;
}
.lien_link {
  text-underline-offset: 3px;
  background: transparent;
  text-decoration: underline;
  color: var(--primaire-black);
  font-weight: 600;
  font-size: 1.5rem;
}
a.lien_link:hover {
  text-decoration-thickness: 2px;
  cursor: pointer;
}
@media (max-width: 968px) {
  /* deb 968 2 */
  .btn_espace_perso {
    order: 1;
    margin: 1rem 0 2rem 0 !important;
  }
  .demande_confirm .link,
  .demande_confirm .btn_link {
    order: 2;
    margin-bottom: 1.5rem !important;
  }
  .demande_confirm img {
    display: none;
  }
  .encadre_satistaction {
    margin: 3rem 0 !important;
    padding: 1.5rem;
  }
  .encadre_satistaction p {
    font-size: 1.5em;
  }
  body .smiley {
    margin-top: 0;
  }
  body .smiley > .radiogroup > div label,
  body .smiley > .radiogroup input[type="radio"]:not(:checked) + label:before,
  body .smiley > .radiogroup input[type="radio"]:checked + label:before {
    width: 72px;
  }
  .container_ensavoirplus li.ui-datalist-item {
    width: 100%;
    padding: 1rem 0 1rem;
  }
  .ts_bt_previous,
  .ts_bt_next,
  .btn_icon_prev,
  .btn_secondaire,
  .container_btn_next {
    width: fit-content !important;
  }
  .link.ts_bt_save,
  .btn_icon_save.btn_link {
    text-align: center;
    margin-bottom: 1rem !important;
  }
  .ts_actions > div > div,
  .container_bandeau_bas {
    margin: 0 !important;
    /*height: 87px;*/
    height: auto;
  }
  .ts_actions .ui-g > .inline,
  .bandeau_bas .ui-g > .inline {
    padding: 0;
    justify-content: center;
  }
  .container_btn_next > div {
    padding: 0;
  }
  .ts_bt_send,
  .btn_ico_send {
    margin: 0;
  }
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a {
    text-align: left;
  }
  body div[class*="p_TabView"] > .bw-steps-tv > nav > ul {
    flex-wrap: wrap;
  }
  /* fin 968 */
}

/* gestion focus carte */
.carte:focus label {
  text-decoration: underline;
}
.carte.ui-g:focus {
  border: 1px solid var(--primaire-black);
}

/*******  footer **************/
@media (max-width: 968px) {
  /* deb 968 */
  .block_hebergement > .inline,
  .block_accessibilite > .inline,
  .block_ecoconception > .inline {
    justify-content: start;
  }
  .block_hebergement .p_Image {
    overflow: hidden;
  }
  .block_ecoconception .p_Image,
  .block_accessibilite .p_Image,
  .block_hebergement .p_Image {
    width: 16% !important;
  }
  .eco_footer > div {
    flex-wrap: wrap;
    /* justify-content: center !important; */
  }
  .eco_footer > div > div {
    width: 100%;
  }
  .block_ecoconception,
  .block_accessibilite,
  .block_hebergement {
    margin: 1rem 0;
  }

  /* fin 968 */
}

/* gestion focus */

/*body .rgaa-focus-state *:focus,*/
/*body .bw-steps-tv>nav>ul.ui-tabs-nav>li>a:hover, */
body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a:focus-visible,
body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-tabs-outline > a,
body .ui-selectoneradio input:focus + label:before,
body .ui-selectoneradio input:focus,
body .ui-selectmanycheckbox input:focus + label:before,
body .bwcheckbox input[type="checkbox"]:focus + label:before,
body .ui-selectonemenu.ui-state-focus {
  border: 1px solid var(--primaire-black) !important;
  /*     color: var(--primaire-black) !important; */
  box-shadow: 0 0 0 1px var(--primaire-black) !important;
  background: inherit;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a:focus {
  border: 1px solid transparent !important;
  box-shadow: 0 0 0 1px transparent !important;
  background: inherit;
}

body .bwcheckbox input[type="checkbox"]:checked + label:before {
  border: 2px solid var(--primaire-black);
  background: var(--primaire-black);
}

/* page de recherche de demarche */
.container_reprendre_suivre .ui-fieldset {
  box-shadow: none;
  margin: 0;
  padding: 0 0 2.5rem;
  border: none;
}
.container_reprendre_suivre .ui-fieldset .ui-fieldset-legend {
  position: relative;
  top: 0;
  display: none;
}
.ou {
  margin: 0;
  text-align: center;
  position: relative;
  width: 100%;
  padding: 2rem 0;
  margin-top: 2rem;
}

.ou span {
  display: inline-block;
  padding: 0;
  border-radius: 100%;
  border: 1px solid #dcdfe9;
  position: absolute;
  top: 50%;
  background: var(--primaire-black);
  color: #fff;
  transform: translate(-50%, -50%);
  line-height: 3.6rem;
  width: 3.8rem;
  font-weight: 600;
}
.ou:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: var(--primaire-black);
  left: 50%;
  transform: translate(-50%);
  position: absolute;
}
.block_suivre_connexion {
  max-width: 600px !important;
}
.infos_demarche .item {
  height: 100%;
}
.infos_demarche .item:first-child {
  max-width: 48%;
}
.infos_demarche .item:nth-child(2),
.infos_demarche .item:nth-child(3) {
  max-width: 25%;
}
.infos_demarche .item img {
  max-width: 102px;
}
.infos_demarche > .inline {
  padding: 0;
}
.num_demarche .label-like h3 {
  font-weight: 600;
  margin: 0px;
}
.num_demarche .dem_num_id h3 {
  font-weight: 400;
  margin: 0px;
}
.infos_demarche .label-like h4,
.motif-refus h4 {
  margin-bottom: 0rem;
  margin-top: 3rem;
}
.infos_demarche .item .p_Text {
  margin-top: 0rem;
}
.etat_demarche ul {
  display: flex;
  margin-left: -4rem !important;
}
.etat_demarche .etat_dem_item {
  width: 130px;
  position: relative;
  margin: 4rem 0;
}
.etat_demarche .etat_dem_item .p_Text {
  text-align: center;
}
.etat_demarche .etat_dem_item.load:before,
.etat_demarche .etat_dem_item.encours:before,
.etat_demarche .etat_dem_item.noload:before {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  font-family: FontAwesome;
  /*font-weight: 900;*/
  display: inline-block;
  font-size: 1.6rem;
  line-height: 3rem;
  text-align: center;
  position: absolute;
  left: 36%;
  top: -3.6rem;
  border: 2px solid transparent;
  /* transform: translateX(-50%); */
}
.etat_demarche .etat_dem_item.load:before {
  color: var(--button-text);
  border-color: var(--primaire);
  background: var(--primaire);
  content: "\f00c";
}

.etat_demarche .etat_dem_item.encours:before {
  border-color: var(--primaire-black);
  content: "";
}
.etat_demarche .etat_dem_item.noload:before {
  border-color: var(--primaire-bg);
  content: "";
  background: var(--primaire-bg);
}
.etat_demarche .etat_dem_item:first-child:after {
  display: none;
}
.etat_demarche .etat_dem_item:after {
  content: "";
  width: 100%;
  width: 100px;
  height: 2px;
  position: absolute;
  left: -40%;
  /*top: -33%;*/
  top: -44%;
  z-index: -1;
}
.etat_demarche .etat_dem_item.load:after,
.etat_demarche .etat_dem_item.encours:after {
  background: var(--primaire);
}
.etat_demarche .etat_dem_item.noload:after {
  background: var(--primaire-bg);
}

.etat_dem_item span {
  font-size: 14px !important;
  color: var(--primaire-black) !important;
}
.etat_dem_item.noload span {
  color: #a7a7a7 !important;
}
.formulaire_info .inline {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  margin:0 1.5rem;
}
.container_bloc_suivi > div {
  padding: 0;
}
.formulaire_info input {
  padding: 1.4rem !important;
  border-radius: 5px;
  border-width: 1px !important;
  color: var(--primaire-black);
  background: #fff !important;
}
.num_suivi,
.nom_suivi {
  width: 480px;
}
.num_suivi span,
.nom_suivi span,
.container_bloc_suivi .p_Text span {
  color: #6a7791;
  font-size: 1.3rem;
}
.container_screen_monespace .ui-fieldset .ui-fieldset-legend {
  display: block;
  position: static;
  background: none;
  padding: 0;
}

/* retirer le border inutile*/
body .ui-fieldset .ui-fieldset-legend.ui-state-hover,
body .ui-fieldset .ui-tabs .ui-tabs-nav li.ui-fieldset-legend.ui-tabs-outline,
body .ui-tabs .ui-tabs-nav .ui-fieldset li.ui-fieldset-legend.ui-tabs-outline,
body .ui-fieldset .ui-fieldset-legend.ui-state-focus,
body
  .ui-fieldset
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset
  .ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body .ui-fieldset .ui-fieldset-legend.ui-state-active.ui-state-focus,
body
  .ui-fieldset
  .ui-accordion
  .ui-fieldset-legend.ui-accordion-header.ui-tabs-outline,
body
  .ui-accordion
  .ui-fieldset
  .ui-fieldset-legend.ui-accordion-header.ui-tabs-outline,
body
  .ui-fieldset
  .ui-accordion
  .ui-fieldset-legend.ui-accordion-header.ui-state-active:hover,
body
  .ui-accordion
  .ui-fieldset
  .ui-fieldset-legend.ui-accordion-header.ui-state-active:hover,
body
  .ui-fieldset
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset
  .ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover,
body
  .ui-fieldset
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-fieldset-legend.ui-button.ui-state-focus,
body
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-fieldset
  .ui-fieldset-legend.ui-button.ui-state-focus {
  border: none;
}

@media (max-width: 968px) {
  /* deb 968 2 */
  .etat_demarche ul {
    margin-left: 0rem !important;
  }
  fieldset.formulaire_info .p_EditText:last-child {
    margin: 0;
  }
  .num_suivi,
  .nom_suivi {
    width: auto;
  }
  .infos_demarche .item {
    height: auto;
  }
  .etat_demarche ul {
    display: block;
  }
  .etat_demarche .etat_dem_item {
    width: 100%;
    display: flex;
    height: 50px;
    margin: 0 0 0 5px;
  }
  .etat_demarche .etat_dem_item.load:before,
  .etat_demarche .etat_dem_item.encours:before,
  .etat_demarche .etat_dem_item.noload:before {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 2rem;
  }
  .etat_demarche .etat_dem_item:after {
    width: 2px;
    height: 30px;
    position: absolute;
    left: 1.5rem;
    top: -50%;
    z-index: -1;
  }
  body .etat_dem_item.encours span {
    color: #666 !important;
    font-style: italic;
  }
  .etat_demarche .etat_dem_item .p_Text {
    text-align: start;
    margin-top: 3px;
  }
  .container_screen_monespace .ui-g > .inline > div {
    margin: 0 5px;
  }
  .container_screen_monespace fieldset .ui-outputpanel h2 {
    font-size: 1.25em;
    margin-top: 25px;
    margin-bottom: -5px;
  }
  .container_screen_monespace .num_demarche {
    margin-top: 10px;
  }
  .container_screen_monespace .label-like > div {
    margin-top: 1rem !important;
  }
  .container_screen_monespace .label-like > div h4 {
    margin-top: 1rem !important;
  }

  /* fin 968 2 */
}

/* bandeau info / alerte */
.close_bandeau_alerte_btn button,
.close_bandeau_info_btn button {
  color: #fff;
  background: transparent;
}
.close_bandeau_alerte_btn button span.ui-button-text,
.close_bandeau_info_btn button span.ui-button-text {
  display: none;
}
.close_bandeau_alerte_btn .ui-button:hover,
.close_bandeau_alerte_btn .ui-button.ui-state-hover,
.close_bandeau_alerte_btn .ui-button:focus,
.close_bandeau_info_btn .ui-button:hover,
.close_bandeau_info_btn .ui-button.ui-state-hover,
.close_bandeau_info_btn .ui-button:focus {
  background: none;
  text-decoration: none;
}
.container_bandeau_info .bandeau_info span.contenu_bandeau:before,
.container_bandeau_alerte .bandeau_alerte span.contenu_bandeau:before {
  margin-right: 1rem;
  padding: 0.5rem 1.3rem;
  border-radius: 5px;
}
.container_bandeau_alerte .item_bandeau_alerte,
.container_bandeau_info .item_bandeau_info {
  padding: 0 10px;
}
.item_bandeau_alerte > .inline,
.item_bandeau_info .inline {
  justify-content: space-between;
  width: 100%;
}
.item_bandeau_alerte .contenu_bandeau a,
.item_bandeau_alerte .contenu_bandeau a:hover {
  color: #ff6161;
}
.contenu_bandeau a:hover {
  color: var(--primaire-black);
}
.contenu_bandeau a {
  text-decoration: underline;
  font-weight: 600;
}
.container_bandeau_alerte,
.container_bandeau_info {
  margin: 0 !important;
}
.container_bandeau_alerte .p_ListView,
.container_bandeau_info .p_ListView {
  margin: 0 !important;
}
body div.container_bandeau_alerte,
body div.container_bandeau_info {
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}
body div.container_bandeau_alerte div,
body div.container_bandeau_info div {
  padding: 0 !important;
  width: auto !important;
  margin: 0 !important;
}
body div.container_bandeau_alerte .contenu_bandeau,
body div.container_bandeau_info .contenu_bandeau {
  padding: 0 3rem 0 2rem;
  display: block;
}
body div.container_bandeau_alerte .ui-datalist-data,
body div.container_bandeau_info .ui-datalist-data {
  padding: 1.5rem 0 !important;
  margin: 0 !important;
}
.item_bandeau_info,
.item_bandeau_alerte {
  line-height: 1.5;
  display: flex;
  align-items: center;
}
.close_bandeau_alerte_btn button,
.close_bandeau_info_btn button {
  position: absolute;
  right: 1rem;
  top: 50%;
  padding: 1rem;
  transform: translateY(-50%);
}
/* deb 968 2 */
@media (max-width: 968px) {
  /*  .container_bandeau_info,
    .container_bandeau_alerte{
     display: none
 } */
  .item_bandeau_alerte span.contenu_bandeau,
  .item_bandeau_info span.contenu_bandeau {
    font-size: 12px !important;
    padding-right: 3rem;
    padding-left: 1rem;
    display: block;
  }

  .close_bandeau_alerte_btn button,
  .close_bandeau_info_btn button {
    right: 0;
  }
  /* deb 968 2 */
}

/* fav sur liste des TS */
.favoris {
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
}
body .rgaa-focus-state .favoris .bwcheckbox {
  margin:0;
  padding:0;
}
.favoris label {
   width: 24px !important;
  height: 24px !important;
  overflow: hidden;
  border: 0 !important;
}
.favoris .bwcheckbox input[type="checkbox"]:focus + label:before,
.favoris .bwcheckbox input[type="checkbox"] + label:before  {
  padding:0 !important;
  margin:0 !important;
  display: flex !important;
  align-items:center;
  justify-content:center;
  user-select: none !important;
  box-shadow: none !important;
   width: 24px !important;
  height: 24px !important;
  background-color:transparent !important;
}
.favoris .bwcheckbox input[type="checkbox"]:not(:checked) + label:before {
  background: url("../img/picto_dem/icone-heart.svg") no-repeat center !important;
  background-size:contain;
 border:0 !important;
  opacity:0.4;  
}
.favoris .bwcheckbox input[type="checkbox"]:checked + label:before {
  content: "\f004" !important;
  color: #ffc107 !important;
  font-size: 1.05em !important;
  text-align: center;
  font-family:var(--f-typo-fontawesome);
  border:0 !important;
}
.favoris .bwcheckbox input[type="checkbox"]:checked:hover + label:before {
   opacity:0.6;
  color: #ccc !important;
}
.favoris .bwcheckbox input[type="checkbox"]:not(:checked):hover + label:before {
  opacity:1;
}

/* TABLEAU => div */
.teom_grid .ui-datatable table {
  display: block;
  border: 0px;
}
.teom_grid .ui-datatable table thead {
  display: none;
}
.teom_grid .ui-datatable table tbody tr {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0px;
  border-bottom: 1px solid var(--gris-fonce);
  background: #fff;
  padding: 7px;
}
.teom_grid .ui-datatable table tbody tr td {
  display: block;
  width: 48%;
  padding: 5px 1%;
  max-width: none;
  border: 0px !important;
}
.teom_grid .ui-datatable table tbody tr td.btn_edit,
.teom_grid .ui-datatable table tbody tr td.btn_suppr {
  width: 65px;
}
body
  .teom_grid
  .ui-datatable-reflow
  .ui-datatable-data
  td[role="gridcell"]
  .ui-column-title {
  display: block !important;
  color: var(--gris-fonce);
}
body
  .teom_grid
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.COLBWComponent24
  label {
  padding: 0;
  white-space: initial;
  width: auto;
}
/* fin TABLEAU => div */
.para_big {
  display: none;
}
.ts_header h1,
.ts_header h2,
.Bloc_Header h1,
.Bloc_Header h2 {
  max-width: 50%;
}
.ts_header h1,
.Bloc_Header h1 {
  max-width: 44%;
  font-size: 2em;
}
.ts_plus.ts_p5 .ts_header h1,
.tsPlus5 .Bloc_Header h1,
.Bloc_Header.tsPlus5 h1 {
  max-width: 38%;
}
.ts_plus.ts_p6 .ts_header h1,
.tsPlus6 .Bloc_Header h1,
.Bloc_Header.tsPlus6 h1,
.tsPlus7 .Bloc_Header h1,
.Bloc_Header.tsPlus7 h1 {
  max-width: 35%;
}
@media all and (max-width: 1290px) {
  .ts_plus.ts_p6 .ts_header h1,
  .ts_plus.ts_p7 .ts_header h1,
  .Bloc_Header.tsPlus6 h1,
  .tsPlus6 .Bloc_Header h1,
  .tsPlus7 .Bloc_Header h1,
  .Bloc_Header.tsPlus7 h1 {
    max-width: 25%;
  }
  body .ts_plus .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .tsPlus5 .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .tsPlus5 .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a,
  body .tsPlus6 .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .tsPlus6 .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a,
  body .tsPlus7 .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .tsPlus7 .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a {
    width: 93px;
  }
}
@media all and (max-width: 968px) {
  .ts_header h1,
  .Bloc_Header h1 {
    max-width: none !important;
  }
}
/************ MON ESPACE *********/
/* Mes demarches */
.bloc_mes_demarches .ui-paginator {
  display: none;
}
.bloc_mes_demarches .ui-datatable-tablewrapper {
  border-radius: 5px;
}
.bloc_mes_demarches table {
  border: 1px solid #b9c0c5 !important;
}
.bloc_mes_demarches thead th {
  background: #e0e0e0 !important;
  border: none !important;
}
.bloc_mes_demarches .Col_Nomdem {
  width: 60% !important;
}
.bloc_mes_demarches .Col_Datecreation {
  width: 10% !important;
}
.bloc_mes_demarches .Col_Statut {
  width: 20% !important;
}
.bloc_mes_demarches .Col_Action {
  width: 5% !important;
}
.bloc_mes_demarches .ui-datatable tbody label:hover {
  cursor: pointer !important;
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Nomdem
  label {
  width: 100% !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.bloc_mes_demarches .ui-datatable .ui-datatable-data > tr.ui-datatable-even,
.bloc_mes_demarches .ui-datatable tbody tr td,
.bloc_mes_demarches .ui-datatable .ui-datatable-data > tr.ui-state-hover,
.bloc_mes_demarches .ui-datatable tbody tr.ui-state-hover td,
.bloc_mes_demarches .ui-datatable .ui-datatable-data > tr.ui-widget-content {
  border: none;
  box-shadow: none;
}
.bloc_mes_demarches .ui-datatable .ui-datatable-data > tr.ui-datatable-even,
.bloc_mes_demarches .ui-datatable tbody tr,
.bloc_mes_demarches .ui-datatable .ui-datatable-data > tr.ui-widget-content {
  background: #fff;
}
.bloc_mes_demarches .ui-datatable tbody tr:hover,
.bloc_mes_demarches .ui-datatable .ui-datatable-data tr.ui-state-hover {
  background: #f7f7f1 !important;
}
.bloc_mes_demarches .ui-datatable tbody tr:hover label,
.bloc_mes_demarches .ui-datatable .ui-datatable-data tr.ui-state-hover label {
  text-decoration: underline;
}
.bloc_mes_demarches .ui-datatable tbody tr:hover .Col_Statut label,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  tr.ui-state-hover
  .Col_Statut
  label {
  text-decoration: none !important;
}
.bloc_mes_demarches .ui-datatable thead th .ui-column-title label,
.bloc_mes_demarches
  .ui-datatable
  thead
  .ui-datepicker
  .ui-datepicker-calendar
  td
  .ui-column-title
  label,
.bloc_mes_demarches
  .ui-datepicker
  .ui-datepicker-calendar
  .ui-datatable
  thead
  td
  .ui-column-title
  label {
  color: var(--primaire-black);
  font-size: 14px;
  font-weight: 600;
}
.bloc_mes_demarches .Col_Action .ui-button {
  padding: 0;
  background: transparent;
}
.LV_demarches .infoStatut > div:before {
  display: none;
}
.LV_demarches .infoStatut span {
  display: flex;
  align-items: center;
  line-height: 1;
  font-size: 14px;
  color: var(--primaire-black);
}
.LV_demarches .infoStatut > div,
.refus_demande span {
  padding: 6px !important;
  border: none;
  margin:0
}
.carte-titre h4,
.carte-titre h3 {
  font-weight: 600;
  color: var(--primaire-black);
  margin: 0;
  font-size: 16px;
  line-height: 19px;
  text-align: left;
}
.LV_demarches .ui-g > .inline > div:last-child {
  margin-right: 1rem;
}
.LV_demarches .carte .link .ui-button,
.LV_demarches .carte .btn_link .ui-button {
  min-width: 80px;
}
.LV_demarches .carte.ui-g:hover .block_carte_titre h3,
.LV_demarches .carte.ui-g:hover .link span,
.LV_demarches .carte.ui-g:hover .btn_link span {
  text-decoration: underline;
}
.consulter span,
.poursuivre span {
  display: flex !important;
  align-items: center;
}
.consulter span.ui-button-text.ui-c:before {
  content: url(../img/icone-yeux.svg);
  padding-right: 1rem;
}
.poursuivre span.ui-button-text.ui-c:before {
  content: url(../img/picto_portail/icone-modifier.svg);
  padding-right: 1rem;
}
.LV_demarches .carte.ui-g:hover .block_carte_titre h3,
.LV_demarches .carte.ui-g:hover .link span,
.LV_demarches .carte.ui-g:hover .btn_link span {
  text-decoration: underline;
}
@media all and (max-width: 450px) {
  .LV_demarches .carte .link.consulter .ui-button,
  .LV_demarches .carte .link.poursuivre .ui-button,
  .LV_demarches .carte .btn_link.consulter .ui-button,
  .LV_demarches .carte .btn_link.poursuivre .ui-button {
    border: 1px solid var(--primaire-black);
    padding: 0.5rem 1rem;
    margin-bottom: 0;
  }
}
.infoStatut {
  max-width: 200px;
  width: 200px;
  background: transparent;
  border: none;
  padding: 0;
  text-align: start !important;
}
.LV_demarches .infoStatut > div {
  display: inline-block;
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Brouillon"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Envoyée"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Réceptionné"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="traitement"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="étude"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Traitée"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="manquant"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="attente"],
.eligible span,
.non_eligible span {
  padding: 5px;
  border-radius: 3px;
  width: auto;
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Envoyée"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Réceptionné"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="étude"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Traitée"],
.LV_demarches .infoStatut.Envoyée > div,
.LV_demarches .infoStatut.Réceptionné > div,
.LV_demarches .infoStatut.étude > div,
.LV_demarches .infoStatut.Traitée > div,
.eligible span {
  background-color: #d0f4ea;
}
.infobulle_info p,
.infobulle_info span {
  background-color: #fff7db;
  width: 100% !important;
}
.warning_info_lien,
.infobulle_info_lien,
.infobulle_info {
  display: flex;
  background-color: #fff7db;
  /* align-items: center; */
  padding: 16px;
  margin-top: 1.5rem;
  /*align-items:center;*/
  color: var(--primaire-black);
  border-radius: 5px;
  font-size: 16px;
}
.infobulle_info a {
  text-decoration: underline;
}
.warning_info_lien {
  /*font-size:1.4rem;*/
  font-size: 1.6rem;
}
.warning_info_lien,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="manquant"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="refusée"],
.LV_demarches .infoStatut.manquant > div,
.LV_demarches .infoStatut.refusée > div,
.non_eligible span,
.refus_demande span {
  background-color: #fdecd0;
}
.warning_info_lien p:last-child,
.infobulle_info_lien p:last-child {
  margin: 0;
}
.refus_demande span {
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="attente"],
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="traitement"],
.LV_demarches .infoStatut.attente > div,
.LV_demarches .infoStatut.traitement > div {
  background-color: #fbffd0;
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Brouillon"],
.LV_demarches .infoStatut.Brouillon > div {
  background-color: #f7f7f7;
}

.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Envoyée"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Réceptionné"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="étude"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Traitée"]:before,
.LV_demarches .infoStatut.Envoyée span:before,
.LV_demarches .infoStatut.Réceptionné span:before,
.LV_demarches .infoStatut.étude span:before,
.LV_demarches .infoStatut.Traitée span:before,
.eligible span:before {
  content: url("../img/picto_portail/icone-statut-check.svg");
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="manquant"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="refusée"]:before,
.LV_demarches .infoStatut.manquant span:before,
.LV_demarches .infoStatut.refusée span:before,
.refus_demande span:before,
.non_eligible span:before {
  content: url("../img/picto_portail/icone-statut-manquant.svg");
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="attente"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="traitement"]:before,
.LV_demarches .infoStatut.attente span:before,
.LV_demarches .infoStatut.traitement span:before {
  content: url("../img/picto_portail/icone-statut-attente.svg");
}
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Brouillon"]:before,
.LV_demarches .infoStatut.Brouillon span:before {
  content: url("../img/picto_portail/icone-statut-brouillon.svg");
}

.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Brouillon"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Envoyée"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="traitement"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Réceptionné"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="étude"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="Traitée"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="manquant"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="attente"]:before,
.bloc_mes_demarches
  .ui-datatable
  .ui-datatable-data
  > tr
  > td.Col_Statut
  label[title*="refusée"]:before,
.LV_demarches .infoStatut span:before,
.eligible span:before,
.non_eligible span:before,
.warning_info span:before,
.warning_info_lien:before,
.infobulle_info p:before,
.infobulle_info span:before,
.infobulle_info_lien:before,
.refus_demande span:before {
  display: inline-block !important;
  font-size: 1.5rem !important;
  padding-right: 1rem;
  margin: 0 !important;
  position: relative !important;
  transform: none !important;
  background: transparent !important;
  color: var(--primaire-black) !important;
}
.warning_info span:before,
.warning_info_lien:before {
  content: url("../img/picto_portail/icone-statut-manquant.svg");
}
.infobulle_info p:before,
.infobulle_info span:before,
.infobulle_info_lien:before {
  content: url("../img/picto_portail/icone-infos.svg");
  /* transform: scale(0.9) translateY(-6%)!important; */
}
.infobulle_info p {
  margin: 0 !important;
}
.detail_demarche.ui-fieldset {
  box-shadow: none;
  padding: 0;
  border-bottom: 1px solid var(--primaire-black) !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.detail_demarche legend.ui-fieldset-legend {
  color: var(--primaire-black) !important;
  font-size: 18px !important;
  padding: 2rem 0 !important;
  position: relative !important;
  background: #fff !important;
  position: relative;
  width: 100% !important;
  top: 0rem !important;
  border-top: 1px solid var(--primaire-black) !important;
  display: block !important;
  border-radius: 0;
}
body .detail_demarche.ui-fieldset .ui-fieldset-legend .ui-icon-minusthick,
body .detail_demarche.ui-fieldset .ui-fieldset-legend .ui-icon-plusthick {
  position: absolute;
  top: 50%;
  right: 16px;
  left: unset;
  color: var(--primaire-black);
  display: inline-block;
}
body
  .detail_demarche.ui-fieldset
  .ui-fieldset-legend
  .ui-icon-minusthick::before {
  content: url(../img/picto_portail/chevron-open.svg);
}
body
  .detail_demarche.ui-fieldset
  .ui-fieldset-legend
  .ui-icon-plusthick::before {
  content: url(../img/picto_portail/chevron-close.svg);
}

/* Mes informations */
.container_mes_informations .ui-fieldset,
.container_mes_informations .encadre.ui-g,
body .infobulle_seule.ui-g {
  box-shadow: none;
  padding: 0;
  margin-bottom: 2rem !important;
}
.container_mes_informations .ui-fieldset .ui-fieldset-legend {
  background: transparent;
  position: relative;
  top: 0;
  width: 100%;
  padding: 0;
}
.container_mes_informations .none-editable .ui-inputfield,
.container_mes_informations .none-editable .labelFormCustom,
.container_mes_informations .none-editable .p_ComboBox select {
  background: #fff;
}
.container_mes_informations .none-editable .labelFormCustom {
  color: #a7a7a7;
}
.container_mes_informations .none-editable .ui-inputfield,
.container_mes_informations .none-editable .p_ComboBox select {
  color: var(--primaire-black) !important;
}
.bloc_franceconnect {
  margin-bottom: 2rem;
}
.bloc_franceconnect p {
  font-size: 16px;
  margin-bottom: 0;
}
.bloc_franceconnect a,
.bloc_etat_asso a {
  font-size: 14px;
  font-weight: 400 !important;
  text-decoration: underline;
}
.bloc_etat_asso h2 {
  margin: 0 0 1.5rem;
}

.logo_fc
/*.logo_fc:after*/ {
  content: url("../img/picto_portail/picto-fc-form.png");
  width: 17px;
  height: 19px;
}
.none-editable .franceconnect_field {
  position: relative;
}
.none-editable .franceconnect_field:after {
  position: absolute !important;
  content: url("../img/picto_portail/picto-fc-form.png") !important;
  bottom: 0;
  right: 0;
  transform: translate(-35%, -35%);
}
.bloc_etat_asso p {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
.bloc_etat_asso .logo_api_entreprise {
  width: 30px;
  display: block;
}
.logo_api_entreprise:after {
  content: url("../img/logo_entite/logo_donnee-etat.svg");
}
.lock_api_entreprise {
  position: relative;
}
.lock_api_entreprise:after {
  position: absolute !important;
  content: url("../img/logo_entite/logo_donnee-etat.svg") !important;
  bottom: 0;
  right: 0;
  transform: translate(-35%, -35%);
  height: 30px;
  width: 30px;
}
/* Gérer mon compte */
/*.newsletter,*/
.modification {
  margin-bottom: 50px;
}
.newsletter p,
.modification p,
.suppression p,
.newsletter h2,
.modification h2,
.suppression h2 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5em;
  margin-top: 0;
}
.newsletter_form > .inline,
.modify_mail > .inline,
.select_modify_mail > .inline {
  align-items: end;
}
.suppression .link .ui-button,
.suppression .link .ui-button:hover,
.suppression .link .ui-button:hover span,
.btn_modifier_email.link .ui-button,
.suppression .btn_link .ui-button,
.suppression .btn_link .ui-button:hover,
.suppression .btn_link .ui-button:hover span,
.btn_modifier_email.btn_link .ui-button {
  text-decoration: none !important;
}
.suppression .link .ui-button-text,
.modification .link .ui-button-text,
.suppression .btn_link .ui-button-text,
.modification .btn_link .ui-button-text {
  padding-left: 3rem !important;
}
.suppression .ui-button.ui-button-text-icon-left .ui-icon,
.modification .ui-button.ui-button-text-icon-left .ui-icon {
  left: 0rem;
  margin-top: -10px;
}
.select_modify_mail input,
.select_modify_mail input:focus,
.select_modify_mail .ui-inputfield.ui-state-focus:not(.ui-state-error):focus,
.select_modify_mail .ui-inputfield.ui-state-hover:not(.ui-state-error) {
  padding: 0 !important;
  border: none;
  box-shadow: none;
  color: var(--primaire-black);
}
.select_modify_mail .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0 0 0 4rem;
}
.email_actuel label {
  color: var(--primaire-black);
}
body .email_actuel {
  margin-left: 0 !important;
}
body .email_actuel .ui-inputfield.ui-state-disabled {
  color: var(--primaire-black) !important;
  background: transparent !important;
  width: calc(100% + 1rem) !important;
  border:0  !important;
  padding:0  !important;
  font-size:16px;
}
.ui-icon-pencil:before {
  content: url(../img/picto_portail/icone-modifier.svg) !important;
}
.btn_suppr button::after {
  display: flex;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
}
.btn_suppr button::after,
.ui-icon-trash:before {
  content: url(../img/picto_portail/icone-supprimer.svg) !important;
}
@media (max-width: 1260px) {
  body form .box4input label {
    font-size: 15px;
  }
}
@media (max-width: 1180px) {
  body form .box4input label {
    min-height: 35px;
    width: 90px;
  }
  body form .box4input > div:first-child label {
    width: 80px;
  }
}
/* deb 968 2 */
@media (max-width: 968px) {
  .container_mes_informations {
    position: relative;
  }
  .container_mes_informations .ui-button {
    position: relative;
    top: auto;
    /* right: 0; */
    left: auto;
  }
  .bloc_type_espace > .inline {
    flex-wrap: nowrap;
    overflow: auto;
    justify-content: flex-start;
  }
  .bloc_franceconnect {
    margin-top: 1.5rem;
  }
  .bloc_type_espace button {
    min-width: max-content;
    width: max-content;
  }
  .bloc_type_espace ::-webkit-scrollbar {
    display: none;
  }
  .bloc_mes_demarches
    .ui-datatable-reflow
    .ui-datatable-data
    td[role="gridcell"]
    .ui-column-title {
    display: none;
  }
  body .ui-datatable-reflow thead th,
  body .ui-datatable-reflow thead .ui-datepicker .ui-datepicker-calendar td,
  body .ui-datepicker .ui-datepicker-calendar .ui-datatable-reflow thead td {
    display: table-cell !important;
  }

  .bloc_mes_demarches .Col_Nomdem {
    width: 50% !important;
  }
  body .ui-datatable-reflow thead th.num_suivi {
    display: none !important;
  }
  .bloc_mes_demarches .Col_Statut,
  .bloc_mes_demarches .Col_Action {
    width: 14% !important;
  }

  .bloc_mes_demarches .Col_Datecreation {
    display: none !important;
  }
  .bloc_mes_demarches
    .ui-datatable-reflow
    .ui-datatable-data
    td[role="gridcell"] {
    float: none;
    clear: none;
    display: table-cell;
  }
  .bloc_mes_demarches .ui-datatable-reflow .ui-reflow-label,
  .ui-datatable-reflow .ui-reflow-dropdown {
    margin-bottom: 0px;
    display: none !important;
  }
  .bloc_mes_demarches
    .ui-datatable
    .ui-datatable-data
    > tr
    > td.Col_Nomdem
    label {
    width: 100% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }
  .bloc_mes_demarches
    .ui-datatable
    .ui-datatable-data
    > tr
    > td.Col_Statut
    label {
    max-width: 2.8rem;
    overflow: hidden;
    display: flex !important;
    margin: auto;
  }
  .infos_demarche > .inline {
    display: block;
  }
  .infos_demarche .item {
    max-width: none !important;
  }

  .detail_demarche legend.ui-fieldset-legend {
    font-size: 20px !important;
  }
  .container_screen_monespace .recap .ui-md-6 {
    width: 100%;
  }
  .container_screen_monespace .ui-md-7 {
    width: 100%;
  }
  /* fin 968 */
}

/* Formulaire */
body .ui-inputfield,
body .none-editable .ui-calendar input.ui-inputfield,
body .none-editable .ui-autocomplete.BWComponent153 input.ui-inputfield,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-state-hover,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-tabs
  .ui-tabs-nav
  li.ui-autocomplete-multiple-container.ui-tabs-outline,
body
  .ui-tabs
  .ui-tabs-nav
  .none-editable
  .ui-autocomplete.BWComponent153
  li.ui-autocomplete-multiple-container.ui-tabs-outline,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-fieldset
  .ui-autocomplete-multiple-container.ui-fieldset-legend.ui-state-focus,
body
  .ui-fieldset
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-fieldset-legend.ui-state-focus,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-accordion
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-tabs-outline,
body
  .ui-accordion
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-tabs-outline,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-accordion
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-state-active:hover,
body
  .ui-accordion
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-state-active:hover,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-autocomplete-multiple-container.ui-button.ui-state-focus,
body
  .Conversation140
  .bw-con-right
  .bw-frame140
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-button.ui-state-focus,
body .p_ComboBox select {
  padding: 1.4rem !important;
  border-radius: 5px;
  border-width: 1px !important;
  color: var(--primaire-black);
  background-color: #fff !important;
}
body form input[type="search"]::placeholder,
body form input[type="text"]::placeholder,
body form textarea::placeholder {
  color: #5f697e !important;
  opacity: 1;
}
.bDetailAppart .ui-inputfield.inp-invalid,
.bDetailAppart .none-editable .ui-calendar input.inp-invalid.ui-inputfield {
  color: var(--primaire-black) !important;
}
.hauteur_label > div:first-child label {
  height: 38px;
  display: flex;
  align-items: flex-end;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  background-image: url("../img/chevron_bas.svg") !important;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  background-size: 17px !important;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  /*   margin-right: 2rem; */
  padding: 1rem;
  /*   padding-right: 2rem; */
}
body .ui-inputfield:focus,
body .ui-inputfield.ui-state-focus,
body .ui-inputfield:hover,
body .ui-inputfield.ui-state-hover,
form input.ui-inputfield:hover,
form input.ui-inputfield:focus {
  border-color: var(--primaire-black) !important;
  border-top: 1px solid var(--primaire-black) !important;
  border-right: 1px solid var(--primaire-black) !important;
  border-bottom: 1px solid var(--primaire-black) !important;
  border-left: 1px solid var(--primaire-black) !important;
}
body .ui-inputfield:hover,
body .ui-inputfield.ui-state-hover,
.champ_recherche .ui-inputfield:focus,
.champ_recherche .ui-inputfield.ui-state-focus,
.champ_recherche .ui-inputfield.ui-state-focus:not(.ui-state-error):focus {
  border-width: 1px !important;
}
body .ui-state-error[validationfailed="true"],
body .ui-inputfield.ui-state-error[validationfailed="true"],
body
  .rgaa-focus-state
  .p_EditText
  .ui-inputfield.ui-state-error[validationfailed="true"] {
  border: 1px solid var(--color-red) !important;
}
body .ui-selectoneradio.ui-state-error[validationfailed="true"],
body .ui-fileupload.ui-state-error[validationfailed="true"],
body .bwcheckbox.ui-state-error[validationfailed="true"] {
  border: 0 !important;
}
body .ui-state-error[validationfailed="true"] {
  margin-bottom: 10px;
}
input.champ_adresse {
  border: 1px solid #919191 !important;
  padding: 1.4rem !important;
  border-radius: 5px;
  font-size: 1.6rem;
  color: var(--primaire-black);
  line-height: 1;
  background: #fff;
}

/* cache les champs techniques de l'API adresse */
body .invisible_sauf_erreur input,
body .invisible_sauf_erreur label {
  visibility: hidden;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .invisible {
  visibility: hidden;
  height: 0 !important;
}
.donnees_retournees,
.repartition_appart,
.numero_info,
.rue_info,
.cp_info,
.ville_info,
.numero_info_1,
.rue_info_1,
.cp_info_1,
.ville_info_1,
.numero_info_2,
.rue_info_2,
.cp_info_2,
.ville_info_2,
.zone_libelle,
.adresse_info,
.zone_mail_collecte,
.adresse_info_1,
.adresse_info_2 {
  visibility: hidden;
  height: 0;
}
.donnees_retournees div,
.donnees_retournees .ui-fieldset-content input,
.donnees_retournees .ui-fieldset-content label {
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body .phrase_error label {
  font-size: 1.4rem;
  line-height: 1.25;
  color: #cd3765;
  border-radius: 0 0 0.4rem 0.4rem;
  margin-top: 0;
  padding: 0;
}
body .phrase_error label::before {
  display: inline-block;
  content: "\f071";
  font-family: "FontAwesome", serif;
  font-style: normal;
  font-size: 14px;
  text-rendering: auto;
  text-indent: 0px;
  text-align: center;
  background: none;
  font-weight: normal;
  margin-right: 0.5rem;
}
.adresse_search,
.errorMessage > div {
  margin-bottom: 0 !important;
}

.errorMessage {
  display: none;
}

.errorMessage > div {
  margin-top: 0.3rem;
  padding: 0;
  margin-bottom: 0 !important;
}

.errorMessage span {
  font-size: 1.4rem !important;
  line-height: 1.25;
  color: #cd3765 !important;
}
.errorMessage span:before {
  margin-right: 0.5rem;
  content: "\f071";
  font-family: "FontAwesome", serif;
  font-style: normal;
  font-size: 14px;
}

/* bandeau info/alerte modif */
.container_bandeau_info .inline,
.container_bandeau_alerte .inline {
  justify-content: space-between;
  padding-right: 2rem;
}
.container_bandeau_info > .inline > div,
.container_bandeau_alerte > .inline > div {
  width: 100%;
}

.item_bandeau_info:before,
.item_bandeau_alerte:before {
  padding: 0.5rem 1.3rem;
  border-radius: 5px;
}

.container_bandeau_info .ui-datalist .ui-datalist-empty-message,
.container_bandeau_alerte .ui-datalist .ui-datalist-empty-message {
  padding: 0;
}

/* Page Aide : formulaire suggestion/avis */
.page-DEM_SuggestionAvis .Bloc_Header {
  min-height: 70px;
}
.form_suggestionavis {
  margin: 0px 0;
}
.form_suggestionavis h1,
.form_suggestionavis .p_Text {
  margin-top: 0;
  margin-right: 45px;
}
.form_suggestionavis .p_EditText:first-child {
  margin-top: 0rem;
}
.form_suggestionavis .p_EditText,
.form_suggestionavis .p_ComboBox,
.form_suggestionavis .p_Button {
  margin-top: 2.5rem;
}
.form_suggestionavis label {
  margin-top: 0rem;
}
/* correctif formulaire horizontal */
.form_suggestionavis .container_btn_next button {
  margin-top: 2rem;
}
.form_suggestionavis .container_btn_next > div {
  padding: 0;
}
@media (max-width: 968px) {
  .bAvis_btn > div > div {
    justify-content: center;
  }
  .bAvis_btn > div > div > div {
    width: auto;
  }
  .suggest_avis.section_recap h1 {
    margin: 2rem 0 30px 0;
  }
}

@media (max-width: 968px) {
  .bandeau_haut_presentation h1 {
    margin: 0 5px;
    font-size: 28px;
  }
  .titre_dem_presentation {
    width: 100%;
  }
  .mobile_full {
    width: 100%;
  }
}
/* page de fin dermarche */
.fin_container > div,
.suggest_confirm {
  max-width: calc(1366px + 3rem) !important;
  margin: 0 auto !important;
}
/* TS (TEOM / ...)  */
/* files */
body
  .bw-steps-tv
  .p_BWComponent156
  > .ui-fileupload
  fieldset.bw-download-content
  legend {
  margin: 0 0 8px 0;
}
body
  .bw-steps-tv
  .p_BWComponent156.sans_legen
  > .ui-fileupload
  fieldset.bw-download-content
  legend {
  margin: 0;
}
body .bw-steps-tv .p_BWComponent156 > .ui-fileupload {
  margin-top: 32px;
}
body .bw-steps-tv .p_BWComponent156.sans_legend > .ui-fileupload {
  margin-top: 0px;
}
body
  .ui-fileupload.BWComponent156.ui-state-error
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose
  .ui-button-text {
  color: #cd3765;
}
body
  .bw-steps-tv
  .attachementComponent.ui-fileupload.BWComponent156.ui-state-error {
  padding: 5px 1px 15px 1px;
}
body .bw-steps-tv .sans_marge .ui-fileupload.BWComponent156 p {
  margin-top: 0;
}
body
  .bw-steps-tv
  .p_BWComponent156
  .ui-fileupload.BWComponent156.ui-state-error
  ~ .bw-error-attach {
  margin-top: -26px !important;
  margin-bottom: 10px;
}
/* fin files */
/*****
    New class TS
*****/
/*****
    New class TS
*****/
form .ui-autocomplete {
  display:block;
}
body.vue_ts:not(.vue_ts_aide) footer {
  display: none !important;
}
body .ts_required {
  margin-top: 1.5rem;
}
body .bw-steps-tv .ts_line .ui-fieldset,
body .bw-steps-tv .ts_ligne .ui-fieldset {
  margin-top: 0;
}
body .bw-steps-tv .ts_ligne_no_marge > div,
body .bw-steps-tv .ts_line_no_marge > div {
  margin-top: 0px !important;
}
body .ts_main {
  margin-bottom: 90px;
}
@media all and (min-width: 641px) {
  body.vue_ts:not(.vue_ts_aide) .ts_main {
    margin-bottom: 150px;
  }
  /*body .bw-steps-tv .ts_line > div:first-child h2,*/
  body .bw-steps-tv .ts_ligne > div:first-child h2,
  body .bw-steps-tv .ts_tab h2 {
    margin-top: 0;
  }
  body .bw-steps-tv .ts_line > div:first-child,
  body .bw-steps-tv .ts_ligne > div:first-child {
    margin-top: 92px;
  }
  body .bw-steps-tv .ts_line > div:last-child,
  body .bw-steps-tv .ts_ligne > div:last-child {
    margin-top: 66px;
  }
  body .bw-steps-tv .ts_line_first > div:first-child,
  body .bw-steps-tv .ts_ligne_first > div:first-child {
    margin-top: 0;
  }
  body .bw-steps-tv .ts_line_first > div:last-child,
  body .bw-steps-tv .ts_ligne_first > div:last-child {
    margin-top: -26px;
    /*margin-top: 0;*/
  }
  body .bw-steps-tv .ts_tab_recap .ts_line > div:first-child,
  body .bw-steps-tv .ts_tab_recap .ts_ligne > div:first-child {
    margin-top: 42px;
  }
  body .bw-steps-tv .ts_tab_recap .ts_line > div:last-child,
  body .bw-steps-tv .ts_tab_recap .ts_ligne > div:last-child {
    margin-top: 40px;
  }
  body .bw-steps-tv .ts_tab_recap .ts_line_first > div:last-child,
  body .bw-steps-tv .ts_tab_recap .ts_ligne_first > div:last-child {
    margin-top: 30px;
  }
  body .bw-steps-tv .ts_tab_recap .recap.ui-g .encadre_recap {
    margin-bottom: 0;
  }
}
@media all and (max-width: 1200px) {
  body .bw-steps-tv .ts_actions > div > div > div:first-child,
  body .bw-steps-tv .ts_line > div:first-child,
  body .bw-steps-tv .ts_ligne > div:first-child {
    width: 40%;
  }
  body .bw-steps-tv .ts_actions > div > div > div:last-child,
  body .bw-steps-tv .ts_line > div:last-child,
  body .bw-steps-tv .ts_ligne > div:last-child  {
    width: 60%;
  }
}
@media all and (max-width: 968px) {
  body .bw-steps-tv .ts_line > div:first-child,
  body .bw-steps-tv .ts_ligne > div:first-child {
    width: 31%;
  }
  body .bw-steps-tv .ts_line > div:last-child,
  body .bw-steps-tv .ts_ligne > div:last-child {
    width: 64%;
  }
  body .bw-steps-tv .ts_actions > div > div {
    display: block;
  }
  body .ts_actions > div > div > div:last-child > div {
    flex-wrap: nowrap;
    justify-content: center;
  }
  body .bw-steps-tv .ts_actions > div > div > div {
    width: 100% !important;
    justify-content: center;
    display: flex;
  }
  body .ts_actions > div > div > div:last-child > div > div {
    width: auto;
  }
  body .ts_actions > div > div > div:last-child > div > div:first-child {
    padding-right: 15px;
  }
}
@media all and (max-width: 639px) {
  body .bw-steps-tv .ts_tab .ts_line > div:first-child,
  body .bw-steps-tv .ts_tab .ts_ligne > div:first-child {
    margin-top: 0;
  }
  body .margin_bottom {
    margin-bottom: 20px !important;
  }
  body .bw-steps-tv .ts_line > div:first-child,
  body .bw-steps-tv .ts_ligne > div:first-child {
    width: 100%;
  }
  body .bw-steps-tv .ts_line > div:last-child,
  body .bw-steps-tv .ts_ligne > div:last-child {
    width: 100%;
  }
  body .bw-steps-tv .ts_tab_recap .recap.ui-g .encadre_recap {
    margin-top: 0;
  }
  body .bw-steps-tv .ts_tab h2 {
    margin-top: 55px;
    margin-bottom: 0px;
  }
  body .bw-steps-tv .ts_tab_recap h2 {
    margin-top: 25px;
    margin-bottom: 8px;
  }
  body .bw-steps-tv .ts_tab .ts_line_first h2,
  body .bw-steps-tv .ts_tab .ts_ligne_first h2 {
    margin-top: 5px;
  }
  body .bw-steps-tv .ts_tab_recap .ts_line_first h2,
  body .bw-steps-tv .ts_tab_recap .ts_ligne_first h2 {
    margin-top: 15px;
  }
  body .ts_actions > div > div > div:last-child .ui-button {
    margin: 0 10px;
  }
  body .ts_actions > div > div > div:last-child > div > div:first-child {
    padding-right: 0;
  }
}
/*****
    FIN New class TS
*****/
/*****
    FIN New class TS
*****/

.bw-steps-tv .infobulle {
  margin-top: 4px !important;
}
.bw-steps-tv .margin_bottom_less {
  margin-bottom: -1.5rem;
}
.BlocEligibilite {
  margin-top: 20px;
}
body .bw-steps-tv .ui-md-6 h3,
body .bw-steps-tv .ui-fieldset h3 {
  margin: 35px 0 15px 0;
}
body .bw-steps-tv .ui-fieldset {
  margin-left: 0;
  margin-right: 0;
  margin-top: 60px !important;
  padding-top: 0;
  padding-bottom:0;
}
body .bw-steps-tv .ts_main .ui-fieldset {
  margin-top: 0;
}
body .ligne_parent:not(.displaynone) + .ligne_enfant > div:last-child,
body
  .ts_page
  .ts_ligne_first:not(.displaynone)
  + .ts_ligne_first
  .ui-g-12
  > fieldset {
  margin-top: 60px;
}
body .bw-steps-tv .ui-md-6 > .ui-fieldset:not(:first-child) {
  margin-top: 32px;
}
body .bw-steps-tv .marge_bottom_span {
  margin: 0 0 4px 0 !important;
}
body .bw-steps-tv .p_p_text .p_text span {
  display: inline-block;
  margin: 4px 0;
}
span.info_lien,
p.info_lien,
.info_describedText p {
  color: #6a7791;
  font-size: 1.3rem;
  margin-bottom: 4px;
  display: block;
}
.info_describedText p {
  margin-top: 4px;
}
body .bw-steps-tv .entetee h2 {
  margin-top: 92px;
  /* margin-top: 0; */
}
body .bw-steps-tv .recap .entetee h2 {
  margin-top: 10px;
}
body .ts_ligne_first:not(.displaynone) + .ts_ligne_first .entetee h2,
body .bw-steps-tv .marge_top_fieldset {
  margin-top: 92px !important;
}
body .bw-steps-tv .marge_top {
  margin-top: 32px !important;
}
body .bw-steps-tv .sans_legend > .ui-fileupload,
body .bw-steps-tv .sans_marge > div > label,
body .bw-steps-tv .sans_marge > div > fieldset > legend,
body .bw-steps-tv .sans_marge > label {
  margin-top: 0 !important;
}
body .bw-steps-tv .sans_marge > p {
  margin-top: auto;
}
body .ts_page .ts_ligne_first > div:last-child > fieldset,
body .bw-steps-tv .ts_ligne_first .entetee h2,
body .bw-steps-tv .marge_top_fieldset > div label,
body .bw-steps-tv .marge_top_fieldset > label,
body .bw-steps-tv .sans_marge,
body .bw-steps-tv .sans_marge h2,
body .bw-steps-tv fieldset.sans_marge,
body .bw-steps-tv fieldset fieldset {
  margin-top: 0 !important;
}
body .bw-steps-tv label,
body .bw-steps-tv fieldset .ui-widget.p_Text label {
  margin-top: 32px;
  margin-bottom: 8px;
}
body .bw-steps-tv .labelFormCustom{
  margin-top: 32px !important;
  margin-bottom: 8px;
}
body
  .bMarchesJournaliers
  .ui-datalist.bwcustomColumn
  > .ui-datalist-content
  > ul.ui-datalist-data
  > li {
  border: none;
  padding: 0rem;
  margin: 0.5rem;
}
body .bw-steps-tv label,
body .bw-steps-tv .labelFormCustom,
body .bw-steps-tv fieldset .ui-widget.p_Text label {
  margin-bottom: 8px;
}
body .bw-steps-tv .bMarchesJournaliers label,
body .bw-steps-tv .bMarchesJournaliers .labelFormCustom {
  margin-top: 16px;
}
body .bw-steps-tv fieldset .bMarchesJournaliers li .ui-widget.p_Text label {
  margin-top: 18px;
}
.bMarchesJournaliers li .ui-md-11 {
  padding-left: 0;
}
body .bw-steps-tv .marge_bottom {
  margin-bottom: 32px;
}
body .bw-steps-tv label,
body .bw-steps-tv .labelFormCustom,
body .bw-steps-tv fieldset .ui-widget.p_Text label {
  font-size: 1.6rem;
}
body .ui-fieldset,
  body .encadre.ui-g,
  body .infobulle_seule.ui-g {
  box-shadow: none;
}
body .bw-steps-tv .entetee h2 {
  margin-right: 10px;
}
body .bw-steps-tv .bw-download-content label {
  margin: 0;
}
form .recap .ts_line[class*="p_"]:not([class*="p_p"]),
form .recap .ts_line {
  background-color: #fff;
}
body .bw-steps-tv [class*="p_"]:not([class*="p_p"]) {
  margin-bottom: 0;
  margin-top: 0;
}
body .bw-steps-tv .rgaa-focus-state .bwcheckbox {
  margin: 1.5rem 0 0 0;
}
body .bw-steps-tv .p_RadioGrp,
body .bw-steps-tv .ui-selectoneradio > div:last-child,
body .bw-steps-tv .ui-selectoneradio {
  margin-bottom: 1px;
}
body .bw-steps-tv .ui-fieldset .ui-fieldset {
  /*padding: 6rem 0rem 3rem;*/
  padding: 0;
  margin: 0;
}
body .bw-steps-tv .input_small label,
body .bw-steps-tv .p_DateCalend label {
  display: block;
}
/*.ui-autocomplete,*/
.p_DateCalend{
    max-width: 200px;
}
.ui-autocomplete {
	max-width: 100%;
}
main .dateButton[tabindex="0"],
main .dateButton:focus,
main .dateButton:hover{
    /*background: var(--primaire-bg);*/
    background: none;
    color: #333;
    font-weight: 600;
}
main .dateButton, 
main .dateButton:hover, 
main .dateButton:focus{
    font-weight: 400;
}
body .ui-datepicker .ui-datepicker-prev, 
body .ui-datepicker .ui-datepicker-next{
    padding: 0;
    font-family: "FontAwesome", serif !important;
}
body .ui-datepicker .ui-datepicker-prev:hover, 
body .ui-datepicker .ui-datepicker-next:hover{
    box-shadow: none;
}

body .bw-steps-tv .input_small input.ui-inputfield,
body .bw-steps-tv .ui-calendar input.ui-inputfield {
  width: 200px;
}
@media all and (max-width: 639px) {
  body .bw-steps-tv .entetee h2 {
    margin-right: 0;
  }
  body .bw-steps-tv .ui-fieldset h3 {
    margin: 35px 0 22px 0;
  }
  body .bw-steps-tv .entetee h2 {
    margin-top: 40px;
  }
  body .marge_top {
    margin-top: 40px !important;
  }
  body .bw-steps-tv .ui-fieldset,
  body .bw-steps-tv .marge_top_fieldset {
    margin-top: 0px !important;
  }
  body .ligne_parent:not(.displaynone) + .ligne_enfant > div:last-child,
  body .sans_marge > div > label,
  body .sans_marge > label {
    margin-top: 22px !important;
  }
  body .bw-steps-tv .entetee h2 {
    margin-top: 40px;
    margin-bottom: 6px;
  }
  body .bw-steps-tv .ts_line .entetee h2 {
    margin-top: 0;
  }
  body .bw-steps-tv label,
  body .bw-steps-tv .labelFormCustom,
  body
    .bw-steps-tv
    .ui-fileupload.BWComponent156
    fieldset.bw-download-content
    legend,
  body .bw-steps-tv fieldset .ui-widget.p_Text label {
    margin-top: 22px;
    margin-bottom: 6px;
  }
  body .bw-steps-tv .input_small input.ui-inputfield,
  body .bw-steps-tv .ui-calendar input.ui-inputfield {
    width: 170px;
  }
}
body .ui-fieldset .ui-fieldset-legend,
.tab_demande .ui-fieldset .ui-fieldset-legend {
  /*width: 100%;*/
  display: none;
}
body .tab_organisation .ui-fieldset {
  padding: 0;
}
body .tab_organisation .ui-fieldset .ui-fieldset-legend {
  display: block;
  position: relative;
  background: none;
  padding: 0;
  font-size: 2.5rem;
  top: 0;
}
body .ui-sidebar-right.ui-sidebar-active .ui-fieldset {
  padding: 0;
}
body .ui-sidebar-right.ui-sidebar-active .ui-fieldset .ui-fieldset-legend {
  background: transparent;
}
body .ui-datatable .ui-paginator.ui-paginator-top,
body .ui-datatable .ui-paginator.ui-paginator-bottom {
  display: none !important;
}
.recap {
  padding: 0 1.5rem;
}
body .recap textarea,
body .recap input {
  overflow: hidden !important;
  min-height: auto;
  box-sizing: content-box;
}
body .recap input {
  height: auto !important;
}
/***** LISTE POUBELLE RECAP ****/
.liste_poub li {
  border: 1px solid #e3e7f2;
  padding: 15px;
  margin: 5px 0;
}
body .poub > div,
body .poub .p_EditText {
  display: flex;
  align-items: center;
}
body .poub_indic > div {
  justify-content: space-between;
}
body .poub_indic > div > div:last-child {
  width: 190px;
}
body .poub_title > div > div {
  margin-bottom: 4px !important;
}
body .liste_poub .poub .p_EditText input {
  margin: 0 0 0 10px !important;
  width: auto;
}
body .liste_poub .poub_title > div > div:first-child input {
  margin-left: 3px !important;
  width: 9px;
}
body .liste_poub .poub_title > div > div:nth-child(2) input {
  width: 110px;
}
body .liste_poub .poub_indic > div > div:last-child input {
  width: 90px;
}
body .poub_title > div > div:first-child input {
  margin: 0 0 0 3px !important;
}
body .liste_poub .poub .p_EditText label.labelformcustom {
  white-space: nowrap;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
@media all and (max-width: 989px) {
  body .poub_title > div > div {
    margin-bottom: 0px !important;
  }
  body .poub > div > div {
    margin-top: 6px;
  }
  body .poub_indic > div {
    flex-wrap: wrap;
  }
  body .poub_title > div > div:first-child {
    width: 100px;
  }
  body .poub_indic label.labelformcustom {
    width: 143px !important;
  }
  body .liste_poub .poub_indic .p_EditText label.labelformcustom {
    width: 100px !important;
  }
}
@media all and (max-width: 639px) {
  body .poub_indic > div,
  body .poub_indic .p_EditText {
    display: block;
  }
  body .liste_poub .poub_indic .p_EditText {
    margin-top: 10px;
  }
}
@media all and (max-width: 359px) {
  body .liste_poub .poub_indic .p_EditText label.labelformcustom {
    width: 100% !important;
  }
  body .poub > div,
  body .poub .p_EditText {
    display: block;
  }
  body .liste_poub .poub input.ui-inputfield {
    margin: 0 !important;
  }
}
/***** FIN LISTE POUBELLE RECAP ****/
/* ajout classe pour enlever étoile rouge des champs PJ dans le téleservice exonération TEOM */
.pj_non_etoile fieldset legend::after {
  display: none;
}
/* bac a dechets */
.container_bac_iframe iframe {
  max-width: 100%;
}
.picto_search {
  position: relative;
}
.picto_search:after {
  position: absolute !important;
  content: url("../img/picto_portail/icone-search.svg") !important;
  /*bottom: 0;*/
  top: 52px;
  right: 1.5rem;
  /* transform:translateY(-75%);*/
  transform: scale(1.4);
  /*margin-top: -3.5rem;*/
  top: 50%;
  transform: translateY(-30%);
}

/**** Je rattache une association à mon compte ****/
body .rattach_asso .bw-steps-tv .tab_asso h2 {
  margin: 35px 0 15px 0 !important;
}
ul.asso_liste {
  padding-inline-start: 20px;
  padding-bottom: 2rem;
}
ul.asso_liste li {
  padding-top: 1.5rem;
}
.carte.carte_orgas .statut_asso {
  position: absolute;
  top: 1rem;
  right: 2rem;
}
.carte.carte_orgas > div:before {
  font-family: FontAwesome;
  height: 50px;
}
.rattach_asso .ts_ligne_first .saisie_recherche .ui-button,
.saisie_recherche .ui-button {
  border-radius: 0 0.4rem 0.4rem 0;
  padding: 15px 2rem 14px;
  margin-left: -35px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}
/*.saisie_recherche>div {
    padding: 0;
}*/
.saisie_recherche .ui-button.ui-button-text-only .ui-button-text {
  line-height: 1;
  border: 2px solid transparent;
}
.saisie_recherche .ui-md-4 {
  width: 12%;
}
.saisie_recherche .ui-md-8 {
  width: 88%;
}
.sidebarContent .saisie_recherche .ui-md-8 {
  width: 79%;
}
/*.saisie_recherche .ui-button{
    border-radius: 0 .4rem .4rem 0;
}*/
.saisie_recherche input {
  border-radius: 0.4rem 0 0 0.4rem;
  border-right: 0;
}
.saisie_recherche input.ui-inputfield {
    margin-top: 0;
    margin-bottom: 0;
}
.container_btn_ajout {
  margin-top: 2rem;
}
.sidebarContent .ui-inputfield.ui-state-disabled,
.sidebarContent .none-editable .ui-inputfield,
.sidebarContent .none-editable .p_ComboBox select {
  background: #f7f7f1 !important;
}

.sidebarContent .ui-inputfield.ui-state-disabled:not(.ui-state-error),
.sidebarContent
  .none-editable
  .ui-calendar
  input.ui-state-disabled.ui-inputfield:not(.ui-state-error),
.sidebarContent .none-editable .p_ComboBox select {
  color: var(--primaire-black) !important;
}
ul.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
  background: #fff !important;
  border: none !important;
}
.sidebarContent .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu {
  min-height: 5rem;
}
.vignette_asso {
  border: 1px solid;
  border-radius: 5px;
  border-color: #919191 !important;
  margin-top: 2rem;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.vignette_asso > .ui-md-1 {
  background-color: #f7f7f1;
  align-items: center;
  display: flex;
  border-right: 1px solid;
  border-color: #919191 !important;
}
.vignette_asso .bwcheckbox {
  margin: 0;
}
.vignette_asso .bwcheckbox label {
  margin-top: 0;
  margin-bottom: 0;
}
.denomination_sociale_asso p {
  font-weight: 600;
  margin: 0;
}
body .vignette_asso .bwcheckbox input[type="checkbox"]:checked + label:before,
body
  .vignette_asso
  .bwcheckbox
  input[type="checkbox"]:not(:checked)
  + label:before {
  border-radius: 20px;
}
body .bw-steps-tv .warning {
  margin-top: 2rem;
}
body .bw-steps-tv .warning > div {
  display: flex !important;
  font-size: 16px;
  align-items: flex-start;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.warning > div {
  background-color: #fff7db;
  padding: 5px;
  border-radius: 3px;
  width: auto;
  color: var(--primaire-black) !important;
  line-height: 1.3 !important;
}
.warning span {
  color: var(--primaire-black) !important;
  margin: 0 !important;
}
.warning > div:before {
  content: url("../img/picto_portail/icone-infos.svg");
  transform: scale(0.7) !important;
  display: inline-block !important;
  font-size: 1.5rem !important;
  padding-right: 1rem;
  margin: 0 !important;
  position: relative !important;
  /*transform: none !important;*/
  background: transparent !important;
  color: var(--primaire-black) !important;
}
.statut_asso {
  margin-top: 1rem;
  display: flex;
}
.liste_assos .statut_asso .p_Text {
  display: flex;
  align-items: center;
  border-radius: 7px;
}
.liste_assos .statut_asso .p_Text span {
  margin: 0;
}
.denomination_asso span {
  font-weight: 600;
  color: var(--primaire-black) !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
}
.statut_asso span {
  padding: 0.5rem 1rem;
  color: var(--primaire-black) !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 3px;
}
.statut_asso span:before {
  padding-right: 1rem;
}
.statut_asso span.etat-asso-non-inscrite,
.statut_asso.Enattente span,
body .ui-g div .infobulle.infobulle_warn {
  background-color: #fdecd0;
}
.statut_asso span.etat-asso-inscrite,
.statut_asso.Validé span {
  background-color: #d0f4da;
}
.statut_asso span.etat-asso-rattachement-en-cours {
  background-color: #fbffd0;
}
.statut_asso span.etat-asso-deja-rattache {
  background-color: #d0edfd;
}
.statut_asso span.etat-asso-dissoute {
  background-color: #ededed;
}
.statut_asso span.etat-asso-non-inscrite:before {
  content: url(../img/picto_portail/icone-statut-manquant.svg);
  /* transform: scale(0.7); */
}
.statut_asso span.etat-asso-inscrite:before,
.statut_asso.Validé span:before {
  content: url(../img/picto_portail/icone-statut-check.svg);
  /* transform: scale(0.7); */
}
.statut_asso span.etat-asso-rattachement-en-cours:before,
.statut_asso.Enattente span:before {
  content: url(../img/picto_portail/icone-statut-attente.svg);
  /* transform: scale(0.7); */
}
.statut_asso span.etat-asso-deja-rattache:before {
  content: url(../img/picto_portail/icone-transmise.svg);
  /* transform: scale(0.7); */
}
.statut_asso span.etat-asso-dissoute:before {
  content: url(../img/picto_portail/icone-close.svg);
  /* transform: scale(0.7); */
}
body .ui-g div .infobulle.ico_info span:before {
  content: url("../img/picto_portail/icone-infos.svg");
  transform: scale(0.7);
  position: relative;
  padding-right: 1rem;
}
.carte.carte_orgas > div:after {
  display: none;
}

.liste_assos li:last-child {
  border: none;
}
.liste_assos li:last-child .carte_orgas.carte {
  border: 2px dashed #a7a7a7;
  background: #f7f7f1;
}
.liste_assos li:last-child .carte.carte_orgas > div:before {
  /* display: none; */
  content: url(../img/picto_portail/icone_affilier.svg);
  text-align: center;
  margin-right: 0;
  transform: scale(1.2) translate(0, 10px);
  font-weight: 400;
  display: block;
  color: #C9D0D8;
  font-size: 3.5rem;
}
.liste_assos li:last-child .carte_orgas.carte .denomination_asso {
  text-align: center;
}
body .ui-g div .infobulle.infobulle_warn span {
  color: var(--primaire-black);
  display: flex;
  padding-left: 0;
  font-size: 16px;
}

@media all and (max-width: 1000px) {
  body .tab_organisation .ui-fieldset.Actions {
    position: absolute;
    right: 1rem;
  }
  body .tab_organisation .ui-fieldset.Actions .ui-fieldset-legend {
    width: 30px;
    overflow: hidden;
    display: block;
  }
}
@media all and (max-width: 900px) {
  body .tab_organisation .ui-fieldset.Actions {
    top: 0;
  }
}
@media all and (max-width: 802px) {
  .vignette_asso > .ui-md-1 {
    border-right: 0;
    border-bottom: 1px solid;
  }
  .liste_assos ul {
    grid-template-columns: repeat(auto-fill, 50%);
  }
  .statut_asso {
    margin-top: 0;
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: end;
  }
  .liste_assos li {
    margin: 0 15px 15px 0;
  }
}
@media (max-width: 680px) {
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
    width: 50%;
  }
  .bloc_lien_externe .url_interne.btn_noir,
  .bloc_lien_externe .url_externe.btn_noir {
    margin-top: 2rem !important;
  }
}
@media all and (max-width: 640px) {
  .rattach_asso .ts_ligne_first .saisie_recherche .ui-button {
    border-radius: 0.4rem;
    margin-left: 0px;
  }
  .saisie_recherche .ui-button {
    padding: 13px 7px;
  }
  .saisie_recherche .ui-g-12 {
    width: auto;
  }
  .liste_assos ul {
    grid-template-columns: repeat(auto-fill, 100%);
  }
  body .liste_assos li {
    margin: 0 0 15px 0;
  }
  .liste_assos .carte > div:before {
    position: relative;
    bottom: auto;
    right: auto;
  }
}
@media all and (max-width: 359px) {
  .sidebarContent .saisie_recherche .ui-md-8 {
    width: 100%;
  }
  .saisie_recherche .ui-g-12 .ui-inputfield {
    border-right: 1px solid #919191;
    border-radius: 3px;
  }
  .saisie_recherche .btn_noir {
    text-align: center;
  }
  .saisie_recherche .ui-button {
    margin: 0;
    border-radius: 3px;
  }
}
/* tableau*/
body .rattach_asso .ui-datatable table {
  border: 1px solid #919191 !important;
}
.rattach_asso thead {
  background-color: #e0e0e0 !important;
}
.rattach_asso thead .ui-column-title label {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--primaire-black) !important;
}
/* tbody > tr {
    width: 100%;
} */
.rattach_asso tbody > tr {
  /* position: relative !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; */
}
body .rattach_asso .ui-datatable tbody tr td,
body .rattach_asso .ui-datatable .ui-datatable-data > tr,
body .rattach_asso .ui-datatable thead th,
body .rattach_asso .ui-datatable tbody tr td:hover,
body .rattach_asso .ui-datatable .ui-datatable-data > tr:hover,
body .rattach_asso .ui-datatable thead th:hover,
body .rattach_asso .ui-datatable tbody tr.ui-state-hover td,
body .rattach_asso .ui-datatable .ui-datatable-data > tr.ui-state-hover,
body .rattach_asso .ui-datatable thead th {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.rattach_asso th {
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid #919191 !important;
  width: 33% !important;
  background-color: transparent !important;
}
body .rattach_asso .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
  background: #fff;
}
body .rattach_asso .ui-datatable thead th .ui-column-title label,
body .rattach_asso .ui-datatable .ui-datatable-data > tr > td label {
  margin-top: 0;
  margin-bottom: 0;
}
body .rattach_asso .ui-datatable .ui-datatable-data > tr.ui-widget-content {
  border-bottom: none !important;
}
/* séparateurs tableau */
.rattach_asso tbody > tr {
  position: relative !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.rattach_asso tbody > tr {
  width: 200%;
}
.rattach_asso tbody > tr:nth-of-type(even):before,
.rattach_asso tbody > tr:nth-of-type(even):after {
  content: "";
  position: absolute !important;
  height: 1px;
  width: 95%;
  background-color: #919191;
  z-index: 1;
}
.rattach_asso tbody > tr:nth-of-type(even):after {
  top: 100%;
}
.rattach_asso td {
  width: 50%;
  padding: 10px 20px !important;
}
.rattach_asso tbody > tr:nth-of-type(even):last-child:after {
  display: none;
}
.liste_assos li {
  border: 1px solid #bfbfbf;
  width: auto;
  margin: 0 30px 15px 0;
  padding: 0px;
}

/* Gestion des PJ */
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-state-hover,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-tabs
  .ui-tabs-nav
  li.ui-button.ui-fileupload-choose.ui-tabs-outline,
body
  .ui-tabs
  .ui-tabs-nav
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  li.ui-button.ui-fileupload-choose.ui-tabs-outline,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-fieldset
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-state-focus,
body
  .ui-fieldset
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-state-focus,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-fieldset
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-fieldset
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fieldset
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-fieldset-legend.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-accordion
  .ui-button.ui-fileupload-choose.ui-accordion-header.ui-tabs-outline,
body
  .ui-accordion
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-accordion-header.ui-tabs-outline,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-accordion
  .ui-button.ui-fileupload-choose.ui-accordion-header.ui-state-active:hover,
body
  .ui-accordion
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-accordion-header.ui-state-active:hover,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-button.ui-fileupload-choose.ui-state-focus,
body
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-state-focus,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus {
  background: var(--neutral-bg);
  border-color: transparent;
  border:0;
}
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose:hover .ui-button-text {
  text-decoration:underline;
  cursor:pointer;
}
.attachementComponent fieldset .bw-download-files .ui-button-download:hover,
.attachementComponent fieldset .bw-download-files .ui-button-download:focus {
  background: transparent;
  border-color: transparent;
}
body .ui-fileupload.BWComponent156 .bw-add-upload-label button, 
body .ui-fileupload.BWComponent156 .bw-add-upload-label,
.attachementComponent fieldset .bw-download-files .ui-button-download:hover,
.attachementComponent fieldset .bw-download-files .ui-button-download,
.attachementComponent fieldset .bw-download-files .ui-button-download:focus,
.attachementComponent .bw-add-upload-label button,
.attachementComponent .bw-add-upload-label button:focus,
.attachementComponent .bw-add-upload-label button:hover,
.attachementComponent .uploadFile.ui-state-hover .labelFile {
  color: var(--primaire-black);
  font-weight: 400;
}
body .ui-fileupload.BWComponent156 .bw-add-upload-label {
  text-align:right;
}
body .ui-fileupload.BWComponent156 .bw-add-upload-label button {
  margin:0;
  font-weight: 400;
  text-decoration:none;
  font-size:13px;
  text-align:right;
}
body .ui-fileupload.BWComponent156 .bw-add-upload-label button:hover,
body .ui-fileupload.BWComponent156 .bw-add-upload-label button:hover {
  color: var(--primaire-black);
  text-decoration:underline
}
body .ui-fileupload-choose.uploadFile.ui-button:hover,
body .ui-fileupload-choose.uploadFile.ui-button.ui-state-hover {
  text-decoration: none !important;
}
.bw-download-content .bw-download-files {
  display: flex;
  justify-content: space-between;
}
.attachementComponent fieldset .bw-download-files .ui-button-download {
  width: calc(100% - 11.5rem);
}
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar,
body .ui-fileupload.BWComponent156 .bw-download-files .bw-download-file-item,
.attachementComponent fieldset .bw-download-files {
  margin-bottom: 0.5rem !important;
}
body .attachementComponent .bw-add-upload-label button {
  padding-top: 0;
  margin-top: -2px;
  margin-bottom: 7px;
}
body .sans_legend fieldset legend {
  display: none !important;
}
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar,
body .ui-fileupload.BWComponent156 .bw-download-files .bw-download-file-item {
  border: 2px dotted #b9c0c5;
}
.attachementComponent .bw-download-files .fa-eye {
  top: 0.9rem;
  left: 1.5rem;
  display:flex;
}
.attachementComponent .bw-download-files .fa-eye:before {
  content: url("../img/icone-yeux.svg");
}
.attachementComponent fieldset .bw-download-files .ui-button-download:hover,
.attachementComponent fieldset .bw-download-files .ui-button-download:focus {
  text-decoration: none;
  border-width: 0;
}
.attachementComponent fieldset .bw-download-files .ui-button-download {
  padding: 1rem 1rem 1rem 4.5rem;
  /* height: 43.5px; */
}
.attachementComponent fieldset .bw-download-files .ui-button-delete {
  /*height: 2.8rem;*/
}
.attachementComponent .bw-download-files .fa-trash-alt {
  /*top: -0.3rem;*/
  color: var(--primaire-black);
  justify-content: left;
}
.attachementComponent .bw-download-files .fa-trash-alt::before {
  content: url("../img/picto_portail/icone-supprimer.svg");
  padding-right: 1rem;
}
.attachementComponent .bw-download-files .fa-trash-alt::after {
  content: "Supprimer" !important;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
  transform: scale(1);
  opacity: 1;
  padding-right: 14rem;
  font-family: "Work Sans", "Lato", sans-serif;
  font-weight: 400;
}
.attachementComponent .bw-download-files.bw-state-delete-file button {
  color: #000 !important;
}
.attachementComponent
  .bw-download-files.bw-state-delete-file
  .fa-trash-alt:after {
  opacity: 1;
  background: transparent;
  box-shadow: none;
  color: var(--primaire-black);
}
.ui-fileupload-buttonbar label::before {
  padding-left: 0px;
  padding-right: 16px;
  content: url("../img/icone-upload.svg");
}
body
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose
  .ui-button-text {
  display: flex;
  align-items: center;
}

@media (max-width: 968px) {
  /* deb 968 */
  body .ui-fieldset {
    padding: 1rem 1rem 2rem;
    /*      padding: 5rem 1rem 2rem; */
  }
  .ui-sidebar-right.ui-sidebar-active {
    width: 95% !important;
  }
  body .ui-datatable-reflow thead th.id_local,
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title,
  .ui-datatable-reflow .ui-reflow-label,
  .ui-datatable-reflow .ui-reflow-dropdown {
    display: none !important;
  }
  body .ui-datatable-reflow thead th,
  body .ui-datatable-reflow thead .ui-datepicker .ui-datepicker-calendar td,
  body .ui-datepicker .ui-datepicker-calendar .ui-datatable-reflow thead td {
    display: table-cell !important;
  }
  .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] {
    float: none;
    clear: none;
    display: table-cell;
    border: 1px solid #dde3ef;
  }
  .ui-datatable-reflow .ui-reflow-label,
  .ui-datatable-reflow .ui-reflow-dropdown {
    margin-bottom: 0px;
  }
  .ui-datatable .ui-datatable-data > tr > td.Col_Nomdem label {
    width: 100% !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
  }
  .ui-datatable .ui-datatable-data > tr > td.Col_Statut label {
    max-width: 2.8rem;
    overflow: hidden;
    display: flex !important;
    margin: auto;
  }
  .picto_search:after {
    top: 46px;
  }
  body .simuler_aide p {
    margin-top: 25px;
  }
  body .simuler_aide a {
    margin-top: 48px;
  }
  /* etapes onglets */
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li {
    width: 100%;
    height: 50px;
    display: flex !important;
    justify-content: start;
    align-items: center;
    flex-direction: unset;
  }
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li.tab_connexion {
    display: none !important;
  }
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li:first-child {
    margin-left: 1rem;
  }
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li:last-child {
    margin-right: 1rem;
  }

  body .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
  body .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a {
    padding-top: 0;
    width: auto;
  }
  .bw-steps-tv > nav > ul > li:before,
  .iconStep:before {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    flex-shrink: 0;
  }
  .iconStep:before {
    top: 8px;
    position: absolute;
  }
  .ts_header h2,
  .Bloc_Header h2 {
    max-width: 100%;
  }
  /* fin 968 2 */
}

/* recap TS */
body .recap.ui-g .encadre_recap {
  border: 1px solid #b9c0c5;
  border-radius: 5px;
  margin: 2rem 0;
  /* padding-bottom: 1rem !important; */
  width: 48%;
  /*margin: 1.5rem;*/
  padding: 1.5rem;
}
body .container_screen_monespace .detail_demarche .encadre_recap {
  width: 100%;
  padding-bottom: 1rem !important;
  /*margin: 1.5rem;*/
}
body .bw-steps-tv .recap h3 {
  margin-bottom: 0px;
}
.h3_recap p {
  margin: 1rem 0;
  font-size: 20px;
  line-height: 1.25em;
  font-weight: 600;
  color: var(--primaire-black);
}
.h3_recap p:first {
  margin: 0 0 1rem 0;
}
body .bw-steps-tv .recap fieldset .ui-widget.p_Text label,
body .bw-steps-tv .recap fieldset.bw-download-content legend {
  margin-top: 0px !important;
}
body .bw-steps-tv .recap textarea {
  /*height:auto !important;*/
}
.recap.none-editable input,
.recap.none-editable .ui-autocomplete.BWComponent153 input.ui-inputfield,
.recap.none-editable textarea,
.recap .none-editable .ui-inputfield,
.ui-widget-content .recap .ui-inputfield:read-only,
.recap.none-editable .ui-inputfield.ui-state-hover,
.recap.none-editable .ui-inputfield.ui-state-focus,
.recap .none-editable .p_ComboBox select,
.recap .p_ComboBox select.ui-state-disabled,
.recap .none-editable .ui-autocomplete.BWComponent153 .ui-inputfield,
.recap .ui-inputfield,
.recap .none-editable .ui-calendar input.ui-inputfield,
.recap .ui-inputfield:focus,
.recap .ui-inputfield.ui-state-focus,
.recap .ui-inputfield.ui-state-focus:not(.ui-state-error):focus,
.recap
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-inputfield.ui-selectcheckboxmenu-multiple-container:not(
    .ui-state-error
  ):focus,
.recap .none-editable .ui-calendar input.ui-state-focus.ui-inputfield:focus,
.recap .none-editable .ui-calendar input.ui-state-hover.ui-inputfield,
.recap .none-editable .ui-inputfield.ui-state-disabled:not(.ui-state-error),
.recap
  .none-editable
  .ui-calendar
  input.ui-state-disabled.ui-inputfield:not(.ui-state-error) {
  background: #fff !important;
  /*border: none !important;*/
  border: 1px solid transparent !important;
  padding: 0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  /*color: #5E6471 !important;*/
  color: var(--primaire-black) !important;
}
.recap .required-mark {
  display: none;
}
.recap div.p_ComboBox select {
  line-height: 2rem;
}
.recap div.p_ComboBox select:focus,
.recap.none-editable textarea.ui-inputfield.ui-state-focus:read-only,
.recap.none-editable textarea.ui-inputfield.ui-state-focus,
.recap.none-editable .ui-inputfield.ui-state-focus,
.recap .ui-inputfield:focus,
.recap .ui-inputfield.ui-state-focus,
.recap .ui-inputfield.ui-state-focus:not(.ui-state-error):focus,
.recap
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-inputfield.ui-selectcheckboxmenu-multiple-container:not(
    .ui-state-error
  ):focus,
.recap .none-editable .ui-calendar input.ui-state-focus.ui-inputfield:focus {
  border: 1px solid var(--primaire-black) !important;
}
body .recap .suggestionavis .encadre_recap {
  padding-bottom: 1rem;
}
.recap .ui-icon-triangle-1-s:before {
  display: none;
}
.recap .suggestionavis textarea.ui-inputfield {
  min-height: 0 !important;
}
.ui-widget-content .recap .info_perso .ui-inputfield:read-only,
.recap .info_perso .ui-inputfield {
  font-weight: 400;
}
.ui-widget-content .recap .info_perso .nom .ui-inputfield:read-only {
  font-weight: 600;
}
.recap.none-editable textarea.ui-inputfield {
  /*min-height: auto;*/
  /*height: auto !important;*/
  overflow-y: hidden !important;
}
.recap.none-editable
  .ui-autocomplete
  .ui-button.ui-autocomplete-dropdown
  .ui-icon,
.recap
  .none-editable
  .ui-autocomplete
  .ui-button.ui-autocomplete-dropdown
  .ui-icon {
  display: none;
}
.container_screen_monespace .recap .section_recap label {
  font-size: 20px;
  font-weight: 600;
}
.bw-steps-tv .recap .section_recap label {
  font-size: 28px;
}

.recap .bwComValidate.bwFieldRequired .bw_star:after,
.recap .bwComValidate.bwFieldRequired .labelFormCustom:after,
.recap .bwComValidate.bwFieldRequired .ui-chkbox-label:after,
.recap .bwComValidate.bwFieldRequired legend:after,
.recap .bwComValidate.bwFieldRequired label:after {
  content: none;
}
/* .recap select[disabled] {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
} */
body .encadre_recap #ban nav a:focus-visible,
body .encadre_recap a:focus-visible,
body .encadre_recap .rgaa-focus-state a:focus-visible,
body .encadre_recap .ui-button:focus-visible,
body .encadre_recap div .rgaa-focus-state .ui-button:focus-visible,
body .encadre_recap .secondaire > .ui-tabs > .ui-tabs-nav li:focus-visible,
body .rgaa-focus-state .encadre_recap *:focus-visible {
  outline: none !important;
}

body .none-editable .encadre_recap .ui-inputfield.ui-state-hover {
  background: transparent;
}

.recap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 2px 30px 2px 2px;
}
body
  .bw-steps-tv
  .recap
  .p_BWComponent156
  > .ui-fileupload
  fieldset.bw-download-content
  legend,
body .bw-steps-tv .recap legend,
body .bw-steps-tv .recap label.labelformcustom {
  margin-top: 2.5rem;
}
body .bw-steps-tv .recap .p_DateCalend label.labelformcustom {
  margin-top: 0;
}
body .sans_marge_top * {
  margin-top: 0 !important;
}
.recap
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container
  .ui-selectcheckboxmenu-token {
  background: transparent;
  /* padding: 1rem 0; */
  padding: 1rem 0 0;
  margin: 0;
}
.recap
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container
  .ui-selectcheckboxmenu-token
  .ui-selectcheckboxmenu-token-label {
  color: var(--primaire-black);
  font-size: 1.6rem;
}
.recap .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu {
  border: none !important;
  min-height: inherit;
}
.recap .ui-selectcheckboxmenu .ui-selectcheckboxmenu-token .ui-icon-close {
  display: none;
}
.recap .ui-selectcheckboxmenu-token-label {
  padding: 0 1.3em 0 0;
}
body .connect_or_not h2:focus {
  outline: none !important;
}
/* encadre non recap */
.encadre_no_recap,
.encadre_no_recap p {
  margin: 0 !important;
}
.encadre_no_recap > div {
  padding: 0;
}
.encadre_no_recap {
  border: 1px solid #919191 !important;
  border-radius: 5px;
  margin: 2rem 0;
  padding: 1.5rem;
}

/* page 404 */
.error404 {
  display: flex;
  align-items: center;
}
.error404 h2 {
  color: #b3004e;
}
.error404 h3 {
  font-size: 2.5em;
  line-height: 1;
  max-width: 450px;
  margin: 1.5rem 0;
}
.error404 .p_Button {
  margin-top: 4rem;
}
/* bouton radio */
body .radiogroup input[type="radio"]:checked + label:before {
  background: #fff;
}
body .radiogroup input[type="radio"]:not(:checked) + label:before,
body .radiogroup input[type="radio"]:checked + label:before {
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  /*background: #ECEDF1 !important;*/
  background: #fff !important;
}
body .radiogroup input[type="radio"]:checked + label:after,
body .radiogroup input[type="radio"]:not(:checked) + label:after {
  width: 8px;
  height: 8px;
  background: #000;
  top: 0.7rem;
  left: 0.7rem;
}
/* espace entre les éléments */
.container_AnnuaireProblemeBesoin,
.container_suggestion {
  margin-top: 4rem;
}
/* hauteur de l'iframe Bac déchet particulier */
/*body .container_bac_iframe,*/
div.container_bac_iframe #mapdiv {
  height: 300px;
}
/* suppression pop in info */
.ui-growl-info {
  display: none !important;
}
/* affichage des environnements */
span.env {
  position: absolute;
  right: 2rem;
  top: 50% !important;
  transform: translateY(-50%);
  left: unset !important;
  border-radius: 4px !important;
  padding: 5px 15px !important;
  z-index: 10000000 !important;
  max-width: fit-content !important;
  line-height: 1.2em !important;
  font-size: 16px !important;
  word-break: unset !important;
  color: var(--primaire-black) !important;
  font-weight: 400 !important;
  box-shadow: none !important;
}
span.env.env_dev {
  background: #ebbfff;
}
span.env.env_rec {
  background: #6effff;
}
span.env.env_pprod {
  background: #7bf877;
}

/* gestion des étapes pour résolutions faible */
@media (max-width: 1400px) and (min-width: 968px) {
  /* deb 968 */
  body .ts_mallogement div[class*="p_TabView"] > .bw-steps-tv > nav > ul {
    margin: 1rem 0 1rem;
    justify-content: start;
  }
  body .ts_mallogement .bw-steps-tv > .ui-tabs-panels {
    margin-top: 100px;
  }
  .ts_mallogement_top.ts_header h2,
  .ts_mallogement_top.Bloc_Header h2 {
    max-width: 100%;
  }
} /* fin 968 */

@media (max-width: 1070px) and (min-width: 969px) {
  .logo_txt {
    width: 253px;
  }
  .logo-portail img {
    width: 100%;
    width: 99px;
  }
  ul#menu_secondaire {
    flex-wrap: nowrap;
    padding-left: 0;
  }
}
@media (max-width: 968px) and (min-width: 641px) {
  .ui-md-9.container-liste-ts {
    width: 100% !important;
  }
}

@media (max-width: 968px) {
  /* deb 968 */
  .container_mes_informations .ui-md-5 {
    width: 100%;
  }
  .container_simuler_aides_old > .inline {
    padding: 0;
  }
  .container_simuler_aides {
    margin: 3rem auto 0 !important;
    padding-bottom: 3rem;
  }
  .bloc_utilite {
    margin-top: 2rem;
  }
  .container_utilite_portail h4 {
    min-height: auto;
  }
  .bandeau_accueil .container_bg_img > div,
  .container_commment_faire_si,
  .container_utilite_portail,
  .container_utilisation > div {
    margin: 3rem auto !important;
  }
  .container_utilisation .titre_container h2,
  .container_demarches_top h2 {
    padding: 0;
  }
  .select_modify_mail .link,
  .select_modify_mail .btn_link {
    padding-top: 2rem;
    margin-left: 0 !important;
  }
  .select_modify_mail .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0 0 0 3rem;
  }
  .select_modify_mail .link .ui-button.ui-button-text-icon-left .ui-icon,
  .select_modify_mail .btn_link .ui-button.ui-button-text-icon-left .ui-icon {
    left: 0rem;
  }
  .modify_mail .p_Button {
    margin-top: 2rem !important;
    margin-left: 0 !important;
  }
  .civ_fc:after,
  .prenom_fc:after,
  .nom_fc:after,
  .type_fc:after,
  .num_nom_voie_fc:after,
  .Code_postal_fc:after,
  .Ville_fc:after {
    transform: translate(-35%, -18%) !important;
  }
  body .recap.ui-g .encadre_recap {
    margin: 1.5rem;
    width: 100%;
  }
  .section_recap h2 {
    margin-bottom: auto;
  }
  .ts_actions > div > div.ui-g > .inline > div,
  .container_bandeau_bas.ui-g > .inline > div {
    width: auto !important;
  }
}
/* fin 968 */

/* debut 404 */
@media (max-width: 404px) {
  body .recap.ui-g .encadre_recap {
    width: 90%;
  }
}
/* fin 404 */

p a {
  text-decoration: underline !important;
  font-weight: normal !important;
}
p a:hover {
  text-decoration: underline;
  border-bottom: 1px solid var(--primaire-black);
  color: var(--primaire-black);
}
.mandatory_input_info {
  color: #ff5d8f;
  font-style: italic;
}
/*
body a:focus-visible,
footer ul a:focus-visible,
body .rgaa-focus-state a:focus-visible,
body .ui-button:focus-visible,
body div .rgaa-focus-state .ui-button:focus-visible,
body .secondaire > .ui-tabs > .ui-tabs-nav li:focus-visible {
  box-shadow: 0 0 0 4px #fff, 0 0 0 6px var(--primaire-black) !important;
}*/
body .rgaa-focus-state *:focus-visible, 
body .li_rgaa button:focus-visible {
    outline-style: auto !important;
  outline-color: var(--primaire-black) !important;
  outline-width: unset !important;
}
*:focus-visible,
body #ban nav a:focus-visible,
body a:focus-visible,
body .rgaa-focus-state a:focus-visible,
body .ui-button:focus-visible,
body div .rgaa-focus-state .ui-button:focus-visible,
body .secondaire > .ui-tabs > .ui-tabs-nav li:focus-visible,
body .rgaa-focus-state *:focus-visible,
body .ui-button:focus-visible,
body div .rgaa-focus-state .ui-button:focus-visible,
body div .rgaa-focus-state .ui-button:focus-visible,
body .ui-inputfield:hover,
body .ui-inputfield.ui-state-hover,
.champ_recherche .ui-inputfield:focus,
.champ_recherche .ui-inputfield.ui-state-focus,
.champ_recherche .ui-inputfield.ui-state-focus:not(.ui-state-error):focus,
form .zone_search input[type="search"]:focus {
  /*box-shadow: 0 0 0 4px #ECEDF1 !important;*/
  box-shadow: none !important;
  outline-style: auto !important;
  outline-color: var(--primaire-black) !important;
  outline-width: unset !important;
  background-color: #fff;
}
.champ_recherche .ui-inputfield:focus,
.champ_recherche .ui-inputfield.ui-state-focus,
.champ_recherche .ui-inputfield.ui-state-focus:not(.ui-state-error):focus,
form .zone_search input[type="search"]:focus {
  background-color: #fff !important;
}
body #ban nav a.connexion:focus-visible,
body a.connexion:focus-visible,
body .rgaa-focus-state a.connexion:focus-visible {
  background-color: var(--primaire-black) !important;
}
body .btn_rechercher .ui-button:focus-visible {
  background-color: var(--primaire) !important;
}
body form .carte a:focus-visible::before {
  outline: unset !important;
}
body .ui-button:focus,
body div .rgaa-focus-state .ui-button:focus {
  border: none;
}
/**:focus,
body #ban nav a:focus,*/
body a:focus,
body .rgaa-focus-state a:focus,
body .ui-button:focus,
body div .rgaa-focus-state .ui-button:focus,
body .secondaire > .ui-tabs > .ui-tabs-nav li:focus,
body .rgaa-focus-state *:focus,
body .ui-button:focus,
body div .rgaa-focus-state .ui-button:focus {
  outline-style: unset;
  outline-width: unset !important;
  text-decoration: none !important;
}
body a:focus,
body .rgaa-focus-state a:focus,
body .ui-button:focus,
body div .rgaa-focus-state .ui-button:focus,
body .secondaire > .ui-tabs > .ui-tabs-nav li:focus,
body .ui-button:focus,
body div .rgaa-focus-state .ui-button:focus {
  outline-color:rgba(0,0,0,0) !important;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li a.focus_invisible {
  outline: none !important;
}
/* small footer */
.blockfooter {
  margin: 5rem 0;
}
.top_footer,
.bottom_footer {
  display: flex;
  margin: auto;
  justify-content: space-between;
  font-size: 0.875em;
}
.top_footer {
  flex-wrap: wrap;
}
footer .line {
  margin: 32px 0;
  height: 5px;
  background: var(--primaire);
  max-width: none !important;
  display: block;
}
.top_footer > div {
  padding: 0 2% 0 0;
  width: 36%;
  /* max-width: 32%;*/
  display: flex;
  align-items: center;
}
.top_footer > div p {
  line-height: 1.3em;
  margin: 0;
}
.top_footer > div:last-child {
  padding-right: 0;
  width: 24%;
}
.top_footer img {
  margin-right: 1.5rem;
  float: left;
  /*margin-bottom: 2rem;*/
}

.bottom_footer > div {
  min-width: 10rem;
}
.bottom_footer h2 {
  background: none;
  font-weight: 600;
  font-size: 1.6rem;
  margin: 0.5rem 13px 1.5rem 0;
  display: block;
  line-height: 1.1em;
}
.bottom_footer img.logo-bm {
  max-width: 165px;
}
footer .bottom_footer ul {
  display: block;
  margin: 0;
  padding: 0;
}
footer .bottom_footer ul li {
  display: block;
  margin: 0;
  padding: 0px 10px 5px 0;
}
footer .bottom_footer ul li a {
  line-height: 1.1em;
}
footer .bottom_footer ul li a:focus {
  padding:0;
}
@media (max-width: 968px) {
  /* deb 968 */
  .top_footer,
  .bottom_footer {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
  .top_footer img {
    margin-bottom: 0;
  }
  .top_footer > div p {
    line-height: 1.2em;
    margin: 0;
  }
  .top_footer,
  .bottom_footer {
    padding: 0 !important;
  }
  .top_footer > div {
    width: 100%;
    max-width: none;
  }
  .bottom_footer > div:first-child {
    width: 100%;
    max-width: none;
    padding-bottom: 20px;
  }
  .bottom_footer {
    display: block;
  }
  .bottom_footer > div:not(:first-child) {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
  .bottom_footer > div:not(:first-child) {
    margin-top: 20px;
  }
  .top_footer > div {
    width: 100%;
    max-width: none;
    display: flex;
    align-items: flex-start;
  }
} /* fin 968 */
footer a:hover {
  color: var(--primaire-black);
  text-decoration-thickness: 2px;
}

/* small home */
.simuler_aide {
  display: flex;
  border-bottom: 1px solid #b7b7b7;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 72px 0;
}
.simuler_aide h2 {
  max-width: 350px;
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 6rem;
  margin-right: 1.5rem;
  margin-bottom: 0;
}
.simuler_aide h2:before,
.simuler_aide h2:after {
  content: "";
  display: block;
  background: var(--primaire);
  width: 0.4rem;
  height: 7.4rem;
  transform: rotate(28deg);
  position: absolute;
  left: -4rem;
}
.simuler_aide h2:after {
  left: -3rem;
}
.simuler_aide p {
  max-width: 600px;
}
.simuler_aide a {
  background: var(--primaire);
  color: var(--button-text);
  border-radius: 0.4rem;
  font-size: 1.6rem;
  box-shadow: none;
  text-align: left;
  padding: 1.4rem 2.5rem 1.4rem 2.5rem;
  text-align: center;
  position: relative;
  border: 0;
  transition: all 0.1s ease-out;
  font-weight: 600;
  white-space: nowrap;
  margin-left: 25px;
  text-decoration: none;
}
.simuler_aide .button:hover {
  background: var(--primaire-hover);
  color: var(--button-text-hover);
}
.simuler_aide .button:active,
.simuler_aide .button:focus {
  padding: 1.4rem 2.5rem 1.4rem 2.5rem !important;
}
.simuler_aide p {
  font-size: 18px;
  color: var(--primaire-black);
  margin-bottom: 0;
}
@media (max-width: 968px) {
  /* deb 968 */
  .simuler_aide {
    flex-direction: column;
  }
  .simuler_aide p,
  .simuler_aide h2 {
    max-width: unset;
  }
} /* fin 968 */
.a-quoi > div {
  display: flex;
  gap: 3rem;
}
.a-quoi > div > div {
  width: calc(100% / 3);
}
.a-quoi h2 {
  font-weight: 600;
  margin-bottom: 46px;
}
.a-quoi h3 {
  line-height: 1.2;
  color: var(--primaire-black);
  margin-top: 0;
  margin-bottom: 28px;
}
.a-quoi p {
  font-size: 1em;
  color: var(--primaire-black);
}
@media (max-width: 968px) {
  .a-quoi > div {
    flex-direction: column;
  }
  .a-quoi > div > div {
    width: unset;
  }
  .a-quoi h3 {
    min-height: 0;
    margin-bottom: 1rem;
  }
}
.comment_home {
  margin: 0 -1.5rem;
  background: var(--primaire-bg);
}
.comment_home h2 {
  text-align: center;
}
.comment_home > div {
  margin: 0 auto 18px auto;
  max-width: 940px;
  display: flex;
  gap: 3rem;
  align-items: flex-start;
}
.comment_home > div:last-child {
  margin-bottom: 0;
}
.comment_home > div:nth-child(odd) {
  flex-direction: row-reverse;
}
.comment_home > div > div {
  width: 50%;
}

@media (max-width: 968px) {
  .comment_home > div {
    flex-direction: column !important;
    flex-wrap: wrap;
  }
  .comment_home h2 {
    line-height: 1.15em;
  }
}
.comment_home .image {
  text-align: center;
}
.comment_home .image img {
  max-height: 334px;
  max-width: 75%;
}
.comment_home h3 {
  margin-top: 0;
}
.comment_home p {
  font-size: 18px;
  color: var(--primaire-black);
}

.comment_home a,
.faq_home a.link_acc {
  text-decoration: none !important;
  background: none;
  color: var(--primaire-black);
  padding: 0;
  text-transform: none;
  line-height: 1.5em;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.comment_home a::after,
.faq_home a.link_acc::after {
  content: url("../img/icone_fleche_noire.svg");
  /*padding-left: 0.5rem;
    padding-right: 0.5rem;*/
  padding-left: 14px;
  padding-right: 6px;
}
.faq_home a.link_acc {
  padding-top: 32px;
  border-top: 1px solid var(--primaire-black);
}
.comment_home a:hover,
.faq_home a:hover {
  color: var(--primaire-black);
  text-decoration: underline !important;
  /*text-decoration-thickness: 2px !important;*/
}
.faq_home {
  /*border-bottom: 1px solid #B7B7B7; */
  justify-content: space-between;
  align-items: center;
  padding: 0;
  /* display: flex; */
}
.faq_home h3 {
  border-top: 1px solid var(--primaire-black);
  margin: 0;
  font-size: 1em;
}
.faq_home h3 button {
  background-color: transparent;
  border-radius: 0;
  color: var(--primaire-black);
  font-size: 1.125em;
  font-weight: 500;
  padding: 2rem 0;
  position: relative;
  border: 0 !important;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 26px 26px 26px 0;
}
.faq_home h3 button .icone {
  font-family: FontAwesome;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 900;
}
.faq_home h3 button:hover {
  color: var(--primaire-black);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  cursor: pointer;
  font-weight: 600;
  box-shadow: none;
}
.faq_home h3 button .icone::after {
  font-size: 1.125em;
  /*content: "\f067";*/
  display: inline-block;
  content: url(../img/picto_portail/icone-accordeon.svg);
}
.faq_home section {
  color: var(--primaire-black);
  margin-bottom: 26px;
}
.faq_home > a {
  /*float: right;*/
  align-items: center;
  justify-content: end;
  display: flex;
}
.faq_home section {
  display: none;
}
.faq_home section {
  display: none;
}
.faq_home h3 .icone {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
@keyframes animPlus {
  from {transform: rotate(0deg);}
  to {transform: rotate(90deg);}
}
.faq_home h3 button:focus > .icone {
  animation-name: animPlus;
  animation-duration: 1s;
}
@media (max-width: 968px) {
  .faq_home h3 button {
    font-weight: normal;
    padding: 26px 0px 26px 0;
  }
  .faq_home h3 button .icone {
    padding-left: 8px;
  }
}

/* PLAN DU SITE */
body .main .pagefroide_content ul.ui-datalist-data > li {
  margin: 0;
}
body .main .pagefroide_content ul.ui-datalist-data > li::before {
  display: none;
}
body .pagefroide_content ul li {
  list-style-type: none;
  position: relative;
  margin: 10px 0px;
  list-style-position: inside;
}
body .pagefroide_content ul li::before {
  display: block;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 15px;
  background-color: #212417;
  position: absolute;
  left: -14px;
  top: 7px;
}
body .pagefroide_content ul.plan_site {
  font-size: 1.125em;
}
body .pagefroide_content ul.plan_site > li::before {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background-color: var(--primaire);
  position: absolute;
  left: -30px;
  top: 4px;
}
body .pagefroide_content ul.plan_site li {
  margin: 15px 0;
}
body .pagefroide_content ul.plan_site > li {
  margin: 30px 0;
}
body .pagefroide_content ul.plan_site > li > ul > li {
  margin: 20px 0;
}
body .pagefroide_content ul.plan_site > li > a {
  font-size: 1.3em;
  font-weight: bold;
}
body .pagefroide_content ul.plan_site > li > ul > li > a {
  font-weight: bold;
}
body .pagefroide_content ul.plan_site > ul {
  margin-left: 0px !important;
  padding-left: 0px !important;
}
/* FIN PLAN DU SITE */

/* gestion du logo seul dans menu sticky */
.picto_bm:nth-child(2) {
  display: none;
}
.div_principal .picto_bm.sticky {
  display: block !important;
  z-index: 10000 !important;
  top: -1px;
  margin: 0;
  width: auto;
  left: 50%;
  margin-left: -620px;
}
/*** DEB LARGEURS RWD **/
.ts_header::before,
.Bloc_Header::before {
  background: var(--neutral-bg);
}
body .container_demarches_top {
  margin: 0 auto !important;
}
body .bloc_aide_dem h2 {
  max-width: 580px;
  margin-right: 25px;
}
body .container_txt_aide .ui-g-12.ui-md-12,
body .bloc_aide_dem .ui-g-12.ui-md-6.inline,
body .container_listes_dem {
  padding: 0px;
}
body main.ui-g {
  max-width: none;
}
#main .pagefroide_content > div {
  margin: 0;
  padding: 0;
}
body .ts_header,
body .Bloc_Header {
  padding: 0 2.5rem;
}
body .blocL,
body main.ui-g .aide_description,
body .page_demarches,
body #main .pagefroide_content,
body main .pagefroide_content,
body .fin_container > div,
body .suggest_confirm,
.ts_actions > div,
.bandeau_bas > div,
body .ts_header > div,
body .Bloc_Header > div,
body .ts_main,
body .main_container,
body .bloc_infos_aide,
body .bloc_listes_infos_dem,
body .bandeau_haut_presentation > div,
body .bloc_deroulement_dem > div,
body .bloc_aide_dem,
body .bloc_dem_traitee_par > div,
body .demarches_similaires_dem > div,
body .bloc_util_don_perso,
body .faq_home,
body .a-quoi,
body .simuler_aide,
body .container_demarches_top,
body .bandeau_accueil .container_bg_img > div,
body .container_commment_faire_si,
.container_utilite_portail,
body .container_utilisation > div,
.picto_bm.sticky > a,
.top_footer,
.bottom_footer {
  max-width: 1200px !important;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
.ts_header > div {
  margin: 2rem auto !important;
}
nav#nav_principal {
  max-width: 1198px !important;
}
nav#nav_secondaire {
  max-width: 1232px !important;
}
@media screen and (max-width: 1280px) {
  body .bloc_deroulement_dem {
    margin: 0;
    margin-top: 6rem;
  }
  body .bloc_aide_dem div {
    margin: 0;
  }
  body .bandeau_haut_presentation > div,
  body .blocL,
  body .fin_container > div,
  body .suggest_confirm,
  .ts_actions > div,
  .bandeau_bas > div,
  body .ts_header > div,
  body .Bloc_Header > div,
  body .ts_main,
  body .main_container,
  body .bloc_infos_aide,
  body .bloc_listes_infos_dem,
  body .bandeau_haut_presentation > div,
  body .bloc_deroulement_dem > div,
  body .bloc_aide_dem,
  body .bloc_dem_traitee_par > div,
  body .demarches_similaires_dem > div,
  body .bloc_util_don_perso,
  body .homePage .faq_home,
  body .a-quoi,
  body .simuler_aide,
  body .container_demarches_top,
  body .bandeau_accueil .container_bg_img > div,
  body .container_commment_faire_si,
  .container_utilite_portail,
  body .container_utilisation > div,
  .picto_bm.sticky > a,
  .top_footer,
  .bottom_footer {
    max-width: 95% !important;
  }
  body .page_demarches,
  body #main .pagefroide_content {
    max-width: 97% !important;
  }
  nav#nav_principal {
    max-width: 95% !important;
  }
  nav#nav_secondaire {
    max-width: 96% !important;
  }
  .div_principal .picto_bm.sticky {
    margin-left: 0;
    left: 1%;
  }
  body .ts_header,
  body .Bloc_Header {
    padding: 0 1.5rem;
  }
  .blocs2 > div:first-child {
    width: 60%;
  }
  .blocs2 > div:last-child {
    width: 35%;
    padding-right: 0 !important;
  }
  body #main .pagefroide_content {
    margin: 0 -1.5rem;
  }
  .blocL.page_suivre > div > .ui-g-12,
  body .bandeau_haut_presentation > div,
  nav + .ui-tabs-panels > div > div > div > .ui-g-12 {
    padding: 0;
  }
  .box4input .ui-md-4,
  .box4input .ui-md-2 {
    width: 48%;
  }
}
@media screen and (max-width: 1090px) {
  .box4input .ui-md-2,
  .box4input .ui-md-4 {
    width: 100%;
  }
}
@media screen and (max-width: 968px) {
  body .ts_header > div,
  body .Bloc_Header > div,
  body .blocL,
  body .page_demarches,
  body #main .pagefroide_content,
  body .fin_container > div,
  body .suggest_confirm,
  .ts_actions > div,
  .bandeau_bas > div,
  body .ts_main,
  body .main_container,
  body .bloc_infos_aide,
  body .bloc_listes_infos_dem,
  body .bandeau_haut_presentation > div,
  body .bloc_deroulement_dem > div,
  body .bloc_aide_dem,
  body .bloc_dem_traitee_par > div,
  body .demarches_similaires_dem > div,
  body .bloc_util_don_perso,
  body .bandeau_accueil .container_bg_img > div,
  body .container_commment_faire_si,
  .container_utilite_portail,
  body .container_utilisation > div,
  .picto_bm.sticky > a,
  .top_footer,
  .bottom_footer {
    max-width: 94% !important;
  }
  body .container_demarches_top,
  body .homePage .faq_home,
  body .a-quoi,
  body .simuler_aide {
    max-width: 93% !important;
  }
  body .general-listview {
    padding-right: 0 !important;
  }
  body .liste_dem.pageListe ul {
    grid-template-columns: repeat(auto-fill, 48.1%);
  }
  body #main.ui-g-12 {
    padding: 0px;
  }
  .blocL.page_suivre > div.ui-g {
    margin: 0;
  }
  .zoneContenu {
    margin-bottom: 0;
  }
  .homePage {
    padding: 0px;
  }
  main .container_titre_monespace .titre_page h1,
  .page_suivre h1,
  .titre_page h1 {
    margin-top: 38px;
    margin-bottom: 1.5rem;
  }
  .homePage .bandeau_accueil {
    margin: 0px 0 !important;
  }
  body > form {
    padding: 0;
  }
  body .connect_or_not > div.ui-g-12 > div {
    margin-top: 10px;
    margin-bottom: 4rem;
    margin-left: 0px;
    padding-left: 0px;
  }
  body .connect_or_not > div:last-child .ui-g-12 {
    padding: 0;
  }
  body .blocs2 {
    display: block;
  }
  .blocs2 > div:first-child {
    width: 95%;
    padding-top: 15px !important;
  }
  .blocs2 > div:last-child {
    width: 100%;
  }
  .comment_home > div > div {
    width: 89%;
    margin: auto;
  }
  .container_demarches_themes .liste_dem ul {
    grid-template-columns: repeat(auto-fill, 47.4%);
  }
  .container_demarches_themes .liste_dem ul li.ui-datalist-item:nth-child(2n + 1) {
    margin-left: 0px;
  }
  body .liste_dem.pageListe ul {
    margin: 25px auto 0 auto;
    padding: 0 1.5rem;
  }
  body .liste_dem.pageListe ul li.ui-datalist-item {
    margin-left: 0px;
  }
  body .liste_dem.pageListe ul li.ui-datalist-item:nth-child(even) {
    /*margin-left: 30px;*/
    margin-left: 0px;
  }
  body #main .pagefroide_content > div {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0rem !important;
  }
  body .liste_dem ul {
    grid-template-columns: repeat(auto-fill, 47.5%);
  }
  body footer {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  body .top_footer > div:last-child,
  body .top_footer > div {
    padding: 0;
    width: 100%;
    max-width: none;
  }
  body .top_footer,
  body .bottom_footer {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  /*html body main.ui-g {
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
      }*/
  body .container_listes_dem {
    padding-top: 2rem !important;
    padding-bottom: 0rem !important;
  }
  body .comment_home {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important;
  }
  body .bandeau_accueil .container_bg_img > div,
  body .simuler_aide,
  body .a-quoi,
  body .faq_home,
  body .blocLarge > div {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
  body main .bloc_util_don_perso > div {
    margin-bottom: 0 !important;
  }
  .bandeau_haut_presentation.simuler_aides_bandeau .p_Button.btn_noir {
    top: 0rem;
  }
  .ts_header h1,
  .Bloc_Header h1 {
    font-size: 36px;
    margin: 4rem 0 20px 0;
  }
  .url_interne {
    margin: 3rem 0 0 0rem;
  }
} /* fin 968 */
@media screen and (max-width: 639px) {
  body .blocL,
  /*body .page_demarches,*/
  body #main .pagefroide_content,
  body .fin_container > div,
  body .suggest_confirm,
  .ts_actions > div,
  .bandeau_bas > div,
  body .ts_header > div,
  body .Bloc_Header > div,
  body .ts_main,
  body .main_container,
  body .bloc_infos_aide,
  body .bloc_listes_infos_dem,
  body .bandeau_haut_presentation > div,
  body .bloc_deroulement_dem > div,
  body .bloc_aide_dem,
  body .bloc_dem_traitee_par > div,
  body .demarches_similaires_dem > div,
  body .bloc_util_don_perso,
  body .bandeau_accueil .container_bg_img > div,
  body .container_commment_faire_si,
  .container_utilite_portail,
  body .container_utilisation > div,
  .picto_bm.sticky > a,
  s .top_footer,
  .bottom_footer {
    /*max-width:92% !important;*/
    max-width: 88% !important;
  }
  body .ui-sidebar .ts_main,
  body .ui-sidebar .main_container {
    max-width: 100% !important;
  }
  body .container_demarches_top,
  body .homePage .faq_home,
  body .a-quoi,
  body .simuler_aide {
    /*max-width:91% !important;*/
    max-width: 88% !important;
  }
  body .ui-sidebar .sidebarContent {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
  .iconStep:before {
    top: 10px;
  }
  body .bandeau_accueil .container_bg_img > div {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  body .comment_home h2 {
    padding: 0 1.5rem;
  }
  .comment_home > div > div {
    width: 84%;
  }
  body .liste_dem.pageListe ul {
    grid-template-columns: repeat(auto-fill, 100%);
  }
  body .liste_dem.pageListe ul li.ui-datalist-item:nth-child(even) {
    margin-left: 0px;
  }
  .zoneContenu {
    margin-bottom: 0;
  }
  .logo_txt span.logo_soustitre,
  .logo_txt p.logo_soustitre {
    line-height: 1.1em;
    margin-bottom: 0;
  }
  body .bloc_dem_traitee_par {
    padding: 0 1rem;
  }
  .ts_header h1,
  .Bloc_Header h1 {
    font-size: 30px;
  }
} /* fin 639 */
@media all and (max-width: 500px) {
  .liste_dem li.ui-datalist-item {
    width: auto;
    margin-bottom: 21px;
  }
  body .bandeau_accueil h1 {
    font-size: 32px;
  }
  .ts_header h1,
  .Bloc_Header h1 {
    font-size: 26px;
    margin-top: 15px;
  }
}
/*** FIN LARGEURS RWD **/
@media (max-width: 1580px) {
  .bloc_infos_aide img {
    max-width: 400px;
  }
}
@media (max-width: 1420px) {
  .div_secondaire .picto_bm {
    position: relative;
    /* left: 3rem; */
    width: auto;
    left: 1rem;
  }
  .div_secondaire img.logo_bm_picto {
    transform: translateX(-50%);
  }
  nav#nav_secondaire {
    padding: 0;
  }
} /* fin 1420 */
@media (max-width: 1280px) {
  /* deb 1280 */

  .bandeau_haut_presentation .p_Button.btn_noir,
  .bandeau_haut_presentation .url_interne.btn_noir,
  .bandeau_haut_presentation .url_externe.btn_noir {
    right: 2.5rem;
  }
  .bloc_infos_aide img {
    width: 87%;
  }
  body .bloc_aide_dem .ui-g-12 {
    padding: 0;
  }
  body .bw-steps-tv {
    margin-left: 0rem;
    margin-right: 0rem;
  }
  #main .pagefroide_content > div {
    margin: 0rem;
  }
  .bottom_footer > div {
    min-width: 0;
  }
} /* fin 1280 */
@media (max-width: 1070px) and (min-width: 968px) {
  .div_secondaire img.logo_bm_picto {
    width: 100%;
  }
}
@media (max-width: 1015px) {
  footer .c_ordi {
    display: none;
  }
  footer .c_smart {
    display: block;
  }
  footer .c_smart.inline {
    display: inline-block;
  }
} /* fin 1015 */
.position-upper {
  margin-top: -20px;
}
body div.p_ComboBox select {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 4.65rem;
  background: url("../img/picto_portail/chevron-close.svg") no-repeat right 15px center;
}
/* amelioration menu deroulant header usager */
ul#menu_secondaire {
  position: relative;
  margin:0;
  padding:0;
}
ul#menu_secondaire li.menu_select {
  display: block;
  background: url("../img/picto_portail/icone-profil-noir.svg") no-repeat 7px
    center;
  z-index: 10;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  position: relative;
}
ul#menu_secondaire select {
  border-color: #b9c0c5;
  color: #212427;
  font-weight: 600;
  background-position: right 9px center !important;
  padding:1rem 35px;
  background-color: transparent;
  border: 0px !important;
  margin:0;
}
ul#menu_secondaire li.menu_select:hover,
ul#menu_secondaire li.menu_select:focus {
  border-color: var(--primaire-black) !important;
}
ul#menu_secondaire li.menu_select select:hover {
  cursor: pointer;
}
ul#menu_secondaire li.menu_select.actif_menu select {
  background-image: url("../img/chevron_haut.svg");
}
body ul.ui-autocomplete-items li.ui-autocomplete-item {
  color: var(--primaire-black) !important;
  font-size: 1em;
}
body ul.ui-autocomplete-items li.ui-state-highligth,
body ul.ui-autocomplete-items li:hover {
  text-decoration: underline;
  color: var(--primaire-black) !important;
}
body ul.ui-autocomplete-items li.itemSelected {
  font-weight: bold;
  color: var(--primaire-black) !important;
  background-color: #fff !important;
}
/***** CORRECTIONS RGAA 
texte sans effet de graisse < a 24px = 4.5:1
texte en gras <= 18,5px = 4.5:1
texte sans effet de graisse >= a 24px = 3:1
texte en gras >= 18,5px = 3:1
elements => 3:1
*/
/* cartes et bordures divers => pas tout a fait 3:1 mais mise a niveau avec les bordures du menu du haut */
.div_principal,
.div_secondaire,
body .encadre_recap,
body .ts_bt_previous .ui-button,
body .btn_icon_prev .ui-button,
body .btn_secondaire .ui-button,
#menu_secondaire select,
.simuler_aide,
.bloc_type_demarches > div,
.bloc_type_espace > div,
.onglets .ui-tabs-nav {
  border-color: #bfbfbf !important;
}
/* Fin cartes et bordures divers => pas tout a fait 3:1 mais mise a niveau avec les bordures du menu du haut */
body .pagefroide_content a {
  text-decoration: underline;
}
body .pagefroide_content a:hover {
  text-decoration-thickness: 2px;
  color: inherit;
}
/* PLAN DU SITE & ul li */
body .main .pagefroide_content ul.ui-datalist-data > li {
  margin: 0;
}
body .main .pagefroide_content ul.ui-datalist-data > li::before {
  display: none;
}
body .pagefroide_content ul li {
  list-style-type: none;
  position: relative;
  margin: 0.5rem 0;
  list-style-position: inside;
}
body .pagefroide_content ul li::before {
  display: block;
  content: "";
  height: 7px;
  width: 7px;
  border-radius: 15px;
  background-color: #212417;
  position: absolute;
  left: -2rem;
  top: 8px;
}
body .pagefroide_content ul.plan_site {
  font-size: 1.125em;
}
body .pagefroide_content ul.plan_site > li::before {
  height: 15px;
  width: 15px;
  border-radius: 15px;
  background-color: var(--primaire);
  position: absolute;
  left: -30px;
  top: 4px;
}
body .pagefroide_content ul.plan_site li {
  margin: 15px 0;
}
body .pagefroide_content ul.plan_site > li {
  margin: 30px 0;
}
body .pagefroide_content ul.plan_site > li > ul > li {
  margin: 20px 0;
}
body .pagefroide_content ul.plan_site > li > a {
  font-size: 1.3em;
  font-weight: bold;
}
body .pagefroide_content ul.plan_site > li > ul > li > a {
  font-weight: bold;
}
body .pagefroide_content ul.plan_site > ul {
  margin-left: 0px !important;
  padding-left: 0px !important;
}
/* FIN PLAN DU SITE */
body .p_ComboBox select option:checked {
  color: var(--color-text);
  /*background-color:var(--primaire);*/
  background-color: var(--gris-moyen);
}
body .ui-autocomplete .ui-inputfield {
  color: var(--color-text) !important;
}
body .ui-datatable thead th.ui-state-active .ui-icon,
body .ui-datatable thead th .ui-column-title label {
  color: #333;
}
body .ui-datatable thead th.ui-state-active .ui-column-title label {
  text-decoration: underline;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-hover {
  background-color: #f5f6e4;
}
body .ui-datatable .ui-datatable-data > tr.ui-state-hover > td {
  border-color: #d9d8c4;
}
body
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container.ui-inputfield:hover {
  border: 0;
}
body .ui-selectonemenu,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu {
  border-color: var(--color-border);
  border-width: 1px !important;
}
body .ui-radiobutton .ui-radiobutton-box,
body .ui-chkbox .ui-chkbox-box {
  border-color: var(--color-border);
  border-width: 1px;
}
body .ui-selectonemenu,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu.ui-state-focus,
body .ui-selectonemenu,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu:hover {
  border-color: var(--primaire-black) !important;
  border-width: 1px !important;
  box-shadow: none;
  outline-style: auto !important;
  outline-color: var(--primaire-black) !important;
  outline-width: unset !important;
}
body
  .ui-selectcheckboxmenu-panel
  .ui-selectcheckboxmenu-header
  .ui-selectcheckboxmenu-close
  .ui-icon:hover::before {
  color: var(--color-red);
}
/** DEB FORMULAIRES RGAA FORM **/
::placeholder,
.ui-widget-header .ui-inputfield::placeholder,
.ui-widget-content .ui-inputfield::placeholder {
  color: #212427;
}
/* DEB Mes informations champs non etitables */
html body .container_mes_informations .none-editable input,
html body .container_mes_informations .none-editable input:hover,
html body .container_mes_informations .none-editable input:focus,
html body .container_mes_informations .none-editable input:focus-visible,
html body .container_mes_informations .none-editable select,
html body .container_mes_informations .none-editable select:hover,
html body .container_mes_informations .none-editable select:focus,
html body .container_mes_informations .none-editable select:focus-visible,
.ui-widget-content .ui-inputfield:read-only,
.ui-widget-content .franceconnect_field .ui-inputfield:read-only,
.none-editable input {
  background: #f7f7f1 !important;
  color: var(--primaire-black) !important;
  /*color:#4E5257;*/
  box-shadow: none !important;
  outline: 0 !important;
  border: 1px solid #919191 !important;
}
body .ui-widget-content .ui-inputfield:read-only,
.ui-widget-content .ui-inputfield.ui-state-disabled:read-only {
  background-color: #F7F7F1 !important;
}
.ui-widget-content .recap .ui-inputfield.ui-state-disabled:read-only {
  background-color: #fff !important;
}
body .rgaa-focus-state .bwcheckbox {
    margin:1.5rem 0;
}
.ui-widget-content .ui-inputfield.ui-state-disabled:hover {
  cursor: default !important;
}
.rattach_asso ul.ui-autocomplete-multiple-container.ui-inputfield {
  background: transparent !important;
}
.container_mes_informations .none-editable .labelFormCustom {
  color: #4e5257;
}
/* FIN Mes informations champs non etitables */
/* cases a  cocher */
#rememberMe,
.cgu input {
  box-shadow: 0 0 0 2px #888 inset;
}
body .bwcheckbox input[type="checkbox"] + label:before {
  width: 2rem !important;
  height: 2rem !important;
}
/* fin cases a cocher */
.mt-1 {
  margin-top: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mtl-1 {
  margin-top: -10px;
}
.mtl-2 {
  margin-top: -20px;
}
.mtl-3 {
  margin-top: -30px;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 30px;
}
.mbl-1 {
  margin-bottom: -10px;
}
.mbl-2 {
  margin-bottom: -20px;
}
.mbl-3 {
  margin-bottom: -30px;
}
/* DEB GRIS #C9D0D8 => #919191 : bordures champs etc => Contraste augmente a 3.19 par rapport au du blanc */
body .none-editable .radiogroup input[type="radio"],
body
  .none-editable
  .radiogroup
  input[type="radio"]:not(:checked)
  + label::before,
body .none-editable .radiogroup input[type="radio"]:checked + label::before,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label::before,
body .smiley > .radiogroup > div label,
.pf-c-form-control,
.bloc_mes_demarches table,
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar,
body .ui-fileupload.BWComponent156 .bw-download-files .bw-download-file-item,
.attachementComponent fieldset .bw-download-files,
body .ui-inputfield,
body .none-editable .ui-calendar input.ui-inputfield,
body .none-editable .ui-autocomplete.BWComponent153 input.ui-inputfield,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-state-hover,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-tabs
  .ui-tabs-nav
  li.ui-autocomplete-multiple-container.ui-tabs-outline,
body
  .ui-tabs
  .ui-tabs-nav
  .none-editable
  .ui-autocomplete.BWComponent153
  li.ui-autocomplete-multiple-container.ui-tabs-outline,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-fieldset
  .ui-autocomplete-multiple-container.ui-fieldset-legend.ui-state-focus,
body
  .ui-fieldset
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-fieldset-legend.ui-state-focus,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-accordion
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-tabs-outline,
body
  .ui-accordion
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-tabs-outline,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-accordion
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-state-active:hover,
body
  .ui-accordion
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-accordion-header.ui-state-active:hover,
body
  .none-editable
  .ui-autocomplete.BWComponent153
  .Conversation140
  .bw-con-right
  .bw-frame140
  .ui-autocomplete-multiple-container.ui-button.ui-state-focus,
body
  .Conversation140
  .bw-con-right
  .bw-frame140
  .none-editable
  .ui-autocomplete.BWComponent153
  .ui-autocomplete-multiple-container.ui-button.ui-state-focus,
body .p_ComboBox select,
.bw-steps-tv > nav > ul > li.ui-state-active ~ li::before,
.iconStep.ui-icon-radio-off:before {
  border-color: #919191 !important;
}
body .none-editable .radiogroup input[type="radio"]:checked + label::before {
  background-color: #d9d9d9 !important;
}
body .bwcheckbox input[type="checkbox"] + label::before,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label:before {
  border: 1px solid var(--primaire-black) !important;
}
body .bw-steps-tv > nav > ul.ui-tabs-nav > li::after {
  background: #919191;
}
/* FIN GRIS #C9D0D8 => #919191 : bordures champs etc => Contraste augmente a 3.19 par rapport au blanc */
.pf-c-form-control:hover {
  border-color: #212427;
}
/* DEB ROUGE #FF5D8F => #DF2F4E : "obligatoire" => Contraste augmente a4.5.1 par rapport au blanc */
.requis {
  color: #e80028;
}
span.etoile {
  color: #e80028 !important;
  font-size: 1.4em;
}
.bwComValidate.bwFieldRequired .bw_star::after,
.bwComValidate.bwFieldRequired .labelFormCustom::after,
.bwComValidate.bwFieldRequired .ui-chkbox-label::after,
.bwComValidate.bwFieldRequired .BWComponent156 legend::after,
.bwComValidate.bwFieldRequired .BWComponent13 label::after,
.mandatory_input_info,
body .etoile label:after,
body .etoile h2:after,
body .etoile legend:after,
label.etoile:after {
  color: #df2f4e;
}
/* DEB ROUGE #FF5D8F => #DF2F4E : "obligatoire" => Contraste augmente a 4.51 par rapport au blanc */
/** FIN FORMULAIRES RGAA FORM **/
body .smiley .radiogroup input[type="radio"]:checked + label::before,
body .smiley .radiogroup input[type="radio"]:not(:checked) + label::before {
  background: #fff !important;
}
body .smiley .radiogroup input[type="radio"]:checked + label::after,
body .smiley .radiogroup input[type="radio"]:not(:checked) + label::after {
  display: none;
}
.evit a {
  top: 67px;
  background-color: #fff;
  padding: 2px 8px !important;
}
/* demarches */
.lv_deroulement li {
  padding-bottom: 0;
}
/* fin demarches */
#hamburgerClose {
  position: absolute;
  top: 0px;
  font-size: 0;
  width: 45px;
  height: 50px;
  top: 7px;
  right: 15px;
}
#hamburgerClose:focus {
  border: 2px solid blue;
}
@media all and (max-width: 968px) {
  body .simuler_aide h2,
  body .a-quoi h2,
  body .comment_home h2,
  body .faq_home h2,
  body .blocLarge h2,
  .titre_container h2 {
    font-size: 28px;
  }
  h2,
  .a-quoi h3,
  .comment_home h3 {
    font-size: 22px;
  }
  .a-quoi h3,
  .comment_home h3 {
    margin-bottom: 18px;
  }
  h3 {
    font-size: 18px;
  }
  .bloc_type_espace > .inline {
    flex-wrap: wrap;
  }
  .bloc_mes_demarches .column1.Col_Nomdem {
    padding: 4px 2% 0 2%;
  }
  .bloc_mes_demarches .column3.Col_Statut {
    padding: 0px 2% 4px 2%;
  }

  .bandeau_accueil h1 span {
    padding: 0 10px;
    margin-left: -6px;
    line-height: 1.1em;
  }
  .lv_deroulement li,
  .HTML_deroulement li {
    width: calc(100% / 4);
  }
  body .radiogroup > div {
    height: auto;
  }
  body .box_appart_input > div:first-child {
    width: 100%;
  }
} /* fin 968 */
/*.recap .ui-datatable .ui-datatable-data>tr.ui-state-hover > td {
    border-color: transparent;
}*/
.recap .ui-datatable .ui-datatable-data > tr.ui-datatable-even,
.recap .ui-datatable .ui-datatable-data > tr.ui-state-hover {
  background: transparent;
  box-shadow: none;
  border-color: #bdbdbd;
}
.recap th.Num_P {
  width: 7rem !important;
}
.recap th.Couleur_P,
.recap th.Code_P {
  width: 10rem !important;
}
.recap
  .ui-datatable-reflow
  .ui-datatable-data
  tr
  td
  .ui-cell-editor-output
  label {
  display: block;
  white-space: break-spaces;
  width: 100%;
  line-height: 1;
  height: 50px;
  word-break: break-word;
}
@media (max-width: 1080px) {
  .recap
    .ui-datatable-reflow
    .ui-datatable-data
    td[role="gridcell"]
    .ui-column-title,
  .recap .ui-datatable-reflow .ui-datatable-data tr td .ui-cell-editor-input {
    display: none !important;
  }
  .recap th.Num_P {
    width: 7rem !important;
  }
  .recap th.Couleur_P,
  .recap th.Code_P {
    width: 10rem !important;
  }
  .recap th.Partie_cassee {
    width: 9rem !important;
  }
  /* .recap .ui-datatable-reflow .ui-datatable-data tr td .ui-cell-editor-output label{
        display: block;
        white-space: break-spaces;
        width: 100%;
        line-height: 1;
        height: 50px;
    } */
  .recap .ui-datatable-reflow .ui-datatable-data tr td div {
    position: relative;
    display: block;
  }
  .recap .ui-datatable-reflow .ui-datatable-data tr td .ui-cell-editor {
    min-width: auto !important;
  }
}
@media all and (max-width: 639px) {
  /* deb 639 */
  body .container_demarches_themes .liste_dem ul {
    grid-template-columns: none;
    overflow-x: scroll;
    overscroll-behavior: contain;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    /*height: 373px;*/
    height: 450px;
    width: 110%;
    /* align-content: space-between; */
  }
  body.safari .container_demarches_themes .liste_dem ul {
    padding-right: 30px;
  }
  body .container_demarches_themes .liste_dem li {
    min-width: 250px;
    width: 48% !important;
    height: 41%;
    margin: 15px 30px 15px 0 !important;
  }
  body .container_demarches_themes .btn_accueil {
    margin-top: 10px;
  }
  .bloc_mes_demarches
    .ui-datatable-reflow
    .ui-datatable-data
    td[role="gridcell"] {
    display: table-cell;
  }
  body .bandeau_accueil .container_bg_img > div,
  body .simuler_aide,
  body .a-quoi,
  body .faq_home,
  body .blocLarge > div {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .bloc_mes_demarches .Col_Statut {
    width: 30px;
  }
  .bloc_mes_demarches
    .ui-datatable
    .ui-datatable-data
    > tr
    > td.Col_Nomdem
    label {
    white-space: normal;
  }
  .bandeau_haut_presentation.simuler_aides_bandeau .btn_noir {
    top: 0;
  }

  body .connect_or_not > div.ui-g-12 {
    display: block;
  }
  .mobile-menu-right {
    padding-right: 1.6rem;
  }
  .nav__list label > span {
    right: 2.8rem;
  }
  .bloc_util_don_perso p {
    font-size: 0.875em;
    line-height: 1.15em;
  }
  .form_suggestionavis {
    margin: 20px 0;
  }
  .lv_deroulement li,
  .HTML_deroulement li {
    width: calc(100% / 3);
  }
  /* fieldset .ui-fieldset-content.ui-g .ui-g-12{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
     */
  body .radiogroup input[type="radio"]:checked + label:after,
  body .radiogroup input[type="radio"]:not(:checked) + label:after {
    top: 1.1rem;
    left: 1.1rem;
    transform: translate(-50%, -50%);
    width: 0.9rem;
    height: 0.9rem;
  }
  body .ui-selectcheckboxmenu-panel {
   max-width:85%;
  }
} /* fin 639 */
@media all and (max-width: 450px) {
  /* deb 450 */
  body .container_demarches_top h2 {
    max-width: 260px;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div {
    width: 48% !important;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div.block_carte_titre {
    width: 90% !important;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div .link,
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div .btn_link {
    margin-bottom: 7px;
  }
  .lv_deroulement li,
  .HTML_deroulement li {
    /*width: calc(100%/2);*/
    width: 100%;
  }
  body form .box4input label {
    min-height: 0;
    width: 100%;
  }
  body form .box4input > div:first-child label {
    width: 100%;
  }
  body form .box4input > div {
    width: 50% !important;
  }
} /* fin 450 */
@media all and (max-width: 359px) {
  /* deb 359 */
  #menu_mobile .logo-portail img {
    padding-left: 0;
  }
  .champ_suivi > div,
  .champ_recherche > div {
    flex-direction: column;
  }
  body .col_champ_recherche {
    min-width: 0;
  }
  .champ_recherche .ui-inputfield {
    width: 100%;
    margin-right: 0px;
    border-right: 1px solid #919191;
    border-radius: 0.4rem;
  }
  .champ_suivi .ui-button,
  .champ_recherche .ui-button {
    border-radius: 0.4rem;
    margin-top: 5px;
  }
  .lv_deroulement li,
  .HTML_deroulement li {
    width: calc(100% / 1);
  }
} /* fin 359 */
/***** FIN CORRECTIONS RGAA *****/

/* navigation mobile demarches a la une */
.LV_demarches .carte-description.date p {
  padding: 4px 0;
}
@media all and (max-width: 968px) {
  .pagination > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
  }
  .pagination_btn button span {
    display: flex !important;
    padding: 0 !important;
  }
  .pagination_btn button {
    background: none;
    padding: 0;
  }
  .pagination_prev button span::before {
    content: url("../img/picto_portail/dem-prev.svg");
    padding-right: 2rem;
  }
  .pagination_next button span::before {
    content: url("../img/picto_portail/dem-next.svg");
    padding-right: 2rem;
  }
  .pagination_btn {
    margin-top: 32px;
  }
  .pagination_btn button span,
  .pagination_btn .ui-button:hover,
  .pagination_btn .ui-button.ui-state-hover,
  .pagination_btn .ui-button:focus,
  .pagination_btn .ui-button.ui-state-focus {
    width: 3rem;
    overflow: hidden !important;
    background: none !important;
    text-decoration: none !important;
    box-shadow: none;
    font-size:0;
  }
  .Combobox_mobile select {
    margin-bottom: 30px;
  }
  .LV_demarches .carte .inline > div > .ui-g-12.ui-md-12 {
    padding: 0.5rem;
  }
  .container_listes_dem li > div {
    width: calc(100%);
  }
} /* fin 968 */
@media all and (max-width: 790px) {
  .LV_demarches .block_carte_titre {
    width: 100% !important;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline {
    justify-content: space-between;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div {
    padding: 0 1%;
    width: 31%;
    margin: 0px;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div:first-child {
    padding-top: 7px;
  }
  .LV_demarches .carte .ui-g-12.ui-md-12.inline > div:last-child {
    padding-bottom: 7px;
  }
  body .carte-titre h4,
  body .carte-titre h3 {
    padding-bottom: 0;
    padding-top: 5px;
    font-size: 15px;
  }
} /* fin 790 */ /* appels des polices en local */

.bac_img.inline img {
  width: 49%;
  height: auto;
}

/* gestion du bouton Aller Mon espace desktop */
.bBouton_espace > div {
  padding-left: 0;
}
/* affichage mobile page fin */
@media (max-width: 968px) {
  .demande_confirm {
    padding-top: 0px;
    width: 99%;
    margin-left: 0 !important;
  }
  .fin_container .block_aide {
    width: 99% !important;
  }
  .fin_container .mobile_full {
    display: flex;
    justify-content: center;
  }
  .fin_container .block_aide > div {
    margin-bottom: 2rem;
  }
  .fin_container .block_aide h2 {
    margin-top: 0px;
  }
  .plus_informations {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  body .demande_confirm .desktop {
    display: block;
  }
  body .demande_confirm .mobile {
    display: none;
  }
}
@media (max-width: 1199px) {
  body .demande_confirm .desktop {
    display: none;
  }
  body .demande_confirm .mobile {
    display: block;
  }
}

@media (max-width: 706px) {
  .demarche_satisfaction .ui-md-6 {
    width: 100%;
    padding: 0;
  }
}

/* checkbox */

body .bwcheckbox input[type="checkbox"],
body .bwcheckbox input[type="checkbox"] + label:before,
body .none-editable .bwcheckbox input[type="checkbox"]:checked + label:before,
body
  .none-editable
  .bwcheckbox
  input[type="checkbox"]:not(:checked)
  + label:before {
  width: 18px !important;
  height: 18px !important;
}

body .bwcheckbox input[type="checkbox"]:checked + label,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label,
body .bwcheckbox input[type="checkbox"]:checked + label:before {
  padding-top: 0;
}

body .bwcheckbox input[type="checkbox"]:checked + label:before,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label:before {
  margin-top: 0.2rem;
}

body .bwcheckbox input[type="checkbox"]:checked + label:before {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

body .none-editable .bwcheckbox input[type="checkbox"]:checked + label:before,
body
  .none-editable
  .bwcheckbox
  input[type="checkbox"]:not(:checked)
  + label:before {
  background: #fff;
  color: var(--primaire-black);
  border-color: #919191 !important;
}
body .radiogroup input[type="radio"]:checked + label,
body .radiogroup input[type="radio"]:not(:checked) + label,
body .bwcheckbox input[type="checkbox"]:checked + label,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label {
  font-size: 1.6rem;
}

.criteres-envoi {
  color: var(--primaire-black) !important;
  font-size: 14px !important;
  line-height: 1.3em;
}

/* Eligibilité aide vélo & infobulle information */
.non_eligible span,
.eligible span,
.infobulle_info p,
.infobulle_info span {
  display: flex;
  width: fit-content;
  color: var(--primaire-black) !important;
}
.non_eligible span,
.eligible span {
  /*align-items: center;*/
  /*padding: 0.25rem 0.5rem;*/
  margin: 0 !important;
  padding: 16px;
}
.eligibilite_message p {
  margin-bottom: 0;
}
/* .infobulle_info, */
.non_eligible {
  /*margin-bottom: 1.5rem;*/
  margin-top: 1.5rem;
}
.BlocEligibilite button,
.infobulle_info {
  margin-top: 1.5rem;
}
.BlockMessageEligibilite p,
.non_eligible span,
.eligible span,
.infobulle_info p,
.infobulle_info span {
  font-size: 16px !important;
}
@media all and (max-width: 639px) {
  .warning_info_lien:before,
  .warning_info_lien,
  .BlockMessageEligibilite p,
  .non_eligible span,
  .eligible span,
  .infobulle_info p,
  .infobulle_info span {
    font-size: 14px !important;
  }
}
body .bw-steps-tv .non_eligible.p_p_text .p_text span,
body .bw-steps-tv .infobulle_info.p_p_text .p_text span {
  display: flex;
}
body .bw-steps-tv .infobulle_info.p_p_text .p_text span {
  margin: 0;
}
/* PAGE CONTENU PAGE FROIDE SPE */
.pagefroidespe_container {
  background: var(--primaire-bg);
  margin-top: 4rem;
}
.pagefroidespe_container,
.pagefroidespe_probleme_container {
  padding-bottom: 48px;
}
.pagefroidespe_container .LV_dem_cas li {
  margin-bottom: 1rem !important;
}
.pagefroidespe_container .LV_dem_cas li:before {
  content: "";
  background: var(--primaire);
  display: block !important;
  width: 5px;
  height: 21px;
  margin-right: 1rem !important;
  flex-shrink: 0;
}
.pagefroidespe_container ul {
  margin: 25px 0 0 !important;
  padding: 0px 15px !important;
}
.pagefroidespe_container .LV_dem_cas li:last-child,
.pagefroidespe_container .LV_dem_cas li:last-child p {
  margin-bottom: 0rem !important;
}
.pagefroidespe_container h2,
.pagefroidespe_probleme_container h2 {
  margin-top: 48px;
}
.pagefroidespe a {
  font-weight: 500;
}
.pagefroidespe a::after,
.bloc_deroulement_dem li a::after,
.demande_confirm p a:after,
span.lien_externe a:after {
  content: url("../img/picto_portail/fleche-lien.svg");
  padding-left: 0.5rem;
}
.bwTabsPanel .lien_externe a {
  text-decoration: underline;
}
.download_link a {
  text-decoration: underline;
  display: flex;
  align-items: center;
}
.download_link a::after {
  content: url("../img/icone-telecharger.svg");
  padding-left: 1rem;
}
.download_link a:hover,
span.lien_externe a:hover,
.bloc_deroulement_dem li a:hover {
  text-decoration-thickness: 2px;
  border-bottom: none;
}
.container-html-spe {
  width: fit-content;
}
.div-logo {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  justify-content: space-around;
}
img.eco-note {
  max-width: 68px;
}
img.eco-certif {
  max-width: 243px;
}
img.img_rgaa {
  max-width: 200px;
}
.pagefroide_content_bloc1 {
  justify-content: space-between;
}
.pagefroide_content_bloc1::after {
  display: none;
}
.pagefroidespe_probleme_container .inline {
  /* padding: 0; */
}
.pagefroidespe_probleme_container .inline .p_p_Text {
  width: 70%;
}
.pagefroidespe_probleme_container .inline .p_Button {
  width: 23%;
}
.pagefroidespe_probleme_container .inline .p_Button button {
  width: 100%;
}
.pagefroidespe_container,
.pagefroidespe_probleme_container {
  padding-right: 3rem;
  padding-left: 3rem;
}
.pagefroidespe .faq_home,
.pagefroidespe_container .pagefroide_content,
.pagefroidespe_probleme_container .pagefroide_content {
  /* padding: 0 1.5rem; */
}
.container_aide {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media (max-width: 706px) {
  .div-logo {
    /*justify-content: center;*/
  }
  img.eco-note {
    /*max-width: 100%;*/
    /*max-width: 30%;
        margin-bottom: 24px;*/
    padding-bottom: 1rem;
  }
  img.eco-certif {
    /*max-width: 100%;*/
    /*max-width: 71%;*/
    padding-bottom: 1rem;
  }
  img.img_rgaa {
    max-width: 150px;
    padding-top: 1rem;
  }
  .container-html-spe {
    text-align: center !important;
    width: 100%;
  }
  /*.pagefroidespe_container,*/
  .pagefroidespe_probleme_container {
    /* margin-right: 0 !important; */
    /* margin-left: 0 !important; */
  }
  /*.pagefroidespe_container{
        padding-right: 3rem;
        padding-left: 3rem;
    }*/
  /* .container_aide{
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    } */
  .pagefroidespe_container ul li::before {
    top: 4px;
  }
  .pagefroidespe_probleme_container h2,
  .pagefroidespe_probleme_container .inline .p_p_Text {
    text-align: center;
    margin-bottom: 32px;
  }
  .pagefroidespe_probleme_container .inline .p_Text {
    margin-top: 0;
  }
  .pagefroidespe_probleme_container .inline .p_p_Text,
  .pagefroidespe_probleme_container .inline .p_Button {
    width: 100%;
  }
  .pagefroidespe_probleme_container .inline .p_Button {
    margin: 0;
    text-align: center;
  }
  .pagefroidespe_probleme_container .inline .p_Button button {
    width: 80%;
  }
  .LV_dem_pieces.poubelle_logement:after {
    background: url(../img/code_poubelle.svg) no-repeat center;
  }
  /* tableaux présentation spé */
  .grid_velospe tbody > tr:nth-of-type(even):before,
  .grid_velospe tbody > tr:nth-of-type(even):after,
  .grid_velospe tbody > tr:nth-of-type(even):before,
  .grid_velospe tbody > tr:nth-of-type(even):after,
  .grid_travaux tbody > tr:nth-of-type(even):before,
  .grid_travaux tbody > tr:nth-of-type(even):after {
    content: unset;
  }
  .grid_velospe tbody > tr,
  .grid_passsenior tbody > tr,
  .grid_travaux tbody > tr {
    display: table-row;
  }
}
@media (max-width: 968px) {
  .div-logo {
    margin-top: 16px;
  }
}

/* séparateur */
.blockimmeuble hr {
  border-width: 1px !important;
  border-style: inset;
  margin-top: 70px;
  opacity: 0.5;
}

/* TS HABITAT */
/************ selectbox multiple *****************/
.container_habitat_demande
  ul.ui-selectcheckboxmenu-multiple-container.ui-widget.ui-inputfield.ui-state-default.ui-corner-all {
  background: transparent;
  border: none;
  box-shadow: none;
}

body
  .container_habitat_demande
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container
  .ui-selectcheckboxmenu-token,
body .container_habitat_demande .ui-chkbox .ui-chkbox-box.ui-state-active,
body
  .container_habitat_demande
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active,
body
  .container_habitat_demande
  .ui-chkbox
  .ui-chkbox-box.ui-state-active.ui-state-focus,
body
  .container_habitat_demande
  .ui-chkbox
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox-box.ui-state-active.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .container_habitat_demande
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox.ui-state-active
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus {
  background: var(--primaire);
}
body .container_habitat_demande .ui-chkbox .ui-chkbox-box.ui-state-focus,
body
  .container_habitat_demande
  .ui-chkbox
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus,
body
  .container_habitat_demande
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-chkbox
  .ui-chkbox-box.ui-selectcheckboxmenu-multiple-container.ui-inputfield:focus {
  background: none;
  border-color: var(--primaire);
}
body .container_habitat_demande .ui-chkbox .ui-chkbox-box.ui-state-active,
body
  .container_habitat_demande
  .ui-radiobutton
  .ui-radiobutton-box.ui-state-active {
  border-color: var(--primaire);
}

.container_habitat_demande span.ui-selectcheckboxmenu-token-label,
body
  .container_habitat_demande
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  .ui-icon-close:before,
body
  .container_habitat_demande
  .ui-chkbox
  .ui-chkbox-box.ui-state-active
  .ui-chkbox-icon {
  color: var(--primaire-black) !important;
}
body
  .container_habitat_demande
  .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-trigger
  .ui-icon-triangle-1-s:before {
  content: url("../img/chevron_bas.svg") !important;
}
body .container_habitat_demande .ui-selectonemenu,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu {
  height: auto;
  min-height: 4rem;
  padding-right: 35px;
}
body
  .container_habitat_demande
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-multiple-container
  .ui-selectcheckboxmenu-token {
  margin-top: 0;
}
body
  .container_habitat_demande
  .ui-selectcheckboxmenu
  .ui-selectcheckboxmenu-token
  .ui-icon-close:before {
  margin-top: 0.2rem;
}
/************ taille des champs *****************/
.container_habitat_demande .repart_appart > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.container_habitat_demande .nb_roues_pers label {
  width: 100%;
}
.container_habitat_demande .repart_appart > div > div,
.container_habitat_demande .nb_roues_pers input {
  width: 17%;
}

/* écran d'obligation de connexion pour effectuer une démarche (TEOM..) */
.BlockConnect > div,
.BlockConnect > div > div {
  padding: 0;
}

.BlockConnect > div > div {
  width: 100%;
  border: none;
  margin: 0;
}
.BlockConnect > div > div > .Haligncenter {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.BlockConnect > div > div > .Haligncenter > div:nth-child(1) {
  order: 2;
  width: 100%;
}
.BlockConnect > div > div > .Haligncenter > div:nth-child(3) {
  order: 3;
  max-width: 1200px !important;
  width: 100%;
}
.BlockConnect span.fa-user-circle {
  display: none;
}
.BlockConnect .demarche .p_Text {
  text-align: start;
}
.BlockConnect .demarche {
  order: 1;
  width: 100%;
  background: var(--neutral-bg);
  border: none;
  margin: 0;
  padding: 0;
  height: 130px;
  display: flex;
  align-items: center;
}
.BlockConnect h2 {
  max-width: 1200px !important;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: start;
  margin-top: 32px;
  margin-bottom: 32px;
}
.BlockConnect .demarche h3 {
  font-size: 2em;
}
.BlockConnect .demarche > div {
  max-width: 1200px !important;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
.BlockConnect a.connexion {
  width: fit-content;
  margin-left: 0;
  background: var(--primaire);
  color: var(--button-text) !important;
}
.BlockConnect a.connexion:before {
  display: none;
}
.BlockConnect a.connexion:hover {
  background: var(--primaire-hover);
  color: var(--button-text-hover);
}
@media (max-width: 1200px) {
  .BlockConnect h2,
  .BlockConnect .demarche {
    padding: 0 1.5rem;
  }
  .BlockConnect .demarche {
    height: auto;
  }
  .BlockConnect a.connexion {
    margin-left: 1.5rem;
  }
}
@media (max-width: 960px) {
  .BlockConnect {
    padding: 0 1.5rem;
  }
}

/* Messagerie FRONT dans la demande */
.zoneMessage,
.container-messagerie {
  padding: 1rem 3rem !important;
}
.container-messagerie {
  margin-top: 5rem;
  overflow-y: auto;
  max-height: fit-content;
}
.containerGlobMess {
  background: #f7f7f1;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.containerGlobMess > div {
  width: 100%;
}
.containerGlobMess ul {
  min-height: 300px;
}
.detail_demarche_messages h4 {
  font-size: 18px;
}
.itemMessage .date,
.itemMessage.parDemandeur .date {
  max-width: 63rem;
}
.itemMessage.parDemandeur .date {
  margin-left: auto;
}
.itemMessage .date span {
  color: var(--primaire-black);
  font-size: 14px;
}
.itemMessage .date .p_Text {
  text-align: right;
}
.itemMessage.parDemandeur .date .p_Text {
  text-align: left;
}
.itemMessage .bulleMessage p {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 16px;
}
.itemMessage .bulleMessage p,
.messagerie .contenu p {
  word-break: break-word;
}
.itemMessage .bulleMessage {
  border-radius: 10px 10px 10px 0;
}
.itemMessage.parDemandeur .bulleMessage {
  border-radius: 10px 10px 0 10px;
  margin-left: auto;
}
.itemMessage .date .p_Text {
  font-weight: 400;
}
.containerGlobMess .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar,
.zoneMessage
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose,
.zoneMessage
  .ui-fileupload.BWComponent156
  .ui-fileupload-buttonbar
  .ui-button.ui-fileupload-choose.ui-state-hover {
  background: transparent;
}
/* modif 207 */
.itemMessage.parDemandeur .bulleMessage {
  background: #fff;
  color: var(--primaire-black) !important;
}
.itemMessage .bulleMessage {
  background: var(--primaire-black);
  color: #fff !important;
}
body .ui-fileupload.BWComponent156 {
    padding: 0.5rem 0;
}
.itemMessage .bulleMessage {
  padding: 0;
  max-width: 63rem;
}
.itemMessage .bulleMessage textarea,
.itemMessage .bulleMessage {
  background: var(--primaire-black) !important;
  border: none !important;
  color: #fff !important;
  padding: 1.5rem 3rem 1.5rem;
  border-radius: 10px 10px 10px 0;
  height: auto;
}
.itemMessage.parDemandeur .bulleMessage textarea {
  background: #fff !important;
}
body .p_EditText.bulleMessage textarea.nonEditTableDefault,
.bulleMessage p,
.bulleMessage a,
.itemMessage .bulleMessage div {
  color: #fff !important;
  background: var(--primaire-black) !important;
}
body .parDemandeur .p_EditText.bulleMessage textarea.nonEditTableDefault {
  color: #fff !important;
  background: #646464 !important;
}
.bulleMessage a {
  text-decoration: underline;
}
.itemMessage.parDemandeur .bulleMessage textarea {
  border-radius: 10px 10px 0 10px;
}

/* gestion des combobox ellipsis */
body div.p_ComboBox select {
  padding: 0 1.4rem !important;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding-right: 2.5em !important;
}

body div.p_ComboBox select,
body div.p_ComboBox select option {
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
}

@media (max-width: 1100px) {
  .itemMessage .bulleMessage,
  .itemMessage .date,
  .itemMessage.parDemandeur .date {
    max-width: 52rem;
  }
}
@media (max-width: 500px) {
  .itemMessage .bulleMessage,
  .itemMessage .date,
  .itemMessage.parDemandeur .date {
    max-width: 42rem;
  }
  /* gestion des combobox ellipsis */
  /*body div.p_ComboBox select {
        padding: 0 1.4rem;
        border: 1px solid #CCC;
        border-radius: 5px;
        padding-right: 2.5em !important;
    }

    body div.p_ComboBox select,
    body div.p_ComboBox select option {
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: #FFF;
    }*/
}

/* bug logo gouvernement sur page de contact */
.form_suggestionavis .p_Image {
  display: none;
}

/* Gestion ctaille colonne de récap Certif Parcelle */
.col_num_parcel,
.col_sect_parcel {
  width: 20% !important;
}

/* trait séparation dans TS cadastres */
.ref_cadastrale {
  border-top: 1px solid var(--primaire-black);
  /* margin-bottom: 60px; */
  margin-top: 32px;
}
.ref_cadastrale h4{
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
}

body form .box4input label,
.box_appart_input > div > div label {
  margin-top: 0;
}

/* correction picto calendrier horloge */
body
  .ui-calendar.ui-trigger-calendar.date-time-calendar
  .ui-datepicker-trigger.ui-button
  .ui-icon-calendar:before {
  content: url(../img/picto_portail/icone-temps.svg);
  display: inline-block;
  position: relative;
  top: 50%;
  right: 3px;
  transform: translateY(-55%);
  display: flex;
}

/* TS bac déchets pro */
.demande_bac_pro .bwcheckbox input[type="checkbox"] + label:before {
  height: 49px !important;
  width: 49px !important;
  transform: translateY(-32px);
}
.recap .demande_bac_pro .bwcheckbox input[type="checkbox"] + label:before {
  transform: translateY(-2px) translateX(30px);
}
.bw-steps-tv .demande_bac_pro .p_DateCalend label {
  margin-top: 1rem;
}
.demande_bac_pro input[type="checkbox"]:checked + label,
.demande_bac_pro .bwcheckbox input[type="checkbox"]:not(:checked) + label,
.demande_bac_pro .bwcheckbox {
  margin: 0 !important;
}
fieldset.demande_bac_pro .ui-g {
  align-items: flex-start;
}
.demande_bac_pro .ui-message-error,
.demande_bac_pro .ui-message-error-detail {
  display: none;
}

.demande_bac_pro .ui-state-error[validationfailed="true"] {
  border: none !important;
}
body .ui-message:empty {
  display: none;
}
/*
@media all and (max-width:1300px) {
    .ts_ligne > div:first-child.ui-md-6 {
        width: 40%;
    }
    .ts_ligne > div:last-child.ui-md-6 {
        width: 60%;
    }
}
@media all and (max-width:1200px) {
    .ts_ligne > div:first-child.ui-md-6 {
        width: 30%;
    }
    .ts_ligne > div:last-child.ui-md-6 {
        width: 70%;
    }
}
@media all and (max-width:767px) {
    .ts_ligne > div:first-child.ui-md-6 {
        width: 100%;
    }
    .ts_ligne > div:last-child.ui-md-6 {
        width:100%;
    }
}*/
/* creneaux */
body .bloc_creneaux {
  padding: 1rem 1.5rem;
}
body .creneau_head > div,
body .creneau_ligne > div {
  width: 20%;
  flex-shrink: 0;
}
body .creneau_head > div:first-child,
body .creneau_ligne > div:first-child {
  width: 60%;
}
body .bloc_creneaux .ui-inputfield {
  padding: 1rem;
}
.creneau_ligne .p_DateCalend {
  display: flex;
  flex-wrap: wrap;
  width: 320px;
}
body .creneau_head > div {
  text-align: center;
}
body .creneau_head > div label {
  width: 70px;
  text-align: center;
  margin-top: 0 !important;
}
body .creneau_head > div:last-child label {
  width: 100px;
}
.creneau_ligne .p_DateCalend > label {
  width: 170px;
  flex-shrink: 0;
  margin-bottom: 0;
}
body .bw-steps-tv .creneau_ligne .ui-calendar input.ui-inputfield {
  width: 140px;
  margin: 2px 0 5px 0;
}
.creneau_head,
.creneau_ligne {
  border-bottom: 1px solid #ccc;
}
body .demande_bac_pro .bloc_creneaux .creneau_ligne {
  position: relative;
  padding-top: 4px;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .bwcheckbox
  input[type="checkbox"]:checked
  + label:before {
}
body .demande_bac_pro .bloc_creneaux .creneau_ligne .bwcheckbox {
  height: 45px;
}
body .demande_bac_pro .bloc_creneaux .creneau_ligne > div .ui-message-error {
  display: flex;
  z-index: 20;
  color: var(--color-red);
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1em;
  position: relative;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  .ui-message-error
  .ui-message-error-detail {
  color: var(--color-red);
  display: block;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  > div:nth-child(2)
  .ui-message-error,
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  > div:last-child
  .ui-message-error {
  display: flex;
  width: 180px;
  text-align: left;
  margin-left: 0;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  > div:last-child
  .ui-message-error {
  margin-left: -117px;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  .ui-state-error
  input[type="checkbox"]
  + label::before,
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  .ui-state-error
  input[type="checkbox"]:not(:checked)
  + label:before {
  border-color: var(--color-red) !important;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .creneau_ligne
  > div:first-child
  .ui-message-error {
  width: 280px;
}
.creneau_ligne {
  padding: 7px 0;
}
body
  .creneau_ligne
  .ui-calendar.ui-trigger-calendar
  .ui-datepicker-trigger.ui-button {
  top: 0rem;
}
.demande_bac_pro .active {
  background-color: #d9bebe;
}
body
  .demande_bac_pro
  .bloc_creneaux
  .bwcheckbox
  input[type="checkbox"]
  + label:before {
  height: 36px !important;
  width: 59px !important;
  transform: none;
}
body
  .recap
  .demande_bac_pro
  .bloc_creneaux
  .bwcheckbox
  input[type="checkbox"]
  + label:before {
  height: 22px !important;
  width: 29px !important;
  transform: translateY(-4px) translateX(30px);
  font-size: 1.4rem;
}
@media (max-width: 1100px) {
  .creneau_ligne .p_DateCalend {
    display: block;
  }
  body .creneau_head > div,
  body .creneau_ligne > div {
    width: 25%;
  }
  body .creneau_head > div:first-child,
  body .creneau_ligne > div:first-child {
    width: 45%;
  }
  body
    .creneau_ligne
    .ui-calendar.ui-trigger-calendar
    .ui-datepicker-trigger.ui-button {
    top: -1rem;
  }
  .bw-steps-tv .demande_bac_pro .p_DateCalend label {
    margin-top: 0rem;
    margin-bottom: 1rem;
  }
  .recap fieldset.demande_bac_pro .ui-g {
    align-items: center;
  }
  /*.recap fieldset.demande_bac_pro .creneau_head {
        justify-content: end;
    }*/
}
/* fin creneaux */
/***********************************/

/************************************
    NEW Template TS STRUCTURE 11 2024 
*************************************/
body.ts_vue .bwComValidate.bwFieldRequired .labelFormCustom::after {
  position: absolute;
  margin-top: 5px;
}
body.ts_vue a .iconStep:before,
body.ts_vue_footer .top_footer {
  display: none;
}
body.ts_vue .bw-steps-tv .ts_required {
  margin-top: 32px;
}
body.ts_vue .bw-steps-tv .ts_line h2 {
  margin-top: 92px;
  margin-bottom: 3px;
}
body.ts_vue .bw-steps-tv .ts_line_first h2 {
  margin-top: 32px;
}
body.ts_vue .bw-steps-tv .recap .ts_line_first h2,
body.ts_vue .bw-steps-tv .recap .ts_line h2 {
  margin-top: 42px;
  margin-bottom: 13px;
}
body.ts_vue .bw-steps-tv .recap .ts_line > div:first-child,
body.ts_vue .bw-steps-tv .recap .ts_line > div:last-child,
body.ts_vue .bw-steps-tv .recap .ts_line_first > div:last-child {
  margin-top: 0px;
}
body.ts_vue .bw-steps-tv .bwcomponent13 label,
body.ts_vue .bw-steps-tv .ts_line > div {
  margin-top: 0;
}
body.ts_vue .tab_connexion > div {
  width: 100%;
}
body.ts_vue .ts_line {
  flex-direction: column;
}
form .ts_line,
form .ui-sidebar .bw-steps-tv .ui-fieldset,
form .ui-fieldset,
form .encadre,
form .infobulle_seule {
  border: none !important;
  box-shadow: none !important;
  padding-top: 0;
  padding-bottom:0;
  margin-right:-1.5rem !important;
  margin-left: -1.5rem !important;
}
body.ts_vue .ts_line > div {
  width: 100%;
}
body.ts_vue_footer .blockfooter {
  background: #fff;
  z-index: 2000;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 4rem;
}
body.ts_vue footer .line {
  margin-top: 0;
}
body.ts_vue .ts_ariane,
body.ts_vue .ts_main,
body.ts_vue .ts_header {
  position: relative;
  min-height: 0;
  max-width: 1232px !important;
  padding: 0 !important;
  margin: auto;
  background: none;
  z-index: 1;
}
body.ts_vue .ts_ariane {
  z-index: 30;
}
body.ts_vue .ts_main {
  z-index: 20;
}
body.ts_vue .ts_header::before {
  display: block;
  content: "";
  background: var(--neutral-bg);
  height: 100%;
  width: 30%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
}
body.ts_vue .ts_header > div::before {
  display: block;
  content: "";
  background: var(--neutral-bg);
  height: 100% !important;
  width: 400px;
  position: fixed;
  left: 50%;
  margin-left: -616px;
  top: 0;
}
body.ts_vue .ts_ariane > div,
body.ts_vue .ts_header > div {
  position: absolute;
  width: 370px;
  left: 50%;
  z-index: 10;
  padding: 0;
  margin: 0 !important;
  top: 0;
  margin-left: -616px !important;
}
body.ts_vue .ts_main .ui-tabs-panels {
  margin-left: 500px !important;
  margin-top: 10px;
  width: 650px;
}
@media all and (min-width: 969px) {
  body.ts_vue.stickyMenu:not(.no_ts_fixed) .p_TabView .bw-steps-tv nav,
  body.ts_vue.stickyMenu:not(.no_ts_fixed) .ts_header > div,
  body.ts_vue.stickyMenu:not(.no_ts_fixed) .ts_ariane > div {
    position: fixed;
    top: 71px;
  }
  body.ts_vue.stickyMenu:not(.no_ts_fixed) .ts_header > div {
    top: 70px;
  }
  body.ts_vue.stickyMenu:not(.no_ts_fixed) .p_TabView .bw-steps-tv nav {
    top: 130px;
  }
}
body.ts_vue .ts_ariane .link {
  margin-top: 35px;
}
body.ts_vue .ts_ariane .link .ui-button.ui-button-text-only {
  text-decoration: none !important;
  display: flex;
  align-items: center;
}
body.ts_vue .ts_ariane .link .ui-button.ui-button-text-only .ui-button-text {
  border-bottom: 1px solid #333;
  font-weight: 600;
  text-decoration: none !important;
}
body.ts_vue
  .ts_ariane
  .link
  .ui-button.ui-button-text-only
  .ui-button-text:hover {
  border-bottom: 2px solid #333;
}
body.ts_vue .ts_ariane .link .ui-button.ui-button-text-only::before {
  display: block;
  content: "";
  margin-right: 10px;
  background: url(../img/icone_fleche_noire_retour.svg) no-repeat left center;
  background-size: contain;
  height: 13px;
  width: 16px;
}
body.ts_vue .ts_ariane .p_button:after {
  display: none;
}
body.ts_vue .ts_header h1 {
  max-width: none;
  position: relative;
  padding-top: 60px;
}
body.ts_vue.ts_vue_footer
  .bw-steps-tv
  .ts_actions
  > div
  > div
  > div:first-child,
body.ts_vue .bw-steps-tv .ts_line > div:first-child,
body.ts_vue.ts_vue_footer .bw-steps-tv .ts_actions > div > div > div:last-child,
body.ts_vue .bw-steps-tv .ts_line > div:last-child {
  width: 100%;
}
body.ts_vue .ts_actions > div > div > div:last-child > div > div {
  width: auto;
}
body.ts_vue .ts_actions .ts_bt_previous {
  margin-right: 25px;
}
body.ts_vue .p_TabView .bw-steps-tv nav {
  top: 40px;
  height: auto;
  right: auto;
  display: block;
  position: absolute;
  margin-left: 15px;
  width: 37%;
  max-width: 320px;
}
body.ts_vue .bw-steps-tv .bwTabsNav {
  flex-direction: column;
}
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li {
  margin: 25px 0;
  padding: 0;
  z-index: unset;
  min-width: 300px;
  align-items: flex-start;
}
body.ts_vue .bw-steps-tv > nav > ul > li:before {
  left: 0;
  margin: 0;
  top: -10px;
  z-index: 2;
}
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li > a,
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active > a {
  padding: 0 0 0 30px;
  text-align: left;
  margin: 0;
  width: auto;
}
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li:after {
  height: 60px;
  width: 1px;
  left: 0;
  bottom: auto;
  top: -60px;
  z-index: -1;
}
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li:first-child:after,
body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li.tab_connexion + li:after {
  display: none;
}
body.ts_vue_footer .ts_actions {
  background: transparent;
  padding-bottom: 35px;
}
body.ts_vue_footer .ts_actions > div {
  max-width: none !important;
}
body.ts_vue_footer .ts_actions .container_btn_next {
  justify-content: space-between;
}
body.ts_vue_footer .ts_actions > div > div > div:last-child > div > div {
  width: 50%;
}
body.ts_vue_footer .ts_actions .link.ts_bt_save {
  margin: 25px 0 15px 0;
  border-top: 1px dotted #bbb;
}
@media all and (max-width: 1280px) {
  body.ts_vue .ts_ariane,
  body.ts_vue .ts_main,
  body.ts_vue .ts_header {
    max-width: 100% !important;
  }
  body.ts_vue .ts_ariane > div,
  body.ts_vue .ts_header > div {
    margin-left: -48% !important;
  }
  body.ts_vue .ts_main .ui-tabs-panels {
    margin-left: 45% !important;
    width: 52%;
  }
  body.ts_vue .ts_header > div::before {
    width: 38%;
    margin-left: -48%;
  }
  body.ts_vue .ts_ariane > div,
  body.ts_vue .ts_header > div {
    width: 330px;
  }
}
@media all and (max-width: 968px) {
  body.ts_vue .blockfooter {
    margin: 8rem -1.5rem;
  }
  body.ts_vue main div {
    padding: 0;
    margin: 0;
  }
  body.ts_vue .ts_main > div {
    padding: 0 4%;
  }
  body.ts_vue .ts_actions {
    left: 0;
    margin-top: 25px;
    padding: 10px;
  }
  body.ts_vue .ts_header::before,
  body.ts_vue .ts_header > div::before {
    display: none;
  }
  body.ts_vue .bw-steps-tv .ts_required {
    margin-top: 13px;
  }
  body.ts_vue .p_TabView .bw-steps-tv nav,
  body.ts_vue .ts_ariane,
  body.ts_vue .ts_header {
    background: var(--neutral-bg);
  }
  body.ts_vue .ts_ariane,
  body.ts_vue .ts_header,
  body.ts_vue .ts_ariane > div,
  body.ts_vue .ts_header > div {
    width: auto !important;
    height: auto !important;
    position: relative !important;
    top: auto !important;
    left: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
  }
  body.ts_vue .p_TabView .bw-steps-tv > nav > ul.ui-tabs-nav {
    position: unset;
    height: 2px !important;
    width: 0%;
    background-color: black !important;
    margin-top: 82px;
  }
  body.ts_vue .ts_line,
  body.ts_vue .ts_tab {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.ts_vue .ts_main .ui-tabs-panels {
    margin: 15px auto !important;
    width: 100% !important;
  }
  body.ts_vue .ts_ariane .link {
    padding: 15px 4%;
    margin: 0px;
  }
  body.ts_vue .ts_header h1 {
    padding: 0 4% 10px 4%;
    margin: 0px;
  }
  body.ts_vue .recap .ts_line_first {
    margin-top: 0px;
  }
  body.ts_vue .ts_line > div > div,
  body.ts_vue .recap.ui-g .encadre_recap {
    margin-left: 0;
    margin-right: 0;
  }
  body.ts_vue .p_TabView .bw-steps-tv nav {
    position: relative !important;
    height: 85px !important;
    border-top: 1px solid #bfbfbf !important;
    border-bottom: 1px solid #bfbfbf !important;
    margin: 0 -4% !important;
    width: 108% !important;
    padding: 0 !important;
    top: 0;
    max-width: calc(102% + 3rem);
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li {
    margin: 0;
    height: 60px;
    position: absolute;
    display: flex;
    /*top: 15px;
    left: 4%;
    width: 90%;*/
    min-width: 0;
    top: 32px;
    left: 8%;
    width: 83%;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active::after,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li::before,
  body.ts_vue
    .bw-steps-tv
    > nav
    > ul.ui-tabs-nav
    > li:not(.ui-state-active):last-child
    a {
    visibility: hidden;
  }
  body.ts_vue
    .bw-steps-tv
    > nav
    > ul.ui-tabs-nav
    > li.ui-state-active:last-child::after,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active::before,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li.ui-state-active,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li:last-child {
    visibility: visible;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li::before {
    display: block;
    content: "";
    transform: none;
    z-index: 0;
    background: transparent !important;
    font: 600 21px / 1.8  "Work Sans", "Lato", sans-serif !important;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li::before,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li::after {
    display: block !important;
    content: counter(my-awesome-counter) !important;
    z-index: 20 !important;
    height: auto !important;
    width: auto !important;
    background: none !important;
    font-size: 21px;
    margin: 0;
    border: 0;
    color: var(--color-text) !important;
    top: auto;
    left: 3px;
    font-family: inherit;
    font-weight: 600;
    position: absolute;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li::after {
    left: 27px;
    margin-top: -1px;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li a {
    left: 26px;
    position: absolute;
    color: var(--color-text) !important;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li a::before,
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li a::before {
    display: block;
    content: "";
    height: 50px;
    width: 50px;
    top: -19px;
    left: -33px;
    transform: none;
    z-index: 0;
    position: absolute;
    background: transparent !important;
    border: 2px solid #000;
    border-radius: 60px;
  }
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li a::after {
    content: "/";
    background: none;
    border: 0;
    font-size: 21px;
    font-weight: 600;
    color: var(--color-text);
    left: -10px;
    top: -3px;
    position: absolute;
  }
  body.ts_vue .p_TabView .bw-steps-tv > nav.no_visible {
    height: 0 !important;
    opacity: 0 !important;
    font-size: 0;
  }
  body.ts_vue .bw-steps-tv .ts_line h2 {
    margin-top: 62px;
  }
  body.ts_vue .bw-steps-tv .ts_line_first h2 {
    margin-top: 23px;
  }
  .container_listes_dem::before {
    height:70%;
  }
}
@media all and (max-width: 639px) {
  body.ts_vue .ts_actions .ui-button,
  .bandeau_bas .ui-button {
    padding: 0.6rem 1.8rem;
  }
}
@media all and (max-width: 359px) {
  body.ts_vue .bw-steps-tv > nav > ul.ui-tabs-nav > li {
    width: 220px;
  }
}
/************************************
    FIN NEW TS STRUCTURE 11 2024 
*************************************/
/***********************************
	CLASS POUR AIDE MISE EN PAGE A SUPPRIMER APRES MAJ FORUM
***********************************/
:root {
  /*== TEXTES */
  --fbase_size: 1.6rem;
  --fbase_size_xs: calc(var(--fbase_size) * 0.875);
  --fbase_size_s: calc(var(--fbase_size) * 0.937);
  --fbase_size_l: calc(var(--fbase_size) * 1.125);
  --fbase_size_xl: calc(var(--fbase_size) * 1.3125);
  --fbase_size_2xl: calc(var(--fbase_size) * 1.5);
  --fbase_size_3xl: calc(var(--fbase_size) * 2);
  --fbase_size_4xl: calc(var(--fbase_size) * 2.8);
  /*=== MARGES - PAD ===*/
  --fbase_space: 3rem;
  --fbase_space_less: -3rem;
  --fbase_space_xs: calc(var(--fbase_space) * 0.333);
  --fbase_space_s: calc(var(--fbase_space) * 0.666);
  --fbase_space_l: calc(var(--fbase_space) * 2);
  --fbase_space_xl: calc(var(--fbase_space) * 3);
  --fbase_space_xs_less: calc(var(--fbase_space_less) * 0.333);
  --fbase_space_s_less: calc(var(--fbase_space_less) * 0.666);
  --fbase_space_l_less: calc(var(--fbase_space_less) * 2);
  --fbase_space_xl_less: calc(var(--fbase_space_less) * 3);
  /*=== RADIUS ===*/
  --fbase_radius: 2rem;
  --fbase_radius_xs: calc(var(--fbase_radius) * 0.333);
  --fbase_radius_s: calc(var(--fbase_radius) * 0.666);
  --fbase_radius_l: calc(var(--fbase_radius) * 1.75);
  --fbase_radius_xl: calc(var(--fbase_radius) * 4);
  --fbase_radius_2xl: 100%;
  /*=== Couleur ligne ===*/
  --fbase_line_color: #ccc;
}
/* Insecable */
body .f_unbreak {
  white-space: nowrap !important;
}
/* Tech invisible*/
body .f_invisible_show_error input,
body .f_invisible_show_error label {
  visibility: hidden;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .f_invisible {
  visibility: hidden;
  height: 0 !important;
}
/***** 
  ALIGNEMENT
******/
body .f_align_center,
body .f_align_center * {
  text-align: center !important;
}
body .f_align_left,
body .f_align_left * {
  text-align: left !important;
}
body .f_align_right,
body .f_align_right * {
  text-align: right !important;
}
body .f_align_middle * {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body .f_align_top * {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
body .f_align_bottom * {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
/***** 
  FIN ALIGNEMENT
******/
/***** 
    MARGES 
******/
/* centrer horizontalement un bloc avec marge:auto */
body .f_margin_auto {
  margin-left: auto;
  margin-right: auto;
}
/* MARGES TOUT AUTOUR */
body .f_margin {
  margin: var(--fbase_space) !important;
}
body .f_margin_s {
  margin: var(--fbase_space_s) !important;
}
body .f_margin_xs {
  margin: var(--fbase_space_xs) !important;
}
body .f_margin_l {
  margin: var(--fbase_space_l) !important;
}
body .f_margin_xl {
  margin: var(--fbase_space_xl) !important;
}
/* MARGES NEGATIVES TOUT AUTOUR */
body .f_margin_less {
  margin: var(--fbase_space_less) !important;
}
body .f_margin_s_less {
  margin: var(--fbase_space_s_less) !important;
}
body .f_margin_xs_less {
  margin: var(--fbase_space_xs_less) !important;
}
body .f_margin_l_less {
  margin: var(--fbase_space_l_less) !important;
}
body .f_margin_xl_less {
  margin: var(--fbase_space_xl_less) !important;
}
/* MARGES HAUT avec top */
body .f_margin_top {
  margin-top: var(--fbase_space) !important;
}
body .f_margin_top_s {
  margin-top: var(--fbase_space_s) !important;
}
body .f_margin_top_xs {
  margin-top: var(--fbase_space_xs) !important;
}
body .f_margin_top_l {
  margin-top: var(--fbase_space_l) !important;
}
body .f_margin_top_xl {
  margin-top: var(--fbase_space_xl) !important;
}
/* MARGES NEGATIVES HAUT avec top */
body .f_margin_top_less {
  margin-top: var(--fbase_space_less) !important;
}
body .f_margin_top_s_less {
  margin-top: var(--fbase_space_s_less) !important;
}
body .f_margin_top_xs_less {
  margin-top: var(--fbase_space_xs_less) !important;
}
body .f_margin_top_l_less {
  margin-top: var(--fbase_space_l_less) !important;
}
body .f_margin_top_xl_less {
  margin-top: var(--fbase_space_xl_less) !important;
}
/* MARGES BAS avec bottom */
body .f_margin_bottom {
  margin-bottom: var(--fbase_space) !important;
}
body .f_margin_bottom_s {
  margin-bottom: var(--fbase_space_s) !important;
}
body .f_margin_bottom_xs {
  margin-bottom: var(--fbase_space_xs) !important;
}
body .f_margin_bottom_l {
  margin-bottom: var(--fbase_space_l) !important;
}
body .f_margin_bottom_xl {
  margin-bottom: var(--fbase_space_xl) !important;
}
/* MARGES NEGATIVES BAS avec bottom */
body .f_margin_bottom_less {
  margin-bottom: var(--fbase_space_less) !important;
}
body .f_margin_bottom_s_less {
  margin-bottom: var(--fbase_space_s_less) !important;
}
body .f_margin_bottom_xs_less {
  margin-bottom: var(--fbase_space_xs_less) !important;
}
body .f_margin_bottom_l_less {
  margin-bottom: var(--fbase_space_l_less) !important;
}
body .f_margin_bottom_xl_less {
  margin-bottom: var(--fbase_space_xl_less) !important;
}
/* MARGES GAUCHE avec left */
body .f_margin_left {
  margin-left: var(--fbase_space) !important;
}
body .f_margin_left_s {
  margin-left: var(--fbase_space_s) !important;
}
body .f_margin_left_xs {
  margin-left: var(--fbase_space_xs) !important;
}
body .f_margin_left_l {
  margin-left: var(--fbase_space_l) !important;
}
body .f_margin_left_xl {
  margin-left: var(--fbase_space_xl) !important;
}
/* MARGES NEGATIVES GAUCHE avec left */
body .f_margin_left_less {
  margin-left: var(--fbase_space_less) !important;
}
body .f_margin_left_s_less {
  margin-left: var(--fbase_space_s_less) !important;
}
body .f_margin_left_xs_less {
  margin-left: var(--fbase_space_xs_less) !important;
}
body .f_margin_left_l_less {
  margin-left: var(--fbase_space_l_less) !important;
}
body .f_margin_left_xl_less {
  margin-left: var(--fbase_space_xl_less) !important;
}
/* MARGES DROITE avec right */
body .f_margin_right {
  margin-right: var(--fbase_space) !important;
}
body .f_margin_right_s {
  margin-right: var(--fbase_space_s) !important;
}
body .f_margin_right_xs {
  margin-right: var(--fbase_space_xs) !important;
}
body .f_margin_right_l {
  margin-right: var(--fbase_space_l) !important;
}
body .f_margin_right_xl {
  margin-right: var(--fbase_space_xl) !important;
}
/* MARGES NEGATIVES DROITE avec right */
body .f_margin_right_less {
  margin-right: var(--fbase_space_less) !important;
}
body .f_margin_right_s_less {
  margin-right: var(--fbase_space_s_less) !important;
}
body .f_margin_right_xs_less {
  margin-right: var(--fbase_space_xs_less) !important;
}
body .f_margin_right_l_less {
  margin-right: var(--fbase_space_l_less) !important;
}
body .f_margin_right_xl_less {
  margin-right: var(--fbase_space_xl_less) !important;
}
/* SANS MARGES */
body .f_no_margin,
body .f_no_margin * {
  margin: 0 !important;
}
body form .f_no_margin_top,
body form .f_no_margin_top * {
  margin-top: 0 !important;
}
body .f_no_margin_bottom,
body .f_no_margin_bottom * {
  margin-bottom: 0 !important;
}
body .f_no_margin_left,
body .f_no_margin_left * {
  margin-left: 0 !important;
}
body .f_no_margin_right,
body .f_no_margin_right * {
  margin-right: 0 !important;
}
/***** 
    FIN MARGES 
******/
/***** 
    MARGES INTERIEURES ( padding ) 
******/
/* PADDING TOUT AUTOUR */
body .f_padding {
  padding: var(--fbase_space) !important;
}
body .f_padding_s {
  padding: var(--fbase_space_s) !important;
}
body .f_padding_xs {
  padding: var(--fbase_space_xs) !important;
}
body .f_padding_l {
  padding: var(--fbase_space_l) !important;
}
body .f_padding_xl {
  padding: var(--fbase_space_xl) !important;
}
/* PADDING HAUT avec top */
body .f_padding_top {
  padding-top: var(--fbase_space) !important;
}
body .f_padding_top_s {
  padding-top: var(--fbase_space_s) !important;
}
body .padding_top_xs {
  padding-top: var(--fbase_space_xs) !important;
}
body .f_padding_top_l {
  padding-top: var(--fbase_space_l) !important;
}
body .f_padding_top_xl {
  padding-top: var(--fbase_space_xl) !important;
}
/* PADDING BAS avec bottom */
body .f_padding_bottom {
  padding-top: var(--fbase_space) !important;
}
body .f_padding_bottom_s {
  padding-bottom: var(--fbase_space_s) !important;
}
body .f_padding_bottom_xs {
  padding-bottom: var(--fbase_space_xs) !important;
}
body .f_padding_bottom_l {
  padding-bottom: var(--fbase_space_l) !important;
}
body .f_padding_bottom_xl {
  padding-bottom: var(--fbase_space_xl) !important;
}
/* PADDING GAUCHE avec left */
body .f_padding_left {
  padding-left: var(--fbase_space) !important;
}
body .f_padding_left_s {
  padding-left: var(--fbase_space_s) !important;
}
body .f_padding_left_xs {
  padding-left: var(--fbase_space_xs) !important;
}
body .f_padding_left_l {
  padding-left: var(--fbase_space_l) !important;
}
body .f_padding_left_xl {
  padding-left: var(--fbase_space_xl) !important;
}
/* PADDING DROITE avec right */
body .f_padding_right {
  padding-right: var(--fbase_space) !important;
}
body .f_padding_right_s {
  padding-right: var(--fbase_space_s) !important;
}
body .f_padding_right_xs {
  padding-right: var(--fbase_space_xs) !important;
}
body .f_padding_right_l {
  padding-right: var(--fbase_space_l) !important;
}
body .f_padding_right_xl {
  padding-right: var(--fbase_space_xl) !important;
}
/***** 
    FIN MARGES INTERIEURES ( padding ) 
******/
/***** 
   LIGNE & BORDURES
******/
/* ligne de séparation */
body .f_line::before {
  display: block;
  content: "";
  background: var(--fbase_line_color);
  margin: var(--fbase_space) 0;
  height: 1px;
  width: 100%;
}
/*  Bordures */
body .f_border {
  border: 1px solid var(--fbase_line_color) !important;
}
body .f_border_top {
  border-top: 1px solid var(--fbase_line_color) !important;
}
body .f_border_bottom {
  border-bottom: 1px solid var(--fbase_line_color) !important;
}
body .f_border_left {
  border-left: 1px solid var(--fbase_line_color) !important;
}
body .f_border_right {
  border-right: 1px solid var(--fbase_line_color) !important;
}
body .f_border_dotted {
  border-style: dotted !important;
}
body .f_border_dashed {
  border-style: dashed !important;
}
/***** 
  FIN LIGNE & BORDURES
******/
/***** 
  RADIUS
******/
body .f_radius {
  border-radius: var(--fbase_radius) !important;
}
body .f_radius_s {
  border-radius: var(--fbase_radius_s) !important;
}
body .f_radius_xs {
  border-radius: var(--fbase_radius_xs) !important;
}
body .f_radius_l {
  border-radius: var(--fbase_radius_l) !important;
}
body .f_radius_xl {
  border-radius: var(--fbase_radius_xl) !important;
}
/***** 
  FIN RADIUS
******/
/***** 
  TAILLES TEXTE
******/
body .f_size_xs,
body .f_size_xs * {
  font-size: var(--fbase_size_xs) !important;
}
body .f_size_s,
body .f_size_s * {
  font-size: var(--fbase_size_s) !important;
}
body .f_size,
body .f_size * {
  font-size: var(--fbase_size) !important;
}
body .f_size_l,
body .f_size_l * {
  font-size: var(--fbase_size_l) !important;
}
body .f_size_xl,
body .f_size_xl * {
  font-size: var(--fbase_size_xl) !important;
}
body .f_size_2xl,
body .f_size_2xl * {
  font-size: var(--fbase_size_2xl) !important;
}
body .f_size_3xl,
body .f_size_3xl * {
  font-size: var(--fbase_size_3xl) !important;
}
body .f_size_4xl,
body .f_size_4xl * {
  font-size: var(--fbase_size_4xl) !important;
}
/***** 
  FIN TAILLES TEXTE
******/
/***** 
  FIN AIDES CLASS FORUM A SUPPRIMER APRES MAJ
******/

/* gestion espacements composants PJ TEOM */
.nouveau-exoneration_teom .ui-fileupload {
  margin-top: 1rem !important;
}

/* TS onglet de connexion mobile */
@media (max-width: 968px) {
  .tab_connexion h2,
  .connect_or_not {
    margin-top: 0px !important;
  }
  .tab_connexion h2 {
    margin-bottom: 0;
  }
  .connect_or_not {
    margin-bottom: 56px;
    padding-right: 1.5rem;
  }
  .tab_connexion .continuer_nologin {
    margin-top: 3rem !important;
  }
  body .bw-steps-tv .tab_connexion .sans_marge {
    margin-top: 8px !important;
    padding-right: 1.5rem;
  }

  /* 9064 */
  body .connect_or_not > div.ui-g-12 > div {
    /* margin-top: 10px; */
    margin-top: 2rem;
    /* margin-bottom: 4rem; */
    margin-bottom: 1rem;
  }
  /* 4492 */
  .bw-steps-tv .tab_connexion .btn_link.continuer_nologin.p_Button {
    margin-left: 0rem !important;
    /* display: flex; */
    /* align-items: center; */
    margin-top: 0 !important;
  }
  }
@media (max-width: 639px) {
  /* 9181 */
  body .ts_main,
  body .ts_header > div {
    max-width: 100% !important;
  }
  .tab_connexion .tab_connexion > div:first-child {
    padding: 0;
  }
  .bw-steps-tv .tab_connexion .btn_link.continuer_nologin.p_Button {
    margin-top: 3rem !important;
  }
  .ts_main .bw-steps-tv.bw-steps-tv-v2.ui-tabs nav {
    margin: 0 -3rem;
    background: var(--neutral-bg);
    margin: 0 -1.5rem;
  }
  .ts_main .bw-steps-tv.bw-steps-tv-v2.ui-tabs nav ul {
    width: 100%;
    padding: 0 3rem;
  }
  .ts_header,
  .Bloc_Header {
    min-height: auto;
  }
  body .main .bw-steps-tv {
    width: calc(100% + 3rem) !important;
    max-width: calc(100% + 3rem) !important;
  }
  form .ts_line {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
  }
  form .ts_line_first:not(.ts_line){
    margin-right: -3rem !important;
    margin-left: -3rem !important;
  }
  body .bw-steps-tv>.ui-tabs-panels,
  .ts_required p{
    padding: 0 1.5rem !important;
  }
}
@media (max-width: 410px) {
  /* 5050 */
  .ts_ariane > .inline > div:last-child,
  .fil_ariane > .inline > div:last-child {
    width: auto;
    margin-left: 0;
  }
  /* 9181 */
  body .ts_main,
  body .ts_header > div {
    max-width: 100% !important;
  }
}
/****** END PULSE.CSS *****/

.bloc_deroulement_ensuite li:first-child .num_etape {
  background: var(--primaire);
}
.bloc_deroulement_ensuite li:first-child .num_etape:before {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "\f00c";
  font-family: var(--f-typo-fontawesome);
  color: var(--button-text);
  background: var(--primaire);
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
}
.bloc_deroulement_ensuite li:first-child .num_etape {
  visibility: hidden;
  position: relative;
}
.bloc_deroulement_ensuite {
  padding: 0 1.5rem;
  /* margin-top: 2.5rem; */
}
.bloc_deroulement_ensuite.blocLarge > div {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.bloc_deroulement_ensuite li {
  position: relative;
  z-index: 2;
}
.lv_deroulement_ensuite,
.HTML_deroulement {
  margin-bottom: 0rem !important;
}
/*
.bloc_deroulement_ensuite li:first-child .num_etape:before{
    content: "\f00c";
    font-family: FontAwesome;
    color: var(--button-text);
}
*/
.bloc_deroulement_ensuite li:first-child .num_etape {
  color: var(--button-text);
}
.bloc_deroulement_ensuite li:after {
  content: "";
  width: 100%;
  /* width: 100px; */
  height: 2px;
  position: absolute;
  /* left: 0%; */
  top: 4%;
  z-index: -1;
  background: #dcdcdc;
}
.bloc_deroulement_ensuite li:last-child:after {
  display: none;
}
.encadre_satistaction {
  margin-top: 5rem;
}
@media (max-width: 968px) {
  .bloc_deroulement_ensuite li:after {
    display: none;
  }
  .bLienLink {
    margin: 0 0 60px !important;
  }
  .bLienLink > div {
    padding-left: 0;
  }
  [class*="PULS_Bloc_AccesAMonEspace"] .lien_btn_jaune {
    padding: 60px 0 30px;
  }
  .fin_container .demande_confirm {
    padding: 0 1.5rem !important;
  }
  [class*="PULS_Bloc_AccesAMonEspace"] .bBouton_espace .inline,
  [class*="PULS_Bloc_AccesAMonEspace"]
    .bBouton_espace
    .inline
    > div
    > div.ui-md-12 {
    padding: 0;
  }
}
/* 5057 */
.demande_confirm {
  min-height: 400px;
  display: flex;
  align-items: center;
  max-width: 1200px !important;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 7053 */
.fin_container > div {
  max-width: 100% !important;
  margin: 0 auto !important;
}
/* 9119 */
body .fin_container > div {
  max-width: 100% !important;
  width: 100%;
}

/*** correctif new forum 25-10-03 ***/
.nav1 ul li a.icon_plus::before, 
.bt_icon .ui-button span:before, 
.btn_icon_next .ui-button::before, 
.btn_icon_save .ui-button::before, 
.btn_icon_prev .ui-button::before, 
button .fas::before, .ui-button .fas::before, 
button.ui-button .fas::before, 
.ui-button.ui-button-text-icon-left .ui-icon::before, 
.f_icon .ui-button.ui-button-text-only::before,
.f_icon.p_HyperLink a::before, .f_icon.p_p_Text .p_Text::before, 
.f_icon>span::before,
.carte .btn_delete button.ui-button span.ui-button-text::after, 
.carte .btn_icon_del button.ui-button span.ui-button-text::after {
  font: normal normal normal 16px / 1 FontAwesome, serif;
}
form .ts_line h2,
form .ui-sidebar .bw-steps-tv .ui-fieldset h2,
form .ui-fieldset h2,
form .encadre h2,
form .infobulle_seule h2,
.bw-steps-tv h2 {
  font-size: var(--f-h2-text-size);
}
form .encadre h2,
form .ui-fieldset h2,
form main .ts_line h2 {
  margin-top: 56px;
  margin-bottom: 2rem;
}
body .fil_ariane .ui-button.ui-button-text-only .ui-button-text {
  padding: 0.8rem 0 !important;
}
.btn_icon_save button.ui-button::before, 
.icon_save::before, .ic_save a::before, 
.ic_save button::before, 
.ic_save button.ui-button::before, 
.btn_icon_save .ui-button::before, 
.f_icon.ic_save.p_p_Text .p_Text::before, 
.f_icon.p_HyperLink.ic_save a::before, 
.f_icon.ic_save>span::before,
body .ui-fileupload.BWComponent156 .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose::before,
.infoStatut .p_Text::after {
  display: none;
}
body .bwcheckbox input[type="checkbox"]:checked + label,
body .bwcheckbox input[type="checkbox"]:not(:checked) + label {
  align-items: flex-start;
}
body .bwcheckbox input[type="checkbox"],
body .bwcheckbox input[type="checkbox"] + label:before,
body .none-editable .bwcheckbox input[type="checkbox"]:checked + label:before,
body
  .none-editable
  .bwcheckbox
  input[type="checkbox"]:not(:checked)
  + label:before {
  flex-shrink: 0;
}
.suppression .ui-button.ui-button-text-icon-left .ui-icon,
.modification .ui-button.ui-button-text-icon-left .ui-icon {
  width: 1.4rem;
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  color: inherit;
}
.f_icon.p_Button:not(.link):not(.f_link) .ui-button-text-only::before,
body
  .p_Button:not(.link):not(.f_link)
  .ui-button.ui-button-text-icon-left
  .ui-icon::before,
body .f_button.f_icon.p_p_Text .p_Text::before,
body .f_button.f_icon.p_Hyperlink a::before {
  margin: 0;
}
.ui-datalist-empty-message:empty,
.HTML_deroulement ol:empty,
form ol:empty {
  display: none;
}
.fil_ariane button {
  padding: 0;
  margin: 0;
}
form .ui-widget-content .ui-autocomplete-multiple .ui-inputfield,
body .ui-selectcheckboxmenu-multiple.ui-selectcheckboxmenu,
form .p_ComboBox select,
form textarea.ui-inputfield,
form .ui-selectonemenu,
form .ui-autocomplete .ui-inputfield,
form main .ui-calendar input.ui-inputfield,
form main .none-editable .ui-calendar input.ui-inputfield,
form select,
form input.ui-inputfield {
  max-width: none;
}
body textarea.ui-inputfield {
    min-height: 8rem;
}
.ui-autocomplete-input.ui-autocomplete-dd-input {
    padding-right: 2.4em !important;
}
.content_brouillon .carte.ui-g {
   height:auto; 
    max-width:1000px;
    margin:2rem auto;
    padding:2rem 2rem 1.5rem 1.5rem;
    border-right:1px solid var(--color-border);
    border-top:1px solid var(--color-border);
    border-bottom:1px solid var(--color-border);
    border-radius:0 4px 4px 0;
}
.content_brouillon .bandeau_bas {
   position:relative;
    box-shadow:none;
    margin-top:3rem;
}
.ui-sidebar.ui-sidebar-bottom.ui-sidebar-active .Haligncenter {
   justify-content:center;
}
.content_brouillon .c_statut .p_text span {
   background-color: #F7F7F7;
    display:flex;
    padding:3px;
    border-radius:2px;
}
.content_brouillon .c_statut .p_text span:before {
    content: url(../img/picto_portail/icone-statut-brouillon.svg);
    margin-right:4px;
}
form .content_brouillon .liste_carte_1 .carte>div {
    justify-content:flex-end
}
form .content_brouillon .liste_carte_1 .carte.ui-g .c_title {
    width: 100%;
}
form .content_brouillon .liste_carte_1 .carte.ui-g h3 {
    font-size:18px;
    margin-bottom:1rem;
}
/*********************** PULSE.CSS *********************/