.crmEntityFormView, .modal-content, .popover-content {
  padding: 0px 15px 0px 15px !important;
}

.instructions {
  padding-bottom: 15px !important;
  font-style: italic !important;
}

a.addnote.btn.btn-primary {
  position: absolute;
  left: 41%;
  transform: translate(-30%, -50%);
}

#odap_isdeclarationofhonour {
  margin-right: -10px !important;
  margin-left: -10PX !important;
}

.columnBlockLayout {
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0px;
}

h1 {
  overflow : hidden !important;
}

.overlay {
  background-color:#EFEFEF;
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1000;
  top: 0px;
  left: 0px;
  opacity: .80; 
 
}

.spinnerloader {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-left: 10px;
}

.modal {
--bs-modal-width: 700px ! important;
};

.entity-timeline .note .attachment-outer-border {
  display: none !important;
}

/********* PAGE ERREUR SYSTEME *******/
@media (max-width: 576px) {
  #section-access-denied {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/********* GENERAL *******/
div#mainContent {
  background-color: var(--epro-background-color-default);
}

a, .a {
  color: var(--epro-default-link-color);
  font-family: var(--epro-default-text-font-family);
  font-weight: var(--epro-default-link-font-weight);
  font-size: var(--epro-default-link-font-size);
}

a.retour {
  font-family: var(--epro-default-link-font-family);
	color: var(--epro-default-link-color) !important; 
	font-weight: bold;
  font-size: var(--epro-default-link-font-size);
}

a.retour:hover {
  font-family: var(--epro-default-link-font-family);
	color: var(--epro-default-link-color-hover) !important; 
	font-weight: bold;
  font-size: var(--epro-default-link-font-size);
  cursor: pointer;
}

h1.gotham {
  color: var(--epro-color-default-blue);
  font-family: var(--epro-font-family-gotham);
  font-size: var(--epro-default-h1-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-title-font-weight);
  line-height: normal;
  letter-spacing: -0.6px;
}

h1.archer {
  color: var(--epro-color-default-blue);
  font-family: var(--epro-font-family-archer);
  font-size: var(--epro-default-h1-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-title-font-weight);
  letter-spacing: -0.02em;
}

h2.gotham { 
	overflow: hidden;
	color: var(--epro-color-default-blue);
	text-overflow: ellipsis;
	font-family: var(--epro-font-family-gotham); 
	font-size: var(--epro-default-h2-font-size);
	font-weight: var(--epro-default-title-font-weight);
	letter-spacing: -0.48px;
  line-height: normal;
}

h3.gotham, h4.card-title {
  color: var(--epro-color-default-blue);
  font-family: var(--epro-font-family-gotham);
  font-size: var(--epro-default-h3-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-title-font-weight);
}

h3.default-text {
  color: #000;
  font-family: var(--epro-default-text-font-family);
  font-size: var(--epro-default-h3-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-text-font-weight);
  line-height: 32px;
  text-align: justify;
}

h4.gotham {
	overflow: hidden;
	color: var(--epro-color-default-blue);
	font-family: var(--epro-font-family-gotham);
	font-size: var(--epro-default-h4-font-size);
	font-weight: var(--epro-default-title-font-weight);
}

h5.gotham {
  color: var(--epro-color-default-blue);
  font-family: var(--epro-font-family-gotham);
  font-size: var(--epro-default-h5-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-title-font-weight);
  line-height: 20px;
}

p.default-text-black, span.default-text-black, .default-text-black {
  color: var(--epro-default-text-color);
  font-family: var(--epro-default-text-font-family) !important;
  font-size: var(--epro-default-text-font-size) !important;
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-text-font-weight);
}

li.default-text-black, span.default-text-black {
  color: var(--epro-default-text-color);
  font-family: var(--epro-default-text-font-family) !important;
  font-size: 16px !important;
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-text-font-weight);
}

a.default-text-black{
  font-size: 16px !important;
  text-wrap: wrap !important;
}

p.default-text-blue, span.default-text-blue {
  color: var(--epro-color-default-blue);
  font-family: var(--epro-default-text-font-family);
  font-size: var(--epro-default-text-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-text-font-weight);
}

p.default-text-red, span.default-text-red {
  color: var(--epro-color-default-red);
  font-family: var(--epro-default-text-font-family) !important;
  font-size: var(--epro-default-text-font-size);
  font-style: var(--epro-default-text-font-style);
  font-weight: var(--epro-default-text-font-weight);
}

a.lien-bleu {
  color: var(--epro-default-link-color);
  font-family: var(--epro-default-link-font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
}

a.en-savoir-plus {
  color: var(--epro-default-link-color);
  font-family: var(--epro-default-link-font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  line-height: 20px;
  text-align: right;
  float: right;
}

a.en-savoir-plus-left{
  position: relative;
  font-size: 15px;
  line-height: 20px;
  font-family: var(--epro-default-link-font-family);
  color: var(--epro-default-link-color);
  text-align: left;
  font-weight: bold;
}

.zoom {
  transition-duration: 1.5s;
}

.zoom:hover {
  transform: scale(1.1);
}

a.en-savoir-plus:hover, a.en-savoir-plus-left:hover, a.lien-bleu:hover, .button1 {
  color: var(--epro-default-link-color-hover);
  font-weight: bold;
  cursor: pointer;
}

.upper {
  text-transform: uppercase;
}

.center{
  text-align: center;
}

.nomargin{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.button-style {
  margin-left: auto; 
  margin-right: auto; 
  border-radius: 15px !important;

  border-color: var(--epro-default-button-border-color) !important;
  background: var(--epro-default-button-background-color) !important;
}

.button-style-red {
  margin-left: auto; 
  margin-right: auto; 
  border-radius: 15px !important;
  border-color: var(--epro-color-default-red) !important;
  background: var(--epro-color-default-red) !important;
}

.button-style:hover, .button-style-red:hover {
  border-color: var(--epro-default-button-background-color-hover) !important;
  background: var(--epro-default-button-background-color-hover) !important;
}

.button-style-aligne-droite {
  margin-left: auto;
  border-radius: 15px !important;
  border-color: var(--epro-default-button-border-color) !important;
  background: var(--epro-default-button-background-color) !important;
}

.wrapper-body, .crmEntityFormView, .crmEntityFormView .cell .field-label, .einscr-header, .faq-header, form, .page-copy, .reco-header {
    background-color: var(--epro-background-color-default) !important;
}

.modal-body label.control-label-addfile {
   background-color: #fff !important;
}

.modal-body label {
   background-color: #fff !important;
}

.modal-body label input {
   margin-right: 5px !important;
}

.columnBlockLayout {
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

.card-footer {
  border-top: none !important;
}

/* Style appliqué sur les pages contenant les actualités */
.acceuil_profil{
	width: 100%;
  height: auto;
}

/* BLOC ACCES DIRECT - ACCUEIL/CENTRE D'AIDE */
#accesDirect .card {
  --bs-card-border-width: 0px !important;
}

.imgCenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/*bandeau de connection*/
.private-mode-banner {
  display: none;
}

.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
  vertical-align: -.195em !important;
}