:root{
--blanc: #FFFFFF;
--noir: #000000;
--maroon: #F29926;
--bleufonce: #063472;
--bleugris: #566C98;
--gris: #D9D9D9;
--grisclair: #EFF2F6;
}
@font-face {
font-family: 'Barlow';
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Bold.eot);
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Bold.eot?#iefix) format('embedded-opentype'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Bold.woff2) format('woff2'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Bold.woff) format('woff'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Barlow';
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Regular.eot);
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Regular.woff2) format('woff2'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Regular.woff) format('woff'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Barlow';
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-SemiBold.eot);
src: url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-SemiBold.woff2) format('woff2'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-SemiBold.woff) format('woff'),
url(//www.qlara-conseil.fr/wp-content/themes/Qlara/fonts/Barlow-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
html{
font-size:16px;
}
body{
font-size: 1rem;
text-align: center;
font-family: 'Barlow', 'sans-serif';
background-color: var(--blanc);
}
.wrapper{
overflow: clip;
}
a{
text-decoration: none;
transition: all 0.2s ease;
color: var(--bleugris);
}
a:hover{
color: var(--maroon)
}
img{
height: auto;
vertical-align: middle;
}
h1, h2, h3, h4, h5, h6{
margin: 0.75em 0;
line-height:1.05
}
h1, h2{
font-weight: bold;
}
h3, h4, h5, h6{
font-weight: 600;
}
h1{
color: var(--maroon);
font-size: 2.5rem;
}
h2{
color: var(--bleufonce);
font-weight: normal;
text-transform: uppercase;
}
h3, h4, h5, h6{
color: var(--bleufonce);
font-weight: 600
}
.no-link > a{
pointer-events: none
}
@media screen and (min-width:1200px){
h1{
font-size: 3rem;
}
}
@media screen and (min-width:1680px){
html{
font-size: 17px;
}
h1{
font-size: 3.125rem;
}
}
@media screen and (min-width:1920px){
html{
font-size: 18px;
}
}