/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : WIDTH
    Styles liés à la propriété width
*/

/*
    01 - XS
        Width
            Base
            Pourcent
            Vw
            Pixels
        Min-Width
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* ---------------------
    01 - XS
        Width
            Base
--------------------- */

.w-0 {
    width: 0;
}

.w-auto {
    width: auto;
}



/* ---------------------
    01 - XS
        Width
            Pourcent
--------------------- */

.w-1-12,
.w-8 {
    width: 8.3333%;
}

.w-2-12,
.w-16 {
    width: 16.6667%;
}

.w-3-12,
.w-25 {
    width: 25%;
}

.w-4-12,
.w-33 {
    width: 33.3333%;
}

.w-5-12,
.w-41 {
    width: 41.6667%;
}

.w-6-12,
.w-50 {
    width: 50%;
}

.w-7-12,
.w-58 {
    width: 58.3333%;
}

.w-8-12,
.w-66 {
    width: 66.6667%;
}

.w-9-12,
.w-75 {
    width: 75%;
}

.w-10-12,
.w-83 {
    width: 83.3333%;
}

.w-11-12,
.w-91 {
    width: 91.6667%;
}

.w-12-12,
.w-100 {
    width: 100%;
}



/* ---------------------
    01 - XS
        Width
            Vw
--------------------- */

.w-8vw {
    width: 8.3333vw;
}

.w-16vw {
    width: 16.6667vw;
}

.w-25vw {
    width: 25vw;
}

.w-33vw {
    width: 33.3333vw;
}

.w-41vw {
    width: 41.6667vw;
}

.w-50vw {
    width: 50vw;
}

.w-58vw {
    width: 58.3333vw;
}

.w-66vw {
    width: 66.6667vw;
}

.w-75vw {
    width: 75vw;
}

.w-83vw {
    width: 83.3333vw;
}

.w-91vw {
    width: 91.6667vw;
}

.w-100vw {
    width: 100vw;
}



/* -----------------
    01 - XS
        Width
            Pixels
----------------- */

.w-3px {
    width: 3px;
}

.w-5px {
    width: 5px;
}

.w-8px {
    width: 8px;
}

.w-10px {
    width: 10px;
}

.w-15px {
    width: 15px;
}

.w-20px {
    width: 20px;
}

.w-25px {
    width: 25px;
}

.w-30px {
    width: 30px;
}

.w-40px {
    width: 40px;
}

.w-50px {
    width: 50px;
}

.w-60px {
    width: 60px;
}

.w-70px {
    width: 70px;
}

.w-80px {
    width: 80px;
}

.w-90px {
    width: 90px;
}

.w-100px {
    width: 100px;
}



/* ---------------------
    01 - XS
        Min-width
            Base
--------------------- */

.min-w-0 {
    min-width: 0;
}

.min-w-auto {
    min-width: auto;
}



/* ---------------------
    01 - XS
        Min-width
            Pourcent
--------------------- */

.min-w-1-12,
.min-w-8 {
    min-width: 8.3333%;
}

.min-w-2-12,
.min-w-16 {
    min-width: 16.6667%;
}

.min-w-3-12,
.min-w-25 {
    min-width: 25%;
}

.min-w-4-12,
.min-w-33 {
    min-width: 33.3333%;
}

.min-w-5-12,
.min-w-41 {
    min-width: 41.6667%;
}

.min-w-6-12,
.min-w-50 {
    min-width: 50%;
}

.min-w-7-12,
.min-w-58 {
    min-width: 58.3333%;
}

.min-w-8-12,
.min-w-66 {
    min-width: 66.6667%;
}

.min-w-9-12,
.min-w-75 {
    min-width: 75%;
}

.min-w-10-12,
.min-w-83 {
    min-width: 83.3333%;
}

.min-w-11-12,
.min-w-91 {
    min-width: 91.6667%;
}

.min-w-12-12,
.min-w-100 {
    min-width: 100%;
}



/* ---------------------
    01 - XS
        Min-width
            Vw
--------------------- */

.min-w-8vw {
    min-width: 8.3333vw;
}

.min-w-16vw {
    min-width: 16.6667vw;
}

.min-w-25vw {
    min-width: 25vw;
}

.min-w-33vw {
    min-width: 33.3333vw;
}

.min-w-41vw {
    min-width: 41.6667vw;
}

.min-w-50vw {
    min-width: 50vw;
}

.min-w-58vw {
    min-width: 58.3333vw;
}

.min-w-66vw {
    min-width: 66.6667vw;
}

.min-w-75vw {
    min-width: 75vw;
}

.min-w-83vw {
    min-width: 83.3333vw;
}

.min-w-91vw {
    min-width: 91.6667vw;
}

.min-w-100vw {
    min-width: 100vw;
}



/* -----------------
    01 - XS
        Min-width
            Pixels
----------------- */

.min-w-3px {
    min-width: 3px;
}

.min-w-5px {
    min-width: 5px;
}

.min-w-8px {
    min-width: 8px;
}

.min-w-10px {
    min-width: 10px;
}

.min-w-15px {
    min-width: 15px;
}

