/* .............................................................................
MAIN CSS FILE FOR DEV
.............................................................................

EXPLICATION DES FICHIERS :
- Dev : assets/css/
- Prod : task "grunt buildcss" pour builder le CSS build/css/main.css


COULEURS :
- Voir les vars dans configs.css


TRANSITION :
- cubic-bezier(0.4, 0, 0.2, 1)


NAMING CONVENTIONS :
- Blocks = section d'une page, ex : .bMain, .bBoxesList.
- Groups = regroupement d'items.
- Items = partie importante reutilisable, ex : .iBox, .iAccordion.
- Text = style precis pour texte, ex : .tBig, .tUpper


REFERENCES :
Desktop-first :
@media (max-width:1999px) {}    124.99rem
@media (max-width:1499px) {}    93rem
@media (max-width:1199px) {}    75rem
@media (max-width:991px) {}     62rem
@media (max-width:767px) {}     47rem

Mobile-first :
@media (min-width:768px) {}     47.01rem
@media (min-width:992px) {}     62.01rem
@media (min-width:1200px) {}    75.01rem
@media (min-width:1500px) {}    93.01rem
@media (min-width:2000px) {}    125rem
*/

@import "configs.css";			/* Config vars */
@import "base.css";			    /* Reset, base tags, page base styles */
@import "fonts.css";			/* Fonts */
@import "titles.css";			/* Titles */
@import "forms.css";			/* Forms */
@import "buttons.css";			/* Buttons */
@import "header-footer.css";	/* Header and footer */
@import "pageheaders.css";	    /* Page headers at top of page */
@import "site-items.css";	    /* Website items */
@import "site-blocks.css";	    /* Website blocks */
@import "carousel.css";         /* Carousel (Slick plugin) */
@import "lity.css";		        /* Lity lightbox plugin styles */
@import "helpers.css";			/* Helpers selector: visuallyHidden, clearfix, etc. */
@import "sass-form.css";
@import "blogue.css";