/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 9 févr. 2018, 14:33:48
    Author     : florian
*/

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


:root{
    --green_space:#014b3c;
    --yellow_space:#fceb26;
    --green_lt_space:#569d2d;
    --blue-info:#0C71BC;
}

html{
    font-family: 'Roboto', sans-serif;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #206B33;
    position: relative;
    color: #757575;
}

.checkbox {
    margin-top: 0px;
}
legend{
    color: #00431A;
    font-weight: bold;
    font-size: 25px;
}
.row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mt-1{
    margin-top: 10px;
}
.mt-2{
    margin-top: 20px;
}
.mt-3{
    margin-top: 30px;
}
.mt-4{
    margin-top: 40px;
}
.mt-5{
    margin-top: 50px;
}
.mb-1{
    margin-bottom: 10px !important;
}
.mb-2{
    margin-bottom: 20px !important;
}
.mb-3{
    margin-bottom: 30px !important;
}
.mb-4{
    margin-bottom: 40px !important;
}
.mb-5{
    margin-bottom: 50px !important;
}
.me-1{
    margin-right: 10px !important;
}
.no-margin{
    margin: 0;
}
.pb-1{
    padding-bottom: 10px !important;
}
.pb-2{
    padding-bottom: 20px !important;
}
.pb-3{
    padding-bottom: 30px !important;
}
.pb-4{
    padding-bottom: 40px !important;
}
.pb-5{
    padding-bottom: 50px !important;
}
.pt-1{
    padding-top: 10px !important;
}
.pt-2{
    padding-top: 20px !important;
}
.pt-3{
    padding-top: 30px !important;
}
.pt-4{
    padding-top: 40px !important;
}
.pt-5{
    padding-top: 50px !important;
}
.pe-1{
    padding-right: 10px !important;
}
.pe-2{
    padding-right: 20px !important;
}
.pe-3{
    padding-right: 30px !important;
}
.pe-4{
    padding-right: 40px !important;
}
.pe-5{
    padding-right: 50px !important;
}
.ps-1{
    padding-left: 10px !important;
}
.ps-2{
    padding-left: 20px !important;
}
.ps-3{
    padding-left: 30px !important;
}
.ps-4{
    padding-left: 40px !important;
}
.ps-5{
    padding-left: 50px !important;
}
.select-mt-35{
    margin-top: 35px !important;
}
.no-padding{
    padding: 0;
}
.p-50{
    padding: 50px;
}
.p-30{
    padding: 30px;
}
.p-20{
    padding: 20px;
}
.w-100{
    width: 100%;
}
.line-height-25{
    line-height: 25px !important;
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-right {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: end !important;
}
.d-flex{
     display: flex;
 }
.justify-content{
    justify-content: space-around;
}
.justify-content-evenly{
    justify-content: space-evenly;
}
.justify-content-between{
    justify-content: space-between;
}
.center {
    text-align: center;
}
.radioOn, .checkboxOn{
    color: var(--green_lt_space) !important;
    font-weight: bold !important;
}
.nav-pills > li.active > a{
    background-color: var(--green_space)  !important;
}
.btn-space {
    color: #FFFFFF !important;
    background-color: #7bab67 !important;
    font-size: 14px;
    white-space: initial;
}
.display-none{
    display: none;
}
.bg-white{
    background-color: white;
}
.text-white{
    color: white;
}

.modal-body a{
    color: var(--green_lt_space) !important;
    font-weight: 500;
}
.modal-body a:hover, p a:focus{
    color: var(--green_space) !important;
}

.btn-space:hover,
.btn-space:focus,
.btn-space:active,
.btn-space.active,
.open .dropdown-toggle.btn-space {
    color: #FFFFFF !important;
    background-color: #97BF0D !important;
    border-color: #97BF0D;
}

.btn-space:active,
.btn-space.active,
.open .dropdown-toggle.btn-space {
    background-image: none;
}

.btn-space.disabled,
.btn-space[disabled],
fieldset[disabled] .btn-space,
.btn-space.disabled:hover,
.btn-space[disabled]:hover,
fieldset[disabled] .btn-space:hover,
.btn-space.disabled:focus,
.btn-space[disabled]:focus,
fieldset[disabled] .btn-space:focus,
.btn-space.disabled:active,
.btn-space[disabled]:active,
fieldset[disabled] .btn-space:active,
.btn-space.disabled.active,
.btn-space[disabled].active,
fieldset[disabled] .btn-space.active {
    background-color: #00774C;
    border-color: #00774C;
}

.btn-space .badge {
    color: #00774C;
    background-color: #FFFFFF;
}

.table-space > thead > tr > th{
    background-color:var(--green_space) ;
    color:#FFFFFF;
    text-align: center;
    border: solid 1px var(--green_space) ;
}
.table-space > tbody > tr > td{
    border: solid 1px var(--green_space) ;
}

.btn.btn-invit{
    color: #000000;
    border: 2px solid red;
    border-radius: 15px !important;
}
.btn.btn-invit:hover{
    background-color: #F3F3F3;
}

.panel-invit{
    border-color: #f93827;
}
.panel-invit > .panel-heading{
    background-image: none;
    background-color: #f93827;
    border-color: #f93827;
    font-size: 20px;
}
.blackemail{
    color:#000000;
    text-decoration:none;
    font-weight: bold;
}

.btn-presse, .btn-presse:hover{
    background-color: #5B2482;
    color: #FFFFFF;
}
.banner-top {
    width: 700px;
    text-align: center;
    margin: 0 auto;
}
.banner-top img {
    width: 100%;
}
.fixe-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
.fixe-bottom img{
    width: 100%;
}
.fixe-top{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
.fixe-top img{
    width: 100%;
}
.btns-container {
    display: flex;
    justify-content: space-evenly;
}
.invitations form {
    width: 100%;
}
/*--------------- css 2021 =============*/
a{
    color: var(--green_lt_space);
    font-weight: bold;
}
a:hover{
    color: var(--green_space);
    text-decoration: none;
}
h1{
    text-align: left;
    margin-top: 0;
    font-weight: 400;
    color: var(--green_space);
    margin-bottom: 4rem;
}
.text-space{
    color: var(--green_space);
}
p,ul{
    font-size: 15px;
    color: #757575;
}
.nav-pills > li.active > a p{
    color: #fff;
    background-color: transparent;
}
.cont_700 {
    width: 700px;
    background-color: #ffffff;
}
.cont_1000 {
    width: 1000px;
    background-color: #ffffff;
}
.img-responsive{
    width: 100%;
}
.help-block ul {
    color: #a94442;
}
.btn-badge-exposant{
    width: 60%;
}
.bdg-btn-right{
    text-align: right;
}
.bdg-btn-left{
    text-align: left;
}
.bande_titre{
    background-color:#0C6A30;
    font-size: 25px;
    color:#FFFFFF;
    font-weight:bold;
    padding:10px
}
.center_btn{
    text-align: center;
}
.legal-white{
    color: white;
}
.bannerTitle {
    line-height: 25px;
}
/*========== boutons 2021 ============*/
.btn{
    border-radius: 2px;
}

.btn-retour{
    color: var(--green_lt_space) !important;
    border: solid 2px var(--green_lt_space);
    /*font-weight: bolder;*/
}

.btn-retour:hover{
    color: #FFFFFF !important;
    background-color: var(--green_lt_space) !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35),0 2px 10px 0 rgba(0,0,0,0.3) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35),0 2px 10px 0 rgba(0,0,0,0.3) !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.btn-primary {
    background-image: none;
    background-color: var(--green_space);
}
.btn-primary:hover, .btn-primary:focus {
    background-position: 0;
    background-color: var(--green_space);
}
.btn-info {
    background-repeat: no-repeat;
    background-color: var(--blue-info);
    border: 2px solid var(--blue-info);
}
.btn-info:hover{
    background-color: var(--blue-info);
}
.btn-primary,.btn-info,.btn-success,.btn-default,
.btn-primary:hover,.btn-primary:focus{
    border-color: transparent;
    font-size: 1.35rem;
    text-transform: uppercase;
    /*border-radius: 0 ;*/
    background-image: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.btn-info:hover,
.btn-primary:hover,.btn-primary:focus{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35),0 2px 10px 0 rgba(0,0,0,0.3) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35),0 2px 10px 0 rgba(0,0,0,0.3) !important;
}
.lang_space .btn-default:not([disabled]):not(.disabled):active, .lang_space .btn-default:not([disabled]):not(.disabled).active, .show>.btn-default.dropdown-toggle {
    background-color: #d3d3d3 !important;
}
.btn-default {
    background-color: #f0f0f0;
}