.min-w-20px {
    min-width: 20px;
}

.min-w-25px {
    min-width: 25px;
}

.min-w-30px {
    min-width: 30px;
}

.min-w-40px {
    min-width: 40px;
}

.min-w-50px {
    min-width: 50px;
}

.min-w-60px {
    min-width: 60px;
}

.min-w-70px {
    min-width: 70px;
}

.min-w-80px {
    min-width: 80px;
}

.min-w-90px {
    min-width: 90px;
}

.min-w-100px {
    min-width: 100px;
}



/* ---------------------
    02 - SM
        Width
            Base
--------------------- */

@media (min-width: 576px) {
    .w-sm-0 {
        width: 0;
    }

    .w-sm-auto {
        width: auto;
    }
}



/* ---------------------
    02 - SM
        Width
            Pourcent
--------------------- */

@media (min-width: 576px) {
    .w-sm-1-12,
    .w-sm-8 {
        width: 8.3333%;
    }

    .w-sm-2-12,
    .w-sm-16 {
        width: 16.6667%;
    }

    .w-sm-3-12,
    .w-sm-25 {
        width: 25%;
    }

    .w-sm-4-12,
    .w-sm-33 {
        width: 33.3333%;
    }

    .w-sm-5-12,
    .w-sm-41 {
        width: 41.6667%;
    }

    .w-sm-6-12,
    .w-sm-50 {
        width: 50%;
    }

    .w-sm-7-12,
    .w-sm-58 {
        width: 58.3333%;
    }

    .w-sm-8-12,
    .w-sm-66 {
        width: 66.6667%;
    }

    .w-sm-9-12,
    .w-sm-75 {
        width: 75%;
    }

    .w-sm-10-12,
    .w-sm-83 {
        width: 83.3333%;
    }

    .w-sm-11-12,
    .w-sm-91 {
        width: 91.6667%;
    }

    .w-sm-12-12,
    .w-sm-100 {
        width: 100%;
    }
}



/* ---------------------
    02 - SM
        Width
            Vw
--------------------- */

@media (min-width: 576px) {
    .w-sm-8vw {
        width: 8.3333vw;
    }

    .w-sm-16vw {
        width: 16.6667vw;
    }

    .w-sm-25vw {
        width: 25vw;
    }

    .w-sm-33vw {
        width: 33.3333vw;
    }

    .w-sm-41vw {
        width: 41.6667vw;
    }

    .w-sm-50vw {
        width: 50vw;
    }

    .w-sm-58vw {
        width: 58.3333vw;
    }

    .w-sm-66vw {
        width: 66.6667vw;
    }

    .w-sm-75vw {
        width: 75vw;
    }

    .w-sm-83vw {
        width: 83.3333vw;
    }

    .w-sm-91vw {
        width: 91.6667vw;
    }

    .w-sm-100vw {
        width: 100vw;
    }
}



/* -----------------
    02 - SM
        Width
            Pixels
----------------- */

@media (min-width: 576px) {
    .w-sm-3px {
        width: 3px;
    }

    .w-sm-5px {
        width: 5px;
    }

    .w-sm-8px {
        width: 8px;
    }

    .w-sm-10px {
        width: 10px;
    }

    .w-sm-15px {
        width: 15px;
    }

    .w-sm-20px {
        width: 20px;
    }

    .w-sm-25px {
        width: 25px;
    }

    .w-sm-30px {
        width: 30px;
    }

    .w-sm-40px {
        width: 40px;
    }

    .w-sm-50px {
        width: 50px;
    }

    .w-sm-60px {
        width: 60px;
    }

    .w-sm-70px {
        width: 70px;
    }

    .w-sm-80px {
        width: 80px;
    }

    .w-sm-90px {
        width: 90px;
    }

    .w-sm-100px {
        width: 100px;
    }
}



/* ---------------------
    02 - SM
        Min-width
            Base
--------------------- */

@media (min-width: 576px) {
    .min-w-sm-0 {
        min-width: 0;
    }

    .min-w-sm-auto {
        min-width: auto;
    }
}



/* ---------------------
    02 - SM
        Min-width
            Pourcent
--------------------- */

@media (min-width: 576px) {
    .min-w-sm-1-12,
    .min-w-sm-8 {
        min-width: 8.3333%;
    }

    .min-w-sm-2-12,
    .min-w-sm-16 {
        min-width: 16.6667%;
    }

    .min-w-sm-3-12,
    .min-w-sm-25 {
        min-width: 25%;
    }

    .min-w-sm-4-12,
    .min-w-sm-33 {
        min-width: 33.3333%;
    }

    .min-w-sm-5-12,
    .min-w-sm-41 {
        min-width: 41.6667%;
    }

    .min-w-sm-6-12,
    .min-w-sm-50 {
        min-width: 50%;
    }

    .min-w-sm-7-12,
    .min-w-sm-58 {
        min-width: 58.3333%;
    }

    .min-w-sm-8-12,
    .min-w-sm-66 {
        min-width: 66.6667%;
    }

    .min-w-sm-9-12,
    .min-w-sm-75 {
        min-width: 75%;
    }

    .min-w-sm-10-12,
    .min-w-sm-83 {
        min-width: 83.3333%;
    }

    .min-w-sm-11-12,
    .min-w-sm-91 {
        min-width: 91.6667%;
    }

    .min-w-sm-12-12,
    .min-w-sm-100 {
        min-width: 100%;
    }
}



