
:root {
    --body-font:'Biryani', Arial, Helvetica, sans-serif;
	--h1-font: 'Rokkitt-black', Arial, Helvetica, sans-serif;
	--h2-font: 'Source-sans-pro', Arial, Helvetica, sans-serif;
	--h3456-font: 'Biryani', Arial, Helvetica, sans-serif;
	--chapeau-font: 'Biryani', Arial, Helvetica, sans-serif;
}

@font-face {
    font-family: 'Biryani';
    src: url('//fonts.xsalto.com/biryani/biryani-regular-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/biryani/biryani-regular-webfont.woff') format('woff');
    font-display: swap;
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Biryani';
    src: url('//fonts.xsalto.com/biryani/biryani-bold-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/biryani/biryani-bold-webfont.woff') format('woff');
    font-display: swap;
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Rokkitt-black';
    src: url('//fonts.xsalto.com/rokkitt/rokkitt-black-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/rokkitt/rokkitt-black-webfont.woff') format('woff');
    font-display: swap;
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'source-sans-pro';
    src: url('//fonts.xsalto.com/source-sans-pro/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('//fonts.xsalto.com/source-sans-pro/sourcesanspro-regular-webfont.woff') format('woff');
	font-display: auto;
    font-weight: 400;
    font-style: normal;
}


h1 {
	font-size: 48px;
}

h2 {
    font-weight: 400;
    font-size: 33px;
}

h3, h4, h5, h6 {
	font-weight: 700;
}

h3 {
	font-size: 24px;
	margin-bottom: 15px;
}

h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

h5 {
	font-size: 17px;
	margin-bottom: 10px;
}

h6 {
	font-size: 15px;
	margin-bottom: 10px;
}


.btn {
    padding-top: 10px;
    padding-bottom: 6px;
}

.btn-lg,
.list-agenda .actions .btn-primary,
.swiper-content .link .btn,
.actus + .link .btn,
.home-slider .caption-item-link a {
	padding-top: 13px;
    padding-bottom: 7px;
}

.caption-item-title {
	font-family: var(--h1-font);
}

.cv3-chapeau, .chapeau {
	font-weight: 700;
    font-size: 17px;
}

.cv8d-browsediv-4 h2,
.list-agenda h2,
.swiper-content h4 {
    font-family: var(--h1-font);
}

.map-commune .text span:first-child {
	font-family: var(--h1-font);
}

.actus .title {
    font-family: var(--h3456-font);
    font-weight: 700;
}

.actus .txt {
	font-size: 14px;
}





@media (min-width: 1500px) {

    .home-slider .caption-item-title {
        font-size: 52px;
    }

    .map-commune .text span:first-child {
        font-size: 35px;
    }

}