.masque-image {
    display: block;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    object-fit: cover;
    object-position: center;
}


/*
* CARRÉS ET RECTANGLES
*/
/* CARRÉS */
.carre {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre.svg');
}
.carre-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-arrondi.svg');
}
.carre-squircle-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-squircle-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-squircle-v1.svg');
}
.carre-squircle-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-squircle-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-squircle-v2.svg');
}
.carre-concave-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-concave-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-concave-v1.svg');
}
.carre-concave-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-concave-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/carres/carre-concave-v2.svg');
}

/* HORIZONTAUX */
.rectangle--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--4-3.svg');
}
.rectangle-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--4-3.svg');
}
.rectangle-squircle-v1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--4-3.svg');
}
.rectangle-squircle-v2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--4-3.svg');
}
.rectangle-concave-v1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--4-3.svg');
}
.rectangle-concave-v2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--4-3.svg');
}

.rectangle--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--3-2.svg');
}
.rectangle-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--3-2.svg');
}
.rectangle-squircle-v1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--3-2.svg');
}
.rectangle-squircle-v2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--3-2.svg');
}
.rectangle-concave-v1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--3-2.svg');
}
.rectangle-concave-v2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--3-2.svg');
}

.rectangle--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle--16-9.svg');
}
.rectangle-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-arrondi--16-9.svg');
}
.rectangle-squircle-v1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v1--16-9.svg');
}
.rectangle-squircle-v2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-squircle-v2--16-9.svg');
}
.rectangle-concave-v1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v1--16-9.svg');
}
.rectangle-concave-v2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/horizontaux/rectangle-concave-v2--16-9.svg');
}

/* VERTICAUX */
.rectangle--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--3-4.svg');
}
.rectangle-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--3-4.svg');
}
.rectangle-squircle-v1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--3-4.svg');
}
.rectangle-squircle-v2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--3-4.svg');
}
.rectangle-concave-v1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--3-4.svg');
}
.rectangle-concave-v2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--3-4.svg');
}

.rectangle--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--2-3.svg');
}
.rectangle-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--2-3.svg');
}
.rectangle-squircle-v1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--2-3.svg');
}
.rectangle-squircle-v2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--2-3.svg');
}
.rectangle-concave-v1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--2-3.svg');
}
.rectangle-concave-v2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--2-3.svg');
}

.rectangle--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle--9-16.svg');
}
.rectangle-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-arrondi--9-16.svg');
}
.rectangle-squircle-v1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v1--9-16.svg');
}
.rectangle-squircle-v2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-squircle-v2--9-16.svg');
}
.rectangle-concave-v1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v1--9-16.svg');
}
.rectangle-concave-v2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/carres-rectangles/verticaux/rectangle-concave-v2--9-16.svg');
}



/*
* PARALLELOGRAMMES
*/
/* CARRÉS */
.parallelogramme-x {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-x.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-x.svg');
}
.parallelogramme-x-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-x-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-x-arrondi.svg');
}
.parallelogramme-y {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-y.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-y.svg');
}
.parallelogramme-y-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-y-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/carres/parallelogramme-y-arrondi.svg');
}

/* HORIZONTAUX */
.parallelogramme-x--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--4-3.svg');
}
.parallelogramme-x-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--4-3.svg');
}
.parallelogramme-y--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--4-3svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--4-3.svg');
}
.parallelogramme-y-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--4-3.svg');
}

.parallelogramme-x--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--3-2.svg');
}
.parallelogramme-x-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--3-2.svg');
}
.parallelogramme-y--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--3-2.svg');
}
.parallelogramme-y-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--3-2.svg');
}

.parallelogramme-x--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x--16-9.svg');
}
.parallelogramme-x-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-x-arrondi--16-9.svg');
}
.parallelogramme-y--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y--16-9.svg');
}
.parallelogramme-y-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/horizontaux/parallelogramme-y-arrondi--16-9.svg');
}

/* VERTICAUX */
.parallelogramme-x--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--3-4.svg');
}
.parallelogramme-x-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--3-4.svg');
}
.parallelogramme-y--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--3-4.svg');
}
.parallelogramme-y-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--3-4.svg');
}

.parallelogramme-x--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--2-3.svg');
}
.parallelogramme-x-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--2-3.svg');
}
.parallelogramme-y--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--2-3.svg');
}
.parallelogramme-y-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--2-3.svg');
}

