.content, header .wrap, footer .wrap, .ariane .wrap{
width:80%;
max-width: 1680px;
margin:0 auto;
}
.content .contenu{
max-width:1024px;
margin:0 auto;
text-align: left
}
.relative{
position: relative;
}
[data-ratio] {
display: block;
max-width: 100%;
position: relative
}
[data-ratio]:before {
content: "";
display: block;
}
[data-ratio] > * {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
[data-ratio='1:1']:before {
padding-top: 100%;
}
[data-ratio='20:9']:before {
padding-top: 47.5%;
}
[data-ratio='heading']:before {
padding-top: 32.5%;
}
[data-ratio='16:9']:before {
padding-top: 56.25%;
}
[data-ratio='4:3']:before {
padding-top: 75%;
}
[data-ratio='valeurs']:before {
padding-top: 100%;
}
[data-ratio='3:4']:before {
padding-top: 133.33%;
}
.has-blanc-background-color{
background-color: var(--blanc);
}
.has-noir-background-color{
background-color: var(--noir);
}
.has-maroon-background-color{
background-color: var(--maroon);
}
.has-bleufonce-background-color{
background-color: var(--bleufonce);
}
.has-bleugris-background-color{
background-color: var(--bleugris);
}
.has-gris-background-color{
background-color: var(--gris);
}
.has-grisclair-background-color{
background-color: var(--grisclair);
}
.has-blanc-background-color{
background-color: var(--blanc);
}
.has-noir-color{
color: var(--noir);
}
.has-maroon-color{
color: var(--maroon);
}
.has-bleufonce-color{
color: var(--bleufonce);
}
.has-bleugris-color{
color: var(--bleugris);
}
.has-gris-color{
color: var(--gris);
}
.has-grisclair-color{
color: var(--grisclair);
}
.has-blanc-color{
color: var(--blanc)
}
.has-small-font-size{
font-size:0.8rem !important;
}
.has-medium-font-size{
font-size:1.35rem !important;
}
.has-large-font-size{
font-size:1.75rem !important;
}
.has-x-large-font-size{
font-size:2rem !important;
}
a.all{
display: inline-flex;
align-items: center;
background-color: var(--bleugris);
color: var(--blanc);
font-size:0.9rem;
font-weight: 600;
padding:0.75rem 1.5rem
}
a.all.maroon{
background-color: var(--maroon);
color: var(--blanc);
}
a.all:hover{
background-color: var(--bleufonce);
}
.alignfull{
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
max-width: 100vw;
width:100vw;
-webkit-box-sizing: border-box;box-sizing: border-box;
}
.alignfull.has-background{
padding: 4vw calc(-50% - -50vw);
}
.alignwide{
margin-left:-10%;
margin-right: -10%
}
@media screen and (orientation: landscape){
.wp-block-media-text .wp-block-media-text__content{
padding-right:0
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
padding-left:0
}
}
.wp-block-button a:hover{
background-color: var(--bleufonce);
color: var(--blanc);
}
.wp-block-button a.has-bleufonce-background-color:hover{
background-color: var(--noir);
}
.ariane{
color: var(--blanc);
text-align: left;
font-size: 0.7rem;
position:relative;
z-index:3
}
.ariane a{
color: var(--blanc);
}
.heading{
background: linear-gradient( to right, #DFDFDF 0%, var(--grisclair) 50% );
position: relative;
}
.heading::before{
content:"";
display: block;
position:absolute;
left:0; top:0;
width:100%; height: 100%;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/fd-heading.png) repeat-x left top / auto 100%;
}
.heading .vs img{
object-fit: cover
}
.heading .inner{
width:calc(80% - 1rem);
margin:0 auto; }
.heading h1{
text-align: center;
max-width:100%;
}
.heading h1 span{
display: block;
color: var(--noir);
font-size: 0.8rem;
font-weight: normal;
padding-left:3px;
}
.swiper-button-prev, .swiper-button-next{
width: 26px; height: 26px;
background-position: center;
background-repeat: no-repeat;
background-color: var(--bleufonce);
margin-top:0;
transform: translateY(-50%);
background-size: 60%;
border-radius: 50%;
}
.swiper-button-prev::after, .swiper-button-next::after{
display:none;
}
.swiper-pagination-fraction{
color: var(--blanc)
}
.swiper-pagination-total{
font-size:0.8rem;
}
.swiper-pagination-current{
font-weight: bold;
font-size:0.8rem;
}
.menu-categs{
position: sticky;
top: 180px;
}
.menu-categs, .menu-categs ul.sub-menu{
margin:0; padding:0;
list-style: none;
}
.menu-categs ul.sub-menu{
display: none;
margin-bottom:1rem;
}
.menu-categs li{
text-transform: uppercase;
font-size:0.85rem;
background-color: var(--gris);
margin-bottom:1px;
transition: all 0.2s ease;
font-weight: 600;
}
.menu-categs > li:first-child{
border-radius: 0.5rem 0.5rem 0 0;
}
.menu-categs > li:last-child{
border-radius: 0 0 0.5rem 0.5rem;
}
.menu-categs ul.sub-menu li{
text-transform: none;
background-color: var(--bleugris);
}
.menu-categs li:hover, .menu-categs ul.sub-menu li:hover{
background-color: var(--bleufonce);
}
.menu-categs li.active, .menu-categs ul.sub-menu li.active{
background-color: var(--bleufonce);
}
.menu-categs li a{
padding:1rem 1.5rem;
text-align: center;
color: var(--noir);
}
.menu-categs ul.sub-menu li a{
color: var(--blanc);
}
.menu-categs li:hover a, .menu-categs ul.sub-menu li:hover a, .menu-categs li.active a, .menu-categs ul.sub-menu li.active a{
color: var(--blanc);
}
.liste-sous-pages 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
}
.liste-sous-pages 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;
}
.liste-sous-pages a:hover .vignet img{
transform: translate(-50%, -50%) scale(1.1);
}
.liste-sous-pages a .label{
width:calc(100% - 65px);
}
.liste-sous-pages a h3{
font-weight: normal;
}
.liste-sous-pages 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;
}
.liste-sous-pages a:hover h3 .arrow{
transform: scale(1.2);
}
.liste-actus .swiper-button-prev{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-prev.svg);
left:0;
}
.liste-actus .swiper-button-next{
background-image: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-next.svg);
right:0;
}
.actus-related .liste-actus a{
color: var(--blanc)
}
.actus-related .liste-actus a.plus .arrow{
display: inline-block;
width: 18px;
height: 18px;
background: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/img/arrow-next.svg) no-repeat center / contain;
transition: all 0.2s ease;
}
.actus-related .liste-actus a.plus:hover .arrow{
transform: translateX(50%);
}
.actus-related .liste-actus .resume{
font-size:0.85rem;
}
@media screen and (min-width:992px){
.heading .inner{
width:100%;
padding-left: calc(-20% - -20vw);
} 
}
@media screen and (min-width:992px){
}