@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,700,900|Ubuntu+Condensed|Ubuntu:300,400,500,700&display=swap');

:root {
    --main-text: #023131;
    --dropdown-text: white;
    --nav-link-text: white;
    --first-nav-link-text: black;
    --anchor-text: #10204d;

    --dropdown-background: #071640;
    --main-background: white;
    --header-background: white;
    --footer-background: #71C6ec;
    --special-ui-background: #31749d;
    --footer-button-background: black;
    --polygone-widget-background: #31749d;
    --utils-background: rgba(255, 255, 255, 0.8);
}

body {
    font-family: 'Ubuntu';
    font-size: 16px;
    background: var(--main-background);
    color: var(--main-text);
    font-weight: 300;
}

#site_web_wrapper {
    background-image: url('../images/body.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-color: transparent;
}

.ui-widget *:not(i) {
    font-family: 'Roboto';
    font-size: 16px;
}

.widget.login .dropdown-toggle,
.nav nav .nav-link,
.widget-header,
h1,
h2,
h3 {
    font-size: 2em;
    font-weight: bold;
}

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

.widget.justify-content-end * {
    justify-content: flex-end;
    text-align: right;
}

.widget.justify-content-start * {
    justify-content: flex-start;
    text-align: left;
}

.widget.justify-content-center * {
    justify-content: center;
}

.login .dropdown {
    display: flex;
}

.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;
}

.btn-sm,
col-form-label-sm,
.form-control-sm {
    font-size: 1em;
}

.rech_simple.widget form div {
    padding: 0;
    margin: 0;
}

.rech_simple.widget form {
    border: 2px solid var(--special-ui-background) !important;
}

.rech_simple.widget input,
.rech_simple.widget select,
.rech_simple.widget button {
    line-height: 1em;
    vertical-align: middle;
    margin: 0;
    padding: 5px;
    height: 40px;
    min-width: 50px;
    font-size: 1.5em;
}

.rech_simple .dropdown-menu {
    left: -33% !important;
}

.nav nav .nav-link {
    font-size: 1.8em;
    border-right: 1px solid var(--polygone-black) !important;
    line-height: 0.8em;
}

nav .nav-item:last-child .nav-link {
    border-right: 0px !important;
}

.widget.nav {
    margin-top: 4em;
}

.widget.nav .navbar-toggler {
    margin-top: -4em;
}

#site_web_wrapper {
    box-shadow: var(--polygone-grey) 0px 0px 5px;
}

footer {
    font-size: 0.875em;
}

footer .nav-link {
    border-right: 1px solid var(--polygone-red) !important;
    line-height: 0.8em;
    text-align: center;
}

.nav-item:last-child .nav-link {
    border-right-width: 0 !important;
}

.ui-autocomplete,
.ui-autocomplete *,
.ui-autocomplete *:hover {
    border: none !important;
}

.widget.login {
    padding: 0;
}

.widget.login form * {
    text-align: left;
}

.widget.login #login,
.widget.login .dropdown-toggle,
.widget.login .dropdown-toggle:after {
    font-size: 20px;
    margin-right: 0;
    color: var(--dropdown-text) !important;
    background: var(--dropdown-background) !important;
}

.widget.login #login {
    text-align: center;
}


.widget.login .dropdown-toggle {
    padding-right: 1em;
}

.widget.login .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

header .card-body {
    padding: 0;
}

.widget.login a {
    font-weight: bold;
}

.widget.login form {
    max-width: 200px;
}

.carousel-item .card-footer {
    margin: 0 1rem;
}

.masonry-content > .card > .card-footer {
    padding: 5px;
}

.nav-tabs .nav-item {
    border-bottom: 1px solid transparent;
}

.card-footer {
    border-top: none;
}

.no_badges .badge-group,
.no_badget .badge {
    display: none;
}

.no_card_footer .card-footer {
    display: none !important;
}

.polygone_widget {
    background-color: var(--polygone-widget-background);
    background-size: 100%;
}

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

