$primary-color: #004171;

$width: 1200px;
$sidebar-position: right;

$font-color: black;
$font-family: Raleway, Arial, sans-serif;
$font-size: 16px;

$page-background-color: #00A4E2;

$color-rubrique-la-ville: #B4C61C;
$color-rubrique-cadre-vie: #E85113;
$color-rubrique-economie-commerces: #1E69B3; 
$color-rubrique-enfance-jeunesse: #AE03E6;
$color-rubrique-sports-culture: #004170;
$color-rubrique-social-aines: #D00101;

$nav-background: transparent;
$nav-submenu-background: #eee;
$nav-submenu-color: #333;
$nav-color: $font-color;
$nav-active-color: $primary-color;

$nav-item-selected-background: transparent;
$nav-item-selected-color: $primary-color;
$nav-item-selected-mode: bottom-border;
$nav-item-selected-border: 4px solid transparent;
$nav-item-hover-background: transparent;
$nav-item-hover-color: $nav-item-selected-color;
$nav-item-hover-border: 4px solid $primary-color;

$footer-background: #e0e0e0;
$footer-color: black;
$cell-border: 1px solid transparent;

$border-radius: 0px;
$widget-border-radius: 3px;

$title-background: white;
$title-color: $primary-color;

$link-color: #96B313;

$button-background: $primary-color;
$button-color: white;
$button-border-radius: 5px;
$button-border: 2px solid $link-color;
$button-background: $link-color;
$button-hover-background: white;
$button-hover-color: $link-color;

$table-headers-background: $title-color !default;
$table-headers-color: $title-background !default;

$wcs-steps-spacing: 0.7rem; 
$wcs-step-background: #fff;
$wcs-step-current-border-bottom: none;
$wcs-step-marker-color: #bbb;
$wcs-step-current-marker-color: #fff;
$wcs-step-current-marker-background: $primary-color;