.parallelogramme-x--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x--9-16.svg');
}
.parallelogramme-x-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-x-arrondi--9-16.svg');
}
.parallelogramme-y--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y--9-16.svg');
}
.parallelogramme-y-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/parallelogrammes/verticaux/parallelogramme-y-arrondi--9-16.svg');
}



/*
* LOSANGES
*/
/* CARRÉS */
.losange {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange.svg');
}
.losange-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange-arrondi.svg');
}
.losange-concave-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange-concave-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange-concave-v1.svg');
}
.losange-concave-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange-concave-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange-concave-v2.svg');
}
.losange-squircle-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange-squircle-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange-squircle-v1.svg');
}
.losange-squircle-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/losanges/carres/losange-squircle-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/carres/losange-squircle-v2.svg');
}

/* HORIZONTAUX */
.losange--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--4-3.svg');
}
.losange-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--4-3.svg');
}
.losange-squircle-v1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--4-3.svg');
}
.losange-squircle-v2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--4-3.svg');
}
.losange-concave-v1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--4-3.svg');
}
.losange-concave-v2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--4-3.svg');
}

.losange--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--3-2.svg');
}
.losange-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--3-2.svg');
}
.losange-squircle-v1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--3-2.svg');
}
.losange-squircle-v2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--3-2.svg');
}
.losange-concave-v1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--3-2.svg');
}
.losange-concave-v2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--3-2.svg');
}

.losange--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange--16-9.svg');
}
.losange-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-arrondi--16-9.svg');
}
.losange-squircle-v1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v1--16-9.svg');
}
.losange-squircle-v2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-squircle-v2--16-9.svg');
}
.losange-concave-v1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v1--16-9.svg');
}
.losange-concave-v2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/horizontaux/losange-concave-v2--16-9.svg');
}

/* VERTICAUX */
.losange--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--3-4.svg');
}
.losange-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--3-4.svg');
}
.losange-squircle-v1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--3-4.svg');
}
.losange-squircle-v2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--3-4.svg');
}
.losange-concave-v1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--3-4.svg');
}
.losange-concave-v2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--3-4.svg');
}

.losange--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--2-3.svg');
}
.losange-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--2-3.svg');
}
.losange-squircle-v1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--2-3.svg');
}
.losange-squircle-v2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--2-3.svg');
}
.losange-concave-v1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--2-3.svg');
}
.losange-concave-v2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--2-3.svg');
}

.losange--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange--9-16.svg');
}
.losange-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-arrondi--9-16.svg');
}
.losange-squircle-v1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v1--9-16.svg');
}
.losange-squircle-v2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-squircle-v2--9-16.svg');
}
.losange-concave-v1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v1--9-16.svg');
}
.losange-concave-v2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/losanges/verticaux/losange-concave-v2--9-16.svg');
}



/*
* CERCLE & ELLIPSES
*/
/* CERCLE */
.cercle {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/cercle/cercle.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/cercle/cercle.svg');
}

/* HORIZONTAUX */
.ellipse--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--4-3.svg');
}
.ellipse--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--3-2.svg');
}
.ellipse--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/horizontaux/ellipse--16-9.svg');
}

/* VERTICAUX */
.ellipse--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--3-4.svg');
}
.ellipse--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--2-3.svg');
}
.ellipse--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/cercle-ellipses/verticaux/ellipse--9-16.svg');
}



/*
* CAPSULES
*/
/* HORIZONTAUX */
.capsule--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--4-3.svg');
}
.capsule--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--3-2.svg');
}
.capsule--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/horizontaux/capsule--16-9.svg');
}

/* VERTICAUX */
.capsule--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--3-4.svg');
}
.capsule--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--2-3.svg');
}
.capsule--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/capsules/verticaux/capsule--9-16.svg');
}



/*
* ARCHES
*/
/* CARRÉS */
.arche-haut {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-haut.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-haut.svg');
}
.arche-haut-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-haut-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-haut-arrondi.svg');
}
.arche-gauche {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-gauche.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-gauche.svg');
}
.arche-gauche-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-gauche-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-gauche-arrondi.svg');
}
.arche-droite {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-droite.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-droite.svg');
}
.arche-droite-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-droite-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-droite-arrondi.svg');
}
.arche-bas {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-bas.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-bas.svg');
}
.arche-bas-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/arches/carres/arche-bas-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/carres/arche-bas-arrondi.svg');
}

/* VERTICAUX */
.arche-haut--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--3-4.svg');
}
.arche-haut-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--3-4.svg');
}
.arche-bas--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--3-4.svg');
}
.arche-bas-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--3-4.svg');
}

