/* recherche */
#courtiers_search {

  width:78%;
  text-align:center;
  display: flex;
}
#courtiers_search form {
	display: flex;
  align-items: center;
  justify-content: space-between;
  
  margin:10px auto 0 auto;
}

#courtiers_search select {
  margin-right:10px;
  padding-bottom:3px;
  border: 1px solid #888;
}

#courtiers_search_content {
  border:1px solid #888;
  display: flex;
  justify-content: space-between;
}

#courtiers_search_text {

    padding-left: 5px;
    height: 25px;
    border:0;
    width:80%;
}

#courtiers_search_close {
    opacity:0;
    background-color:#888;
    color:#fff;
    width:19px;
    height:19px;
    margin-top:3px;
    margin-right:3px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:50%;
    text-align:center;
    cursor:pointer;
    font-size:11px;
    padding-top:2px;
}
#courtiers_search_close:hover {
    background-color:#333;
}

#courtiers_search input[type=submit] {
    display: inline;
    background-image: url(../images/catalogue_tri_icon1.png);
}
#courtiers_search input[type=submit] {
    border: none;
    display: block;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 25px;
    background-color: #8C1D40;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    transition: 0.4s ease;
}
#courtiers_search input[type=submit]:hover {
	filter: brightness(50%);
}

#courtiers {
  display: flex;
  justify-content: flex-start;
  flex-wrap:wrap;
}


/* fiche */

.courtier {
  width:48%;
  border:1px solid rgb(169, 169, 169, 0.5);
  padding:10px;
  margin:1%;
  cursor:pointer;
  transition:0.5s;
}


.courtier:hover {
 border:1px solid rgb(169, 169, 169, 0.8);
}


.courtier_infos {
  display: flex;
  /*justify-content: space-between;*/
}
  .courtier_photo {
    width:15%;
    height:120px;
    background-size: auto;
    background-position: top center;
    background-repeat:no-repeat;
    background-size: contain;
    
    
  }
  .courtier_details {
    margin:0 1%;
    width:73%;
  }
  
  .courtier_nom {
    display: flex;
    justify-content: flex-start;
  }

  .courtier_details h2 {
    color: rgb(140, 29, 64);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform:none;
  }
  
  .courtier_langues {
    margin-left:10px;
  }

  .courtier_langues img {
    margin:2px;
    width:16px;
  }
  
  .courtier_soc {
    font-size:12px;
    margin:5px 0;
  }
  .courtier_loc {
    font-size:11px;
    margin:5px 0;
  }
  .courtier_icons {
    width:10%;  
    position:relative;
  }  
  .courtier_phone, .courtier_fax, .courtier_email, .courtier_web {
    font-size:11px;
    margin:2px 0;
  }                   
  
  
  .courtier_icon {
    display:block;
    background-position:center;
    background-repeat:no-repeat;
    width:32px;
    height:32px;
    cursor:pointer;
    margin:auto;
    margin-bottom:5px;
  }
  .courtier_icon:hover {
    
  }
  
  .courtier_icon[icon=email] {
    background-image:url('email.png');
  }
  
  .courtier_icon[icon=vcard] {
    background-image:url('id-card.png');
  } 
  .courtier_icon[icon=afc] {
    background-image:url('../images/flags/afc2020.jpg');
    background-size:contain;
  }   

  
  .courtier_pointilles {
    position:absolute;
    bottom:0;
    width:100%;
    
    color: rgb(140, 29, 64);
    font-weight: 500;
    font-size: 24px;
    text-align:center;
    cursor:pointer;
        
  }
  
/* detail */
.societe {
  padding:10px;
  margin:1%;
  background-color:rgba(140, 29, 64, 1);
} 
.societe h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform:none;
  }
.courtier_detail {
  border:1px solid rgba(169, 169, 169, 0.5);
  padding:10px;
  margin:1%;
} 
  .courtier_detail .courtier_photo {
    width:20%;
    height:150px;
    background-size:auto;
  }  
  .courtier_detail .courtier_details {
    width:73%;
  }  
  .courtier_detail .courtier_icons {
    width:5%;
  }  
  .courtier_detail div {
      color: #000;
  }  
  
/**** accordeon onglets ****/
/* ACCORDEON RESEAUX SOCIAUX */
.onglets {
    width:auto;
    margin:1%;
    height:300px;
    border:1px solid rgba(140, 29, 64,0.5);
}
  .onglets div {
      color: #000;
  } 

.accordeon {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*background-color: #C19947;*/
    /*transform: translateZ(0);*/
}

  .accordeon .full_content h2 {
    color: rgb(140, 29, 64);
    font-family: 'Playfair Display', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-transform:none;
    margin-bottom:10px;
  }

.accordeon_bg {
  background-color:rgba(140, 29, 64, 1);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
}
.accordeon_bg h2 {
    color: #fff;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-transform:uppercase;
    text-align:center;
    display:block;
    transform: rotate(-90deg) translate(-50%,0%);
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 5%;
    margin: auto;
    white-space: nowrap;
}
  
  #link_rollofhonor .accordeon_bg h2 {
    /*margin-left:-40px;*/
  }

   
/* Taille des onglets fermés */
.accordeon .link {
    position: relative;
    float: left;
    width: 8%;
    height: 100%;
    color: #aaa;
    border-right: 1px solid rgba(140, 29, 64, 0.2);
    
    overflow: hidden;
    transition: 1.1s cubic-bezier(0, 0, .34, 1.33);
    z-index:9999;
}
.accordeon .link:last-child {
    border-right: 0;
}
/* Taille des onglets ouverts */
.accordeon .link.hovered {
    width: 84%;
    background-color: #fff;
}

.accordeon .link.hovered .prev {
    opacity: 0;
}
  /*
.accordeon .link img{
    filter: brightness(0%);
}
*/

.accordeon .link:not(.hovered) .full_content {
    opacity: 0;
    display: none;
}

.accordeon .link .full_content {
    position: absolute;
    top: 2%;
    left: 2%;
    width: 96%;
    height: 96%;
    transition: 2s ease-out;
    overflow: auto;
}
    
      #pagination {
        margin:1%;
        display:flex;
        justify-content:center;
      }
      .number_page {
        background-color:#000;
        color:#fff;
        padding:6px;
        display:block;
        margin:0 4px;
        min-width:20px;
        text-align:center;
      }
      .number_page_on {
        background-color:rgba(140, 29, 64, 1);
      }    
  
@media screen and (max-width: 800px) {
  .courtier {
    width:100%;
    margin:1% 0;
  }
  
  .courtier_photo {
    width:15%;
    background-size:contain;
  }
  
  .courtier_details {
    width:73%;
    margin:0 1%;
  }
  .courtier_icons {
    width:32px;  
  } 
  
  /* detail */

  .courtier_detail .courtier_icons {
    width:32px;
  }   
  .courtier_detail .courtier_nom{
    display:block;
  }
  .courtier_detail .courtier_langues{
    margin:0;
  }
  
  /* accordeon */
    .onglets {
      border:0;
      height:400px;
    }
    .accordeon .link {
        width:100%;
        height:10%;
        border-bottom: 2px solid #ad893f;
        border-right: none;
    }
    .accordeon .link:last-child {
        border-bottom: 0;
    }
    
    .accordeon .link .full_content {

    }
    
    .accordeon .link.hovered {
        width: inherit;
        height: 70%;
    } 
    
    .accordeon_bg h2 {
        transform:rotate(0deg);
        position: initial;
        left: inherit;
        right: inherit;
        bottom: inherit;
      
    } 
    #link_rollofhonor .accordeon_bg h2 {
      margin-left:auto!important;
    }
}