footer {
    background-image: url('../images/footer_corner.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-color: var(--footer-background);
}

.card-header {
    background: transparent;
}

.polygone_big_menu_buttons {
    margin: 3em 0;
}

.polygone_big_menu_buttons .nav-link {
    position: relative;
    padding: 0 !important;
}

.polygone_big_menu_buttons .navbar-expand .navbar-nav {
    column-count: 3;
    column-gap: 1em;
    column-width: auto;
    display: block;
}

.polygone_big_menu_buttons .nav-link div {
    display: block !important;
    background: var(--widget-shadow);
    padding: 1em 0em;
    text-align: center !important;
    color: var(--nav-link-text);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.polygone_big_menu_buttons .navbar {
    padding: 0;
}

.polygone_big_menu_buttons .nav-link img {
    width: 800px;
    height: auto;
}

a,
a:hover,
a:focus,
a:visited {
    color: var(--anchor-text);
}

[class*="-primary"],
[class*="-primary"]:hover,
[class*="-primary"]:focus,
[class*="-primary"]:visited,
[class*="-secondary"],
[class*="-secondary"]:hover,
[class*="-secondary"]:focus,
[class*="-secondary"]:visited,
[class*="-info"],
[class*="-info"]:hover,
[class*="-info"]:focus,
[class*="-info"]:visited{
    color: var(--anchor-text) !important;
    background-color: transparent !important;
}

.scroll_search {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: var(--special-ui-background);
    color: var(--dropdown-text);
    display: none;
    z-index: 11;
    text-align: center;
    opacity: 0.9;
}

.scroll_search .dropdown-menu {
    background: var(--special-ui-background);
}

.scroll_search * {
    background-color: transparent;
}

.scroll_search .expressionRecherche {
    background: white;
}

.scroll_search form {
    width: auto;
    display: inline-block;
}

.navbar {
    padding: 0;
}

.flying_widget .navbar-collapse.collapsing,
.flying_widget .navbar-collapse.collapse,
.flying_widget a {
    background-color: var(--special-ui-background);
    text-transform: uppercase;
}


.flying_widget .navbar-collapse.collapsing,
.flying_widget .navbar-collapse.collapse {
    padding: 100px 150px 2em 2em;
    height: 30000px;
    overflow:visible;
}

.flying_widget .navbar-collapse {
    height: 30000px;
    background-color: var(--special-ui-background);
}

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

.flying_widget .navbar-brand {
    display: inline-block;
    font-weight: bold;
}

.flying_widget .navbar-header {
    padding: 0;
    text-align: end;
    position: absolute;
    right: 5px;
    top: 300px;
    text-transform: uppercase;
}

.flying_widget .navbar-header > * {
    margin: 0;
    padding: 0;
}

.flying_widget .nav-item + .nav-item .nav-link:before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    font-weight: 900;
    font-size: 1em;
    line-height: 1em;
    color: var(--dropdown-background);
    margin-right: 5px;
}

.flying_widget .nav-item:first-child .nav-link {
    text-align: center;
    margin-bottom: 2em;
}

.flying_widget .nav-item:first-child .nav-link .button_text {
    color: var(--first-nav-link-text);
    display: block !important;
    text-align: center !important;
}

.flying_widget *,
.flying_widget *:after {
    transition-delay: unset;
    transition-duration: unset;
    color: var(--dropdown-text);
}

.flying_widget {
    display: block;
    min-width: 8.33%;
}

.flying_widget .navbar-toggler-icon {
    background-image: none;
}

.flying_widget .navbar-toggler-icon:after {
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    font-size: 1.5em;
    color: var(--anchor-text);
}

.navbar-light[aria-expanded="true"] .navbar-toggler-icon::after {
    font-family: "Font Awesome 5 Free";
    content: '\f053';
    font-weight: 900;
    color: var(--anchor-text);
}

.z-index-11 {
    z-index: 11;
}

.polygone_widget .widget-header,
.polygone_simple_widget .widget-header {
    text-align: center;
    background: var(--utils-background);
}

.widget.scroll.position_fixed_top_right {
    top: 50px !important;
}

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

.widget-footer a.btn {
    background: var(--footer-button-background);
    color: var(--nav-link-text) !important;
    border-radius: 10px !important;
    margin-bottom: 3em;
    padding: 0.5em 1em;
    font-size: 1.2em;
}

.widget-footer a.btn > i {
    display: none;
}

header .widget.library .card-title {
    background: var(--utils-background);
    padding: 2px;
}

footer .widget.image {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

footer * {
    color: var(--anchor-text);
    text-align: left !important;
}

footer .widget.menu {
    padding: 1em;
}

footer {
    min-height: 300px;
}

footer .widget.library {
    padding: 0 1em;
}

footer .widget.library .card-title a:before,
footer .widget.menu .nav-item .nav-link:before {
    font-family: "Font Awesome 5 Free";
    content: '\f111';
    font-weight: 900;
    font-size: 1em;
    line-height: 1em;
    color: var(--anchor-text);
    margin-right: 5px;
}

footer .widget.library .card-title a:before,
footer .widget.menu .nav-item:first-child .nav-link:before {
    content: '\f054';
}

footer .widget.library .card-title a,
footer .widget.menu .nav-item:first-child .nav-link {
    font-weight: bold;
    font-size: 1.2em;
    text-transform: uppercase;
}

footer .widget.library .card-title a {
    font-size: 0.83em;
}

.breadcrumb {
    background-color: var(--header-background);
}

.section_wrapper.action_rendering {
    background-color: var(--header-background);
}