/* ---------------------
    02 - SM
        Min-width
            Vw
--------------------- */

@media (min-width: 576px) {
    .min-w-sm-8vw {
        min-width: 8.3333vw;
    }

    .min-w-sm-16vw {
        min-width: 16.6667vw;
    }

    .min-w-sm-25vw {
        min-width: 25vw;
    }

    .min-w-sm-33vw {
        min-width: 33.3333vw;
    }

    .min-w-sm-41vw {
        min-width: 41.6667vw;
    }

    .min-w-sm-50vw {
        min-width: 50vw;
    }

    .min-w-sm-58vw {
        min-width: 58.3333vw;
    }

    .min-w-sm-66vw {
        min-width: 66.6667vw;
    }

    .min-w-sm-75vw {
        min-width: 75vw;
    }

    .min-w-sm-83vw {
        min-width: 83.3333vw;
    }

    .min-w-sm-91vw {
        min-width: 91.6667vw;
    }

    .min-w-sm-100vw {
        min-width: 100vw;
    }
}



/* -----------------
    02 - SM
        Min-width
            Pixels
----------------- */

@media (min-width: 576px) {
    .min-w-sm-3px {
        min-width: 3px;
    }

    .min-w-sm-5px {
        min-width: 5px;
    }

    .min-w-sm-8px {
        min-width: 8px;
    }

    .min-w-sm-10px {
        min-width: 10px;
    }

    .min-w-sm-15px {
        min-width: 15px;
    }

    .min-w-sm-20px {
        min-width: 20px;
    }

    .min-w-sm-25px {
        min-width: 25px;
    }

    .min-w-sm-30px {
        min-width: 30px;
    }

    .min-w-sm-40px {
        min-width: 40px;
    }

    .min-w-sm-50px {
        min-width: 50px;
    }

    .min-w-sm-60px {
        min-width: 60px;
    }

    .min-w-sm-70px {
        min-width: 70px;
    }

    .min-w-sm-80px {
        min-width: 80px;
    }

    .min-w-sm-90px {
        min-width: 90px;
    }

    .min-w-sm-100px {
        min-width: 100px;
    }
}



/* ---------------------
    03 - MD
        Width
            Base
--------------------- */

@media (min-width: 768px) {
    .w-md-0 {
        width: 0;
    }

    .w-md-auto {
        width: auto;
    }
}



/* ---------------------
    03 - MD
        Width
            Pourcent
--------------------- */

@media (min-width: 768px) {
    .w-md-1-12,
    .w-md-8 {
        width: 8.3333%;
    }

    .w-md-2-12,
    .w-md-16 {
        width: 16.6667%;
    }

    .w-md-3-12,
    .w-md-25 {
        width: 25%;
    }

    .w-md-4-12,
    .w-md-33 {
        width: 33.3333%;
    }

    .w-md-5-12,
    .w-md-41 {
        width: 41.6667%;
    }

    .w-md-6-12,
    .w-md-50 {
        width: 50%;
    }

    .w-md-7-12,
    .w-md-58 {
        width: 58.3333%;
    }

    .w-md-8-12,
    .w-md-66 {
        width: 66.6667%;
    }

    .w-md-9-12,
    .w-md-75 {
        width: 75%;
    }

    .w-md-10-12,
    .w-md-83 {
        width: 83.3333%;
    }

    .w-md-11-12,
    .w-md-91 {
        width: 91.6667%;
    }

    .w-md-12-12,
    .w-md-100 {
        width: 100%;
    }
}



/* ---------------------
    03 - MD
        Width
            Vw
--------------------- */

@media (min-width: 768px) {
    .w-md-8vw {
        width: 8.3333vw;
    }

    .w-md-16vw {
        width: 16.6667vw;
    }

    .w-md-25vw {
        width: 25vw;
    }

    .w-md-33vw {
        width: 33.3333vw;
    }

    .w-md-41vw {
        width: 41.6667vw;
    }

    .w-md-50vw {
        width: 50vw;
    }

    .w-md-58vw {
        width: 58.3333vw;
    }

    .w-md-66vw {
        width: 66.6667vw;
    }

    .w-md-75vw {
        width: 75vw;
    }

    .w-md-83vw {
        width: 83.3333vw;
    }

    .w-md-91vw {
        width: 91.6667vw;
    }

    .w-md-100vw {
        width: 100vw;
    }
}



/* -----------------
    03 - MD
        Width
            Pixels
----------------- */

