@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
:root{
    --fr-color-site: 157 184 200;
    --fr-color-site-dark: 109 142 162;
    --fr-color-site-light: 93 11 169;
    --fr-color-site-darker: 60 92 111;
    --fr-color-site-top: 140 189 14;
    --fr-color-tarif: 244 67 54;
    --logo-header: url( ../img/logo-fond-light.svg);
}
body {
    font-family: 'Ubuntu', Arial;
    font-weight: 300;

}
.header-top{
    background-color: rgb(var(--fr-color-site)/10%);
}
.header-top .row {
    height: 40px;
}
.fr-bg-opacity-5{
    --bs-bg-opacity: .05;
}
.fr-opacity-5{
    --fr-opacity : 5% !important;
}
.fr-opacity-10{
    --fr-opacity : 10% !important;
}
.fr-opacity-20{
    --fr-opacity : 20% !important;
}
.fr-opacity-30{
    --fr-opacity : 30% !important;
}
.fr-opacity-40{
    --fr-opacity : 40% !important;
}
.fr-opacity-50{
    --fr-opacity : 50% !important;
}
.fr-opacity-60{
    --fr-opacity : 60% !important;
}
.fr-opacity-70{
    --fr-opacity : 70% !important;
}
.fr-opacity-80{
    --fr-opacity : 80% !important;
}
.fr-opacity-90{
    --fr-opacity : 90% !important;
}
.bg-site{
    --fr-opacity: 100%;
    background-color: rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}

.text-site{
    --fr-opacity: 100%;
    color:rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.border-site{
    --fr-opacity: 100%;
    border-color: rgb(var(--fr-color-site) / var(--fr-opacity)) !important;
}
.bg-site-light{
    --fr-opacity: 100%;
    background-color: rgb(var(--fr-color-site-light)/var(--fr-opacity)) !important;
}
.text-site-light{
    --fr-opacity: 100%;
    color:rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.border-site-light{
    --fr-opacity: 100%;
    border-color: rgb(var(--fr-color-site-light) / var(--fr-opacity)) !important;
}
.bg-site-dark{
    --fr-opacity: 100%;
    background-color: rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.text-site-dark{
    --fr-opacity: 100%;
    color: rgb(var(--fr-color-site-dark) / var(--fr-opacity)) !important;
}
.material-symbols-outlined {
    vertical-align: middle;
}
.ft-12 {
    font-size: 12px !important;
}
.ft-14 {
    font-size: 14px !important;
}
.ft-16 {
    font-size: 16px !important;
}
.ft-18 {
    font-size: 18px !important;
}
.ft-19 {
    font-size: 19px !important;
}
.ft-24 {
    font-size: 24px !important;
}
.ft-32 {
    font-size: 32px !important;
}
.ft-36 {
    font-size: 36px !important;
}
.ft-48 {
    font-size: 48px !important;
}
.ft-52 {
    font-size: 52px !important;
}
.ft-72 {
    font-size: 72px !important;
}