:root{
    --bleufonce: #1A2C4D;
    --bleu: #5CC0D7;
    --vert: #37A16D;
    --vertclair: #B7CE54;
    --gris: #B2AAA0;
    --grism: #F0EDE7;
    --blanc: #FFFFFF;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.eot');
    src: url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Regular.woff2') format('woff2'),
        url('fonts/Raleway-Regular.woff') format('woff'),
        url('fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Medium.eot');
    src: url('fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Medium.woff2') format('woff2'),
        url('fonts/Raleway-Medium.woff') format('woff'),
        url('fonts/Raleway-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Bold.eot');
    src: url('fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Raleway-Bold.woff2') format('woff2'),
        url('fonts/Raleway-Bold.woff') format('woff'),
        url('fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
[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='20:9']::before {
padding-top: 47.5%;
}

[data-ratio='16:9']::before {
padding-top: 56.25%;
}

[data-ratio='4:3']::before {
padding-top: 73.22%;
}

[data-ratio='3:4']::before {
padding-top: 133.33%;
}

[data-ratio='1:1']::before {
padding-top: 100%;
}

[data-ratio='acthome']::before {
padding-top: 120%;
}
  
.wrapper{
    overflow: clip
}
html{
    font-size:16px;
}
body{
    margin:0;
    font-size:1rem;
    text-align:center;
    font-family: 'Raleway', 'Arial', 'sans-serif';
}
@media screen and (min-width:1921px){
    html{
        font-size:17px;
    }
}
@media screen and (min-width:2250px){
    html{
        font-size:18px;
    }
}
a{
    text-decoration: none;
    color: var(--vert);
    -webkit-transition: all 0.2s ease; transition: all 0.2s ease;
}
a:hover{
    color: var(--vertclair);
}
img{
    height:auto;
    vertical-align: middle;
}
.relative{
    position: relative
}

.alignfull {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}
  
.alignfull.has-background {
    padding: 4vw calc(-50% - -50vw) 4vw calc(-50% - -50vw);
}

.alignwide {
margin: 2.5vw calc(25% - 25vw);
}

h1, h2, h3, h4, h5, h6{
    font-weight:bold;
    margin:0.85em 0;
}

.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: 2.25rem !important;
}

.has-small-font-size {
    font-size: 0.8rem !important;
}
.has-gris-background-color{
    background-color: var(--gris);
}
.has-grism-background-color{
    background-color: var(--grism);
}
.has-bleufonce-background-color{
    background-color: var(--bleufonce);
}
.has-bleu-background-color{
    background-color: var(--bleu);
}
.has-vert-background-color{
    background-color: var(--vert);
}
.has-vertclair-background-color{
    background-color: var(--vertclair);
}
.has-blanc-background-color{
    background-color: var(--blanc);
}
.has-gris-color{
    color: var(--gris);
}
.has-grism-color{
    color: var(--grism);
}
.has-bleufonce-color{
    color: var(--bleufonce);
}
.has-bleu-color{
    color: var(--bleu);
}
.has-vert-color{
    color: var(--vert);
}
.has-vertclair-color{
    color: var(--vertclair);
}
.has-blanc-color{
    color: var(--blanc);
}

h2{
    font-size:2rem;
}
h3{
    font-size:1.5rem;
}
@media screen and (min-width:999px){
    h2{
        font-size:3rem;
    }
    h3{
        font-size:1.85rem;
    } 
}