@media (min-width: 768px) {
    .w-md-3px {
        width: 3px;
    }

    .w-md-5px {
        width: 5px;
    }

    .w-md-8px {
        width: 8px;
    }

    .w-md-10px {
        width: 10px;
    }

    .w-md-15px {
        width: 15px;
    }

    .w-md-20px {
        width: 20px;
    }

    .w-md-25px {
        width: 25px;
    }

    .w-md-30px {
        width: 30px;
    }

    .w-md-40px {
        width: 40px;
    }

    .w-md-50px {
        width: 50px;
    }

    .w-md-60px {
        width: 60px;
    }

    .w-md-70px {
        width: 70px;
    }

    .w-md-80px {
        width: 80px;
    }

    .w-md-90px {
        width: 90px;
    }

    .w-md-100px {
        width: 100px;
    }
}



/* ---------------------
    03 - MD
        Min-width
            Base
--------------------- */

@media (min-width: 768px) {
    .min-w-md-0 {
        min-width: 0;
    }

    .min-w-md-auto {
        min-width: auto;
    }
}



/* ---------------------
    03 - MD
        Min-width
            Pourcent
--------------------- */

@media (min-width: 768px) {
    .min-w-md-1-12,
    .min-w-md-8 {
        min-width: 8.3333%;
    }

    .min-w-md-2-12,
    .min-w-md-16 {
        min-width: 16.6667%;
    }

    .min-w-md-3-12,
    .min-w-md-25 {
        min-width: 25%;
    }

    .min-w-md-4-12,
    .min-w-md-33 {
        min-width: 33.3333%;
    }

    .min-w-md-5-12,
    .min-w-md-41 {
        min-width: 41.6667%;
    }

    .min-w-md-6-12,
    .min-w-md-50 {
        min-width: 50%;
    }

    .min-w-md-7-12,
    .min-w-md-58 {
        min-width: 58.3333%;
    }

    .min-w-md-8-12,
    .min-w-md-66 {
        min-width: 66.6667%;
    }

    .min-w-md-9-12,
    .min-w-md-75 {
        min-width: 75%;
    }

    .min-w-md-10-12,
    .min-w-md-83 {
        min-width: 83.3333%;
    }

    .min-w-md-11-12,
    .min-w-md-91 {
        min-width: 91.6667%;
    }

    .min-w-md-12-12,
    .min-w-md-100 {
        min-width: 100%;
    }
}



/* ---------------------
    03 - MD
        Min-width
            Vw
--------------------- */

@media (min-width: 768px) {
    .min-w-md-8vw {
        min-width: 8.3333vw;
    }

    .min-w-md-16vw {
        min-width: 16.6667vw;
    }

    .min-w-md-25vw {
        min-width: 25vw;
    }

    .min-w-md-33vw {
        min-width: 33.3333vw;
    }

    .min-w-md-41vw {
        min-width: 41.6667vw;
    }

    .min-w-md-50vw {
        min-width: 50vw;
    }

    .min-w-md-58vw {
        min-width: 58.3333vw;
    }

    .min-w-md-66vw {
        min-width: 66.6667vw;
    }

    .min-w-md-75vw {
        min-width: 75vw;
    }

    .min-w-md-83vw {
        min-width: 83.3333vw;
    }

    .min-w-md-91vw {
        min-width: 91.6667vw;
    }

    .min-w-md-100vw {
        min-width: 100vw;
    }
}



/* -----------------
    03 - MD
        Min-width
            Pixels
----------------- */

@media (min-width: 768px) {
    .min-w-md-3px {
        min-width: 3px;
    }

    .min-w-md-5px {
        min-width: 5px;
    }

    .min-w-md-8px {
        min-width: 8px;
    }

    .min-w-md-10px {
        min-width: 10px;
    }

    .min-w-md-15px {
        min-width: 15px;
    }

    .min-w-md-20px {
        min-width: 20px;
    }

    .min-w-md-25px {
        min-width: 25px;
    }

    .min-w-md-30px {
        min-width: 30px;
    }

    .min-w-md-40px {
        min-width: 40px;
    }

    .min-w-md-50px {
        min-width: 50px;
    }

    .min-w-md-60px {
        min-width: 60px;
    }

    .min-w-md-70px {
        min-width: 70px;
    }

    .min-w-md-80px {
        min-width: 80px;
    }

    .min-w-md-90px {
        min-width: 90px;
    }

    .min-w-md-100px {
        min-width: 100px;
    }
}



/* ---------------------
    04 - LG
        Width
            Base
--------------------- */

@media (min-width: 992px) {
    .w-lg-0 {
        width: 0;
    }

    .w-lg-auto {
        width: auto;
    }
}



/* ---------------------
    04 - LG
        Width
            Pourcent
--------------------- */

@media (min-width: 992px) {
    .w-lg-1-12,
    .w-lg-8 {
        width: 8.3333%;
    }

    .w-lg-2-12,
    .w-lg-16 {
        width: 16.6667%;
    }

    .w-lg-3-12,
    .w-lg-25 {
        width: 25%;
    }

    .w-lg-4-12,
    .w-lg-33 {
        width: 33.3333%;
    }

    .w-lg-5-12,
    .w-lg-41 {
        width: 41.6667%;
    }

    .w-lg-6-12,
    .w-lg-50 {
        width: 50%;
    }

    .w-lg-7-12,
    .w-lg-58 {
        width: 58.3333%;
    }

    .w-lg-8-12,
    .w-lg-66 {
        width: 66.6667%;
    }

    .w-lg-9-12,
    .w-lg-75 {
        width: 75%;
    }

    .w-lg-10-12,
    .w-lg-83 {
        width: 83.3333%;
    }

    .w-lg-11-12,
    .w-lg-91 {
        width: 91.6667%;
    }

    .w-lg-12-12,
    .w-lg-100 {
        width: 100%;
    }
}