.arche-haut--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--2-3.svg');
}
.arche-haut-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--2-3.svg');
}
.arche-bas--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--2-3.svg');
}
.arche-bas-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--2-3.svg');
}

.arche-haut--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut--9-16.svg');
}
.arche-haut-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-haut-arrondi--9-16.svg');
}
.arche-bas--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas--9-16.svg');
}
.arche-bas-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/verticaux/arche-bas-arrondi--9-16.svg');
}

/* HORIZONTAUX */
.arche-droite--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--4-3.svg');
}
.arche-droite-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--4-3.svg');
}
.arche-gauche--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--4-3.svg');
}
.arche-gauche-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--4-3.svg');
}

.arche-droite--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--3-2.svg');
}
.arche-droite-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--3-2.svg');
}
.arche-gauche--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--3-2.svg');
}
.arche-gauche-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--3-2.svg');
}

.arche-droite--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite--16-9.svg');
}
.arche-droite-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-droite-arrondi--16-9.svg');
}
.arche-gauche--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche--16-9.svg');
}
.arche-gauche-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/arches/horizontaux/arche-gauche-arrondi--16-9.svg');
}



/*
* CITRONS
*/
/* CARRÉ */
.citron-bas-haut {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/citrons/carres/citron-bas-haut.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/carres/citron-bas-haut.svg');
}
.citron-bas-haut-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/citrons/carres/citron-bas-haut-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/carres/citron-bas-haut-arrondi.svg');
}
.citron-haut-bas {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/citrons/carres/citron-haut-bas.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/carres/citron-haut-bas.svg');
}
.citron-haut-bas-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/citrons/carres/citron-haut-bas-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/carres/citron-haut-bas-arrondi.svg');
}

/* HORIZONTAUX */
.citron-bas-haut--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--4-3.svg');
}
.citron-bas-haut-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--4-3.svg');
}
.citron-bas-haut--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--3-2.svg');
}
.citron-bas-haut-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--3-2.svg');
}
.citron-bas-haut--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut--16-9.svg');
}
.citron-bas-haut-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-bas-haut-arrondi--16-9.svg');
}

.citron-haut-bas--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--4-3.svg');
}
.citron-haut-bas-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--4-3.svg');
}
.citron-haut-bas--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--3-2.svg');
}
.citron-haut-bas-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--3-2.svg');
}
.citron-haut-bas--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas--16-9.svg');
}
.citron-haut-bas-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/horizontaux/citron-haut-bas-arrondi--16-9.svg');
}

/* VERTICAUX */
.citron-bas-haut--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--3-4.svg');
}
.citron-bas-haut-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--3-4.svg');
}
.citron-bas-haut--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--2-3.svg');
}
.citron-bas-haut-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--2-3.svg');
}
.citron-bas-haut--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut--9-16.svg');
}
.citron-bas-haut-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-bas-haut-arrondi--9-16.svg');
}

.citron-haut-bas--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--3-4.svg');
}
.citron-haut-bas-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--3-4.svg');
}
.citron-haut-bas--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--2-3.svg');
}
.citron-haut-bas-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--2-3.svg');
}
.citron-haut-bas--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas--9-16.svg');
}
.citron-haut-bas-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/citrons/verticaux/citron-haut-bas-arrondi--9-16.svg');
}



/*
* GOUTES
*/
/* CARRÉ */
.goute-coin-1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-1.svg');
}
.goute-coin-1-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-1-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-1-arrondi.svg');
}
.goute-coin-2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-2.svg');
}
.goute-coin-2-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-2-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-2-arrondi.svg');
}
.goute-coin-3 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-3.svg');
}
.goute-coin-3-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-3-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-3-arrondi.svg');
}
.goute-coin-4 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-4.svg');
}
.goute-coin-4-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-4-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/carres/goute-coin-4-arrondi.svg');
}

/* HORIZONTAUX */
.goute-coin-1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--4-3.svg');
}
.goute-coin-1-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--4-3.svg');
}
.goute-coin-1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--3-2.svg');
}
.goute-coin-1-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--3-2.svg');
}
.goute-coin-1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1--16-9.svg');
}
.goute-coin-1-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-1-arrondi--16-9.svg');
}

.goute-coin-2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--4-3.svg');
}
.goute-coin-2-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--4-3.svg');
}
.goute-coin-2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--3-2.svg');
}
.goute-coin-2-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--3-2.svg');
}
.goute-coin-2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2--16-9.svg');
}
.goute-coin-2-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-2-arrondi--16-9.svg');
}

