@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

:root {
    --color-1: #004e8c;
    --color-1-hover: #00457e;
    --input-focus-color: rgba(0, 40, 85, 0.4);
    --checkbox-focus-color: rgba(0, 40, 85, 0.15);
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    --bs-border-color-translucent: rgba(101, 101, 101, 0.1);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --ola-blue-input-focus-color: #d4d4d4;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-1);
    --bs-btn-border-color: var(--color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-1-hover);
    --bs-btn-hover-border-color: var(--color-1-hover);
    --bs-btn-focus-shadow-rgb: 12, 168, 194;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-1-hover);
    --bs-btn-active-border-color: var(--color-1-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-1);
    --bs-btn-disabled-border-color: var(--color-1);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-1);
    --bs-btn-border-color: var(--color-1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-1);
    --bs-btn-hover-border-color: var(--color-1);
    --bs-btn-focus-shadow-rgb: 14, 198, 228;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-1);
    --bs-btn-active-border-color: var(--color-1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-1);
    --bs-gradient: none;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: #094280 !important;
}

.control-button .fa:hover,
.control-button .fas:hover,
.control-button .far:hover,
.control-button .fal:hover,
.control-button .fat:hover,
.control-button .fass:hover,
.control-button .fasr:hover,
.control-button .fasl:hover,
.control-button .fa-brands:hover,
.list-group-text.icons .fa:hover,
.list-group-text.icons .fas:hover,
.list-group-text.icons .far:hover,
.list-group-text.icons .fal:hover,
.list-group-text.icons .fat:hover,
.list-group-text.icons .fass:hover,
.list-group-text.icons .fasr:hover,
.list-group-text.icons .fasl:hover,
.list-group-text.icons .fa-brands:hover,
.list-group-item > .fa:hover,
.list-group-item > .fas:hover,
.list-group-item > .far:hover,
.list-group-item > .fal:hover,
.list-group-item > .fat:hover,
.list-group-item > .fass:hover,
.list-group-item > .fasr:hover,
.list-group-item > .fasl:hover,
.list-group-item > .fa-brands:hover,
.list-group-item > a:not(.btn) > .fa:hover,
.list-group-item > a:not(.btn) > .fas:hover,
.list-group-item > a:not(.btn) > .far:hover,
.list-group-item > a:not(.btn) > .fal:hover,
.list-group-item > a:not(.btn) > .fat:hover,
.list-group-item > a:not(.btn) > .fass:hover,
.list-group-item > a:not(.btn) > .fasr:hover,
.list-group-item > a:not(.btn) > .fasl:hover,
.table > tbody .fa:not(.btn-group li .fa, .input-group-text .fa):hover,
.table > tbody .fas:not(.btn-group li .fas, .input-group-text .fas):hover,
.table > tbody .far:not(.btn-group li .far, .input-group-text .far):hover,
.table > tbody .fal:not(.btn-group li .fal, .input-group-text .fal):hover,
.table > tbody .fat:not(.btn-group li .fat, .input-group-text .fat):hover,
.table > tbody .fass:not(.btn-group li .fass, .input-group-text .fass):hover,
.table > tbody .fasr:not(.btn-group li .fasr, .input-group-text .fasr):hover,
.table > tbody .fasl:not(.btn-group li .fasl, .input-group-text .fasl):hover,
.table > tbody .fa-brands:not(.btn-group li .fa-brands, .input-group-text .fa-brands):hover {
    --bs-btn-hover-bg: var(--color-1);
    color: var(--bs-white);
    background-color: var(--bs-btn-hover-bg);
    border: 1px solid var(--bs-btn-hover-bg);
}

.form-check-input:checked {
    background-color: var(--color-1);
    border-color: var(--color-1);
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: var(--color-1);
    border-color: var(--color-1);
}

.form-check-input:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--checkbox-focus-color);
    border-color: var(--color-1);
}

.form-control:focus {
    border: var(--bs-border-width) solid var(--input-focus-color);
    box-shadow: 0 0 0 .25rem var(--checkbox-focus-color);
}

.form-select:focus {
    border: var(--bs-border-width) solid var(--input-focus-color);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: var(--bs-border-width) solid var(--input-focus-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border: var(--bs-border-width) solid var(--input-focus-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--input-focus-color);
}


body {
    background: #fff;
    color: #2c2d31;
    font: 16px Lato, Arial, sans-serif;
    /*font: 16px helvetica neue, Helvetica, Arial, sans-serif;*/
    font-family: lato, sans-serif;
    padding: 0;
}

a {
    color: #337ab7;
}

a:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

#content {
    color: #000;
}

.yamm {
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .175);
    box-shadow: 0 3px 3px rgba(0, 0, 0, .175)
}

.yamm.open {
    margin-top: 70px;
}

.yamm .yamm-content {
    padding: 0 !important;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: auto !important;
    right: auto !important;
}

#searchBox {
    height: 0;
    visibility: hidden;
    padding: 0 15px;
    background-color: #333;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#searchBox.open {
    visibility: visible;
    height: 70px;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 9999;
}

#searchBox input {
    width: 100%;
    height: 70px;
    border: 0;
    background: 0 0;
    font-size: 30px;
    outline: none !important;
}

.start {
    margin-top: 80px;
}

#checkboxes .text-center {
    text-align: left !important;
}

#umqCarousel {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    margin-top: -15px;
    background-image: url("../images/bg-slider.jpg");
}

#umqCarousel .carousel-indicators li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    margin: 0 3px;
    width: 11px;
    height: 11px;
}

#umqCarousel .carousel-indicators .active {
    background-color: #009ee1;
    border: 1px solid #009ee1;
    width: 11px;
    height: 11px;
}

#umqCarousel .carousel-inner .item img {
    float: right;
    height: auto;
    max-width: 100% !important;
    display: block;
}

