/* Page d’accueil */
.itemid-101 > .site-grid:has(#mod-custom122) {
    display: block !important;
  }

#mod-custom122 {
    background-size: cover;
  }
  
  .card:has(#mod_djcf_search137), .card:has(#mod_djclassifieds_items124) {
    margin: 5%;
  }
  
  #mod_djclassifieds_items124 {
    margin: 2%;
  }

@media screen and (max-width: 576px) {
  #mod-custom122 {
    height: 400px;
  }
}

  /* Custom CSS cree le 12-11-2023 par GTA */
  :root {
    --brand-orange: #f86b00;
    --brand-grey: #f2F2F5;
  }
  
  * {
    color: black;
  }
  
  .mabanniere {
   display: block;
  }
  
  /* homeContent styles */
   .homeContent>ul {
       display: grid;
       grid-gap: 1.5rem;
       list-style: none;
       text-align: center;
  }
   .homeContent>ul>li>figure {
      /*max-height: 220px;
       */
       overflow: hidden;
       border-top-left-radius: .5rem;
       border-top-right-radius: .5rem;
       margin: 0 !important;
       position: relative;
       text-align: center;
       display: block;
  }
   .container-header {
       background-color: #FFFFFF;
       background-image: none;
  }
   .btn-primary {
       background-color: var(--brand-orange);
  }
   .overlay>h1, .overlay>p, .overlay>p>strong {
       color: #FFF;
  }
   @media only screen and (min-width: 900px) and (max-width: 1199px) {
       .header.container-header.full-width {
           display: grid;
           grid-template-columns: repeat(4, minmax(0, 1fr));
           grid-gap: 0 1em;
           align-items: center;
      }
       .container-header .grid-child:first-child {
           grid-column: 1/2;
      }
       .container-header .container-nav {
           grid-column: 2/3;
           
      }
       .container-header .container-search {
           padding: 0.5em 1em;
           font-size: 1.1rem;
      }
  }
   @media only screen and (min-width: 1200px) {
       .header.container-header.full-width {
           display: grid;
           grid-template-columns: repeat(4, minmax(0, 1fr));
           grid-gap: 0 1em;
           align-items: center;
      }
       .container-header .grid-child:first-child {
           grid-column: 1/2;
      }
       .container-header .container-nav {
           grid-column: 2/5;
      }
       .container-header .container-search {
           padding: 0.5em 1em;
      }
       .container-header .navbar-brand {
           max-width: 250px;
       }
  }
   body.site {
       border-top: 3px solid var(--brand-orange);
  }
  /* Modifs GTA 28-11-2023 pour style menus et logins */
   .menuPrincipal {
       align-items: center;
      /* Vertical centering */
  }
   .cacherLogout {
       display: none;
  }
  /* Gestion des trois colonnes de la page d’accueil */
   @media only screen and (min-width: 820px) {
       #homeContentSmall {
           display: none;
      }
       #homeContentLarge {
           display: block;
           margin-top: 3rem;
      }
       .homeContent>ul {
           grid-template-columns: repeat(3, minmax(240px, 1fr));
      }
       .homeContent>ul>li>h3 {
           font-family: Arial, sans-serif;
           font-size: 1.7rem;
           margin-bottom: 0 !important;
      }
       .homeContent>ul>li>p {
           font-family: Arial, sans-serif;
           font-size: 1.2rem;
           line-height: 1.5;
           color: #666666;
      }
       .homeContent>ul>li>figure>img {
           max-width: 30%;
      }
       #mod-custom135 {
           max-width: 1320px;
           margin: auto;
      }
  }
   @media only screen and (max-width: 820px) {
       #homeContentLarge {
           display: none;
      }
       #homeContentSmall {
           display: block;
      }
       .homeContent>ul {
           grid-template-columns: repeat(1, minmax(240px, 1fr));
           max-width: 350px;
           margin: auto;
      }
       .homeContent>ul>li>h3 {
           font-family: Arial, sans-serif;
           font-size: 2.5rem;
      }
       .homeContent>ul>li>p {
           font-family: Arial, sans-serif;
           font-size: 1.7rem;
           line-height: 1.5;
           color: #666666;
      }
       .homeContent>ul>li>figure>img {
           max-width: 40%;
      }
       #mod-custom135 {
           margin: auto;
      }
  }
  /* Modification des cadres de l avatar*/
  .cb-template .img-thumbnail, .img-thumbnail {
    border: none!important;
  }

  /* dj classifieds */
   #dj-classifieds .title a, #dj-classifieds .category a {
       color: #000 !important;
  }
   #dj-classifieds .see_details_box a {
       color: var(--brand-orange) !important;
  }
   #dj-classifieds a {
       /*color: #ff770b;*/
  }
  /* footer modification */
   footer {
       background-image: none !important;
       background-color: #FFF !important;
       box-shadow: inset 0px 1px 10px 0px rgba(200, 200, 200, 0.5);
  }
   footer>div>ul>li, footer>div>ul>li>a:hover {
       color: var(--brand-orange) !important;
  }
  
  
  /* à propos de partage3d about a propos */
  
  /* For desktop: */
  .colapropos-1 {width: 8.33%;}
  .colapropos-2 {width: 16.66%;}
  .colapropos-3 {width: 25%;}
  .colapropos-4 {width: 33.33%;}
  .colapropos-5 {width: 41.66%;}
  .colapropos-6 {width: 50%;}
  .colapropos-7 {width: 58.33%;}
  .colapropos-8 {width: 66.66%;}
  .colapropos-9 {width: 75%;}
  .colapropos-10 {width: 83.33%;}
  .colapropos-11 {width: 91.66%;}
  .colapropos-12 {width: 100%;}
  
  [class*="colapropos-"] {
      float: left;
      /* border: .1px solid black; */
    }
  
  .rowapropos::after {
      content: ' ';
      clear: both;
      display: block;
  }
  
  .main-containerapropos {
      max-width: 100%;
      height: auto;
      margin: auto;
  }
  
  .containerapropos {
      width: 80%;
      height: auto;
      margin: auto;
  }
  
  .img-apropos {
      height: auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
  }
  .img-apropos img{
      width: 77%;
  }
  
  .ban {
      height: 500px;
      background: #010531 url(https://partage3d.fr/images/community/Partage3D/couverture_partage3D-membres-association.png);
      background-size: cover;
      background-repeat: no-repeat;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: relative;
  }
  
  .img-overlay {
      position: absolute;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .8;
  
  }
  
  .ban h2{
      color: var(--brand-orange);
      font-family: Arial;
      z-index: 1;
      margin: 0;
      padding: 5px 0;
    font-size: 3em;
    line-height:1em;
    text-align: center;
  }
  
  .ban h3 {
    z-index: 1;
    color: white;
    text-align: center;
    
  }
  
  .ban span {
      text-decoration: underline;
  }
  
  
  .le-fondateur {
      margin-top: 100px;
      margin-bottom: 100px;
  }
  
  .le-fondateur .description .title {
      font-size: 40px;
      font-family: sans-serif;
  }
  
  .le-fondateur .description .p {
      margin: 0;
      padding: 8px 8px 8px 0px;
      text-align: justify;
  } 
  
  
  .lequipe {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: var(--brand-grey);
      margin-bottom: 10px;
  }
  
  .lequipe h1 {
      font-family: sans-serif;
      font-size: 45px;
      text-decoration: underline;
      padding: 30px 0 50px 0;
  }
  
  
  .employe-container .employe {
      display: flex;
      flex-direction: column;
      /* justify-content: center; */
      align-items: center;
    margin-top: 4rem;
  }
  
  .employe .employe-img {
      height: 130px;
      width: 130px;
      border-radius: 65px;
      overflow: hidden;
  
  }
  
  .employe h2 {
      margin: 0;
      font-family: sans-serif;
      padding: 18px 0 8px 0;
    font-size: 22px!important;
  }
  
  .employe h4 {
      margin: 0;
      font-family: sans-serif;
      font-weight: normal;
      font-size: 16px;
      color: gray;
      padding-bottom: 30px;
  }
  
  .employe .employe-img img {
      height: 100%;
      width: 100%;
  }
  
  .employe .social-icon {
      display: flex;
      flex-direction: row;
  }
  
  .employe .social-icon a {
      text-decoration: none;
      padding: 15px 0;
  
  }
  
  .employe .social-icon i{
      height: 40px;
      width: 40px;
      border-radius: 20px;
      border: .5px solid slateblue;
      color: rgb(37, 37, 236);
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 5px;
      cursor: pointer;
  }
  
  .employe .social-icon i:hover {
      color: white;
      background-color: slateblue;
  }
  
  /* style Bouton inspire de Bouton Retour Page Mes fichiers */
    .boutonP3dv1 {
      border: none;
      cursor: pointer;
      background-color: var(--brand-orange);
      font-weight: bold;
      text-align: center;
      padding: 8px 8px;
      display: inline-block;
      color : white;
      border-radius: 5px;
      }
  
      .boutonP3dv1:hover{
        background-color: #cc5800;
        text-decoration: underline;
      }
  /* fin style Bouton inspire de Bouton Retour Page Mes fichiers */
  
  @media screen and (max-width:500px) {
      [class*="colapropos-"] {
          width: 100%;
        }
      
      .container {
          width: 90%;
      }
  
      .le-fondateur .img{
          margin-top: 50px;
      }
  
      .employe {
          padding-bottom: 20px;
      }
  
      .ban h2 {
          padding-left: 5px;
      }
  }
  
  
  /* Bannière mise à jour Partage3d */
  .notification-bottom {
    position: fixed;
    width: 100%;
    bottom: 0;
    text-align: center;
    z-index: 11;
    background: linear-gradient(89deg, rgb(253, 220, 155) 26.2%, rgb(255, 215, 165) 48.5%);
  }
  
  
  
  /* permet a la croix d'etre à droite de l'ecran et sur la meme ligne que le message */
  .notification-close {
    float: right;
    cursor:pointer;
  }
  
  /* FAQ */
  #faq > div {
    background-color: var(--brand-grey);
    padding: 1em;
    border-radius: 15px;
  }
  
  #faq > div + div {
    margin-top: 1em;
  }
  
  /* END FAQ */
  
  
  /* BLOG */
  @media screen and (max-width: 500px) {
    .grid-child:has(main .blog) {
      width: 100%;
    }
  }
  
  @media screen and (min-width: 500px) {
    .grid-child:has(main .blog) {
      width: 60%;
    }
  }
  
  
  /* END BLOG */
  
  
  ul:has(.item-130) {
    background-color: var(--brand-orange);
    border-radius:5px;
  }
  
  .item-130 {
    color: white;
    text-align:center;
    width: 100%;
    height: 100%;
  }
  
  .item-130 a {
    width: 100%;
    height: 100%;
    display:block;
  }
  
  /* PAGE RESOURCES */
  
  .btn-theme {
      background: var(--brand-orange);
      background-image: -webkit-linear-gradient(top, var(--brand-orange), #db5b00);
      background-image: -moz-linear-gradient(top, var(--brand-orange), #db5b00);
      background-image: -ms-linear-gradient(top, var(--brand-orange), #db5b00);
      background-image: -o-linear-gradient(top, var(--brand-orange), #db5b00);
      background-image: linear-gradient(to bottom, var(--brand-orange), #db5b00);
      -webkit-border-radius: 11;
      -moz-border-radius: 11;
      border-radius: 11px;
      -webkit-box-shadow: 1px 1px 3px #666666;
      -moz-box-shadow: 1px 1px 3px #666666;
      box-shadow: 1px 1px 3px #666666;
      font-family: Arial;
      font-weight: bold;
      color: #ffffff !important;
      font-size: 2em;
      padding: 10px 20px 10px 20px;
      text-decoration: none;
      border: 0px;
      transition: all 0.2s ease-in-out;
  }
  
  
  /* END PAGE RESOURCES */
  
  
  .itemid-166 .site-grid, .itemid-167 .site-grid, .itemid-168 .site-grid {
    
    max-width: 75%;
    margin: auto;
  }