.goute-coin-3--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--4-3.svg');
}
.goute-coin-3-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--4-3.svg');
}
.goute-coin-3--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--3-2.svg');
}
.goute-coin-3-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--3-2.svg');
}
.goute-coin-3--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3--16-9.svg');
}
.goute-coin-3-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-3-arrondi--16-9.svg');
}

.goute-coin-4--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--4-3.svg');
}
.goute-coin-4-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--4-3.svg');
}
.goute-coin-4--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--3-2.svg');
}
.goute-coin-4-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--3-2.svg');
}
.goute-coin-4--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4--16-9.svg');
}
.goute-coin-4-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/horizontaux/goute-coin-4-arrondi--16-9.svg');
}

/* VERTICAUX */
.goute-coin-1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--3-4.svg');
}
.goute-coin-1-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--3-4.svg');
}
.goute-coin-1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--2-3.svg');
}
.goute-coin-1-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--2-3.svg');
}
.goute-coin-1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1--9-16.svg');
}
.goute-coin-1-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-1-arrondi--9-16.svg');
}

.goute-coin-2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--3-4.svg');
}
.goute-coin-2-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--3-4.svg');
}
.goute-coin-2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--2-3.svg');
}
.goute-coin-2-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--2-3.svg');
}
.goute-coin-2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2--9-16.svg');
}
.goute-coin-2-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-2-arrondi--9-16.svg');
}

.goute-coin-3--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--3-4.svg');
}
.goute-coin-3-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--3-4.svg');
}
.goute-coin-3--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--2-3.svg');
}
.goute-coin-3-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--2-3.svg');
}
.goute-coin-3--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3--9-16.svg');
}
.goute-coin-3-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-3-arrondi--9-16.svg');
}

.goute-coin-4--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--3-4.svg');
}
.goute-coin-4-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--3-4.svg');
}
.goute-coin-4--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--2-3.svg');
}
.goute-coin-4-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--2-3.svg');
}
.goute-coin-4--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4--9-16.svg');
}
.goute-coin-4-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/goutes/verticaux/goute-coin-4-arrondi--9-16.svg');
}



/*
* ANGLES
*/
/* CARRÉ */
.angle-coin-1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-1.svg');
}
.angle-coin-1-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-1-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-1-arrondi.svg');
}
.angle-coin-2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-2.svg');
}
.angle-coin-2-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-2-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-2-arrondi.svg');
}
.angle-coin-3 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-3.svg');
}
.angle-coin-3-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-3-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-3-arrondi.svg');
}
.angle-coin-4 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-4.svg');
}
.angle-coin-4-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-4-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/carres/angle-coin-4-arrondi.svg');
}

/* HORIZONTAUX */
.angle-coin-1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--4-3.svg');
}
.angle-coin-1-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--4-3.svg');
}
.angle-coin-1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--3-2.svg');
}
.angle-coin-1-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--3-2.svg');
}
.angle-coin-1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1--16-9.svg');
}
.angle-coin-1-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-1-arrondi--16-9.svg');
}

.angle-coin-2--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--4-3.svg');
}
.angle-coin-2-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--4-3.svg');
}
.angle-coin-2--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--3-2.svg');
}
.angle-coin-2-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--3-2.svg');
}
.angle-coin-2--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2--16-9.svg');
}
.angle-coin-2-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-2-arrondi--16-9.svg');
}

.angle-coin-3--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--4-3.svg');
}
.angle-coin-3-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--4-3.svg');
}
.angle-coin-3--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--3-2.svg');
}
.angle-coin-3-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--3-2.svg');
}
.angle-coin-3--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3--16-9.svg');
}
.angle-coin-3-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-3-arrondi--16-9.svg');
}

.angle-coin-4--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--4-3.svg');
}
.angle-coin-4-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--4-3.svg');
}
.angle-coin-4--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--3-2.svg');
}
.angle-coin-4-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--3-2.svg');
}
.angle-coin-4--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4--16-9.svg');
}
.angle-coin-4-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/horizontaux/angle-coin-4-arrondi--16-9.svg');
}

/* VERTICAUX */
.angle-coin-1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--3-4.svg');
}
.angle-coin-1-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--3-4.svg');
}
.angle-coin-1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--2-3.svg');
}
.angle-coin-1-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--2-3.svg');
}
.angle-coin-1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1--9-16.svg');
}
.angle-coin-1-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-1-arrondi--9-16.svg');
}