#umqCarousel .carousel-inner .item h4 {
    font-family: Roboto, serif;
    font-size: 36px;
    font-weight: 700;
    color: #b0e8ff;
    margin: 0 0 8px;
    padding: 0;
}

#umqCarousel .carousel-inner .item p {
    font-family: lato, sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 22px;
    color: #fff;
    margin: 0 0 16px;
    padding: 0;
}

#umqCarousel .carousel-inner .item p a {
    font-size: 16px;
    font-weight: 400;
    color: #009ee1;
    margin: 0;
    padding: 0
}

#umqCarousel .ctnt {
    height: 337px;
}

#umqCarousel .outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

#umqCarousel .middle {
    display: table-cell;
    vertical-align: middle;
}


.carousel-fade .carousel-inner .item {
    padding: 60px 0;
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
    height: 100%;
    display: block;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/** VIGNETS */

.vignettes {
    display: flex;
    flex-wrap: wrap
}

.vignette {
    position: relative;
    padding: 40px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.vignette a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.vignette img {
    margin-bottom: 10px
}

.vignette h2 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.vignette p {
    font-size: 16px;
    font-weight: 300
}

.bottomBorder {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
}

.vignette .color-white {
    color: #fff;
}

.vignette .color-blue {
    color: #0b488c;
}

.vignette.nbvign-0 {
    background-color: #ef3300;
}

.vignette.nbvign-0:hover {
    background-color: #826561;
}

.vignette.nbvign-1 {
    background-color: #e8f2f6;
}

.vignette.nbvign-1:hover {
    background-color: #009ee1;
}

.vignette.nbvign-2 {
    background-color: #000
}

.vignette.nbvign-2:hover {
    background-color: #515151
}

.vignette.nbvign-3 {
    background-color: #0d4e96
}

.vignette.nbvign-3:hover {
    background-color: #08274a
}


/** MAIN MENU */
#main-menu .logo {
    display: inline-block;
    margin: 10px;
}

#main-menu .navbar-default {
    padding: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

#main-menu .navbar-default .navbar-nav > li > a {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    color: #373b3e;
}

#main-menu .navbar-default .navbar-nav > li > a > i {
    font-size: 1rem;
    color: #fff;
    line-height: 20px;
}

#main-menu .navbar {
    margin-bottom: 0;
    min-height: 135px;
}

#main-menu .navbar-nav > li > a {
    padding-top: 25px;
    padding-bottom: 25px;
    max-height: 70px;
    line-height: 25px;
}

#main-menu .navbar-default .navbar-nav > .open > a,
#main-menu .navbar-default .navbar-nav > .open > a:hover,
#main-menu .navbar-default .navbar-nav > .open > a:focus,
#main-menu .navbar-default .navbar-nav > li > a:hover,
#main-menu .navbar-default .navbar-nav > li > a:focus {
    background: #0d4e96;
    color: #fff;
}

#main-menu span.caret {
    color: #fff;
}

#main-menu .dropdown-menu > li > a {
    padding: 3px 5px;
}

#main-menu .navbar-nav > li > .dropdown-menu {
    border-radius: 0;
}


#main-menu .dropdown-menu ul {
    margin: 30px 0 0 30px;
    padding: 0;
}

#main-menu .dropdown-menu ul li ul {
    margin-top: 20px;
}

#main-menu .dropdown-menu .menuDroite ul {
    margin: 0;
    padding: 0;
}

#main-menu a.utils {
    display: block;
    height: 100%;
    width: 100%;
    min-width: 70px;
    max-height: 70px;
    text-align: center;
}


#main-menu .utils a:hover span {
    display: inline;
    visibility: visible;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
}

#main-menu .utils .fa {
    font-size: 24px;
    color: #fff;
}

#main-menu .navbar-default .navbar-nav > li > a.utils.lock:hover,
#main-menu .navbar-default .navbar-nav > li > a.utils.lock:hover,
#main-menu .utils.lock {
    background-color: #094280;
}

#main-menu .navbar-default .navbar-nav > li > a.utils.search:hover,
#main-menu .navbar-default .navbar-nav > li > a.utils.search:focus,
#main-menu .utils.search {
    background-color: #333;
}

#main-menu .navbar-default .navbar-nav > li > a.utils.phone:hover,
#main-menu .navbar-default .navbar-nav > li > a.utils.phone:focus,
#main-menu .utils.phone {
    background-color: #82c341;
}

#main-menu .navbar-default .navbar-nav > li > a.utils.home:hover,
#main-menu .navbar-default .navbar-nav > li > a.utils.home:focus,
#main-menu .utils.home {
    background-color: #ef3300;
}

#main-menu .navbar-default .navbar-nav > li > a.utils span.nav-label {
    display: none;
    visibility: hidden;
}

#main-menu .navbar-default .navbar-nav > li > a.utils:hover span.nav-label {
    display: inline-block;
    visibility: visible;
    color: #fff;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: top;
}

.btn-umq-default {
    border: 1px solid #ccc !important;
    color: #333;
    background-color: #fff
}

.btn-umq-default:hover,
.btn-umq-default:focus {
    background-color: #e0e0e0;
}

.btn-umq-orange {
    border: 1px solid #e38623;
    background-color: #e38d13;
    color: #fff;
}

.btn-umq-orange:hover,
.btn-umq-orange:focus {
    background-color: #e38623;
    border: 1px solid #e38623;
    color: #fff;
}

.btn-umq-red {
    border: 1px solid #de2f01;
    background-color: #FF280E;
    color: #fff;
}

.btn-umq-red:hover,
.btn-umq-red:focus {
    border: 1px solid #de2f01;
    background-color: #de2f01;
    color: #fff;
}

.btn-umq-blue {
    border: 1px solid #2591b1;
    background-color: #28a4c9;
    color: #fff;
}

