@font-face {
    font-family: "avenirLight";
    src: url("/assets/fonts/Avenir_Light.woff");
}

@font-face {
    font-family: "avenirBlack";
    src: url("/assets/fonts/Avenir_Black.woff");
}

:root {
    --primaire: {
        background: #00245B;
    };
    --secondaire: {
        background: #088DF6;
    };
}

.mainContent {
    margin-top: 170px;
    /*min-height:483px; footer 100% visible*/
    min-height:850px;
    background-image: url("/images/background_transparant_blanc.png");
}

.mainContentHeaderNoFixed {
    margin-top: 40px;
    margin-bottom: 40px;
    /*min-height:483px; footer 100% visible*/
    min-height:700px;
    background-image: url("/images/background_transparant_blanc.png");
}


body {
    font-family: "avenirLight", Arial, serif;
}

header {
    background-image: url("/images/background_bleu.jpg");
    height: 150px;
}

header .slogan {
    font-size:1.6vw;
}
header .dates, header .lieu {
    font-size:1.4vw;
}

.warning-notification {
    color:#FFF;
    background-color: #cd399c;
    text-align: center;
    padding:5px;
    font-weight:bold;
}

.col-12-spec a:hover {
    text-decoration:none;
}

.col-12-spec {
    padding-left:0px;
    padding-right:0px;
}

h5.dates, h5.lieu, h3.footer-h3 {
    font-family: "avenirLight", Arial, serif;
}

h3, h4.footer-h4 {
    font-family: "avenirBlack", Arial, serif;
}

.blue-title {
    color:#088DF6;
    border-bottom:4px solid #088DF6;
}

.btn-shadowed {
    box-shadow: 1px 7px 20px 0px #3bbdf9;
    background-color: #002762;
    color: #FFF;
    font-family: "avenirBlack", Arial, serif;
}

.btn-shadowed:hover {
    color: #DADADA;
}

.btn-blue-light {
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    box-shadow: inset 0 0 0 0;
    -webkit-appearance: none;
}

.header-middle {
    color: #FFF;
    font-family: "avenirBlack", Arial, serif;
}

footer {
    background-image: url("/images/background_bleu.jpg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;
    height: 344px;
    color:#FFF;
}

img {
    width: 100%;
    height: auto;
}

.link-white {
    color: #FFF;
    text-decoration: underline;
}

.link-white:hover {
    color:var(--secondary);
}


.sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top:150px;
    height: calc(100vh - 150px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidebar-custom {
    align-items: baseline;
}

.navbar-collapse-custom .nav-item:hover .nav-link {
    padding-left:20px;
    background-color:var(--light);
    color:var(--grey-dark);
    -webkit-transition: padding-left 0.3s ease-out;
    -moz-transition: padding-left 0.3s ease-out;
    -o-transition: padding-left 0.3s ease-out;
    transition: padding-left 0.3s ease-out;
    /*transform: translate(20px, 50%);*/
}

.navbar-collapse-custom .nav-item.active .nav-link{
    /*padding-left:20px;*/
    background-color:var(--light);
    color:var(--grey-dark);
}

.navbar-collapse-custom {
    align-items: baseline;
}

.row-mt {
    margin-top:20px;
}

.row-mt:last-child {
    margin-bottom:20px;
}

.arrow-up {
    position: fixed;
    bottom: 20px;
    right: 90px;
    cursor: pointer;
    display:none;
    opacity: 0.4;
}

.arrow-down {

    position: fixed;
    bottom: 20px;
    right: 30px;
    cursor: pointer;
    display:none;
    opacity: 0.4;
}

.form-control {
    -webkit-border-radius:0rem;
    -moz-border-radius:0rem;
    border-radius:0rem;
}

.btn {
    -webkit-border-radius:0rem;
    -moz-border-radius:0rem;
    border-radius:0rem;
}

.select2-container--default .select2-selection--single {
    -webkit-border-radius:0px !important;
    -moz-border-radius:0px !important;
    border-radius:0px !important;
    border:1px solid #ced4da !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color:#6C757D !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:34px !important;
}

/* XS SM MD */
@media (max-width: 992px){

    .sidebar {
        margin-top: 150px;
    }

    .sidebar-sticky {
        height:auto;
    }

    header .slogan {
        font-size:1.25rem;
    }
    header .dates, header .lieu {
        font-size:1rem;
    }

    .mainContent {
        margin-top:20px;
    }

    .mainContent-liste-exposants {
        margin-top:170px;
    }

    .navbar-collapse-custom .nav-item .nav-link {
        padding-left: 20px;
    }

    .navbar-collapse-custom .nav-item:hover .nav-link {
        padding-left:40px;
    }
}

/* LG XL */
@media (min-width: 992px){

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }

    .sidebar {
        position: absolute;
        top: 150px;
        bottom: 0;
        left: 10px;
        z-index: 100;
        padding: 0;
    }

}

@media (min-width: 1470px) {

    header .slogan {
        font-size:1.5rem;
    }
    header .dates, header .lieu {
        font-size:1.25rem;
    }

}