/* ---------------------
    04 - LG
        Width
            Vw
--------------------- */

@media (min-width: 992px) {
    .w-lg-8vw {
        width: 8.3333vw;
    }

    .w-lg-16vw {
        width: 16.6667vw;
    }

    .w-lg-25vw {
        width: 25vw;
    }

    .w-lg-33vw {
        width: 33.3333vw;
    }

    .w-lg-41vw {
        width: 41.6667vw;
    }

    .w-lg-50vw {
        width: 50vw;
    }

    .w-lg-58vw {
        width: 58.3333vw;
    }

    .w-lg-66vw {
        width: 66.6667vw;
    }

    .w-lg-75vw {
        width: 75vw;
    }

    .w-lg-83vw {
        width: 83.3333vw;
    }

    .w-lg-91vw {
        width: 91.6667vw;
    }

    .w-lg-100vw {
        width: 100vw;
    }
}



/* -----------------
    04 - LG
        Width
            Pixels
----------------- */

@media (min-width: 992px) {
    .w-lg-3px {
        width: 3px;
    }

    .w-lg-5px {
        width: 5px;
    }

    .w-lg-8px {
        width: 8px;
    }

    .w-lg-10px {
        width: 10px;
    }

    .w-lg-15px {
        width: 15px;
    }

    .w-lg-20px {
        width: 20px;
    }

    .w-lg-25px {
        width: 25px;
    }

    .w-lg-30px {
        width: 30px;
    }

    .w-lg-40px {
        width: 40px;
    }

    .w-lg-50px {
        width: 50px;
    }

    .w-lg-60px {
        width: 60px;
    }

    .w-lg-70px {
        width: 70px;
    }

    .w-lg-80px {
        width: 80px;
    }

    .w-lg-90px {
        width: 90px;
    }

    .w-lg-100px {
        width: 100px;
    }
}



/* ---------------------
    04 - LG
        Min-width
            Base
--------------------- */

@media (min-width: 992px) {
    .min-w-lg-0 {
        min-width: 0;
    }

    .min-w-lg-auto {
        min-width: auto;
    }
}



/* ---------------------
    04 - LG
        Min-width
            Pourcent
--------------------- */

@media (min-width: 992px) {
    .min-w-lg-1-12,
    .min-w-lg-8 {
        min-width: 8.3333%;
    }

    .min-w-lg-2-12,
    .min-w-lg-16 {
        min-width: 16.6667%;
    }

    .min-w-lg-3-12,
    .min-w-lg-25 {
        min-width: 25%;
    }

    .min-w-lg-4-12,
    .min-w-lg-33 {
        min-width: 33.3333%;
    }

    .min-w-lg-5-12,
    .min-w-lg-41 {
        min-width: 41.6667%;
    }

    .min-w-lg-6-12,
    .min-w-lg-50 {
        min-width: 50%;
    }

    .min-w-lg-7-12,
    .min-w-lg-58 {
        min-width: 58.3333%;
    }

    .min-w-lg-8-12,
    .min-w-lg-66 {
        min-width: 66.6667%;
    }

    .min-w-lg-9-12,
    .min-w-lg-75 {
        min-width: 75%;
    }

    .min-w-lg-10-12,
    .min-w-lg-83 {
        min-width: 83.3333%;
    }

    .min-w-lg-11-12,
    .min-w-lg-91 {
        min-width: 91.6667%;
    }

    .min-w-lg-12-12,
    .min-w-lg-100 {
        min-width: 100%;
    }
}



/* ---------------------
    04 - LG
        Min-width
            Vw
--------------------- */

@media (min-width: 992px) {
    .min-w-lg-8vw {
        min-width: 8.3333vw;
    }

    .min-w-lg-16vw {
        min-width: 16.6667vw;
    }

    .min-w-lg-25vw {
        min-width: 25vw;
    }

    .min-w-lg-33vw {
        min-width: 33.3333vw;
    }

    .min-w-lg-41vw {
        min-width: 41.6667vw;
    }

    .min-w-lg-50vw {
        min-width: 50vw;
    }

    .min-w-lg-58vw {
        min-width: 58.3333vw;
    }

    .min-w-lg-66vw {
        min-width: 66.6667vw;
    }

    .min-w-lg-75vw {
        min-width: 75vw;
    }

    .min-w-lg-83vw {
        min-width: 83.3333vw;
    }

    .min-w-lg-91vw {
        min-width: 91.6667vw;
    }

    .min-w-lg-100vw {
        min-width: 100vw;
    }
}



/* -----------------
    04 - LG
        Min-width
            Pixels
----------------- */