.btn-umq-blue:hover,
.btn-umq-blue:focus {
    border: 1px solid #2591b1;
    background-color: #2591b1;
    color: #fff;
}

.btn-umq-dark-blue {
    color: #fff;
    border: 1px solid #08396f;
    background-color: #094280;
}

.btn-umq-dark-blue:hover,
.btn-umq-dark-blue:focus {
    border: 1px solid #08396f;
    background-color: #08396f;
    color: #fff;
}

.btn-umq-green {
    background-color: #82c341;
    border: 1px solid #77b13e;
    color: #fff;
}

.btn-umq-green:hover,
.btn-umq-green:focus {
    background-color: #77b13e;
    color: #fff;
    border: 1px solid #77b13e;
}


.userhome_wrapper .navbar-nav span.nav-label {
    display: inline-block;
}

.userhome_wrapper .nav > li > a {
    padding: 10px;
    margin: 0 1px;
}

.userhome_wrapper .btn-primary {
    border-color: #094280 !important;
}

.userhome_wrapper .btn-default {
    border-color: #ccc !important;
}

.userhome_wrapper .btn-success {
    border-color: #82c341 !important;
}

.userhome_wrapper .btn-info {
    border-color: #28a4c9 !important;
}

.userhome_wrapper .btn-warning {
    border-color: #e38d13 !important;
}

.userhome_wrapper .btn-danger {
    border-color: #ef3300 !important;
}

.userhome_wrapper .btn-default:hover,
.userhome_wrapper .btn-default:focus,
.userhome_wrapper .nav .open > a.btn-default {
    background-color: #e0e0e0 !important;
}

.userhome_wrapper .btn-primary:hover,
.userhome_wrapper .btn-primary:focus,
.userhome_wrapper .nav .open > a.btn-primary {
    background-color: #094280 !important;
}

.userhome_wrapper .btn-success:hover,
.userhome_wrapper .btn-success:focus,
.userhome_wrapper .nav .open > a.btn-success {
    background-color: #82c341 !important;
}

.userhome_wrapper .btn-info:hover,
.userhome_wrapper .btn-info:focus,
.userhome_wrapper .nav .open > a.btn-info {
    background-color: #28a4c9 !important;
}

.userhome_wrapper .btn-warning:hover,
.userhome_wrapper .btn-warning:focus,
.userhome_wrapper .nav .open > a.btn-warning {
    background-color: #eb9316 !important;
}

.userhome_wrapper .btn-danger:hover,
.userhome_wrapper .btn-danger:focus,
.userhome_wrapper .nav .open > a.btn-danger {
    background-color: #ef3300 !important;
}


.userhome_wrapper .nav .open > a,
.userhome_wrapper .nav .open > a:hover,
.userhome_wrapper .nav .open > a:focus {

}


/* FOOTER */

footer {
    padding: 40px 30px;
}

footer ul {
    margin: 0 0 18px;
    padding: 0
}

footer ul li {
    list-style-type: none
}

footer ul li a {
    font-size: 16px;
    font-weight: 700;
    color: #0b488c;
    margin-bottom: 24px;
    display: block
}

footer ul li ul {
    margin: 0;
    padding: 0
}

footer ul li ul li a {
    font-size: 14px;
    font-weight: 100;
    color: #888;
    margin-bottom: 10px;
    display: block
}

footer ul li ul li.page_item_has_children ul li {
    margin-left: 20px
}

#credit {
    font-size: 12px;
    color: #888;
    margin-top: 95px
}

footer #credit ul li {
    display: inline;
    list-style-type: none;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin: 0 12px 0 0
}

#credit ul li a,
#credit a {
    font-size: 12px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
    display: inline
}


/* EMPLOIS VEDETTES */

#emploisVedettes {
    background-color: #262626;
    background-image: url("/uploaded/web/umq/images/bg-emplois-accueil.png");
    background-position: 0 0;
    background-repeat: repeat;
    margin-left: -10px;
    margin-right: -10px;
    padding: 40px 30px;
}

#emploisVedettes .carousel-inner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    background-color: transparent;
}

#emploisVedettes .carousel-inner .block:hover {
    background-color: #009ee1;
}

#emploisVedettes .carousel-inner .date {
    font-size: 14px;
    font-weight: 400;
    color: #009ee1;
}

#emploisVedettes .carousel-inner .block:hover .date {
    color: #fff;
}

#emploisVedettes .carousel-inner p.titre {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#emploisVedettes .carousel-inner p.lieu {
    font-size: 16px;
    font-weight: 400;
    color: #d3ecf6;
}

#emploisVedettes h2 {
    font-family: Roboto, serif;
    font-size: 28px;
    font-weight: 100;
    color: #fff
}

#emploisVedettes .block {
    border: 3px solid #009ee1;
    position: relative;
    min-height: 1px;
    margin: 10px 20px;
    padding: 25px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

#emploisVedettes .carousel-control.left {
    background-image: none;
    width: 40px;
}

#emploisVedettes .carousel-control.right {
    background-image: none;
    width: 40px;
}

/* DEVENIR BUTTONS */

.btnIncitatif {
    font-family: Roboto, serif;
    font-size: 22px;
    color: #fff;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
    padding: 20px 30px;
    background-color: #009ee1;
    border-bottom: 3px solid #007eb4;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease
}

.btnIncitatif.bleuPale,
.btnMembre.bleuPale {
    background-color: #009ee1;
    border-bottom: 3px solid #007eb4
}

.btnIncitatif.bleuPale:hover,
.btnMembre.bleuPale:hover {
    color: #fff;
    background-color: #007eb4
}

.btnIncitatif.bleuFonce,
.btnMembre.bleuFonce {
    background-color: #0d4e96;
    border-bottom: 3px solid #0a3e78
}

.btnIncitatif.bleuFonce:hover,
.btnMembre.bleuFonce:hover {
    color: #fff;
    background-color: #0a3e78
}