/*=== Billet supplementaire + recap ===*/
.btn-add-billet-recap{
    margin: 15px 0 15px 0;
}
.btn-billet-supp,.btn-new-billet-sup{
    margin-bottom: 15px;
}
.btn-billetterie-home,.btn-dl-facture{
    width: 210px;
    margin-top: 20px;
}
.paiement-recap{
    padding: 0;
}

/* Enlever les fleches d'un input type Number*/
#inputAnneeNaissance::-webkit-outer-spin-button,
#inputAnneeNaissance::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#inputAnneeNaissance {
    -moz-appearance:textfield;
}

a .block_salon {
    background-color: var(--green_lt_space);
    padding: 10px;
    min-height: 95px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
a .block_salon p{
    color: white;
    margin: 10px 0;
}
a:hover .block_salon{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.4) !important;
}

/*=============2024 ==============*/

.ticket-block.jumbotron{
    padding: 15px 0 25px 0;
    margin-bottom: 0;
}
.ticket-title{
    text-align: center;
    margin: auto;
    width: 80%;
}
.ticket-title h1 {
    color: #086433;
    font-size: 3rem;
    text-align: center;
}
.ticket-title h2{
    font-size: 3rem;
}
.ticket-title h3{
    font-size: 2.5rem;
}
.ticket-fees h4{
    color: #086433;
    text-transform: uppercase;
    margin-left: 2rem;
    font-weight: 700;
    font-size: 2rem;
}
.ticket-fees li {
    color: #2e2e2e;
}
.accessibilite{
    padding: 0 21px;
}
.accessibilite label {
    font-size: 1.4rem;
    color: #757575;
}
#etudiant_seul_transports,
.two-column{
    column-count: 2;
}

.title h2 {
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid var(--green_space);
    padding-bottom: 4px;
    color: var(--green_space);
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 50px 0 30px 0;
}

/*============ responsive 2021 ==============*/
@media screen and (max-width: 1199px) {
    .label_lg label {
        width: 100%;
        text-align: left !important;
        margin-bottom: 10px !important;
    }
    .label_lg button{
        margin-top: 10px !important;
    }
}
@media screen and (max-width: 991px){
    .container{
        width: 100%;
    }
    .p-50{
        padding: 20px;
    }
    .tab-recap{
        padding: 0;
        overflow-x: auto;
    }
    .btn-badge-exposant {
        width: 100%;
    }
    .bdg-btn-right, .bdg-btn-left {
        text-align: inherit;
    }
}
@media (max-width: 768px){
    .btn-paiement-recap,.btn-billet-supp,
    .btn-paiement-recap:focus,.btn-billet-supp:focus{
        font-size: 1rem!important;
    }
    .btns-container{
        display: block;
        text-align: center;
    }
}


@media screen and (max-width: 767px){
    .container{
        width: 100% !important;
    }
    #etudiant_seul_transports, .two-column {
        column-count: initial;
    }


}