@font-face {
    font-family: 'Poppins';
    src: url('/fonts/Poppins-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('/fonts/Poppins-Regular.ttf') format('truetype');
}
/**variables**/
:root{
    --vert: #41C4B0;
    --vert-fonce: #228d83;
    --violet: #5328AB;
    --orange: #EAAD4D;
    --orange-fluo: #ffc400;
}

* {
    font-family: "Poppins" !important;
    font-weight: 300;

}
.no-bg{
    background: none;
}
.bg-gray {
    background-color: #F5F5F5;
}
.color-gray {
    color: #000000a1;
}
.bg-vert {
    background-color: var(--vert);
}
.bg-vert-fonce {
    background-color: var(--vert-fonce);
}
.bg-violet {
    background-color: var(--violet)
}
.bg-orange {
    background-color: var(--orange)
}
.degrade-orange {
    background: linear-gradient(-135deg,
    #ffc400 0.00%,
    #e9a944 100.00%);
}
.degrade-violet{
    background: linear-gradient(-135deg,
    #903df2 0.00%,
    #5328ab 100.00%);
}

.degrade-vert{
    background: linear-gradient(135deg, #008176 0.00%, #00ad9e 100.00%);
}

.color-white {
    color: white !important;
}
.color-black {
    color: black !important;
}
.color-vert {
    color: var(--vert);
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-120 {
    padding-top: 120px;
}
.pt-150 {
    padding-top: 150px;
}
.p-100 {
    padding: 100px !important;
}
.pr-100 {
    padding-right: 100px !important;
}

.pl-100 {
    padding-left: 100px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.button_color_green
{
    color:var(--vert);
    background-color:white;
}
.button_color_border_green
{
    color:var(--vert);
    background-color:white;
    border: solid 1px var(--vert);
}
.button_color_green_border_white
{
    color:white;
    background-color:var(--vert);
    border: solid 1px white;
}
.button_color_dark_green
{
    color:var(--vert);
    background-color:white;
}
.blocProduits{
    padding: 2.6rem 6.3rem !important;
}
.blocTroisTexte{
    padding: 100px 60px !important;
}

.ft-size-3rem {
    font-size: 3rem;
}

.ft-size-0_9rem {
    font-size: 0.9rem;
}
.ft-size-0_8rem {
    font-size: 0.8rem;
}
.ft-size-1_3rem {
    font-size: 1.3rem !important;
}
.line-h-2_9 {
    line-height: 2.9rem !important;
}
.line-h-2_5 {
    line-height: 2.5rem !important;
}
.line-h-4 {
    line-height: 4rem !important;
}
.ft-size-3_8rem, h1, .ft-size-2_8rem, h2, .ft-size-1_9rem, h3, h4, .ft-size-1_3rem, h5, .ft-size-1_13rem {
    font-weight: 300 !important;
    font-style: normal !important;
}
.ft-size-2_8rem, h2 {
}
.ft-size-1_9rem, h3 {
    line-height: 45px !important;;
}
h4, .ft-size-1_3rem {
    line-height: 1.9rem !important;;
}
.ft-size-1rem {
    font-size: 1rem !important;
}

@media (min-width: 992px) {
    h1, .ft-size-3_8rem {
        font-size: 3.8rem !important;
        line-height: 4rem !important;;
    }
    h2, .ft-size-2_8rem {
        font-size: 2.8rem !important;
    }
    h3, .ft-size-1_9rem {
        font-size: 1.9rem !important;
    }
    h4, .ft-size-1_3rem {
        font-size: 1.3rem;
    }
    h5, .ft-size-1_13rem {
        font-size: 1.13rem !important;
        line-height: 1.56rem !important;
    }
    .ft-size-1_10rem {
        font-size: 1.13rem !important;
        line-height: 1.56rem !important;
    }
    .p-lg-100 {
        padding: 6.3rem !important;
    }
    .p-lg-50 {
        padding: 3.2rem !important;
    }
    .pt-lg-50 {
        padding-top: 3.2rem !important;
    }
    .px-lg-50 {
        padding-left: 50px !important;
        padding-right: 50px !important;
    }
    .p-lg-200 {
        padding: 13rem !important;
    }
    .pl-lg-100 {
        padding-left: 100px !important;
    }
    .padding_partenrs_lg{
        padding: 100px 240px;
    }
    .pr-lg-100 {
        padding-right: 100px !important;
    }
    .pt-lg-100 {
        padding-top: 100px !important;
    }
    .px-lg-100 {
        padding-left: 100px !important;
        padding-right: 100px !important;
    }
    .px-lg-150 {
        padding:0 150px !important;
    }
    .ft-size-xl-3_8rem {
        font-size: 3.8rem;
        line-height: 4rem !important;
    }
    .mr-lg-100 {
        margin-right: 100px !important;
    }
    .ml-lg-12 {
        margin-left: 12px !important;
    }
}
@media (max-width: 992px) {
    .p-sm-20 {
        padding: 1.3rem !important;
    }
    .px-sm-40 {
        padding-left: 2.6rem !important;
        padding-right: 2.6rem !important;
    }
    .px-sm-20 {
        padding-left: 1.3rem !important;
        padding-right: 1.3rem !important;
    }
    .px-sm-10 {
        padding-left: 0.65rem !important;
        padding-right: 0.65rem !important;
    }
    .pl-sm-15 {
        padding-left: 0.9rem !important;
    }
    .py-sm-30 {
        padding-top: 1.9rem !important;
        padding-bottom: 1.9rem !important;
    }
    .blocProduitsSmall{
        padding: 1.9rem 1.3rem !important;
    }
    .blocTroisTexteSmall{
        padding: 60px 40px !important;
    }
    h1, .ft-size-3_8rem {
        font-size: 2rem !important;
        line-height: normal;
    }
    h2, .ft-size-2_8rem {
        font-size: 1.6rem !important;
        line-height: normal !important;
    }
    h3, .ft-size-1_9rem {
        font-size: 1.1rem !important;
        line-height: normal !important;
    }
    h4, .ft-size-1_3rem {
        font-size: 0.9rem !important;
    }
    h5, .ft-size-1_13rem {
        font-size: 1rem !important;
        line-height: normal !important;;
    }
    .ft-size-1_10rem {
        font-size: 0.9rem !important;
        line-height: normal !important;;
    }
    .page-contenu-texte .paragraph {
        line-height: normal;
    }
}

.button_disconnect
{
    border-bottom:2px solid #ececeb;
    border-radius:0;
    color:#acacac;
    padding:0 5px 5px 0;
    transition:all .2s ease
}

.button_disconnect:hover
{
border-bottom-color:#0ed1c0}

.button_color_yellow
{
color:#f7ad33}

.button_color_grey
{
color:#aba1b1
}

.border-green {
border: solid 2px var(--vert)
}

.button_color_chatelle
{
color:#a99db0}

.button_social
{
align-items:center;
border-radius:1px;
color:#fff;
display:flex;
flex-basis:0;
font-size:13px;
font-weight:700;
justify-content:space-between;
padding:8px 10px;
text-align:left}

.button_social_facebook
{
background-color:#41629f}

.button_social_twitter
{
background-color:#5eb4ee}

.button_bgcolor_transparent
{
background:transparent}

.button_bgcolor_transparent:hover
{
background:rgba(0,0,0,.075);
border-color:transparent;
transition:background .25s ease}

.button_bgcolor_green
{
background-color:#0ed1c0;
color:#fff
}

.button_brcolor_white
{
    border:1px solid white;
}

.button_brcolor_green
{
    border:1px solid #0ed1c0
}

.button_brcolor_grey
{
    border:1px solid #dbdbdb;
    border-radius:100px;
    color:#a1a1a1;
    font-family:Ubuntu,sans-serif
}

.button {
    border-radius:30px;
    cursor:pointer;
    flex-shrink:0;
    font-family:Ubuntu,sans-serif;
    font-weight:400;
    outline:none;
    padding:15px 30px;
    position:relative;
    text-decoration:none;
    white-space:nowrap;
    width:fit-content;
    display: block;
}

.px-20-py-10 {
    padding:10px 20px !important;
}

.btn_icon_download_green {
    color: var(--vert);
    border: solid 2px var(--vert);
    justify-content: space-between;
    display: flex;
    padding: 15px 30px;
    width: 100%;
    align-items: center;
}

.btn_icon_download_green p {
margin: 0;
padding: 0;
}

.lightbox {
display: none !important;
}
/*Pour tout les navigateurs */
b, strong {
    font-family: Poppins-Regular !important;
    font-weight: bold !important;
}
/*Pour le navigateur Firefix */
/*@-moz-document url-prefix(){*/
/*    b, strong {*/
/*        -webkit-text-stroke: 2px;*/
/*    }*/
/*}*/
.centre-info__openinghours .icon_circle {
    margin-right: 8px;
}
.icon_circle_green {
    background-color: #28d1c0;
}
.icon_circle {
    border-radius: 50%;
    display: inline-block;
    height: 7px;
    width: 7px;
}
.icon_24 {
    width: 24px !important;
}
.no-decoration{
    text-decoration: none;
}
/***********custom checkbox************/
.custom-check {
    position: relative;
}
.custom-check .label-text{
    margin-left: 30px;
    color:white;
}

.form__field_checkbox {
    text-align: left;
    margin-right: 20px;
}

    /* Hide the browser's default checkbox */
.custom-check input {
    display: none;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-check .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid var(--vert);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.paragraph_error {
    color:red;
}