* {
    padding: 0;
    margin: 0;
}

body {
    font-family: ConigenReg, serif !important;
    background-color: #f4f4f4;
}


.banner {
    background-image: url('../slide/ks-btp-banner-3.png'); /* Remplacer par l'URL de votre image */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 6em 0;
    text-align: center;
}
.banner h1 {
    font-size: 3em;
}

#grid-menu{
    /*padding: 0 !important;*/
}

#grid-menu .column {
    text-align: center;
}

#grid-menu a.column{
    text-decoration: inherit !important;
    color: #000000 !important;
}

#grid-menu a.column:hover{
    background-color: #64938B !important;
    color: #ffffff !important;
}


.footer {
    background-color: #4caf50; /* vert */
    color: #ffffff;
    padding: 2em 0;
    text-align: center;
}
.section-image {
    background-image: url('../slide/ks-btp-banner.png'); /* Remplacer par l'URL de votre image */
    background-size: cover;
    background-position: center;
    padding: 6em 0;
    color: #ffffff;
}

.ui.header {
    font-family: ConigenBlack,sans-serif !important;
    font-weight: 500 !important;
}

.ui.header.green {
    color: #0E4635 !important;
}

#colored_segment{
    background-color: #7fac8f;
}

#menu_segment .menu a.item{
    color: #0C4C2B !important;
    font-weight: 600 !important;
}

#section-color{
    padding: 5rem 3rem !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../images/contact-banner.png");
    background-color: rgba(29, 53, 39, 0.6);
}

.home_banner p {
    color: #cccccc !important;
    font-size: 16px;
}

.section_container{
    margin-top: 2rem !important;
}

.text_color_tertiary{
    color: #d5bd7e !important;
}


#crumble_contact span{
    font-family: ConigenReg,sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}


.product_item{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
}

.photo_content{
    height: 180px;
}

.desc_content .title{
    /*font-family: ConigenBlack,sans-serif !important;*/
    font-family: ConigenMed,sans-serif !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    /*color: #7FAC8F;*/
}

.photo_content .image{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.desc_content{
    text-align: center !important;
    padding: 1rem;
}

.footer_content{
    text-align: center !important;
    background-color: #000000 !important;
    /*background-color: #7FAC8F !important;*/
    padding: 0.6rem;
}

.footer_content .price{
    color: #d5bd7e !important;
    font-weight: 900;
    font-size: 17px !important;
}

.product_item:hover{
    box-shadow: 0 0 1px #282828;
    background-color: #f8f8f8 !important;
}


footer{
    padding: 2rem !important;
    margin-top: 100px;
    background-color: #000000 !important;
}


.home_banner{
    height: 600px;
    background-color: #0C4C2B;
    /*background-image: url('../images/banner_transparent.png');*/
    background-repeat: no-repeat;
    background-position: bottom center;
}

/*.ui.header.green {*/
/*    font-weight: 600 !important;*/
/*    color: #0E4635 !important;*/
/*}*/

#top_title{
    padding: 10px 20px;
    border-bottom: 1px solid #0E4635 !important;
}

span.ui.text.green{
    color: #0E4635 !important;
}

.ui.menu .item{
    font-family: ConigenReg,sans-serif !important;
    font-weight: 400 !important;
}

.ui.button{
    font-family: ConigenReg,sans-serif !important;
    font-weight: 500 !important;
}
.content_box {
    padding: 2rem !important;
    border-radius: 1rem !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 1px #dddddd !important;
    height: 100% !important;
}


#service-zone .content_box{
    padding: 1rem !important;
}

#service-zone .content_box > .segment{
    margin-top: 5px !important;
}


#service-zone .content_box > .segment > a.header{
   font-weight: 600;
    font-size: 18px !important;
    color: #0C4C2B !important;
}

#service-zone .content_box > .segment > .description{
    margin-top: 15px;
}


#side_color{
    background-color: #0E4635 !important;
}

#side_color .menu .item .image{
    width: 20px !important;
    display: inline-block;
}

.ui.button.violet {
    background-color: #0E4635 !important;
}

i.icon.violet {
    color: #0E4635 !important;
}


.ui.button.blue {
    background-color: #0166FF !important;
}

.primary_title {
    color: #0E4635 !important;
}

.head-title{
    font-weight: 900;
    color: #0E4635;
    border-bottom: 1px solid #dddddd !important;
}

.ui.menu.tabular .item.active{
    background-color: #0E4635 !important;
    color: #ffffff !important;
}


#grid_element_stats .column h3.header{
    font-weight: 700 !important;
    color: #0E4635 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
}

#side_menu{
    width: 195px !important;
    padding: 10px 3px !important;
    background-color: #0E4635 !important;
}


#top_menu{
    background-color: #0E4635 !important;
}

#side_menu > .column{
    display: block;
    width: 100%;
    padding: 0px !important;
}

#side_menu > .column .icon{
    float: left;
    margin-right: 4px !important;
}


.ui.button.green{
    background-color: #0E4635 !important;
}

.ui.button.basic.green{
    background-color: transparent !important;
    box-shadow: 0 0 0 1px #0E4635 inset;
    color: #f7f7f7 !important;
}

#side_menu > .column .item{
    font-weight: 500 !important;
    color: #ffffff !important;
}


#side_menu > .column .item:hover{
    background-color: #967600 !important;
    color: #ffffff !important;
}

#side_menu > .column .item.active{
    background-color: #967600 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
}


.menu.tabular{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.menu.tabular .item{
    background-color: #ffffff !important;
    box-shadow: 0 0 0.5px 0 #969696 !important;
    border-radius: 3px 3px 0 0 !important;
}

#page_content{
    background-color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 0px 6px 6px 6px !important;
    /*border: 1px solid #0E4635;*/
    box-shadow: 0 1px 1px #737373 !important;
    margin-top: -1px;
}


#top-menu{
    padding: 0 !important;
    background-color: rgba(255, 255, 255, 0.91) !important;
    height: 170px;
}

#top-menu > .three.column, .thirteen.column{
    /*padding: 0 !important;*/
}

#top-menu > .thirteen.column > .grid{
    /*margin:  inherit !important;*/
}
