/* 
    Created on : 6 août 2025, 14:55:01
    Author     : mehrez
*/

a.button-rond-champ,button.button-rond-champ {
    box-shadow: none;
    display: inline-block;
    border: 2px solid #003366;
	background-color: #F7E7CE;
    border-radius: 100px;
    line-height: 24px;
    padding: 6px 25px;
    margin-bottom: 8px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease;
    color: #003366;
    background-image: inherit;
    cursor: pointer;
}

a.button-rond-champ:hover,button.button-rond-champ:hover {
    text-decoration: none;
    border: 2px solid #003366;
    color:#003366;
	background-color: #FFFFFF;
}

a.blanc_souligne {
    text-decoration: underline;
    color:#FFFFFF;
}
a.blanc_souligne:hover {
    text-decoration: none;
    color:#FFFFFF;
}
a.gold_souligne {
    text-decoration: underline;
    color:#e3bd4e;
}
a.gold_souligne:hover {
    text-decoration: none;
}
.nav-pills a.atouts{
    color: #FFFFFF;
    background-color: #003366;
}
/*
.onglet6 nav > div .atouts a.nav-item.nav-link{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:12px 10px 10px 10px;
    color:#F7E7CE;
    background:#FFFFFF;
    border-radius:0;
}
*/
.onglet6 nav > div a.nav-item.nav-link:hover,
.onglet6 nav > div a.nav-item.nav-link:focus{
    border:1px solid #CCCCCC;
    background: #e9ecef;
    color:#4B7389;
    border-radius:0;
    transition:background 0.20s linear;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active{
    border:1px solid #F7E7CE;
    padding:12px 10px 10px 10px;
    color:#F7E7CE;
    background:#003366;
    border-radius:0;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active::after {
    content: "";
    position:absolute;
    bottom: -15px;
    left:50%;
    margin-left: -20px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #003366 transparent;
    display: block;
    width: 0;
}

.onglet6 nav > div a.nav-item.nav-link:hover, .onglet6 nav > div a.nav-item.nav-link:focus {
    /* border: 1px solid #CCCCCC; */
    background: #e9ecef;
    color: #4B7389;
    border-radius: 0;
    transition: background 0.20s linear;
}

.card .card-body .row #info1, .card .card-body .row #info2, .card .card-body .row #info3,  .card .card-body .row #info4,  .card .card-body .row #info5{
    text-align:justify;
}


div.toggle-onglet-30 div{
  /*  margin-top: 0px !important;*/
}

div#div_elite_auth{
    border-color: #003366;
    background-color:#F7E7CE;
}

div#div_elite_auth div.card-header{
    background-color:#003366;
    color: #003366;
    border-bottom: none;
}


div#div_elite_non_auth{
    border-color: #003366;
}

div#div_elite_non_auth div.card-header{
    background-color:#003366;
    color: #003366;
    border-bottom: none;
}

