.site_wrapper {
    overflow-x: hidden;
}

/* ============================  Buttons =====================================*/

.button_orange {
    background: #FD7D52;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
    width: fit-content;
}

.button_orange:hover{
    background: #DB613CFF;
}

.button_violet {
    background: #7C84E8;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 7px;
}
.button_violet:hover{
    background: #6169EAFF;
}

/* === Scroll up === */

#scrollUpButton {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 5000; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #23C8C8; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 18px; /* Increase font size */
}

#scrollUpButton:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
/* ============================  Fiches  =====================================*/
.fiches_div {
    min-height: 100px;
    min-width: 200px;
    border-radius: 7px 0 0 7px;
}
.rounded_div {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}
.rounded_div_shadow-all {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.05);
}
.rounded_div_shadow_l {
    border-radius: 7px 7px 7px 7px;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.05);
}
.rounded_div_shadow_r {
    border-radius: 7px 7px 7px 7px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}

.rounded_div_right{
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 0 7px 7px 0;
}

.rounded_div_left {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 7px 0 0 7px;
}

/* ============================  Empty divs =====================================*/
@media (min-width: 640px) {
    .medium_empty_div {
        min-height:1000px;
    }
}
@media (min-width: 768px) {
    .medium_empty_div {
        min-height:900px;
    }
}
@media (min-width: 1024px) {
    .medium_empty_div {
        min-height:800px;
    }
}

@media (min-width: 640px) {
    .small_empty_div {
        min-height:1000px;
    }
}
@media (min-width: 768px) {
    .small_empty_div {
        min-height:900px;
    }
}
@media (min-width: 1024px) {
    .small_empty_div {
        min-height:800px;
    }
}

.xl_empty_div {
    min-height: 3000px;
}

/* ============================  Elements =====================================*/

.vision {
    box-shadow: -7px 7px 7px rgba(0, 0, 0, 0.03);
}

.discussion {
    height: auto;
    max-width: 50%;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.03);
}

.thumbnail {
    max-height: min-content;
    max-width: 400px;
}
.thumbnail img{
    max-width: 200px;
    max-height: 200px;
    min-width: 100px;
    min-height: 100px;
    margin: auto;
}
.tab {
    border-radius: 0 10px 0 0;
}
.silo_maxi{
    max-width: 55%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.03);
}
.silo_mini{
    max-width: 50%;
    border-radius: 0 7px 7px 0;
    border : 2px solid red;
}
.mobile{
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    border-radius: 35px 35px 35px 38px;
}
.silo_cards{
    max-width: 480px;
    max-height: 330px;
}
.innovation {
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
}

/* ============================  Dropdown =====================================*/
.dropdown_content {
    display: none;
}
.show {
    display: block;
}

/* ============================  Lexique grid =====================================*/
.lexique_tab_holder {
    background-color: #F5F6F7;
    border-radius: 7px;
    z-index: 1;
}

.lexique_tab_item {
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
    z-index : 1000;
}

.lexique_tab_item_active {
    border: 3px solid #6E76E5;
}

.lexique_tab_item:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}

/* ============================  Lexique button ( bottom page ) =====================================*/
.lexic_button{
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);
}
.item_main:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}
.item_1:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}
.item_2:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}
.item_3:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}
.item_4:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}
.item_5:hover {
    box-shadow: 5px 5px 5px rgba(110, 118, 229, 0.7);
}

/* ============================  Cards =====================================*/

.card_free {
    min-height: 500px;
}

.card_premium {
    min-height: 500px;
}