.btnIncitatif.vert,
.btnMembre.vert {
    background-color: #82c341;
    border-bottom: 3px solid #689c34
}

.btnIncitatif.vert:hover,
.btnMembre.vert:hover {
    color: #fff;
    background-color: #689c34
}


table {
    caption-side: bottom;
    border-collapse: collapse;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
}

.table a,
.table thead {
    --bs-table-color: var(--bs-body-color);
    color: var(--bs-table-color);
}

.table thead a.btn {
    text-transform: capitalize;
}

.table thead a.btn-warning {
    color: var(--bs-white);
}

.table {
    font-size: var(--ola-font-size);
}

.table .data-table-header {
    background-color: #d3ecf6;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.table > thead:not([class="cloned"]) {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ebec;
    border-top: 2px solid #e9ebec;
    margin-top: 10px;
}

.table > thead a {
    font-size: 0.9rem;
    text-transform: uppercase;
}

.table tbody a {
    color: var(--bs-gray-700);
}


.table-info {
	background-color: #cff4fc !important;
}

.table > :not(caption) > * > * {
    padding: 12px 12px;
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    border-bottom-color: #ececec;
}

.table-card {
    margin-bottom: 0;
}


.table#logs > tbody > tr > th,
.table#logs > tbody > tr > td {
    border: 1px solid #f0f0f0;
}

.table .documents a {
    color: #4f5054;
    font-size: 13px;
    font-family: Lato, Arial, sans-serif;
    text-transform: uppercase;
}

.table .documents a:hover {
    color: #252525;
}

.table .documents .fa,
.table .documents .glyphicon {
    color: #4f5054;
    border: none;
}

.table .documents .fa:hover,
.table .documents .glyphicon:hover {
    background: inherit;
    color: inherit;
    border: inherit;
}

.table > tbody a.fa:first-of-type {
    border-left: 1px solid #d4d4d4;
}



.control-button .fa,
.control-button .fas,
.control-button .far,
.control-button .fal,
.control-button .fat,
.control-button .fass,
.control-button .fasr,
.control-button .fasl,
.control-button .fa-brands,
.list-group-text.icons .fa,
.list-group-text.icons .fas,
.list-group-text.icons .far,
.list-group-text.icons .fal,
.list-group-text.icons .fat,
.list-group-text.icons .fass,
.list-group-text.icons .fasr,
.list-group-text.icons .fasl,
.list-group-text.icons .fa-brands,
.list-group-item > .fa,
.list-group-item > .fas,
.list-group-item > .far,
.list-group-item > .fal,
.list-group-item > .fat,
.list-group-item > .fass,
.list-group-item > .fasr,
.list-group-item > .fasl,
.list-group-item > .fa-brands,
.list-group-item > a:not(.btn) > .fa,
.list-group-item > a:not(.btn) > .fas,
.list-group-item > a:not(.btn) > .far,
.list-group-item > a:not(.btn) > .fal,
.list-group-item > a:not(.btn) > .fat,
.list-group-item > a:not(.btn) > .fass,
.list-group-item > a:not(.btn) > .fasr,
.list-group-item > a:not(.btn) > .fasl,
.table > tbody .fa:not(.btn-group li .fa, .input-group-text .fa),
.table > tbody .fas:not(.btn-group li .fas, .input-group-text .fas),
.table > tbody .far:not(.btn-group li .far, .input-group-text .far),
.table > tbody .fal:not(.btn-group li .fal, .input-group-text .fal),
.table > tbody .fat:not(.btn-group li .fat, .input-group-text .fat),
.table > tbody .fass:not(.btn-group li .fass, .input-group-text .fass),
.table > tbody .fasr:not(.btn-group li .fasr, .input-group-text .fasr),
.table > tbody .fasl:not(.btn-group li .fasl, .input-group-text .fasl),
.table > tbody .fa-brands:not(.btn-group li .fa-brands, .input-group-text .fa-brands) {
    color: var(--bs-gray-900);
    border: var(--bs-border-width) solid var(--bs-gray-300);
    padding: 0.315rem;
    border-radius: var(--bs-border-radius);
    vertical-align: middle;
    font-size: 1rem;
    background-color: var(--bs-white);
}

.table > tbody .fa.fa-check-circle-o.not_attended,
.table > tbody .fa.fa-check-circle-o.not_attended:hover,
.table > tbody .fa.fa-check-circle-o.not_attended:focus {
    cursor: pointer;
    color: #cccccc;
    padding: 3px;
    border: none;
    font-size: 20px;
    background-color: transparent;
}

.table > tbody .fa.fa-check-circle-o.attended,
.table > tbody .fa.fa-check-circle-o.attended:hover,
.table > tbody .fa.fa-check-circle-o.attended:focus {
    cursor: pointer;
    color: #26af28;
    padding: 3px;
    border: none;
    font-size: 20px;
    background-color: transparent;
}

th.sortable a {
    color: #0d4e96;
    background-color: #d3ecf6;
    font-weight: 700;
}

.data-table-header a {
    color: #0d4e96;
    font-weight: 700;
}

.data-table-header a:hover,
.data-table-header a:focus {
    text-decoration: none;
    color: #0d4e96;
}

th.sorted a:hover,
th.sortable a:hover {
    text-decoration: none;
    color: #0d4e96;
}

.table > tbody a {
    color: #252525;
}

.table > tbody a:hover,
.table > tbody a:focus {
    text-decoration: none;
    outline: none;
}


.table tr.row0 {
    background: #fff;
}

.table tr.row1 {
    background: #f5f5f5;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    text-align: center;
}

.table .fa-plus-square,
.table .fa-users {
    color: #094280;
    font-size: 18px;
}

.table .fa,
.table .glyphicon {
    font-size: 16px;
}

