/*1.3  06.23 */
/* bandeau titre accordeon*/
#glossaire-kbs .accordion-item {
	color: #000000;
	border-radius: 0;
	border: none;
	margin-bottom: 1.2rem ;
}

#glossaire-kbs h4 {
	font-size: 25px;
    font-weight: 700 !important;
	color: var(--prim-color);
	overflow-wrap: break-word;
	line-height: 1.6rem;
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-webkit-transition: .3s ease-in;
	transition: .3s ease-in
}
#glossaire-kbs .accordion-header,
#glossaire-kbs .accordion-header button{
	-o-transition: .3s ease-in;
	-ms-transition: .3s ease-in;
	-moz-transition: .3s ease-in;
	-webkit-transition: .3s ease-in;
	transition: .3s ease-in;
}
#glossaire-kbs .accordion-header [aria-expanded="false"] h4 {
   color:var(--prim-color);
}
#glossaire-kbs .accordion-header [aria-expanded="false"]{
     border: 1px solid var(--prim-color);
    
}
#glossaire-kbs .accordion-header:hover button,
#glossaire-kbs .accordion-header:focus button,
#glossaire-kbs .accordion-header [aria-expanded="true"]{
     border: 1px solid var(--sec-color);
    
}
#glossaire-kbs .accordion-header:hover h4,
#glossaire-kbs .accordion-header [aria-expanded="true"] h4{
	color:var(--sec-color);
}
#glossaire-kbs .accordion-header svg.arrow
{
   fill:var(--primary-color);
   width: 30px;
   height: 30px;
}

#glossaire-kbs .accordion-header:hover svg.arrow,
#glossaire-kbs .accordion-header [aria-expanded="true"] svg.arrow
{
    stroke:var(--sec-color);
}
button.glossaire-accordion-button{
  position: relative;
  padding: 25px 20px;
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--primary-color);
  text-align: left;
  border: 1px solid #000;
   width:100%;
  background-color: transparent !important;
  overflow-anchor: none;
  transition: all 0.5s ease-out;
    min-height: 120px

}
button.glossaire-accordion-button:hover{
transition: all 0.5s ease-out;
  border: 1px solid #FFF;
    opacity: 0.6
}

/*==== body ======*/

#glossaire-kbs .accordion-body {
	font-weight: 300;
	padding: 20px 0
	
}

#glossaire-kbs [aria-expanded="true"] h4 {color:var(--sec-color) }
#glossaire-kbs [aria-expanded="false"] svg {
	transform: rotate(0deg);
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}
#glossaire-kbs [aria-expanded="true"] svg {
	transform: rotate(180deg);
	-o-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	transition: .2s ease-out;
}

/*====CLAVIER===*/
.clavier-btn {
    font-family: "Conv_HelveticaNeueLTPro-HvCn_0";
    font-size: 1.4rem;
    padding: 3px 6px;
    background-color: #FE5000;
    color: #fff;
    border-radius: 3px;
    margin: 0 3px;
}
.clavier-btn:hover, .clavier-btn.active {
    background-color: #000000!important;
    color: #fff!important;
    text-decoration: none
}
.clavier-btn.first {
}
.clavier-btn.last {
}
.clavier-btn.active {
    color: #E73134;
    background-color: #E5A700;
}

@media (max-width: 1199px) {
   button.gloss-accordion-button {
    min-height: 123px
} 

}