@import url('https://fonts.googleapis.com/css?family=Fredoka+One|Hammersmith+One|Lato:400,700|Lobster+Two:400,700|Raleway+Dots');

:root {
    --front-background: #fff;
    
    --tdm-search-color: #e83a3b;
    --tdm-link-color: #b59031;
    --tdm-button-text-color: #000;
    --tdm-footer-link-color: #fff;
    --tdm-main-nav-color: wheat;

    --tdm-main-background: #fff;
    --tdm-login-input: #FFFCC8;
    --tdm-search-button-background: rgba(255, 255, 255, 0.90);
    --tdm-main-nav-link-background: rgba(0,0,0,0.8);
    --main-nav-button-background-color: #37a598;
    --first-division-background-color: #1a6362;
    --main-division-background-color: #fff;
    --third-division-background-color: #f2f2f2;
    --footer-background-color: #37a598;
    --footer-widget-background-color: #000;
}

body {
    font-family: 'Lato';
    font-size:16px;
}

header {
    background: url(../images/header.jpg);
    background-position: top 3em center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tdm_search_widget {
    padding-bottom: 5em;
}

.tdm_search_widget .form-control,
.tdm_search_widget button {
    background-color: var(--tdm-search-button-background);
    font-size: 1.2em;
    color: var(--tdm-search-color);
    vertical-align: middle;
    margin: 0;
}

.ui-autocomplete {
    border: none !important;
    background: var(--third-division-background-color) !important;
    color: var(--tdm-link-color) !important;
}

.tdm_search_widget .form-control {
    padding:0;
}

.tdm_search_widget button {
    padding: 0 1em;
    border-left: 2px dotted var(--tdm-search-color) !important;
}

.tdm_search_widget .expressionRecherche,
.tdm_search_widget button,
.tdm_search_widget select {
    height: 2.5em;
}

.tdm_search_widget .form-row > .col {
    margin: 0;
    padding: 0;
}

.tdm_search_widget ::placeholder,
.tdm_search_widget .expressionRecherche {
    color: var(--tdm-search-color);
    padding-left: 5px;
    width: 100%;
}

.tdm_social_network_widget .button_text {
    display: none !important;
}

.tdm_social_network_widget .nav-link:hover {
    color: black;
}

.tdm_social_network_widget .navbar {
    padding: 0;
}

.widget.login ul {
    margin: 0;
}

.widget.login {
    padding-top: 0.5em;
    padding-bottom: 0.5em
}

.widget.login input {
    color: var(--tdm-button-text-color);
    background-color: var(--tdm-login-input);
}

.widget.login input[type="submit"] {
    color: var(--tdm-main-background);
    background: var(--tdm-main-nav-link-background);
    padding: 0.5em 2em;
}

.widget.login a {
    color: var(--tdm-search-color);
    background: transparent;
}

.tdm_main_nav_widget .nav-link {
    padding: 0.5em 1em !important;
    color: var(--tdm-main-nav-color);
    display: block;
    text-align: center;
}

.tdm_main_nav_widget .nav-item {
    background-color: var(--tdm-main-nav-link-background);
    margin-right: 5px;
    display: inline-table;
}

.tdm_main_nav_widget .nav-item:last-child {
    margin: 0;
}

.tdm_main_nav_widget .nav-item:last-child {
    background-color: var(--main-nav-button-background-color);
}

.tdm_main_nav_widget .nav-link:hover {
    opacity: 0.8;
}

aside[data-division='1'] {
    background-color: var(--first-division-background-color);
}

body {
    background-color: var(--main-division-background-color);
}

aside[data-division='3'] {
    background-color: var(--third-division-background-color);
}

footer {
    background-color: var(--footer-background-color);
}

footer .widget {
    background-color: var(--footer-widget-background-color);
}

footer .widget .nav-item a,
footer .widget .nav-item a:hover,
footer .widget btn,
footer .widget btn:hover,
footer .badge {
    color: var(--tdm-footer-link-color);
    background: none;
}

footer .widget a,
footer .widget a:hover {
    color: var(--tdm-link-color);
    background: none;
}

footer .widget a.btn.render_all_link {
    background: var(--main-division-background-color);
    color: var(--tdm-button-text-color);
}

.widget > .card-footer,
.card-footer {
    background: none;
}

h1,
h2,
h3,
.card-title {
    color: var(--tdm-link-color);
    background: none;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
}

.card-header {
    background: none;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    color: var(--tdm-main-nav-color);
}

h1.content_title,
.widget-header {
    font-size: 1.5em;
    padding-left: 0;
    margin-left: 0;
}

a,
a.text-primary,
a.text-secondary,
.tdm_widget .btn,
.tdm_widget .text-primary,
.tdm_widget .text-secondary {
    color: var(--tdm-button-text-color);
}

.tdm_widget .btn {
    background-color: var(--tdm-link-color);
}

a.text-primary:hover,
a.text-secondary:hover,
.btn:hover,
a:hover {
    color: var(--tdm-button-text-color);
}

.widget-footer a.render_all_link {
    border-radius: 100px !important;
}

.widget-footer a.render_all_link i,
.widget-footer a.render_all_link div {
    display: none !important;
}

.widget-footer a.render_all_link:after {
    content: '+';
    font-size: 2em;
    width: 35px;
    display: inline-block;
}

.widget-footer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.ui-state-active,
button.btn:active,
button.btn:focus,
button.btn:hover,
input[type="submit"].btn:active,
input[type="submit"].btn:focus,
input[type="submit"].btn:hover,
a:active,
a:focus,
a:hover,
a.btn:active,
a.btn:focus,
a.btn:hover,
a.card-link:active,
a.card-link:focus,
a.card-link:hover,
button.card-link:active,
button.card-link:focus,
button.card-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.border-primary {
    border-color: var(--tdm-link-color) !important;
}

.border-bottom {
    border-bottom-style: dotted !important;
    border-bottom-width: 2px !important;
}

.border-left {
    border-left-style: dotted !important;
    border-left-width: 2px !important;
}

.widget.admin_tools .dropdown-menu,
.widget.admin_tools .dropdown-menu *:not(img) {
    background: var(--footer-background-color);
}

.widget.admin_tools a,
.widget.admin_tools a:hover {
    color: var(--tdm-button-text-color);
}

nav .nav-link {
    display: inline;
}

.widget.login,
.widget.login .dropdown.show {
    position: unset !important;
}

.widget.login .dropdown-menu.show {
    width: 100%;
    text-align: center;
    background-color: var(--tdm-main-background);
    transform: translate3d(0px, 45px, 0px) !important;
    box-shadow: 0 5px 5px var(--tdm-link-color);
}

.widget.login .dropdown-menu.show > * {
    width: 300px;
    display: inline-block;
}

.widget.login .dropdown-menu.show a:hover,
.widget.login .dropdown-menu.show a,
.widget.login .dropdown-menu.show a * {
    display: inline-block !important;
    text-align: center !important;
    padding: .5em 2em;
}

.widget.login .btn.dropdown-toggle {
    text-transform: uppercase;
    background-image: url('../images/compte.png');
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    background-position: top center;
    padding-bottom: 45px;
    min-width: 120px;
}

.widget.login .btn.dropdown-toggle:after {
    display: none;
}

.widget.login .btn.dropdown-toggle:active,
.widget.login .btn.dropdown-toggle:focus,
.widget.login .btn.dropdown-toggle:hover {
    opacity: 1;
}

header {
    background-color: var(--tdm-main-background);
}

.widget.login #login:hover, 
.widget.login #login {
    color: var(--tdm-link-color);
    background-color: var(--footer-widget-background-color);
}

