:root{
    --blanc: #FFFFFF;
    --noir: #000000;
    --dark-main: #0E2F60;
    --blue-main: #004E9C;
    --blue-light: #63AFFF;
    --bleuvert : #22597d;
    --orange: #FFBD3E;
    --dark-bg: #132A4B;
}
html{
    font-size:15px;
}
@media screen and (min-width:1921px){
    html{
        font-size:16px;
    } 
}
body{
    margin:0;
    font-family: 'Century Gothic', sans-serif;
    font-size:1rem;
    text-align: center;
    color: var(--blanc);
    background-color: var(--dark-bg);
}
.has-blanc-background-color{
    background-color: var(--blanc);
}
.has-noir-background-color{
    background-color: var(--noir);
}
.has-blanc-color{
    color: var(--blanc);
}
.has-noir-color{
    color: var(--noir);
}
.has-orange-color{
    color: var(--orange);
}
.has-dark-main-color{
    color : var(--dark-main);
}
.has-blue-main-color{
    color : var(--blue-main);
}
.has-blue-light-color{
    color : var(--blue-light);
}

a{
    text-decoration: none;
    transition: all 0.2s ease;
}
img{
    height: auto;
    vertical-align: middle;
}
.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: 37.5%;
}
[data-ratio='16:9']:before {
    padding-top: 56.25%;
}
[data-ratio='4:3']:before {
    padding-top: 75%;
}
[data-ratio='3:4']:before {
    padding-top: 133.33%;
}
[data-ratio='vignet']:before {
    padding-top: 62%;
}
[data-ratio='cta']:before {
    padding-top: 763.93%;
}
figcaption{
    color: var(--blanc) !important;
    font-size: 0.8rem !important;
}

.grid-sizer, .grid-item {
    width: 100%;
}
.grid-item{
    margin-bottom:10px;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 1.75rem;
    color: var(--blanc);
}
.swiper-button-next{
    right:0;
    background-color: var(--dark-bg)
}
.swiper-button-prev{
    left:0;
    background-color: var(--dark-bg)
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0
}
@media screen and (min-width:768px){
    .grid-sizer, .grid-item {
        width: calc( 50% - 10px);
    }
}
@media screen and (min-width:1200px){
    .grid-sizer, .grid-item {
        width: calc( 33.333% - 10px);
    }
    .wp-block-group {
        opacity: 0;
        transform: translateY(3rem);
        transition: all 0.6s ease-out, transform 0.6s ease-out;
    }
    .wp-block-group.anime {
        opacity: 1;
        transform: translateY(0);
    }
    
}