.color-box {
    width: 16px;
    height: 16px;
}

.left-inner-addon span {
    bottom: 10px;
    font-size: 14px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #0b488c !important;
    border: 0;
    background-color: #d3ecf6;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    border-color: #f3f3f3;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #d3ecf6;
    border: 0;
    color: #0b488c;
}

.pagination > li > a, .pagination > li > span {
    border: 0;
    color: #0b488c;
}


.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-radius: 0;
}


.label.label-separator.rule-note {
    white-space: normal;
    word-spacing: 1px;
    font-size: 12px;
}

.form-control:focus {
    outline: none;
    border: 1px solid #d3ecf6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #0965ae !important;
}


.label-separator {
    border-radius: 0;
    white-space: nowrap;
    font-family: Lato, Arial, sans-serif;
    font-size: 14px;
    box-shadow: none;
    margin: 3px 0;
    padding: 5px;
}

.list-group {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.list-group-item {
    border: 1px solid #eaeaea;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.portal-wrapper {
    margin: 10px;
}

.portal-wrapper .title {
    color: #004c87;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 24px;
    font-size: 24px;
    margin: 5px 0;
}

.portal-wrapper .client {
    color: #4f5255;
    font-size: 18px;
    margin: 5px 0;
    text-align: right;
}

.panel {
    border-radius: 0;
    border-color: #f3f3f3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.section_title {
    font-family: Lato, Arial, sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: left;
    display: block;
    padding: 15px 10px;
    box-shadow: 0 1px 0 white;
    -webkit-box-shadow: 0 1px 0 white;
    -moz-box-shadow: 0 1px 0 #fff;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    position: relative;
    background: #37BBFF;
    background: -moz-linear-gradient(top, #37BBFF 0%, #00A2E6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #37BBFF), color-stop(100%, #00A2E6));
    background: -webkit-linear-gradient(top, #37BBFF 0%, #00A2E6 100%);
    background: -o-linear-gradient(top, #37BBFF 0%, #00A2E6 100%);
    background: -ms-linear-gradient(top, #37BBFF 0%, #00A2E6 100%);
    background: linear-gradient(top, #37BBFF 0%, #00A2E6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37BBFF', endColorstr='#00A2E6', GradientType=0);
}

.card-header {
    font-weight: 900;
}

.panel-default > .panel-heading {
    background: #fbfbfb none;
    border-color: #f3f3f3;
    color: #2c2d31;
    font-family: Lato, Arial, sans-serif;
    font-weight: 900;
    font-size: 16px;
}

.a {
    display: flex;
}

.panel-heading label {
    font-weight: normal;
}

textarea.form-control {
    min-height: 33px;
}

.form-check-input:focus {
    outline: 0;
}

.form-control:focus {
    border: var(--bs-border-width) solid var(--color-1);
}

.form-select:focus {
    border: var(--bs-border-width) solid var(--ola-blue-input-focus-color);
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection,
.select2-container--bootstrap-5.select2-container--open .select2-selection {
    border: var(--bs-border-width) solid var(--ola-blue-input-focus-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border: var(--bs-border-width) solid var(--ola-blue-input-focus-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: var(--ola-blue-color);
}

.select2-container--bootstrap-5 .select2-selection {
    border-radius: var(--ola-border-radius);
}

/* FLEX ROSTERS */

.flex-rosters {
    display: flex;
}

.flex-rosters .module {
    display: flex;
    flex-direction: column;
    padding-left: 40px;
    padding-right: 40px;
}

.flex-rosters .module div:last-child {
    flex-grow: 1;
}

.flex-rosters .module h2 {
    font-family: Roboto, serif;
    font-size: 32px;
    font-weight: 100;
    color: #0b488c;
    margin: 55px 0 0;
}

.flex-rosters .module h3 {
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    color: #292929;
}

.flex-rosters .module h3 a {
    font-family: Roboto, serif;
    font-size: 20px;
    font-weight: 700;
    color: #292929;
}

.flex-rosters .item {
    margin-bottom: 10px;
}

.flex-rosters .item .date {
    font-size: 14px;
    color: #009ee1;
    font-family: lato, sans-serif;
    font-weight: 400;
    margin: 8px 0;
}

.flex-rosters .module .btn {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #d3ecf6;
}

.flex-rosters .module .btn:hover {
    background-color: #1055a2;
}

.flex-rosters .module.blue .btn {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: #fff;
}

.flex-rosters .module.blue .btn:hover {
    background-color: #1055a2;
}

.flex-rosters .item a {
    font-family: lato, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #044c7b;
    text-decoration: none;
}

.flex-rosters .module.blue {
    background-color: #e8f2f6;
}


.links .list-group {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.links .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.links .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.links a.list-group-item:hover,
.links a.list-group-item:focus {
    border-left: 3px solid #0965ae;
    text-decoration: none;
    background-color: #fff;
}

.links .list-group-item {
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #f3f3f3;
    border-right: 1px solid transparent;
    border-left: 3px solid transparent;
}

.rosterContainer {
    max-height: 300px;
    overflow-y: scroll;
    padding: 20px;
    margin-bottom: 20px;
}

.rosterContainer p.title {
    font-family: Lato, Arial, sans-serif;
    color: #0965ae;
    font-weight: 400;
    font-size: 15px;
    text-align: left;
}

.rosterContainer p.description {
    font-family: Lato, Arial, sans-serif;
    color: #636363;
    font-weight: 200;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 16px;
}

/* Profile sidebar */
.profile-panel {
    font-family: Lato, Arial, sans-serif;
}

.profile-userpic {
    margin: 10px 0;
}

.profile-userpic img {
    margin: 0 auto;
    width: 50%;
    height: 50%;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    box-shadow: 0 16px 38px -12px rgba(0, 0, 0, .56), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2);
}

.panel-button {
    margin: 10px;
    padding: 5px;
}

.btn-profile {
    margin: 5px 8px;
    padding: 6px 12px;
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
    border-radius: 3px;
    font-size: 16px;
    background-color: white;
    color: #0965ae;
    border: 2px solid #0965ae; /* Green */
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.btn-profile:hover {
    background-color: #0965ae; /* Green */
    color: white;
    outline: none;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.24), 0 2px 18px 0 rgba(0, 0, 0, 0.19)
}

.btn-profile:focus {
    outline: none;
}

.profile-usertitle {
    text-align: center;
    margin-top: 20px;
}

.profile-usertitle-name {
    color: #525252;
    font-size: 18px;
    font-family: Lato, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 7px;
}

.profile-info .list-group-item {
    border: none;
    padding: 6px 10px;
    background: transparent;
}

.profile-info .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #0965ae
}

.profile-info .list-group-item-text {
    margin-bottom: 0;
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #000;
}

.profile-info .list-group {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.notice-message {
    font-size: 13px;
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
}

.message {
    font-size: 14px;
    font-family: Lato, Arial, sans-serif;
    font-weight: 400;
}

.notice .control-label {
    font-family: Lato, Arial, sans-serif;
    font-weight: 700;
}

.profile-usermenu ul li {
    border-bottom: 1px solid #f6f9fb;
}

.profile-usermenu ul li:last-child {
    border-bottom: none;
}

.profile-usermenu ul li a {
    color: #525252;
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
}

.profile-usermenu ul li a i {
    margin-right: 8px;
    font-size: 14px;
}

.profile-usermenu ul li a:hover {
    background-color: #f6f9fb;
    color: #525252;
    border-left: 2px solid #0965ae;
    margin-left: -2px;
}

.profile-usermenu ul li.active {
    border-bottom: none;
}

.profile-usermenu ul li.active a {
    color: #525252;
    background-color: #f6f9fb;
}

.btn {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    text-shadow: none;
    box-shadow: none;
    background-image: none;
}

h3.heading {
    font-family: Roboto, serif;
    font-size: 21px;
    font-weight: 500;
    color: #49494c;
    margin: 10px 0;
    line-height: 30px;
}

.card-text {
    font-family: lato, sans-serif;
    font-size: 14px;
    font-weight: 200;
    color: #49494c;
    margin-top: 5px;
}

.card-heading a {
    color: #029bc4 !important;
    font-size: 20px !important;
    font-family: lato, sans-serif !important;
}

.card-heading a:hover {
    color: #ed8029 !important;
}

.btn-custom {
    display: block;
    font-weight: bold;
    font-size: 13px;
    border-style: none;
    padding: 8px;
    margin: 10px;
    border-radius: 2px;
    text-align: center;
    transition: 100ms linear;
}

.btn-custom.blue {
    color: #fff;
    background: #029bc4;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.btn-custom.blue:hover {
    background: #ff7000;
    text-decoration: none;
    color: #fff;
}

.sdbModulaire {
    background-color: #f3f3f3;
    padding: 40px;
    margin-top: -10px;
}

.sdbModulaire #share {
    margin: 0px 0 26px 0;
}

.sdbModulaire .share i {
    font-size: 22px;
    color: #094280;
    margin-left: 15px;
}

.sdbModulaire .share i:hover {
    color: #009ee1;
}

.sdbModulaire .partager, .sbTitle {
    font-size: 20px;
    color: #094280;
}

.sdbModulaire .share i {
    font-size: 22px;
    color: #094280;
    margin-left: 15px;
}

.sdbModulaire .share i:hover {
    color: #009ee1;
}

.sdbModulaire .follow-us i {
    font-size: 22px;
    color: #009ee1;
    margin-left: 15px;
}

.sdbModulaire .follow-us i:hover {
    color: #094280;
}

.bloc_partage {
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #f3f3f3;
}

.bloc_partage .share i {
    font-size: 18px;
    margin-left: 15px;
}

.bloc_partage .share,
.bloc_partage #share p {
    margin: 40px 0 20px 0;
    color: #094280;
    text-align: right;
    font-weight: bold;
}

div#share div {
    padding-left: 0;
    padding-right: 0;
}

.titreSousPage {
    font-size: 16px;
    font-weight: bold;
    color: #052f5d;
}

.txtRight {
    text-align: right;
}

.contenu_section {
    font-size: 16px;
}

.contenu_section a {
    color: #0d4e96;
}

.contenu_section a:hover {
    color: #065b80;
}

.comite_membre {
    padding: 20px;
}

.page-template-template-comite .row.row_comite {
    margin-bottom: 60px;
}

.page-template-template-comite .comite_membre a.reseauSocial {
    width: 12px;
    height: 12px;
    position: inherit !important;
    float: left;
    margin-left: 10px;
}

.page-template-template-comite .comite_membre .nom {
    font-size: 16px;
    color: #292929;
    text-transform: none;
    margin: 10px 0 0 0;
}

.page-template-template-comite .comite_membre .nom span {
    float: right;
}

.page-template-template-comite .comite_membre .membre {
    position: relative;
}

.page-template-template-comite .comite_membre a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-template-template-comite .comite_membre a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.page-template-template-comite .comite_membre .titreUMQ {
    font-weight: 100;
    color: #0d4e96;
}

.page-template-template-comite .comite_membre .titreOfficiel {
    font-weight: 100;
    color: #292929;
    margin: 10px 0 0 0;
}

.page-template-template-comite .comite_membre ul.caucus {
    margin: 0;
    padding: 0;
}

.page-template-template-comite h3.titreSection,
.section_comite h3.titreSection {
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    border-bottom: 2px solid #f1f1f1;
    padding-bottom: 10px;
    color: #888;
}

.page-template-template-comite .comite_membre ul.caucus li {
    list-style-type: none;
    font-size: 14px;
    color: #888;
}

#sidebar .comite_membre {
    padding: 0;
}

.comite_membre .nom {
    font-weight: bold;
}

.comite_membre img {
    border-bottom: 3px solid #cfdbe9;
    margin-bottom: 20px;
    width: 100%;
    height: auto;
}

#filArianne {
    margin: 40px 0;
    font-size: 13px;
    color: #e5f4fa;
}

#filArianne a {
    font-size: 13px;
    color: #0d4e96;
}

#filArianne .current {
    color: #0d4e96;
}

#filArianne .sep {
    display: inline-block;
    margin: 0 7px;
}

.container-fluid .ctntModulaire {
    padding-left: 40px;
    padding-right: 40px;
}

/* Membres
-------------------------------------------------------------------------------*/
.membre.imgProfil {
    position: relative;
}

.imgProfil a {
    position: absolute;
    z-index: 99;
    display: block;
    width: 100%;
    height: 100%;
}

.page-template-template-dossiers .membre img {
    margin-bottom: 7px;
    height: auto;
}

.page-template-template-dossiers .reseauSocial i {
    font-size: 20px;
    margin-left: 20px;
}

.page-template-template-dossiers #commissions .reseauSocial i,
.page-template-template-assises #commissions .reseauSocial i {
    font-size: 20px;
    margin-right: 20px;
    margin-left: 0;
}