.tdm_flying_widget .navbar-collapse.collapsing,
.tdm_flying_widget .navbar-collapse.collapse,
.tdm_flying_widget a {
    color: var(--tdm-main-background);
    background-color: var(--footer-widget-background-color);
    text-transform: uppercase;
}

.widget.tdm_flying_widget a {
    background-color: transparent;
}

.tdm_flying_widget .navbar-collapse.collapsing,
.tdm_flying_widget .navbar-collapse.collapse {
    padding: 2em 0.5em;
    height: 3000px;
    overflow:visible;
    margin-top: -80px;
}

.tdm_flying_widget .navbar.navbar-collapse {
    display: block;
    padding: 0;
}

.tdm_flying_widget .navbar-header {
    display: block !important;
    text-align: right !important;
    border-radius: 100px !important;
    background-color: var(--tdm-link-color);
    position: absolute;
    right: 5px;
    z-index: 2;
}

.tdm_flying_widget .navbar-toggler {
    padding: 1em;
}

.tdm_flying_widget .nav.navbar-nav {
    display: block;
    margin-top: 3em;
    padding: 0 1em;
}

.tdm_flying_widget .widget {
    padding: 1em 0;
}

.tdm_flying_widget .widget .form-row div button {
    display: none;
}

.tdm_flying_widget * {
    transition-delay: unset;
    transition-duration: unset;
}

footer .tdm_social_network_widget .nav-item {
    width: 25%;
    text-align: center;
}

footer .tdm_social_network_widget .nav-item:first-child {
    width: 100%;
    text-align: center;
}

.tdm_flying_widget.position_fixed_top_right {
    top: 80px !important;
}

.breadcrumb {
    background: var(--tdm-main-background);
}

.widget.ariane {
    text-align: center;
}

ol.breadcrumb,
ol.breadcrumb li {
    display: inline;
}