#sidebar {
  min-width: 300px;
  max-width: 300px;
  background: #474747;
  color: #fff;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#sidebar .bottom {
  position: absolute;
  bottom: 0;
}


#sidebar.active {
  margin-left: -300px;
}
    #sidebar .logo {
      display: block;
      width: 200px;
      height: 200px;
      margin: 0 auto; }
      #sidebar .logo span {
        display: block; }
    #sidebar ul.components {
      padding: 0; }
    #sidebar ul li {
      font-size: 16px; }
      #sidebar ul li > ul {
        margin-left: 15px; }
        #sidebar ul li > ul li {
          font-size: 13px; }
      #sidebar ul li a {
        padding: 10px 0;
        display: block;
        color: rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

        #sidebar ul li a.esp_membre {
          border-bottom: none; }

        #sidebar ul li a:hover {
          color: #f07d05; }
      #sidebar ul li.active > a {
        background: transparent;
        color: #f07d05; }
        #sidebar ul li.active > a span {
          background: transparent;
          color: #ffffff; }
    @media (max-width: 991.98px) {
      #sidebar {
        margin-left: -300px; }
        #sidebar.active {
          margin-left: 0; } }
  
  a[data-toggle="collapse"] {
    position: relative; }
  
  .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  
  @media (max-width: 991.98px) {
    #sidebarCollapse span {
      display: none; } }
  
  #content {
    width: 100%;
    padding: 0;
    min-height: 100vh;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  
  .btn.btn-primary {
    background: #f07d05;
    border-color: #f07d05; }
    .btn.btn-primary:hover, .btn.btn-primary:focus {
      background: #f07d05 !important;
      border-color: #f07d05 !important; }
  
  .footer p {
    color: rgba(255, 255, 255, 0.5); }
  
    .form_input {
      
          text-align:center;
          width:20%;
          margin: auto;
          white-space: nowrap;
  
      }
  
    .center{
      text-align: center;
    }

 
    a.membre {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease;
      color: #717171; }
      a.membre:hover, a.membre:focus {
        color : #000;
        text-decoration: none !important;
        outline: none !important;
        -webkit-box-shadow: none;
        box-shadow: none; }

.bg-dark2 {
  background-color: #4a4e52 !important;
  color : #FFFFFF }
.bg-dark2 {
    --bs-bg-opacity: 1;

  }
        
a.bg-dark2:hover, a.bg-dark2:focus,
button.bg-dark2:hover,
button.bg-dark2:focus {
  background-color: #1d2124 !important; }

  .table-row{
    cursor:pointer;
    }
    
    .input-group-text i{
      cursor:pointer;
    }

     #table_commandes thead th .sortable {
      cursor: pointer;
      background-position: left;
      background-repeat: no-repeat;
      padding-left: 30px !important;
    }

    #table thead th .sortable {
      cursor: pointer;
      background-image: none;
      background-position: left; 
      background-repeat: no-repeat;
      padding-left: 30px !important;
    }

    a.lien_projet  {
      outline: none;
      text-decoration: none;
      padding: 2px 1px 0;
      }
    
      a:link.lien_projet {
      color: #000000;
      }
    
      a:visited.lien_projet {
      color: #000000;
      }
    
      a:focus.lien_projet {
      color: #0693E3;
      }
    
      a:hover.lien_projet {
      color: #076388;
      }
    
      a:active.lien_projet {
      color: #265301;
      color: #0693E3;
      }


.cursor {
  cursor:pointer;
}

body {
  zoom:100%;
}

.pagination-info {
  display:none
}

.page-item.active .page-link {
  color: #000000 !important;
  background : #C0C0C0 !important;
  border-color : #C0C0C0 !important;
}

a.page-link {
  color: #000 !important;
}

a.page-index {
  color: #000 !important;
}

.card-header-sm {
  padding : 6px 10px;
}

.card-header-sm2 {
  padding : 0px 0px !important;
}

.checkbox {
  float: left;
  margin-right: 15px;
}

.bi-danger:hover {
  color: #ff0000 !important;
}

.bi-warning:hover {
  color: #ff7b00 !important;
}

.test {
  float:right !important;
}

.nb {
  font-size: 90%;
}

.warning-right {
  text-align: right !important;
  color: #0693E3 !important;
}

.card-rouge {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #e6a8a8;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

    .card-vert {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #b5e2ab;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0.25rem; }
      .card > hr {
        margin-right: 0;
        margin-left: 0; }
      .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem; }
      .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem; }

        .card-jaune {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          min-width: 0;
          word-wrap: break-word;
          background-color: #ffd651a4;
          background-clip: border-box;
          border: 1px solid rgba(0, 0, 0, 0.125);
          border-radius: 0.25rem; }
          .card > hr {
            margin-right: 0;
            margin-left: 0; }
          .card > .list-group:first-child .list-group-item:first-child {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card > .list-group:last-child .list-group-item:last-child {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }

.footer {
  padding-top: 50px;
  text-align: center;
  font-size: 0.85rem;

}

.img-thumbnail-adhesion {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 50%;
  height: auto;
}

.padd {
  padding-right: 3rem !important;
}

.padd2 {
  padding-left: 3rem !important;
}

.my-image {
  

  text-align: center !important;
  margin-top: 10px !important;
  max-width: 150px;
}

.flex-center  {
  align-items: center;
  
}

.bg-famille {
  background-color: #4a4e52;
  color: #FFFFFF;
  
 
  text-align: left;
  max-height: 1.0rem;


}

.table-radius-g {
  border-top-left-radius: 0.25rem !important;
}

.table-radius-d {
  border-top-right-radius: 0.25rem !important;
}

.input-sm {
  width: 2em;
  display: inline;
  margin-right: 5px;
}

.input-sm-g {
  margin-left: 5px;
}

.img-thumbnail-mini {
  max-width: 100% !important;
  border-radius: 25%;
}

.icon-container {
  position: relative;
}


.status-circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: rgb(228, 228, 228);
  border: 1px solid rgb(102, 102, 102);
  top: 0;
  right: 0;
  position: absolute;
  text-align: center;
  vertical-align: middle;
}

a.black  {
  outline: none;
  text-decoration: none;
  padding: 2px 1px 0;

}

a:link.black,
a:visited.black,
a:focus.black,
a:hover.black,
a:active.black
{
  color: #414141;
}


.input-b {
  margin: 0;
  padding: 0;
  border: none;
  color: 000;
  background-color: transparent;
  text-decoration: underline;
}

.card-no-flex {
  flex: none;
}

.rouge {
  color:#ff0000
}

.succes_vert {
  color:#259e35;
  text-align: center;
}

.erreur,
.error {
  color:#ff0000;
  text-align: center;
}

.badge_actu {
  color:#FFFFFF !important;
  padding: 8px;
  font-size: 13px;
  font-family:Arial, Helvetica, sans-serif;
  margin-top: 10px;
}

.text-end{
  text-align:right!important
}



.max-h-index {
  max-height: 200px;
  
}

.max-h2 {
  max-height: 300px;
  align-content: center;
  opacity: 100%;
}

.footer_bg
{

  bottom: 0;
  width: 100%;
  height:3em;
  padding-top: 0.5em;
}

.form-group .form-control-contact {
  padding-left: 3.5rem !important;
  font-size: 1rem;
}

.form-group .form-control-icon {
  position: absolute;
  z-index: 2;
  display: block;
  width: 3.375rem;
  height: 2.375rem;
  line-height: 2.8rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
  font-size: 1.25rem;
}

.google_contact {
  width:100%;
  height:400px;
}

.form_contact {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.text-right-plus {
  text-align: right !important;
}

.art_hog {
  line-height: 1.5;
  color: #000;
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 500;
  display: block;
  text-decoration: underline;

}

.tab {
  margin-left: 2.5rem;
}

.tab p {
  margin-left: 0.75rem;
}

.italic {
  font-style: italic;
}

.logoHOG {
  position: absolute;
  bottom: 0;
  opacity: 50%;
}

#div_id_utilisateur_maitre {
  display: none;
}

.lien_noir {
  color: #000;
}

.invisible {
  display: none;
}

.img_esp_membre {
  max-width:200px;
}

.petit {
  font-size: 0.75rem;
  margin-top: 10px;
}
button[type="submit"],
.form_contact {
  text-transform: uppercase;
  letter-spacing: 1px;
}

#imageGallery{
  list-style: none;
  margin: 0 auto;
  max-width: 780px;
  text-align: center;
  padding: 0;
  display: block;
}

#imageGallery li{
  padding: 5px;
  background: #ffffff;
  margin: 5px;
  display: inline-block;
}


#imageGallery li img{
  display: block;
  width: 130px;
  height: 100px;
}