.page-template-template-dossiers .membres .reseauSocial i,
.membres .reseauSocial i {
    font-size: 20px;
    margin-left: 10px;
    margin-right: 10px !important;
}

.coordonnees .reseauSocial i {
    font-size: 20px;
    margin-right: 20px;
}

.reseauSocial i {
    font-size: 20px !important;
    margin-right: 20px !important;
}

.ctntModulaire #commissions p {
    margin: 3px 0 0 0;
}

.ctntModulaire .comite_membre p {
    margin: 0;
}

#commissions {
    margin-bottom: 80px;
}

#commissions img {
    height: auto !important;
}

#commissions .nom {
    font-weight: bold;
}

.imgProfil img {
    margin-bottom: 10px;
}

.caucus ul {
    background-color: #0d4e96;
    margin: 0;
    padding: 40px 20px;
}

.caucus ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: #fff;
}

.caucus ul li span {
    font-style: italic;
}

#membre .coordonnees {
    padding: 20px;
    background-color: #f5f5f5;
}

#membre .coordonnees span {
    display: block;
    font-weight: bold;
}

#membre .description ul {
    margin: 0;
    padding: 0;
}

#membre .ctntModulaire.description {
    padding-left: 0;
    padding-right: 40px;
}

#membre .description {
    padding-bottom: 40px;
}

