.heading-wrap{
position: relative
}
.heading-wrap .heading-back{
position: absolute;
top:50%;
left: 0;
width:100%;
height: 50%;
background-color: var(--bleufonce);
}
.heading-wrap .heading-back .vs{
position: absolute;
left:0; top:0;
width:100%; height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
filter: grayscale(100%)
}
.heading-wrap .heading-back .filtre{
background-color: var(--bleufonce);
opacity:0.85;
position: absolute;
left:0; top:0;
width:100%; height: 100%;
}
.heading-home a.presentation{
background-color: var(--maroon);
color: var(--blanc);
font-weight: 600;
text-transform: uppercase;
gap: 0 0.3rem
}
.heading-home a.presentation:hover{
background-color: var(--bleufonce);
}
.heading-home a.presentation .arrow{
width:20px; height: 20px;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-next.svg) no-repeat center / contain;
}
.heading-home h1{
font-size:2.25rem;
line-height: 1.1
}
.heading-home h1 span{
margin-top:1rem;
font-weight: normal
}
.heading-home h2{
font-size:1.75rem;
line-height: 1.1;
text-transform: none;
}
.heading-home h2 span{
margin-top:1rem;
font-weight: normal;
}
.heading-home .intro{
font-size:1.25rem
}
.activites h2{
font-weight: normal;
text-transform: uppercase;
text-align:left;
}
.activites .prestations a{
color: var(--blanc)
}
.activites .prestations a:hover{
background-color: var(--bleufonce);
}
.activites .prestations h3{
color: var(--blanc)
}
.activites .prestations .argu{
width: calc(100% - 50px);
}
.activites .prestations a .arrow{
width:30px; height:30px;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-right-square.svg) no-repeat center / contain;
transition:all 0.2s ease;
}
.activites .prestations a:hover .arrow{
transform: scale(1.2)
}
.domaines a{
color: var(--bleufonce);
}
.domaines a h3{
flex: 0 0 auto;
}
.domaines a .liste{
flex: 1 0 auto;
}
.domaines a .vignet{
overflow: clip;
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/no-photo.png);
background-position: center;
background-repeat: no-repeat;
background-size:80px
}
.domaines a .vignet img{
object-fit: cover;
position: absolute;
left: 50%; top: 50%;
width:100%; height: 100%;
transform: translate(-50%, -50%);
transition: all 0.2s ease;
}
.domaines a:hover .vignet img{
transform: translate(-50%, -50%) scale(1.1);
}
.domaines a .label{
width:calc(100% - 65px);
}
.domaines a h3{
font-weight: normal;
}
.domaines a h3 .arrow{
width:40px; height: 40px;
border-radius: 50%;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-right-circle.svg) no-repeat center / contain;
transition: all 0.2s ease;
}
.domaines a:hover h3 .arrow{
transform: scale(1.2);
}
.temoignages{
background: linear-gradient( to bottom, var(--bleufonce) 0%, var(--bleugris) 100% );
color: var(--blanc);
}
.temoignages h2{
font-weight: normal;
text-transform: uppercase;
color: var(--blanc);
}
.temoignages .picto{
width:35px; height: 35px;
}
.temoignages .picto img{
width:auto; height:100%;
}
.temoignages .portrait{
width:90px; height: 90px;
border-radius: 50%;
overflow: clip;
background-color: var(--blanc);
}
.temoignages .portrait img{
width:100%; height:100%;
object-fit: cover;
position:absolute;
left:50%; top:50%;
transform: translate(-50%, -50%);
}
.temoignages .identite{
font-size:0.8rem;
}
.temoignages .identite .nom{
font-weight: bold;
}
.temoignages .identite .fonction{
font-size:0.9em;
}
.temoignages .tem{
width:80%;
max-width:992px;
}
.temoignages .swiper-button-prev{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-prev.svg);
}
.temoignages .swiper-button-next{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-next.svg);
}
.liste-actus .date{
font-size: 0.9rem;
font-weight: 600;
}
.liste-actus h2{
font-weight: normal;
text-transform: uppercase;
}
.liste-actus h3{
font-size:1.15rem;
color: var(--noir)
}
.liste-actus .resume{
font-size: 0.9rem;
}
.liste-actus ul.categ{
display: flex;
flex-wrap: wrap; 
gap: 0.25rem;
margin:0.5rem 0; padding:0;
list-style: none;
}
.liste-actus ul.categ li{
text-transform: uppercase;
font-size: 0.7rem;
}
.liste-actus ul.categ li a{
display:inline-block;
padding: 0.15rem 0.5rem;
background-color: var(--bleugris);
color: var(--blanc);
border-radius: 2rem;
}
.liste-actus ul.categ li a:hover{
background-color: var(--maroon);
}
.liste-actus a.plus{
font-size: 0.9rem;
font-weight: bold;
color: var(--maroon);
gap: 0 0.25rem;
}
.liste-actus a.plus .arrow{
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-right-jaune.svg) no-repeat center / contain;
transition: all 0.2s ease;
}
.liste-actus a.plus:hover .arrow{
transform: translateX(50%);
}
.liste-partenaires{
background: linear-gradient( to bottom, var(--bleufonce) 0%, var(--bleugris) 100% );
}
.liste-partenaires .swiper-slide{
background-color: var(--blanc);
}
.liste-partenaires a .logo{
background-color: var(--blanc);
transition: all 0.2s ease;
}
.liste-partenaires a .logo img{
width:70%; height:70%;
object-fit: contain;
left:50%; top:50%;
transform: translate(-50%, -50%);
}
.liste-partenaires .item{
flex: 1 1 auto;
}
.liste-partenaires .ttl{
text-transform: uppercase;
font-weight: bold;
font-size:0.8rem;
}
.liste-partenaires .sujet{
font-size:0.9rem;
}
.liste-partenaires .swiper-button-prev{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-prev.svg);
left:0.2rem
}
.liste-partenaires .swiper-button-next{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-next.svg);
right: 0.2rem;
}
@media screen and (min-width:768px){
.heading-home h1{
font-size:2.5rem;
}
.heading-home h2{
font-size:2.15rem;
} 
.heading-home .intro{
font-size: 1.5rem
}
}
@media screen and (min-width:992px){
.heading-wrap .heading-back{
top:0;
left: unset;
right: 0;
width:50%;
height: 100%;
}
.heading-home .intro{
font-size: 1.5rem
}
}
@media screen and (min-width:1440px){
.heading-home h1{
font-size:2.5rem;
}
.heading-home h2{
font-size:2.25rem;
} 
}