.angle-coin-2--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--3-4.svg');
}
.angle-coin-2-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--3-4.svg');
}
.angle-coin-2--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--2-3.svg');
}
.angle-coin-2-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--2-3.svg');
}
.angle-coin-2--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2--9-16.svg');
}
.angle-coin-2-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-2-arrondi--9-16.svg');
}

.angle-coin-3--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--3-4.svg');
}
.angle-coin-3-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--3-4.svg');
}
.angle-coin-3--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--2-3.svg');
}
.angle-coin-3-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--2-3.svg');
}
.angle-coin-3--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3--9-16.svg');
}
.angle-coin-3-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-3-arrondi--9-16.svg');
}

.angle-coin-4--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--3-4.svg');
}
.angle-coin-4-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--3-4.svg');
}
.angle-coin-4--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--2-3.svg');
}
.angle-coin-4-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--2-3.svg');
}
.angle-coin-4--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4--9-16.svg');
}
.angle-coin-4-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/angles/verticaux/angle-coin-4-arrondi--9-16.svg');
}




/*
* POLYGONES
*/
/* HEXAGONES */
.hexagone {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone.svg');
}
.hexagone-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-arrondi.svg');
}
.hexagone-incline {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-incline.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-incline.svg');
}
.hexagone-incline-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-incline-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/hexagones/hexagone-incline-arrondi.svg');
}

/* OCTOGONES */
.octogone {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone.svg');
}
.octogone-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-arrondi.svg');
}
.octogone-incline {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-incline.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-incline.svg');
}
.octogone-incline-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-incline-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/polygones/octogones/octogone-incline-arrondi.svg');
}



/*
* BLOBS
*/
/* BLOBS CLASSIQUES */
.blob-classique-v1 {
    aspect-ratio: 512 / 440;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v1.svg');
}
.blob-classique-v2 {
    aspect-ratio: 512 / 484;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v2.svg');
}
.blob-classique-v3 {
    aspect-ratio: 512 / 438;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v3.svg');
}
.blob-classique-v4 {
    aspect-ratio: 480 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v4.svg');
}
.blob-classique-v5 {
    aspect-ratio: 512 / 412;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v5.svg');
}
.blob-classique-v6 {
    aspect-ratio: 512 / 484;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v6.svg');
}
.blob-classique-v7 {
    aspect-ratio: 420 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v7.svg');
}
.blob-classique-v8 {
    aspect-ratio: 512 / 440;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v8.svg');
}
.blob-classique-v9 {
    aspect-ratio: 448 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v9.svg');
}
.blob-classique-v10 {
    aspect-ratio: 506 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v10.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v10.svg');
}
.blob-classique-v11 {
    aspect-ratio: 512 / 460;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v11.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v11.svg');
}
.blob-classique-v12 {
    aspect-ratio: 482 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v12.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v12.svg');
}
.blob-classique-v13 {
    aspect-ratio: 512 / 500;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v13.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v13.svg');
}
.blob-classique-v14 {
    aspect-ratio: 488 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v14.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v14.svg');
}
.blob-classique-v15 {
    aspect-ratio: 512 / 504;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v15.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v15.svg');
}
.blob-classique-v16 {
    aspect-ratio: 512 / 463;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v16.svg');
}
.blob-classique-v17 {
    aspect-ratio: 512 / 494;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v17.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v17.svg');
}
.blob-classique-v18 {
    aspect-ratio: 494 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v18.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v18.svg');
}
.blob-classique-v19 {
    aspect-ratio: 480 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v19.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v19.svg');
}
.blob-classique-v20 {
    aspect-ratio: 502 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v20.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v20.svg');
}
.blob-classique-v21 {
    aspect-ratio: 512 / 507;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v21.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v21.svg');
}
.blob-classique-v22 {
    aspect-ratio: 500 / 512;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v22.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v22.svg');
}
.blob-classique-v23 {
    aspect-ratio: 512 / 488;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v23.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v23.svg');
}
.blob-classique-v24 {
    aspect-ratio: 512 / 424;
    mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v24.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/classiques/blob-classique-v24.svg');
}

/* ANIMÉ */
.blob-anime-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v1.svg');
}
.blob-anime-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v2.svg');
}
.blob-anime-v3 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v3.svg');
}
.blob-anime-v4 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v4.svg');
}
.blob-anime-v5 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v5.svg');
}
.blob-anime-v6 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/blobs/animes/blob-anime-v6.svg');
}