#membre .description ul li {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

#membre .description .titre {
    margin-bottom: 0;
    font-weight: bold;
}

#membre .description h2,
.ficheEvenement h2,
.single-emplois h2 {
    font-family: 'Roboto', serif;
    font-size: 28px;
    font-weight: 100;
    color: #094280;
    margin: 40px 0 0 0;
}

.zone_texte_haut h2 {
    margin: 20px 0 20px 0;
}

.zone_texte_haut p {
    margin: 0 0 20px 0;
}

.zone_texte_haut p:last-child {
    margin: 0 0 20px 0;
}

#membre .description p,
#membre .coordonnees p {
    margin: 0 0 20px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999999;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

#wppb_login, .wppb_holder {
    width: 30%;
    margin: 0 auto;
}

#wppb_login .alert a:last-child:hover {
    background-color: #094280;
}

#membre .description h2, .ficheEvenement h2, .single-emplois h2 {
    font-family: 'Roboto', serif;
    font-size: 28px;
    font-weight: 100;
    color: #094280;
    margin: 40px 0 0 0;
}

.ctntModulaire h1, #membre h1 {
    margin: 0;
    font-family: 'Roboto', serif;
    font-size: 32px;
    font-weight: bold;
    color: #094280;
    margin: 25px 0 40px 0;
}

.sdbModulaire .btnSimple a, .ctntModulaire a.btnCTA {
    font-family: 'Roboto', serif;
    font-weight: 100;
    font-size: 16px;
    color: #fff;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background-color: #0d4e96;
    text-align: center;
    margin: 0 0 40px 0;
    padding: 20px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    height: 60px;
    border-bottom: 3px solid #0a3e78;
}

.sdbModulaire .btnSimple a:hover, .ctntModulaire a.btnCTA:hover {
    background-color: #094280;
}

.filtreEmplois h2, .filtreFormations h2 {
    font-family: 'Roboto', serif;
    font-size: 28px;
    color: #094280;
    margin-bottom: 60px;
}

.ctntModulaire {
    padding: 20px;
}

#connexion-cch .submit, #wppb_login .submit {
    font-family: 'Roboto', serif;
    font-weight: 100;
    font-size: 16px;
    color: #fff;
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #0d4e96;
    border: 0;
    border-bottom: 3px solid #073566;
    text-align: center;
    margin: 0 0 40px 0;
    padding: 20px 10px;
}

#sidebar #wppb_login {
    width: 100%;
}

.subMenu {
    margin: 0 0 40px 0;
    padding: 0;
}

.subMenu li {
    list-style-type: none;
    margin-bottom: 0;
}

.subMenu li a {
    display: inline-block;
    padding: 15px;
    width: 100%;
}

.subMenu li a:hover,
.subMenu li.current_page_item a {
    background-color: #fff;
}

.sdbModulaire .AppelsAct a {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 30px 60px 30px 30px;
    font-family: 'Roboto', serif;
    font-weight: 100;
    font-size: 16px;
    color: #094280;
    background-color: #fff;
    text-align: left;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 3px solid #e7e7e7;
}

.sdbModulaire .AppelsAct a i {
    font-size: 36px;
    display: block;
    height: 100%;
    width: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -15px;
}

