/* GLOBAL */
.t-green{
    color: #006261;
}

.t-green-600{
    color: #006261;
    font-weight: 600;
}

.t-green-500{
    color: #006261;
    font-weight: 500;
}

.t-green-400{
    color: #006261;
    font-weight: 400;
}

.t-orange{
    color: #f2a935!important;
}

.fill-orange {
    fill: #f2a935 !important;
    color: #f2a935 !important;
}

.bg-ld-green{
    background-color: #006261 !important;
}

.bg-ld-orange{
    background-color: #f2a935 !important;
}

.green-button{
    background-color: #006261 !important;
}
.orange-button{
    background-color: #f2a935 !important;
}
.green-button:hover{
    background-color: #f2a935 !important;
}
.back-button:hover{
    background-color: #f2a935 !important;
}
.link:hover{
    color: #f2a935 !important;
}

/* HEADER */
.search-border{
    border: 1px solid #f2a935;
    border-radius: 5px;
}

/* FOOTER */
.footer{
    background-color: #2d2d2d;
}
.footer h3:after {
    content: '';
    display: block;
    width: 54px;
    height: 3px;
    background: #006261;
    margin: 15px 0 0 0;
}

/* GREEN SECTION */
.green-section{
    background-color: #006261;
    color: #fff;
}

.green-section h3:after{
    content: '';
    display: block;
    width: 33px;
    height: 3px;
    background: #f2a935;
    margin: 13px auto 16px auto;
}

/* NEWSLETTER */

.title-newsletter::after{
    content: '';
    width: 52px;
    height: 3px;
    display: table;
    margin: 13px auto 26px auto;
    background: #f2a935;
}


/* PAGE HOME */
.first-section-button{
    background-color: #006261 !important;
}
/* orange SECTION */
.orange-section{
    background-color: #f2a935;
    color: #fff;
}

.orange-section h3:after{
    content: '';
    display: block;
    width: 33px;
    height: 3px;
    background: #006261;
    margin: 13px auto 16px auto;
}



.title-selection:after{
    content: '';
    display: block;
    width: 54px;
    height: 3px;
    background: #f2a935;
    margin: 15px auto;
}
.video-wrapper {
    aspect-ratio: 16 / 9;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
}

/* PAGE CATEGORIE */
.title{
    font-size: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #3e3d3d;
}

.title:after{
    content: '';
    display: block;
    width: 54px;
    height: 3px;
    background: #006261;
    margin: 15px 0 0 0;

}

/* PRODUCT */
.price{
    flex-direction: column;
    align-items: flex-end;
}