/*
* TÂCHES
*/
/* LÉGÈRES */
.tache-legere-v1 {
    aspect-ratio: 512 / 440;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v1.svg');
}
.tache-legere-v2 {
    aspect-ratio: 512 / 508;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v2.svg');
}
.tache-legere-v3 {
    aspect-ratio: 512 / 446;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v3.svg');
}
.tache-legere-v4 {
    aspect-ratio: 512 / 482;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v4.svg');
}
.tache-legere-v5 {
    aspect-ratio: 512 / 482;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v5.svg');
}
.tache-legere-v6 {
    aspect-ratio: 512 / 492;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v6.svg');
}
.tache-legere-v7 {
    aspect-ratio: 512 / 456;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v7.svg');
}
.tache-legere-v8 {
    aspect-ratio: 512 / 466;
    mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/legeres/tache-legere-v8.svg');
}

/* FRAPPANTES */
.tache-frappante-v1 {
    aspect-ratio: 512 / 512;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v1.svg');
}
.tache-frappante-v2 {
    aspect-ratio: 446 / 512;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v2.svg');
}
.tache-frappante-v3 {
    aspect-ratio: 512 / 498;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v3.svg');
}
.tache-frappante-v4 {
    aspect-ratio: 512 / 498;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v4.svg');
}
.tache-frappante-v5 {
    aspect-ratio: 512 / 486;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v5.svg');
}
.tache-frappante-v6 {
    aspect-ratio: 484 / 512;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v6.svg');
}
.tache-frappante-v7 {
    aspect-ratio: 512 / 512;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v7.svg');
}
.tache-frappante-v8 {
    aspect-ratio: 512 / 486;
    mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/frappantes/tache-frappante-v8.svg');
}

/* ÉCLABOUSSANTES */
.tache-eclaboussante-v1 {
    aspect-ratio: 498 / 512;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v1.svg');
}
.tache-eclaboussante-v2 {
    aspect-ratio: 512 / 504;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v2.svg');
}
.tache-eclaboussante-v3 {
    aspect-ratio: 512 / 480;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v3.svg');
}
.tache-eclaboussante-v4 {
    aspect-ratio: 477 / 512;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v4.svg');
}
.tache-eclaboussante-v5 {
    aspect-ratio: 512 / 501;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v5.svg');
}
.tache-eclaboussante-v6 {
    aspect-ratio: 512 / 498;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v6.svg');
}
.tache-eclaboussante-v7 {
    aspect-ratio: 512 / 467;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v7.svg');
}
.tache-eclaboussante-v8 {
    aspect-ratio: 512 / 480;
    mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/taches/eclaboussantes/tache-eclaboussante-v8.svg');
}



/*
* CROIX
*/
/* PERPENDICULAIRES */
.croix-perpendiculaire {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire.svg');
}
.croix-perpendiculaire-adoucie {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-adoucie.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-adoucie.svg');
}
.croix-perpendiculaire-arrondie {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-arrondie.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-arrondie.svg');
}
.croix-perpendiculaire-courbee {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-courbee.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/perpendiculaires/croix-perpendiculaire-courbee.svg');
}

/* DIAGONALES */
.croix-diagonale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale.svg');
}
.croix-diagonale-adoucie {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-adoucie.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-adoucie.svg');
}
.croix-diagonale-arrondie {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-arrondie.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-arrondie.svg');
}
.croix-diagonale-courbee {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-courbee.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/croix/diagonales/croix-diagonale-courbee.svg');
}



/*
* ETOILES
*/
/* RÉGULIÈRES */
.etoile-reguliere-5-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-5-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-5-branches.svg');
}
.etoile-reguliere-5-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-5-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-5-branches-large.svg');
}
.etoile-reguliere-6-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-6-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-6-branches.svg');
}
.etoile-reguliere-6-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-6-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-6-branches-large.svg');
}
.etoile-reguliere-8-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-8-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-8-branches.svg');
}
.etoile-reguliere-8-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-8-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-8-branches-large.svg');
}
.etoile-reguliere-10-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-10-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-10-branches.svg');
}
.etoile-reguliere-10-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-10-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-10-branches-large.svg');
}
.etoile-reguliere-12-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-12-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-12-branches.svg');
}
.etoile-reguliere-12-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-12-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-12-branches-large.svg');
}
.etoile-reguliere-16-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-16-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-16-branches.svg');
}
.etoile-reguliere-16-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-16-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-16-branches-large.svg');
}
.etoile-reguliere-24-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-24-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-24-branches.svg');
}
.etoile-reguliere-24-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-24-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/regulieres/etoile-reguliere-24-branches-large.svg');
}