.reponsive_img_xl {
  width:500px;
  max-height:300px;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 1160px) {

  .reponsive_img_xl {
    width:500px;
    max-height:200px;
    object-fit: cover;
    object-position: center top;
  }

}

@media (max-width: 991px) {

  .reponsive_img_xl {
    width:500px;
    max-height:300px;
    object-fit: cover;
    object-position: center top;
  }

}

.reponsive_img_xl_full {
  width:500px;
  max-height:300px;
  object-fit: contain;
  object-position: center top;
}

@media (max-width: 1160px) {

  .reponsive_img_xl_full {
    width:500px;
    max-height:200px;
    object-fit: contain;
    object-position: center top;
  }

}

@media (max-width: 991px) {

  .reponsive_img_xl_full {
    width:50px;
    max-height:30px;
    object-fit: contain;
    object-position: center top;
  }

}


.reponsive_img_boutique {
  width:50px;
  max-height:50px;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 1160px) {

  .reponsive_img_boutique {
    width:50px;
    max-height:20px;
    object-fit: cover;
    object-position: center top;
  }

}

@media (max-width: 991px) {

  .reponsive_img_boutique {
    width:50px;
    max-height:30px;
    object-fit: cover;
    object-position: center top;
  }

}






.reponsive_img_xl_full2 {
  width:500px;
  max-height:300px;
  object-fit: scale-down;
  object-position: center top;
}

@media (max-width: 1160px) {

  .reponsive_img_xl_full2 {
    width:500px;
    max-height:200px;
    object-fit: contain;
    object-position: center top;
  }

}

@media (max-width: 991px) {

  .reponsive_img_xl_full2 {
    width:50px;
    max-height:30px;
    object-fit: contain;
    object-position: center top;
  }

}





/* ---- grid ---- */

.grid {
  background: #fafafa;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 25%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}