/* ------
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:       #32B3C9 ;
    --color-secondary:     #C7CF29  ;
    --color-tertiary:     #ED8F12  ;
    --color-primary-red:     #BF0010 ;
    --color-primary-grey:     #404040 ;
    --color-secondary-grey:     #525252 ;
    --color-secondary-light-grey:     #666666 ;
    --color-secondary-very-light-grey:     #F5F5F5 ;

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

    /* 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;
}
.black{
    color: #000 !important;
    color: var(--black) !important;
}
.bg-black{
    background-color: #000 !important;
    background-color: var(--black) !important;
}
.color-primary{
    color: #32B3C9  !important;
    color: var(--color-primary) !important;
}
.bg-color-primary{
    background-color: #32B3C9 !important;
    background-color: var(--color-primary) !important;
}
.color-secondary{
    color: #C7CF29 !important;
    color: var(--color-secondary) !important;
}
.bg-color-secondary{
    background-color: #C7CF29  !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: #505050 !important;
    color: var(--color-primary-grey) !important;
}
.bg-primary-grey{
    background-color: #505050 !important;
    background-color: var(--color-primary-grey) !important;
}
.color-tertiary{
    color:  #ED8F12;
    color: var(--color-tertiary);
}
.bg-color-tertiary{
    background-color:  #ED8F12;
    background-color: var(--color-tertiary);
}
.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: #666666 !important;
    color: var(--color-secondary-light-grey) !important;
}
.bg-secondary-light-grey{
    background-color: #666666 !important;
    background-color: var(--color-secondary-light-grey) !important;
}

.color-secondary-very-light-grey{
    color: #F5F5F5 !important;
    color: var(--color-secondary-very-light-grey) !important;
}
.bg-secondary-very-light-grey{
    background-color: #F5F5F5 !important;
    background-color: var(--color-secondary-very-light-grey) !important;
}
.bg-color-dark{
    background-color: #2F2F2F;
    background-color: var(--color-dark);
}