/* COURBEE */
.etoile-courbee-5-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-5-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-5-branches.svg');
}
.etoile-courbee-5-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-5-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-5-branches-large.svg');
}
.etoile-courbee-6-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-6-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-6-branches.svg');
}
.etoile-courbee-6-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-6-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-6-branches-large.svg');
}
.etoile-courbee-8-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-8-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-8-branches.svg');
}
.etoile-courbee-8-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-8-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-8-branches-large.svg');
}
.etoile-courbee-10-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-10-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-10-branches.svg');
}
.etoile-courbee-10-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-10-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-10-branches-large.svg');
}
.etoile-courbee-12-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-12-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-12-branches.svg');
}
.etoile-courbee-12-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-12-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-12-branches-large.svg');
}
.etoile-courbee-16-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-16-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-16-branches.svg');
}
.etoile-courbee-16-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-16-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-16-branches-large.svg');
}
.etoile-courbee-24-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-24-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-24-branches.svg');
}
.etoile-courbee-24-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-24-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/courbees/etoile-courbee-24-branches-large.svg');
}

/* FLEURS */
.etoile-fleur-5-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-5-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-5-branches.svg');
}
.etoile-fleur-5-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-5-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-5-branches-large.svg');
}
.etoile-fleur-6-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-6-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-6-branches.svg');
}
.etoile-fleur-6-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-6-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-6-branches-large.svg');
}
.etoile-fleur-8-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-8-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-8-branches.svg');
}
.etoile-fleur-8-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-8-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-8-branches-large.svg');
}
.etoile-fleur-10-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-10-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-10-branches.svg');
}
.etoile-fleur-10-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-10-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-10-branches-large.svg');
}
.etoile-fleur-12-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-12-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-12-branches.svg');
}
.etoile-fleur-12-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-12-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-12-branches-large.svg');
}
.etoile-fleur-16-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-16-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-16-branches.svg');
}
.etoile-fleur-16-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-16-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-16-branches-large.svg');
}
.etoile-fleur-24-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-24-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-24-branches.svg');
}
.etoile-fleur-24-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-24-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/fleurs/etoile-fleur-24-branches-large.svg');
}

/* CONCAVES */
.etoile-concave-5-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-5-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-5-branches.svg');
}
.etoile-concave-5-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-5-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-5-branches-large.svg');
}
.etoile-concave-6-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-6-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-6-branches.svg');
}
.etoile-concave-6-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-6-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-6-branches-large.svg');
}
.etoile-concave-8-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-8-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-8-branches.svg');
}
.etoile-concave-8-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-8-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-8-branches-large.svg');
}
.etoile-concave-10-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-10-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-10-branches.svg');
}
.etoile-concave-10-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-10-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-10-branches-large.svg');
}
.etoile-concave-12-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-12-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-12-branches.svg');
}
.etoile-concave-12-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-12-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-12-branches-large.svg');
}
.etoile-concave-16-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-16-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-16-branches.svg');
}
.etoile-concave-16-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-16-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-16-branches-large.svg');
}
.etoile-concave-24-branches {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-24-branches.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-24-branches.svg');
}
.etoile-concave-24-branches-large {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-24-branches-large.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/etoiles/concaves/etoile-concave-24-branches-large.svg');
}



/*
* MURS
*/
.mur-rectangle-horizontale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-horizontale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-horizontale.svg');
}
.mur-rectangle-arrondi-horizontale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-horizontale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-horizontale.svg');
}
.mur-capsule-horizontale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-capsule-horizontale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-capsule-horizontale.svg');
}
.mur-rectangle-verticale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-verticale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-verticale.svg');
}
.mur-rectangle-arrondi-verticale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-verticale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-verticale.svg');
}
.mur-capsule-verticale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-capsule-verticale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-capsule-verticale.svg');
}
.mur-rectangle-diagonale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-diagonale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-diagonale.svg');
}
.mur-rectangle-arrondi-diagonale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-diagonale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-rectangle-arrondi-diagonale.svg');
}
.mur-capsule-diagonale {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-capsule-diagonale.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-capsule-diagonale.svg');
}

.mur-blob-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-blob-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-blob-v1.svg');
}
.mur-blob-v2 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-blob-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-blob-v2.svg');
}
.mur-blob-v3 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/textures/mur-blob-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/textures/mur-blob-v3.svg');
}



