/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

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

00 - COULEURS

*/



/* ----------
00 - COULEURS
-------------*/



:root{

    /*Blanc*/
	--white: #fff !important; 
    
    /*Noir*/
	--black: #000 !important;    

    /* Gris */
    --gray-100: #f8f9fa ;
    --gray-200: #e9ecef ;
    --gray-300: #dee2e6 ;
    --gray-400: #ced4da ;
    --gray-500: #adb5bd ;
    --gray-600: #6c757d ;
    --gray-700: #495057 ;
    --gray-800: #343a40 ;
    --gray-900: #212529 ;


    /* Couleurs */
    
    --blue:    #007bff ;
    --indigo:  #6610f2 ;
    --purple:  #9790a5 ;
    --pink:    #e83e8c ;
    --red:     #dc3545 ;
    --orange:  #fd7e14 ;
    --yellow:  #ffc107 ;
    --green:   #28a745 ;
    --teal:    #20c997 ;
    --cyan:    #17a2b8 ;


    --color-primary:       #fbd92f ;
    --color-secondary:     #000000  ;
    --color-primary-grey:     #eae7e0 ;
    --color-secondary-grey:     #686868 ;
    --color-secondary-light-grey:     #A8A8A8 ;
    --color-secondary-very-light-grey:     #F8F8F8 ;

    --color-success:       #28a745 ;
    --color-info:          #17a2b8 ;
    --color-warning:       #ffc107 ;
    --color-danger:        #dc3545 ;
    --color-light:         #f8f9fa ;
    --color-dark:          #343a40 ;

    /* Font weight */
    --thin       : 100;
    --extralight : 200; --extraLight : 200;
    --light      : 300;
    --regular    : 400;
    --medium     : 500;
    --semibold   : 600; --semiBold : 600;
    --bold       : 700;
    --extrabold  : 800; --extraBold : 800;
    --black      : 900;  

    /* Font family */
    --font-primary : 'roboto', sans-serif;
}


.white{
    color: #fff !important;
    color: var(--white) !important;
}
.bg-white{
    background-color: #fff !important;
    background-color: var(--white) !important;
}
.bg-black{
    background-color: #000 !important;
    background-color: var(--black) !important;
}
.color-primary{
    color: #ED1C24  !important;
    color: var(--color-primary) !important;
}
.bg-color-primary{
    background-color: #ED1C24 !important;
    background-color: var(--color-primary) !important;
}
.color-secondary{
    color: #222221 !important;
    color: var(--color-secondary) !important;
}
.bg-color-secondary{
    background-color: #222221  !important;
    background-color: var(--color-secondary) !important;
}
.primary-red{
    color: #BF0010 !important;
    color: var(--color-primary-red) !important;
}
.bg-primary-red{
    background-color: #BF0010 !important;
    background-color: var(--color-primary-red) !important;
}
.color-primary-grey{
    color: #eae7e0 !important;
    color: var(--color-primary-grey) !important;
}
.bg-primary-grey{
    background-color: #eae7e0 !important;
    background-color: var(--color-primary-grey) !important;
}

.color-secondary-grey{
    color: #8D8D8D !important;
    color: var(--color-secondary-grey) !important;
}
.bg-secondary-grey{
    background-color: #8D8D8D !important;
    background-color: var(--color-secondary-grey) !important;
}

.color-secondary-light-grey{
    color: #A8A8A8 !important;
    color: var(--color-secondary-light-grey) !important;
}
.bg-secondary-light-grey{
    background-color: #A8A8A8 !important;
    background-color: var(--color-secondary-light-grey) !important;
}

.color-secondary-very-light-grey{
    color: #F8F8F8 !important;
    color: var(--color-secondary-very-light-grey) !important;
}
.bg-secondary-very-light-grey{
    background-color: #F8F8F8 !important;
    background-color: var(--color-secondary-very-light-grey) !important;
}