@media (min-width: 992px) {
    .min-w-lg-3px {
        min-width: 3px;
    }

    .min-w-lg-5px {
        min-width: 5px;
    }

    .min-w-lg-8px {
        min-width: 8px;
    }

    .min-w-lg-10px {
        min-width: 10px;
    }

    .min-w-lg-15px {
        min-width: 15px;
    }

    .min-w-lg-20px {
        min-width: 20px;
    }

    .min-w-lg-25px {
        min-width: 25px;
    }

    .min-w-lg-30px {
        min-width: 30px;
    }

    .min-w-lg-40px {
        min-width: 40px;
    }

    .min-w-lg-50px {
        min-width: 50px;
    }

    .min-w-lg-60px {
        min-width: 60px;
    }

    .min-w-lg-70px {
        min-width: 70px;
    }

    .min-w-lg-80px {
        min-width: 80px;
    }

    .min-w-lg-90px {
        min-width: 90px;
    }

    .min-w-lg-100px {
        min-width: 100px;
    }
}



/* ---------------------
    05 - XL
        Width
            Base
--------------------- */

@media (min-width: 1200px) {
    .w-xl-0 {
        width: 0;
    }

    .w-xl-auto {
        width: auto;
    }
}



/* ---------------------
    05 - XL
        Width
            Pourcent
--------------------- */

@media (min-width: 1200px) {
    .w-xl-1-12,
    .w-xl-8 {
        width: 8.3333%;
    }

    .w-xl-2-12,
    .w-xl-16 {
        width: 16.6667%;
    }

    .w-xl-3-12,
    .w-xl-25 {
        width: 25%;
    }

    .w-xl-4-12,
    .w-xl-33 {
        width: 33.3333%;
    }

    .w-xl-5-12,
    .w-xl-41 {
        width: 41.6667%;
    }

    .w-xl-6-12,
    .w-xl-50 {
        width: 50%;
    }

    .w-xl-7-12,
    .w-xl-58 {
        width: 58.3333%;
    }

    .w-xl-8-12,
    .w-xl-66 {
        width: 66.6667%;
    }

    .w-xl-9-12,
    .w-xl-75 {
        width: 75%;
    }

    .w-xl-10-12,
    .w-xl-83 {
        width: 83.3333%;
    }

    .w-xl-11-12,
    .w-xl-91 {
        width: 91.6667%;
    }

    .w-xl-12-12,
    .w-xl-100 {
        width: 100%;
    }
}



/* ---------------------
    05 - XL
        Width
            Vw
--------------------- */

@media (min-width: 1200px) {
    .w-xl-8vw {
        width: 8.3333vw;
    }

    .w-xl-16vw {
        width: 16.6667vw;
    }

    .w-xl-25vw {
        width: 25vw;
    }

    .w-xl-33vw {
        width: 33.3333vw;
    }

    .w-xl-41vw {
        width: 41.6667vw;
    }

    .w-xl-50vw {
        width: 50vw;
    }

    .w-xl-58vw {
        width: 58.3333vw;
    }

    .w-xl-66vw {
        width: 66.6667vw;
    }

    .w-xl-75vw {
        width: 75vw;
    }

    .w-xl-83vw {
        width: 83.3333vw;
    }

    .w-xl-91vw {
        width: 91.6667vw;
    }

    .w-xl-100vw {
        width: 100vw;
    }
}



/* -----------------
    05 - XL
        Width
            Pixels
----------------- */

@media (min-width: 1200px) {
    .w-xl-3px {
        width: 3px;
    }

    .w-xl-5px {
        width: 5px;
    }

    .w-xl-8px {
        width: 8px;
    }

    .w-xl-10px {
        width: 10px;
    }

    .w-xl-15px {
        width: 15px;
    }

    .w-xl-20px {
        width: 20px;
    }

    .w-xl-25px {
        width: 25px;
    }

    .w-xl-30px {
        width: 30px;
    }

    .w-xl-40px {
        width: 40px;
    }

    .w-xl-50px {
        width: 50px;
    }

    .w-xl-60px {
        width: 60px;
    }

    .w-xl-70px {
        width: 70px;
    }

    .w-xl-80px {
        width: 80px;
    }

    .w-xl-90px {
        width: 90px;
    }

    .w-xl-100px {
        width: 100px;
    }
}



/* ---------------------
    05 - XL
        Min-width
            Base
--------------------- */

@media (min-width: 1200px) {
    .min-w-xl-0 {
        min-width: 0;
    }

    .min-w-xl-auto {
        min-width: auto;
    }
}



/* ---------------------
    05 - XL
        Min-width
            Pourcent
--------------------- */