.lh08 {
    line-height: 0.68rem;
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

a.button-rond-champ, button.button-rond-champ {
    box-shadow: none;
    display: inline-block;
    border: 2px solid #003366;
    background-color: #F7E7CE;
    border-radius: 100px;
    line-height: 24px;
    padding: 6px 25px;
    margin-bottom: 8px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease;
    transition: color 0.2s ease, background-color 0.2s ease, border 0.2s ease;
    color: #003366;
    background-image: inherit;
    cursor: pointer;
}

.center_one {
    display: flex;
    justify-content: center;
    align-items: center;
}

div[data-onglet="30"] a.disabled{
    background: #F7E7CE !important;

    /*color: currentColor;*/
    cursor: not-allowed!important;
    pointer-events: none;
    /* opacity: 0.5;
     text-decoration: none;*/
}


.bl_gris {
    border-left: 1px solid #CCCCCC;
}

.ongletSyntheseNull{
    background: #F7E7CE!important;
   /*  cursor: not-allowed!important;*/
  /*  pointer-events: none!important;*/
   cursor: default!important;

}
.ongletSyntheseNull:hover{
    background: #E7C236!important;
    background: #F7E7CE!important;
    cursor: default!important;
  /*  cursor: not-allowed!important;*/
  /*  pointer-events: none!important;*/

}

div.atouts a{
    color: #003366!important;
}

.onglet6 ul.nav li.nav-item a.nav-link{
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#FFFFFF;
    border-radius:0;
}
.onglet6 ul.nav li.nav-item a.nav-link.active{
    border-top:1px solid #e2b73b;
    border-left:1px solid #e2b73b;
    border-right:1px solid #e2b73b;
    border-bottom:1px solid #e2b73b;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#e2b73b;
    border-radius:0;
}
.onglet6 .nav li.nav-item a.nav-link.active::after{
    left:50%;
    content: "";
    position:absolute;
    margin-left: -90px;
    bottom: 100px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #FF6633 transparent;
    display: block;
    width: 0;
}

.nav-pills a.atouts{
    color: #FFFFFF;
    background-color: #E7C236;
}
.onglet6 nav > div .atouts a.nav-item.nav-link{
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#F7E7CE;
    border-radius:0;
}
.onglet6 nav > div .atouts a.nav-item.nav-link:hover,
.onglet6 nav > div .atouts a.nav-item.nav-link:focus{
    border:1px solid #E7C236;
    background: #E7C236;
    color:#003366;
    border-radius:0;
    transition:background 0.20s linear;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active{
    border:1px solid #E7C236;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#E7C236;
    border-radius:0;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active::after {
    content: "";
    position:absolute;
    bottom: -15px;
    left:50%;
    margin-left: -20px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #E7C236 transparent;
    display: block;
    width: 0;
}
.onglet6 nav > div .atouts .nav-item.nav-link.inactive {
    border: 1px solid #CCCCCC;
    padding: 12px 10px 10px 10px;
    color: #829fbc;
    background: #F7E7CE;
    border-radius: 0;
}



/* Triangle champagne sous onglet actif */
.onglet33 .nav-tabs .nav-link {
    position: relative;

    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#FFFFFF;
    border-radius:0;
}

.onglet33 .nav-tabs .nav-link.active {
    position: relative;
    border-top:1px solid #E2B73B;
    border-left:1px solid #E2B73B;
    border-right:1px solid #E2B73B;
    border-bottom:1px solid #E2B73B;
    padding:12px 10px 10px 10px;
    color:#003366;
    background:#E2B73B;
    border-radius:0;
}

.onglet33 .nav-tabs .nav-link.active::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid #E2B73B transparent;
    border-right: 158px solid #E2B73B transparent;
    border-top: 15px solid #E2B73B;
}



a.button-rond-champ:hover, button.button-rond-champ:hover {
    text-decoration: none;
    border: 2px solid #003366;
    color: #003366;
    background-color: #FFFFFF;
}


.onglet6 ul.nav li.nav-item a.nav-link{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#FFFFFF;
	border-radius:0;
}
.onglet6 ul.nav li.nav-item a.nav-link.active{
	border-top:1px solid #e2b73b;
	border-left:1px solid #e2b73b;
    border-right:1px solid #e2b73b;
    border-bottom:1px solid #e2b73b;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#e2b73b;
	border-radius:0;
}
.onglet6 .nav li.nav-item a.nav-link.active::after{
	left:50%;
	content: ""; 
	position:absolute;
	margin-left: -90px;
	bottom: 100px;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #FF6633 transparent;
	display: block;
	width: 0;
}

.nav-pills a.atouts{
	color: #FFFFFF;
	background-color: #E7C236;
}
.onglet6 nav > div .atouts a.nav-item.nav-link{
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#F7E7CE;
	border-radius:0;
}
.onglet6 nav > div .atouts a.nav-item.nav-link:hover,
.onglet6 nav > div .atouts a.nav-item.nav-link:focus{
	border:1px solid #E7C236;
	background: #E7C236;
	color:#003366;
	border-radius:0;
	transition:background 0.20s linear;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active{
	border:1px solid #E7C236;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#E7C236;
	border-radius:0;
}
.onglet6 nav > div .atouts .nav-item.nav-link.active::after {
	content: "";
	position:absolute;
	bottom: -15px;
	left:50%;
	margin-left: -20px;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #E7C236 transparent;
	display: block;
	width: 0;
}
.onglet6 nav > div .atouts .nav-item.nav-link.inactive {
    border: 1px solid #CCCCCC;
    padding: 12px 10px 10px 10px;
    color: #829fbc;
    background: #F7E7CE;
    border-radius: 0;
}



    /* Triangle champagne sous onglet actif */
    .onglet33 .nav-tabs .nav-link {
      position: relative;

	  	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#FFFFFF;
	border-radius:0;
    }

	.onglet33 .nav-tabs .nav-link.active {
    position: relative;
	border-top:1px solid #E2B73B;
	border-left:1px solid #E2B73B;
    border-right:1px solid #E2B73B;
    border-bottom:1px solid #E2B73B;
	padding:12px 10px 10px 10px;
	color:#003366;
	background:#E2B73B;
	border-radius:0;
    }

    .onglet33 .nav-tabs .nav-link.active::after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 15px solid #E2B73B transparent;
      border-right: 158px solid #E2B73B transparent;
      border-top: 15px solid #E2B73B;
    }

    /* Animation personnalisée sur les onglets */
    .tab-pane {
      display: none;
      opacity: 0;
      transform: translateY(10px);
      transition: opacity 0.5s ease, transform 0.5s ease;
    }

    .tab-pane.active.show {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    /* Ordre dynamique sur mobile */
    @media (max-width: 767.98px) {
      .onglet33 .nav-tabs {
        flex-direction: column;
      }

      .onglet33 .nav-tabs .nav-item {
        order: 0;
      }

      .onglet33 .nav-tabs .nav-item.active-last {
        order: 99; /* actif va à la fin */
      }

      /* Espace entre onglets */
      .onglet33 .nav-tabs .nav-link {
        margin-bottom: 5px;
      }
    }

.badge3 {
  display: inline-block;
    padding: .4em .6em .3em .6em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge3:after {
    /* content: attr(value); */
    font-size: 12px;
    font-family: 'Overpass', sans-serif;
    font-weight: 400;
    color: #fff;
    /* background: #4b9d19; */
    border-radius: 100%;
    padding: 3px 6px;
    position: relative;
    left: 0;
    top: -2px;
    opacity: 0.9;
}
	.badge_cession {
	color: #fff;
	background-color: #4b7389;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

	.badge_ann_cession {
	color: #fff;
	background-color: #698c9f;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge_secteur_recherche {
	color: #fff;
	background-color: #d49025;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge_secteur_rare {
	color: #fff;
	background-color: #33c377;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge_contact_recent {
	color: #fff;
	background-color: #f58643;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge_annonce_recente {
	color: #fff;
	background-color: #8abb35;
    padding: .4em .6em .3em .6em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn-link3 {
  /* display:flex; */
  align-items:center;
  justify-content:space-between;
  width:100%;
  background:none;
  border:none;
  padding:0.5rem 0;
  cursor:pointer;
  text-decoration:none;
}
.btn-link3 h3 { 
  margin:0; 
}
.btn-link3 i { 
  display:inline-block; 
  transition: transform 0.25s ease; 
  font-size:1.4rem; 
  margin-left:8px; 
}

/* Rotation quand le bouton est ouvert */
.btn-link3:not(.collapsed) i,
.btn-link3[aria-expanded="true"] i {
  transform: rotate(90deg);
}
.bkb_champ {
	  background:#F7E7CE;
}
.bkb_champ2 {
	  background:#f9efe1;
}
	
.rating-container {
      display: flex;
      align-items: center;
 }
.square {
      width: 10px;
      height: 10px;
      margin-right: 3px;
      background-color: #FFFFFF;
}
 .square.filled {
      background-color: #E7C236;
 }
.text-justify {
  text-align: justify;
}


.square {
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-color: #FFFFFF;
}
.square.filled {
    background-color: #E7C236;
}


#info0 > div:nth-child(odd) .bkb_champ {
    background-color: #f9efe1;
}

#info0 > div:nth-child(even) .bkb_champ {
     background-color:  #F7E7CE;
}