html,
body {
  height: 100%;
  /*font-family: Roboto;*/

}

.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        width: 100%;
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

      .btn-bd-primary {
        --bd-violet-bg: #712cf9;
        --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

        --bs-btn-font-weight: 600;
        --bs-btn-color: var(--bs-white);
        --bs-btn-bg: var(--bd-violet-bg);
        --bs-btn-border-color: var(--bd-violet-bg);
        --bs-btn-hover-color: var(--bs-white);
        --bs-btn-hover-bg: #6528e0;
        --bs-btn-hover-border-color: #6528e0;
        --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
        --bs-btn-active-color: var(--bs-btn-hover-color);
        --bs-btn-active-bg: #5a23c8;
        --bs-btn-active-border-color: #5a23c8;
      }
      .bd-mode-toggle {
        z-index: 1500;
      }
      
      
      
.header-buttons button, .header-buttons .button,  .header-buttons a.button {
    color:#333;
    z-index:1 !important;
    background: #FFF;
    border-radius: 10px;
    padding: 5px !important;
    margin: 5px !important;
    box-shadow: 0px 2px 5px #CCC !important;
}


h2 {
    font-size:15px;
    font-weight:900;
    text-transform:uppercase;
}

.rounded-top-right {
    border-radius: 0 30px 10px 10px;
}
.rounded-bottom-right {
    border-radius: 0 0 30px 0px;
}

.big-title {
    font-size:2em;font-weight:bold;
}

a { text-decoration:none; color:#EB5757; }

a.button {
    display:block;
    text-align:center;
    background:#333;
    color:#FFF;
    font-size:10px;
    padding:8px;
    font-weight:500;
    text-transform:uppercase;
    border-radius:20px;
    text-decoration:none;
    box-shadow: 0px 2px 5px #CCC;
}

a.button.fullwidth {
    width:100%;
}

a.button.emergency {
    background:#EB5757;
}

.minilabel {font-size:0.7em;}


.type-document {  float: left;
  font-size: 0.8em;
  text-transform: uppercase;
  max-width: 180px;
  line-height: 1.5em;}
.intervenant {  float: left;
  font-size: 0.8em;
  line-height: 1.5em;}
.type-document.large { 
  max-width: 100%;}
.type-document.multiples {
max-width:35%;}
span.float-right { float:right; }
span.inline { display:inline-block; width:auto; padding:3px; }
.miniline {float:left;font-size:0.8em;clear:both;text-transform:none; color:#747474}
.minitext {font-size:0.5em;}


/* APPARENCE DES BLOCS SPÉCIFIQUES SWIMPLY */

.mon-syndic-caracteristiques {font-size:0.75em;}
.mon-syndic-caracteristiques.name { background:; }
.mon-syndic-caracteristiques.address { background:; }
.mon-syndic-caracteristiques.contact { background:; }

ul.foot-links li {
    list-style-image: url("/images/right-arrow.svg");
}

.count {font-size:4em;line-height:0.9em;font-weight:800;padding:0;margin:0;}

.nav-link {text-transform:uppercase !important;}
.new, a.button.new{ background:#EB5757; }
.newtext, .emergencytext { color:#EB5757; }

.card, .card-footer {border:0;background:transparent;}
.card-footer {
    color: #242424;
    text-align: right !important;
    font-size: 14px;
    line-height: 18px; /* 225% */
}
.card-body {
    border:0;
    border-radius: 0px 6px 6px 6px;
    background: rgba(0, 0, 0, 0.03);
    color: #242424;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
}
.syndic .card-body { 
    border-radius: 0px 6px 6px 6px;
    background: rgba(235, 87, 87, 0.20);
}

.syndic .avatar { margin-left:10px;}
.avatar { margin-right:10px;}



.carousel-indicators [data-bs-target] {
    background:#333;
    border-radius:50px;
    max-width: 10px !important;
    max-height: 10px !important;
}
.carousel-indicators .active  {
    background:#EB5757;
}
.with-caption .carousel-indicators {
    bottom:100px;
}
.carousel-indicators {
    bottom:0px;
}

.carousel {
    max-width: 450px;
    margin: auto;
}

.carousel-syndic {
    color: #4A4A4A;
    font-size: 15px;
    line-height: normal;
    letter-spacing: -0.165px;
}

.carousel-caption { 
    bottom:-110px; 
    color: #4A4A4A;
    font-size: 15px;
    line-height: normal;
    letter-spacing: -0.165px;
}
.with-caption .carousel-inner { padding-bottom:100px; }


.btn-primary {
    font-size: 10px;
    text-transform:uppercase;
    font-weight: 500;
    
    border-radius:30px;
  --bs-btn-color: #fff;
  --bs-btn-bg: #EB5757;
  --bs-btn-border-color: #EB5757;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #EB5757;
  --bs-btn-hover-border-color: #EB5757;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #EB5757;
  --bs-btn-active-border-color: #EB5757;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}


.administration {
    background:#FFF;
    border:2px dashed #EB5757;
    border-radius:20px;
    margin-bottom:100px !important;
}

.administration form label {
    font-size:0.8em;
    color:#999;
    text-transform:uppercase;
    margin:0;padding:0;
    display:block;
    width:100%;
}

.dashboard form label {
    font-size:0.8em;
    color:#999;
    text-transform:uppercase;
    margin:0;padding:0;
    display:block;
    width:100%;
}
.administration input, .administration textarea {
    width: 100%;
    margin-bottom: 5px;
    border:1px solid #EEE;
}

.administration input::placeholder {
    color:#AAA;
}