@media (min-width: 1200px) {
    .min-w-xl-1-12,
    .min-w-xl-8 {
        min-width: 8.3333%;
    }

    .min-w-xl-2-12,
    .min-w-xl-16 {
        min-width: 16.6667%;
    }

    .min-w-xl-3-12,
    .min-w-xl-25 {
        min-width: 25%;
    }

    .min-w-xl-4-12,
    .min-w-xl-33 {
        min-width: 33.3333%;
    }

    .min-w-xl-5-12,
    .min-w-xl-41 {
        min-width: 41.6667%;
    }

    .min-w-xl-6-12,
    .min-w-xl-50 {
        min-width: 50%;
    }

    .min-w-xl-7-12,
    .min-w-xl-58 {
        min-width: 58.3333%;
    }

    .min-w-xl-8-12,
    .min-w-xl-66 {
        min-width: 66.6667%;
    }

    .min-w-xl-9-12,
    .min-w-xl-75 {
        min-width: 75%;
    }

    .min-w-xl-10-12,
    .min-w-xl-83 {
        min-width: 83.3333%;
    }

    .min-w-xl-11-12,
    .min-w-xl-91 {
        min-width: 91.6667%;
    }

    .min-w-xl-12-12,
    .min-w-xl-100 {
        min-width: 100%;
    }
}



/* ---------------------
    05 - XL
        Min-width
            Vw
--------------------- */

@media (min-width: 1200px) {
    .min-w-xl-8vw {
        min-width: 8.3333vw;
    }

    .min-w-xl-16vw {
        min-width: 16.6667vw;
    }

    .min-w-xl-25vw {
        min-width: 25vw;
    }

    .min-w-xl-33vw {
        min-width: 33.3333vw;
    }

    .min-w-xl-41vw {
        min-width: 41.6667vw;
    }

    .min-w-xl-50vw {
        min-width: 50vw;
    }

    .min-w-xl-58vw {
        min-width: 58.3333vw;
    }

    .min-w-xl-66vw {
        min-width: 66.6667vw;
    }

    .min-w-xl-75vw {
        min-width: 75vw;
    }

    .min-w-xl-83vw {
        min-width: 83.3333vw;
    }

    .min-w-xl-91vw {
        min-width: 91.6667vw;
    }

    .min-w-xl-100vw {
        min-width: 100vw;
    }
}



/* -----------------
    05 - XL
        Min-width
            Pixels
----------------- */

@media (min-width: 1200px) {
    .min-w-xl-3px {
        min-width: 3px;
    }

    .min-w-xl-5px {
        min-width: 5px;
    }

    .min-w-xl-8px {
        min-width: 8px;
    }

    .min-w-xl-10px {
        min-width: 10px;
    }

    .min-w-xl-15px {
        min-width: 15px;
    }

    .min-w-xl-20px {
        min-width: 20px;
    }

    .min-w-xl-25px {
        min-width: 25px;
    }

    .min-w-xl-30px {
        min-width: 30px;
    }

    .min-w-xl-40px {
        min-width: 40px;
    }

    .min-w-xl-50px {
        min-width: 50px;
    }

    .min-w-xl-60px {
        min-width: 60px;
    }

    .min-w-xl-70px {
        min-width: 70px;
    }

    .min-w-xl-80px {
        min-width: 80px;
    }

    .min-w-xl-90px {
        min-width: 90px;
    }

    .min-w-xl-100px {
        min-width: 100px;
    }
}



/* ---------------------
    06 - XXL
        Width
            Base
--------------------- */

@media (min-width: 1400px) {
    .w-xxl-0 {
        width: 0;
    }

    .w-xxl-auto {
        width: auto;
    }
}



/* ---------------------
    06 - XXL
        Width
            Pourcent
--------------------- */

@media (min-width: 1400px) {
    .w-xxl-1-12,
    .w-xxl-8 {
        width: 8.3333%;
    }

    .w-xxl-2-12,
    .w-xxl-16 {
        width: 16.6667%;
    }

    .w-xxl-3-12,
    .w-xxl-25 {
        width: 25%;
    }

    .w-xxl-4-12,
    .w-xxl-33 {
        width: 33.3333%;
    }

    .w-xxl-5-12,
    .w-xxl-41 {
        width: 41.6667%;
    }

    .w-xxl-6-12,
    .w-xxl-50 {
        width: 50%;
    }

    .w-xxl-7-12,
    .w-xxl-58 {
        width: 58.3333%;
    }

    .w-xxl-8-12,
    .w-xxl-66 {
        width: 66.6667%;
    }

    .w-xxl-9-12,
    .w-xxl-75 {
        width: 75%;
    }

    .w-xxl-10-12,
    .w-xxl-83 {
        width: 83.3333%;
    }

    .w-xxl-11-12,
    .w-xxl-91 {
        width: 91.6667%;
    }

    .w-xxl-12-12,
    .w-xxl-100 {
        width: 100%;
    }
}



/* ---------------------
    06 - XXL
        Width
            Vw
--------------------- */

@media (min-width: 1400px) {
    .w-xxl-8vw {
        width: 8.3333vw;
    }

    .w-xxl-16vw {
        width: 16.6667vw;
    }

    .w-xxl-25vw {
        width: 25vw;
    }

    .w-xxl-33vw {
        width: 33.3333vw;
    }

    .w-xxl-41vw {
        width: 41.6667vw;
    }

    .w-xxl-50vw {
        width: 50vw;
    }

    .w-xxl-58vw {
        width: 58.3333vw;
    }

    .w-xxl-66vw {
        width: 66.6667vw;
    }

    .w-xxl-75vw {
        width: 75vw;
    }

    .w-xxl-83vw {
        width: 83.3333vw;
    }

    .w-xxl-91vw {
        width: 91.6667vw;
    }

    .w-xxl-100vw {
        width: 100vw;
    }
}



