
$primary-color: #B73720; /* red/bordeau */
$secondary-color: #1C515E; /* bleu */
$width: 1170px;
$mobile-limit: 768px;
$tablet-limit: 1024px;
$font-color: #202020;
$font-family: Asap, sans-serif;
$font-size: 62.5%;
$footer-color: #FFFFFF;
$footer-background: #2B2B2B;
$border-radius: 0px;
$link-color: #202020;

$title-background: transparent;
$title-color: $font-color;
$title-font-family: Asap, sans-serif;
$title-font-size: 2.5rem;
$title-padding: 1ex 0.5rem;
$title-margin: 0;

$nav-color: $font-color;
$nav-active-color: transparent;
$nav-height: 51px;
$nav-item-hover-color: $nav-active-color;
$nav-mobile-menu-background: white;

$custom-nav-margin: 10px auto;
$nav-button-background: #1C515E;
$nav-button-color: white;
$nav-menu-side: 90px;

$form-style: light;
$form-background: #F1F1F1;
$form-margin: 0 0 3rem;
$button-background: #ECB500;
$button-hover-background: #FFCB20;
$button-color: $font-color;
$button-border: none;
$button-border-radius: 8px;
$button-margin: 2ex 0.5ex;
$nav-item-hover-background: $button-background;

$cell-background: #EFEFEF;
$cell-entry-hover-background: #FFCB20;
$cell-border: none;
$cell-entry-color: #202020;
$inner-div-margin: 1.5rem 0.5rem;
$block-padding: 1em;
$mobile-block-padding: 0 0.1em;
$content-block-margin: 0 auto;
$messages-block-margin: 0px auto 0px auto;
$inner-nav-margin: 0 auto; // !important;
$nav-margin: 10px auto;
$tracking-title-margin: 0.3em 0;

$category-title-background: #ECB500;
$category-color: $font-color;
$category-has-toggled-icons: false;

$arrow-down-icon: '\f107';
$arrow-up-icon: '\f106';
$arrow-right-icon: '\f105';
$minus-icon : '\f068';

%button-style {
	display: inline-block;
	margin: $button-margin;
	transition: all 0.2s;
	font-size: 1.5rem;
	padding: 0.5em 1em;
	font-weight: 600;
	letter-spacing: 0.025em;
	height: auto;
}

%title-style {
	margin: $title-margin;
	font-family: Asap, sans-serif;
	font-weight: 500;
	font-size: $title-font-size;
	line-height: 1.2;
	padding: $title-padding;
}