.sdbModulaire .AppelsAct a:hover {
    background-color: #f5f5f5;
}

.sdbModulaire .pubs a {
    display: block;
    text-align: center;
    margin: 0 0 40px 0;
}

.sdbModulaire .bxMember {
    margin: 20px 0 40px 0;
    padding: 12px 30px;
    background-color: #fff;
    background-image: url("/uploaded/web/umq/images/ligne-bullets.gif");
    background-position: 0 12px;
    background-repeat: repeat-x;
}

.sdbModulaire #commissions .bxMember {
    margin: 20px 0 0 0;
    padding: 12px 30px 30px 30px;
    background-color: #fff;
    background-image: url("/uploaded/web/umq/images/ligne-bullets.gif");
    background-position: 0 12px;
    background-repeat: repeat-x;
}

.sdbModulaire .membre {
    margin-bottom: 30px;
}

.sdbModulaire .bxMember h3 {
    font-family: 'Roboto', serif;
    font-size: 22px;
    font-weight: 100;
    color: #094280;
    margin: 30px 0;
}

.sdbModulaire .bxMember p {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #292929;
}

.sdbModulaire .bxMember p a {
    color: #094280;
}

.sdbModulaire .bxMember p a:hover {
    color: #009ee1;
}

.sdbModulaire .bxMember p.nom {
    font-weight: bold;
}

#entete {
    height: auto;
    position: relative;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}

#enteteHub {
    margin-top: -15px;
    height: 250px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
}

#enteteHub h1 {
    position: absolute;
    font-family: 'Roboto', serif;
    font-size: 42px;
    font-weight: bold;
    color: #fff;
    top: 70px;
    left: 180px;
}

.umq-black {
    background-color: #292929;
}


/* alignment classes used on structure fields and hints */

.name_0 {
    font-weight: normal !important;
    color: #2c2d31;
}

.name_1 {
    font-weight: bold !important;
    color: #2c2d31;
}

.name_2 {
    font-style: italic !important;
    font-weight: normal !important;
    color: #2c2d31;
}

.name_3 {
    text-decoration: underline !important;
    font-weight: normal !important;
    font-style: normal;
    color: #2c2d31;
}

.name_4 {
    color: #da000b !important;
    font-weight: normal !important;
    font-style: normal;
}

.name_5 {
    color: #161ab0 !important;
    font-style: normal;
}

.name_6 {
    color: #2c2d31 !important;
    font-weight: normal !important;
}

.name_6:after {
    content: ' *';
    display: inline;
    color: red;
}

.name_7 {
    color: #ff9515 !important;
    font-style: normal;
}

#enteteHub img {
    position: absolute;
    left: 40px;
    top: 70px;
}

/*roster form styles*/
.ui-widget,
form#command.form-horizontal {
    font-family: Lato, Arial, sans-serif !important;
    font-weight: 400;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Lato, Arial, sans-serif !important;
    font-weight: 400;
}

.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap .select2-selection {
    color: #2c2d31;
    font-size: 16px;
    font-weight: 400;
}

/*order-create-style-ext*/

#order-create-product-breadcrumb {
    display: none;
}

table.table.order-create-product-table {
    text-align: left !important;
}

table.table.order-create-product-table tr {

    font-size: 24px;
    font-weight: 500;
}

table.table.order-create-product-table tr td {
    margin-bottom: 9px;
    text-align: center;
}

table.table.order-create-product-table tr td.order-create-product-name {
    text-align: left;
    white-space: normal;
    width: 60%;
}

table.table.order-create-product-table tr td.order-create-product-name span.badge {
    font-size: 18px;
    font-weight: 500;
}

table.table.order-create-product-table tr td:nth-child(1) > span {

    font-size: 24px;
    font-weight: 500;
    margin-bottom: 9px;
    font-family: 'Roboto', sans-serif;
}

table.table.order-create-product-table .data-table-header {
    background: #094280;
    font-size: 22px;
    color: #ffffff;
    font-weight: 700 !important;
}

/*roster form styles*/
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
    }
}

@media (max-width: 767px) {
    .flex-rosters {
        display: block;
    }

    .flex-rosters .module {
        display: block;
    }

    #main-menu .navbar-nav {
        margin: 0;
    }

    #main-menu .navbar-default .navbar-nav > li > a.utils span.nav-label {
        display: block;
        visibility: visible;
        color: #fff;
    }

    .memberhome-submenu .navbar-toggle .icon-bar {
        background-color: #888;
    }

    .memberhome-submenu .navbar-toggle {
        position: relative;
        float: none;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .memberhome-submenu .panel-button .btn {
        display: block;
        margin: 5px;
    }

}

@media print {

    .panel-primary > .panel-heading,
    .card > .card-header.bg-primary {
        border-color: transparent;
    }

    .panel-primary > .panel-heading + .panel-collapse > .panel-body,
    .card > .card-header.bg-primary + .panel-collapse > .card-body {
        border-top-color: transparent;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body,
    .card > .card-header + .panel-collapse > .card-body {
        border-top-color: transparent;
    }

    .card > .card-header.bg-primary.text-white {
        color: #000 !important;
    }

    .panel,
    .card {
        border: none;
    }

    .module-header {
        margin: 0 15px;
    }

    .module-header > .module-description {
        margin: 20px 0;
    }

    .module-header > .module-description .title {
        font-size: 18px;
        font-weight: bold;
        padding: 10px 0;
    }

    .module-header > .module-description .text {
        font-size: 14px;
        padding: 10px 0;
    }

    .panel .accordion-toggle:after,
    .card .accordion-toggle:before {
        display: none;
    }

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 4px 2px;
    }

    .panel-body,
    .card-body {
        padding: 3px;
    }

    .table {
        margin-bottom: 15px;
    }

}