/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* CUSTOM  */
/* __________________________________________________________________________ */
/* __________________________________________________________________________ */


.big-button {
    color: #7DAE34;
    color: #8CC33A;
    color: #3D433E;
    color: #565353;
    color: #555555;
    color: #F5F5F5;
    color: #FFFFFF;
    color: #18BC9C;
    border: 2px solid #18BC9C;
    background-color: #fff;
}


@media (min-width: 768px) {
    .card #user-name {
        margin-top: 34%;
    }

    h1 {
        margin-top: 6%;
    }
}

body{
    background-color: #F5F5F5 !important;
}
header {
    min-height: 80vh;
}
header .container {
    /* padding-top: 150px; */
    padding-top: 100px;
    /* MODIF THIBAUD */
}

.navbar-custom {
    padding: 10px;
}

#navbar_header {
    display: flex;
    align-items: center;
    width: 100%;
}

#mainNav {
    /* padding-top: 15px;
    padding-bottom: 15px; */
    background-color: white;
}

#titre_header {
    color: #565353;
    font-size: 1.2em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 40px;
    /* text-transform: uppercase; */
    /* font-weight: 700; */
}

#titre_header > a :hover {
    text-decoration: none !important;
}


.row{
    color: #3D433E;
    margin: 0;
}

#footer-below-below {
    background-color: #3D433E;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
}

.footer-below, #since_1968 {
    color: #fff !important;
}


/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* PAGE RESERVER                                                              */
/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* .selected_bt{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
} */

.selected_bt {
    background-color: #3D433E;
    color: #8CC33A;
}
.selected_bt:hover {
    background-color: #565353;
}


/* _______ */
/* ROW 1   */
/* _______ */

#row_msg {
    margin-top: 0;
    color: #3D433E;
    margin-bottom: 10px;
    justify-content: center;
}
#row_msg>p {
    font-size: small;
    font-weight: bold;
    
}

#row_msg>a {
    color: #8CC33A !important;
    /* font-size: small; */
    /* font-weight: bold; */
}


/* _______ */
/* ROW 2   */
/* _______ */


#row_month {
    /* background-color: green; */
    /* padding: 2px; */
    padding-top:10px;
    padding-bottom:10px;

    background-color: #FFFFFF;
    border-radius: 5px;

    /* display: flex; */
    /* width: 100%; */
    /* justify-content: space-between; */
    /* margin-left: 0; */
    /* margin-right: 0; */
    margin: 15px;
    ;
}

#month_form {
    /* background-color: lightgreen; */
    /* padding: 2px; */
    /* display: flex; */
    /* width: 100%; */
    /* justify-content: space-between; */
}

.month_bt {
    /* min-width: 15%; */
    /* max-width:120px; */
    /* margin-left: 5px; */
    /* margin-right: 5px; */
    width: 95%;
    margin-left:10px;
    margin-right:10px; 
    border-radius: 5px; 
    margin-bottom: 3px; 
    margin-top: 3px; 
    padding: 10px;
}
.month_bt_div{
    /* background-color: #18BC9C; */
    padding: 0;
}

/* _______ */
/* ROW 3   */
/* _______ */

#row_main_reserver {
    /* background-color: red; */
    /* padding: 2px; */
    /* display: flex; */
    /* justify-content: center; */
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
}


.form_title{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.form_title.reserver_ko {
    color: orange;
}



.week_bt {
    width: 95%;
    margin-top: 3px;    
    margin-bottom: 3px;
    /* font-size: 0.8em; */
    padding: 10px;
    border-radius: 5px; 
}



#col_left_pannel {
    /* background-color: antiquewhite; */
    /* padding:2px; */

    /* width: 25%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* align-items: flex-start; */
    /* justify-content: space-between; */
    /* justify-content: flex-start; */
    /* margin-right: 20px; */
    /* padding-left: 0;; */
}



.lateral_block{
    background-color: #FFFFFF;
    border-radius: 5px;
    color: #555555;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#week_block {
    /* background-color: #18BC9C; */
    margin-top: 0;
}
#week_form, #book_form{
    /* background-color: antiquewhite; */
    width: 100%;
    padding-top: 10px;
    
}


#centre-clauderer > a {
    color: white;
}

#centre_clauderer_home_link {
    color: #7DAE34;
}

#centre_clauderer_home_link :hover {
    text-decoration: underline !important
}



#col_calendar {
    /* width: 75%; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: flex-start; */
    /* align-items: flex-start; */
    /* align-items: center; */
    /* padding-right: 0; */
}


#calendar_table {
    /* background-color: aqua; */
    /* padding: 2px; */
    /* width: 100%; */
    border-radius: 5px;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

th {
    text-align: center;
}


.calendar_jour {
    color: #3f3f3e;
    font-weight: bolder;
    /* padding-top: 10px; */
    padding-bottom: 10px;
}




/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* PAGE RESERVER  */
/* __________________________________________________________________________ */
/* __________________________________________________________________________ */

#header_reserver {
    /* min-height: 85vh;
    color: #3D433E; */
}

#header_reserver p {
    /* background-color: lightblue; */
    padding: 2px;
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

#form_resever {
    /* background-color: lightgreen; */
    /* padding: 2px; */

    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.form_reserver_field {
    /* background-color: orange; */

    /* min-width: 75%; */
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}

.form_reserver_field>label {
    /* background-color: yellow; */
    /* padding: 2px; */

    display: flex;
    width: 90%;
    justify-content: flex-start;
    text-align: right;
}

.form_reserver_field>input {
    /* background-color: tan; */
    /* padding: 2px; */
    display: flex;
    width: 90%;
    text-align: left;
    margin-bottom: 20px;
}

.form_reserver_validator {
    /* background-color: #18BC9C; */
    display: flex;
    /* width: 25%; */
    margin-top: 10px;
    margin-bottom: 10px;
    justify-content: center;
    align-items: center;
}


.form_reserver_field_button {
    display: flex;
    width: 100%;
    justify-content: center;
}


#creneau_choisi {
    font-size: 1.5em;
    font-weight: bold;
    margin-right: 15px;
}

#row_reserver_text,
#row_form_reserver {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding: 15px;
    margin: 20px;
    display: flex;
    flex-direction: column;
}

input.reserver_ko {
    background-color: #3D433E !important;
    color: white !important;
}
.reserver_ok{
    font-weight: bold;
}
.reserver_ko{

}

/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* PAGE CONFIRMER  */
/* __________________________________________________________________________ */
/* __________________________________________________________________________ */


#row_resume{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.lb_conf{
    /* background-color: #18BC9C; */
    display: flex;
    font-size: medium;
    align-items: flex-start;
    justify-content: space-between;
    width: 40%;
    margin-top: 5px;
    margin-bottom: 5px;
    /* text-align: left; */
}


/* __________________________________________________________________________ */
/* __________________________________________________________________________ */
/* PAGE RESULTAT  */
/* __________________________________________________________________________ */
/* __________________________________________________________________________ */


#row_fin{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #3D433E;
    padding-top: 70px;
    

}

#row_fin p{
    font-size: 1.5em;
    margin-bottom: 20px;
    margin-top: 20px;
    
}

#reessayer_link{
    color: white;
}

#retour_clauderer{
    color: white;
}

#row_404_text{

    display: flex;
    flex-direction: column;
}


#row_admin_synchro{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    color: #3D433E;
    padding-top: 10px;
}
#synchro_button:visited{
    /* background-color: #3D433E; */
    background-color: orange;
    color: white;
}

.btn_proceder_paiement, .form_reserver_field_button{
    font-weight: bold;
    color: #555555;
}