/*
* BRUSHES
*/
/* PINCEAUX */
.brush-pinceau-v1 {
    aspect-ratio: 512 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v1.svg');
}
.brush-pinceau-v2 {
    aspect-ratio: 437 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v2.svg');
}
.brush-pinceau-v3 {
    aspect-ratio: 436 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v3.svg');
}
.brush-pinceau-v4 {
    aspect-ratio: 512 / 384;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v4.svg');
}
.brush-pinceau-v5 {
    aspect-ratio: 512 / 342;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v5.svg');
}
.brush-pinceau-v6 {
    aspect-ratio: 512 / 384;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v6.svg');
}
.brush-pinceau-v7 {
    aspect-ratio: 512 / 384;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v7.svg');
}
.brush-pinceau-v8 {
    aspect-ratio: 512 / 288;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v8.svg');
}
.brush-pinceau-v9 {
    aspect-ratio: 512 / 342;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v9.svg');
}
.brush-pinceau-v10 {
    aspect-ratio: 512 / 288;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v10.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v10.svg');
}
.brush-pinceau-v11 {
    aspect-ratio: 512 / 290;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v11.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v11.svg');
}
.brush-pinceau-v12 {
    aspect-ratio: 512 / 342;
    mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v12.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/pinceaux/brush-pinceau-v12.svg');
}

/* FEUTRES */
.brush-feutre-v1 {
    aspect-ratio: 512 / 496;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v1.svg');
}
.brush-feutre-v2 {
    aspect-ratio: 512 / 446;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v2.svg');
}
.brush-feutre-v3 {
    aspect-ratio: 505 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v3.svg');
}
.brush-feutre-v4 {
    aspect-ratio: 512 / 500;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v4.svg');
}
.brush-feutre-v5 {
    aspect-ratio: 512 / 458;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v5.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v5.svg');
}
.brush-feutre-v6 {
    aspect-ratio: 446 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v6.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v6.svg');
}
.brush-feutre-v7 {
    aspect-ratio: 489 / 512;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v7.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v7.svg');
}
.brush-feutre-v8 {
    aspect-ratio: 512 / 462;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v8.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v8.svg');
}
.brush-feutre-v9 {
    aspect-ratio: 512 / 440;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v9.svg');
}
.brush-feutre-v10 {
    aspect-ratio: 512 / 477;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v10.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v10.svg');
}
.brush-feutre-v11 {
    aspect-ratio: 512 / 478;
    mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v11.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/brushes/feutres/brush-feutre-v11.svg');
}



/*
* FRAMES
*/
/* CARRÉ */
.frame-biseau-arrondi {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/frames/carres/frame-biseau-arrondi.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/carres/frame-biseau-arrondi.svg');
}
.frame-accolade {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/frames/carres/frame-accolade.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/carres/frame-accolade.svg');
}
.frame-ornement-v1 {
    aspect-ratio: 1 / 1;
    mask-image: url('../images/app/images/formes-images/frames/carres/frame-ornement-v1.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/carres/frame-ornement-v1.svg');
}

/* HORIZONTAUX */
.frame-biseau-arrondi--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--4-3.svg');
}
.frame-accolade--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--4-3.svg');
}
.frame-ornement-v1--4-3 {
    aspect-ratio: 4 / 3;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--4-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--4-3.svg');
}

.frame-biseau-arrondi--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--3-2.svg');
}
.frame-accolade--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--3-2.svg');
}
.frame-ornement-v1--3-2 {
    aspect-ratio: 3 / 2;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--3-2.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--3-2.svg');
}

.frame-biseau-arrondi--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-biseau-arrondi--16-9.svg');
}
.frame-accolade--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-accolade--16-9.svg');
}
.frame-ornement-v1--16-9 {
    aspect-ratio: 16 / 9;
    mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--16-9.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/horizontaux/frame-ornement-v1--16-9.svg');
}

/* VERTICAUX */
.frame-biseau-arrondi--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--3-4.svg');
}
.frame-accolade--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--3-4.svg');
}
.frame-ornement-v1--3-4 {
    aspect-ratio: 3 / 4;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--3-4.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--3-4.svg');
}

.frame-biseau-arrondi--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--2-3.svg');
}
.frame-accolade--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--2-3.svg');
}
.frame-ornement-v1--2-3 {
    aspect-ratio: 2 / 3;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--2-3.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--2-3.svg');
}

.frame-biseau-arrondi--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-biseau-arrondi--9-16.svg');
}
.frame-accolade--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-accolade--9-16.svg');
}
.frame-ornement-v1--9-16 {
    aspect-ratio: 9 / 16;
    mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--9-16.svg');
    -webkit-mask-image: url('../images/app/images/formes-images/frames/verticaux/frame-ornement-v1--9-16.svg');
}