/* -----------------
    06 - XXL
        Width
            Pixels
----------------- */

@media (min-width: 1400px) {
    .w-xxl-3px {
        width: 3px;
    }

    .w-xxl-5px {
        width: 5px;
    }

    .w-xxl-8px {
        width: 8px;
    }

    .w-xxl-10px {
        width: 10px;
    }

    .w-xxl-15px {
        width: 15px;
    }

    .w-xxl-20px {
        width: 20px;
    }

    .w-xxl-25px {
        width: 25px;
    }

    .w-xxl-30px {
        width: 30px;
    }

    .w-xxl-40px {
        width: 40px;
    }

    .w-xxl-50px {
        width: 50px;
    }

    .w-xxl-60px {
        width: 60px;
    }

    .w-xxl-70px {
        width: 70px;
    }

    .w-xxl-80px {
        width: 80px;
    }

    .w-xxl-90px {
        width: 90px;
    }

    .w-xxl-100px {
        width: 100px;
    }
}



/* ---------------------
    06 - XXL
        Min-width
            Base
--------------------- */

@media (min-width: 1400px) {
    .min-w-xxl-0 {
        min-width: 0;
    }

    .min-w-xxl-auto {
        min-width: auto;
    }
}



/* ---------------------
    06 - XXL
        Min-width
            Pourcent
--------------------- */

@media (min-width: 1400px) {
    .min-w-xxl-1-12,
    .min-w-xxl-8 {
        min-width: 8.3333%;
    }

    .min-w-xxl-2-12,
    .min-w-xxl-16 {
        min-width: 16.6667%;
    }

    .min-w-xxl-3-12,
    .min-w-xxl-25 {
        min-width: 25%;
    }

    .min-w-xxl-4-12,
    .min-w-xxl-33 {
        min-width: 33.3333%;
    }

    .min-w-xxl-5-12,
    .min-w-xxl-41 {
        min-width: 41.6667%;
    }

    .min-w-xxl-6-12,
    .min-w-xxl-50 {
        min-width: 50%;
    }

    .min-w-xxl-7-12,
    .min-w-xxl-58 {
        min-width: 58.3333%;
    }

    .min-w-xxl-8-12,
    .min-w-xxl-66 {
        min-width: 66.6667%;
    }

    .min-w-xxl-9-12,
    .min-w-xxl-75 {
        min-width: 75%;
    }

    .min-w-xxl-10-12,
    .min-w-xxl-83 {
        min-width: 83.3333%;
    }

    .min-w-xxl-11-12,
    .min-w-xxl-91 {
        min-width: 91.6667%;
    }

    .min-w-xxl-12-12,
    .min-w-xxl-100 {
        min-width: 100%;
    }
}



/* ---------------------
    06 - XXL
        Min-width
            Vw
--------------------- */

@media (min-width: 1400px) {
    .min-w-xxl-8vw {
        min-width: 8.3333vw;
    }

    .min-w-xxl-16vw {
        min-width: 16.6667vw;
    }

    .min-w-xxl-25vw {
        min-width: 25vw;
    }

    .min-w-xxl-33vw {
        min-width: 33.3333vw;
    }

    .min-w-xxl-41vw {
        min-width: 41.6667vw;
    }

    .min-w-xxl-50vw {
        min-width: 50vw;
    }

    .min-w-xxl-58vw {
        min-width: 58.3333vw;
    }

    .min-w-xxl-66vw {
        min-width: 66.6667vw;
    }

    .min-w-xxl-75vw {
        min-width: 75vw;
    }

    .min-w-xxl-83vw {
        min-width: 83.3333vw;
    }

    .min-w-xxl-91vw {
        min-width: 91.6667vw;
    }

    .min-w-xxl-100vw {
        min-width: 100vw;
    }
}



/* -----------------
    06 - XXL
        Min-width
            Pixels
----------------- */

@media (min-width: 1400px) {
    .min-w-xxl-3px {
        min-width: 3px;
    }

    .min-w-xxl-5px {
        min-width: 5px;
    }

    .min-w-xxl-8px {
        min-width: 8px;
    }

    .min-w-xxl-10px {
        min-width: 10px;
    }

    .min-w-xxl-15px {
        min-width: 15px;
    }

    .min-w-xxl-20px {
        min-width: 20px;
    }

    .min-w-xxl-25px {
        min-width: 25px;
    }

    .min-w-xxl-30px {
        min-width: 30px;
    }

    .min-w-xxl-40px {
        min-width: 40px;
    }

    .min-w-xxl-50px {
        min-width: 50px;
    }

    .min-w-xxl-60px {
        min-width: 60px;
    }

    .min-w-xxl-70px {
        min-width: 70px;
    }

    .min-w-xxl-80px {
        min-width: 80px;
    }

    .min-w-xxl-90px {
        min-width: 90px;
    }

    .min-w-xxl-100px {
        min-width: 100px;
    }
}