@charset "UTF-8";
:root{
    --primary:#42210b;
    --secondary:#825537;
    --tertiary:#4C9397;
    --white:#fff9f6;
    --light_white:#fff;
    --black:black;
    --pink:#ff0d64;
    --red:#ff4419;
    --grey:#333;
    --med_grey:#828282;
    --light_grey:#bdbdbd;
    --xlight_grey:#d9d9d9;
    --font_primary:"Open sans",sans-serif;
    --shadow:0 .125rem .125rem rgba(66,33,11,.5);
    --med_shadow:0 .25rem .25rem rgba(66,33,11,.25);
    --deep_shadow:0 .5rem .5rem rgba(66,33,11,.15);
    --shadow_rev:0 -.125rem .125rem rgba(66,33,11,.5);
    --med_shadow_rev:0 -.25rem .25rem rgba(66,33,11,.25);
    --deep_shadow_rev:0 -.5rem .5rem rgba(66,33,11,.15);
    --gap0:0;
    --gap5:.313rem;
    --gap10:.625rem;
    --gap15:.938rem;
    --gap18:.1.125rem;
    --gap20:1.2rem
}
*{
    margin:0;
    padding:0
}
*,:after,:before{
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    box-sizing:inherit
}
html{
    box-sizing:border-box;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent;
    height:100%;
    background:url(/wp-content/themes/trema/assets/img/conception_web_et_graphisme-loic_bocquier-ancelin-bg_pattern.svg) repeat;
    /*cursor:url( "/wp-content/themes/trema/assets/img/cursor.svg" ),pointer*/
}
body,html{
    font-family:var(--font_primary);
    font-size:1rem;
    line-height:1.5rem;
    font-weight:400;
    color:var(--primary);
    direction:ltr;
    scroll-behavior:smooth
}
body{
    background: #FFF9F6;
    background:linear-gradient(180deg,rgba(255, 249, 246, 1) 0%, rgba(255, 249, 246, 0) 100%);
}
-moz-::selection,-o-::selection,-webkit-::selection,::selection{
    background:var(--tertiary);
    color:var(--white)
}
-moz-::placeholder,-o-::placeholder,-webkit-::placeholder,.form-control::placeholder,::placeholder,input::placeholder,textarea::placeholder{
    font-family:var(--font_primary);
    font-weight:400;
    font-size:.875rem;
    color:var(--secondary);
    opacity:1
}
:focus{
    outline:0!important
}
@media (min-width:0){
    .container,.container-fluid{
        margin-left:auto;
        margin-right:auto
    }
    .h1,.h2,blockquote p,h1,h2{
        line-height:1.875rem
    }
    .custom-checkbox,.relative,blockquote,main ul li{
        position:relative
    }
    blockquote::before,main ul li::before{
        top:.625rem;
        position:absolute;
        content:''
    }
    a,p{
        color:var(--primary)
    }
    .fs-normal,address{
        font-style:normal
    }
    .btn-primary,.btn-tertiary,.font-primary,.font-secondary{
        font-family:var(--font_primary)
    }
    .hidden,.hr,hr{
        overflow:hidden
    }
    .deep_shadow,.med_shadow,.shadow{
        mix-blend-mode:multiply
    }
    .container{
        max-width:100%;
        width:100%!important;
        display:flex;
        flex-wrap:wrap
    }
    .clearfix::after,.container-fluid::after{
        content:"";
        display:table;
        clear:both
    }
    .hidden-sm-down{
        display:none!important
    }
    .hidden-md-up{
        display:block!important
    }
    .disno{
        display:none
    }
    .disblo{
        display:block
    }
    .disinblo{
        display:inline-block!important
    }
    .disflex{
        display:flex
    }
    .disflex__wrap{
        flex-wrap:wrap
    }
    .disflex__nowrap{
        flex-wrap:nowrap
    }
    .just__center{
        justify-content:center!important
    }
    .just__around{
        justify-content:space-around
    }
    .just__btw{
        justify-content:space-between
    }
    .just__even{
        justify-content:space-evenly
    }
    .just__start{
        justify-content:flex-start!important
    }
    .just__end{
        justify-content:flex-end
    }
    .dir__row{
        flex-direction:row
    }
    .dir__col{
        flex-direction:column
    }
    .dir__row_rev{
        flex-direction:row-reverse
    }
    .dir__col_rev{
        flex-direction:column-reverse
    }
    .alignit-center{
        align-items:center!important
    }
    .alignit-start{
        align-items:flex-start!important
    }
    .alignit-end{
        align-items:flex-end
    }
    .alignit-strh{
        align-items:stretch
    }
    .gap0{
        gap:var(--gap0)!important
    }
    .gap5{
        gap:var(--gap5)
    }
    .gap10{
        gap:var(--gap10)
    }
    .gap15{
        gap:var(--gap15)
    }
    .gap18{
        gap:var(--gap18)
    }
    .gap20{
        gap:var(--gap20)
    }
    .zindex1{
        z-index:1
    }
    .zindex9999{
        z-index:9999
    }
    .absolute{
        position:absolute!important
    }
    .sticky{
        position:sticky
    }
    .fixed{
        position:fixed
    }
    .top0{
        top:0
    }
    .right0{
        right:0
    }
    .bottom0{
        bottom:0
    }
    .left0{
        left:0
    }
    .fl-right{
        float:right
    }
    .fl-left,.table-reflow thead,.table-reflow tr{
        float:left
    }
    .fl-none{
        float:none
    }
    .m-0-auto{
        margin:0 auto
    }
    .m-auto{
        margin:auto
    }
    .mt-0,dl,ol,ul{
        margin-top:0
    }
    .ml-0,dd{
        margin-left:0
    }
    .m-0{
        margin:0!important
    }
    .mr-0{
        margin-right:0
    }
    .mb-0,ol ol,ol ul,ul ol,ul ul{
        margin-bottom:0
    }
    .m-05{
        margin:.313rem
    }
    .mt-05{
        margin-top:.313rem
    }
    .mr-05{
        margin-right:.313rem
    }
    .mb-05{
        margin-bottom:.313rem
    }
    .ml-05{
        margin-left:.313rem
    }
    .m-1{
        margin:.625rem
    }
    .mt-1{
        margin-top:.625rem
    }
    .mr-1{
        margin-right:.625rem
    }
    .mb-1{
        margin-bottom:.625rem
    }
    .ml-1{
        margin-left:.625rem
    }
    .mt-15{
        margin-top:.938rem
    }
    .mr-15{
        margin-right:.938rem
    }
    .mb-15{
        margin-bottom:.938rem
    }
    .ml-15{
        margin-left:.938rem
    }
    .m-2{
        margin:1.25rem
    }
    .mt-2{
        margin-top:1.25rem!important
    }
    .mr-2{
        margin-right:1.25rem
    }
    .mb-2{
        margin-bottom:1.25rem
    }
    .ml-2{
        margin-left:1.25rem
    }
    .mt-25{
        margin-top:1.563rem
    }
    .mr-25{
        margin-right:1.563rem
    }
    .mb-25{
        margin-bottom:1.563rem
    }
    .ml-25{
        margin-left:1.563rem
    }
    .m-3{
        margin:1.875rem
    }
    .mt-3{
        margin-top:1.875rem
    }
    .mr-3{
        margin-right:1.875rem
    }
    .mb-3{
        margin-bottom:1.875rem
    }
    .ml-3{
        margin-left:1.875rem
    }
    .mx-3{
        margin:1.875rem 0
    }
    .m-4{
        margin:2.5rem
    }
    .mt-4{
        margin-top:2.5rem
    }
    .mr-4{
        margin-right:2.5rem
    }
    .mb-4{
        margin-bottom:2.5rem
    }
    .ml-4{
        margin-left:2.5rem
    }
    .p-0{
        padding:0!important
    }
    .pt-0{
        padding-top:0
    }
    .pr-0{
        padding-right:0
    }
    .pb-0{
        padding-bottom:0
    }
    .pl-0{
        padding-left:0
    }
    .p-05{
        padding:.313rem
    }
    .pt-05{
        padding-top:.313rem
    }
    .pr-05{
        padding-right:.313rem
    }
    .pb-05{
        padding-bottom:.313rem
    }
    .pl-05{
        padding-left:.313rem
    }
    .p-1{
        padding:.625rem
    }
    .pt-1{
        padding-top:.625rem
    }
    .pr-1{
        padding-right:.625rem
    }
    .pb-1{
        padding-bottom:.625rem
    }
    .pl-1{
        padding-left:.625rem
    }
    .px-15{
        padding:.938rem 0
    }
    .py-15{
        padding:0 .938rem
    }
    .pl-15,main ul li{
        padding-left:.938rem
    }
    .p-15,input[type=textarea],textarea{
        padding:.938rem
    }
    .pt-15{
        padding-top:.938rem
    }
    .pr-15{
        padding-right:.938rem
    }
    .pb-15{
        padding-bottom:.938rem
    }
    .p-2,table td{
        padding:1.25rem
    }
    .pt-2{
        padding-top:1.25rem!important
    }
    .pr-2{
        padding-right:1.25rem
    }
    .pb-2{
        padding-bottom:1.25rem!important
    }
    .pl-2{
        padding-left:1.25rem
    }
    .p-3{
        padding:1.875rem
    }
    .pt-3{
        padding-top:1.875rem
    }
    .pr-3{
        padding-right:1.875rem
    }
    .pb-3{
        padding-bottom:1.875rem
    }
    .pl-3{
        padding-left:1.875rem
    }
    .p-4{
        padding:2.5rem
    }
    .pt-4{
        padding-top:2.5rem
    }
    .alert-dismissible,.pr-4{
        padding-right:2.5rem
    }
    .pb-4{
        padding-bottom:2.5rem
    }
    .pl-4{
        padding-left:2.5rem
    }
    .p-5{
        padding:3.125rem
    }
    .pt-5{
        padding-top:3.125rem
    }
    .pr-5{
        padding-right:3.125rem
    }
    .pb-5{
        padding-bottom:3.125rem
    }
    .pl-5{
        padding-left:3.125rem
    }
    .p-6{
        padding:3.75rem
    }
    .pt-6{
        padding-top:3.75rem
    }
    .pr-6{
        padding-right:3.75rem
    }
    .pb-6{
        padding-bottom:3.75rem
    }
    .pl-6{
        padding-left:3.75rem
    }
    .p-8{
        padding:5rem
    }
    .pt-8{
        padding-top:5rem
    }
    .pr-8{
        padding-right:5rem
    }
    .pb-8{
        padding-bottom:5rem
    }
    .pl-8{
        padding-left:5rem
    }
    .pt-12{
        padding-top:6.875rem
    }
    .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
        font-family:var(--font_primary);
        color:var(--primary);
        font-weight:500
    }
    .h1,h1{
        font-size:1.875rem;
        text-align:center;
        margin-bottom:.625rem
    }
    .h2,h2{
        font-size:1.5rem;
        margin-bottom:.938rem
    }
    .h2-small,.h3,blockquote p,h3{
        font-size:1.25rem
    }
    .h2-small,.h3,h3,p{
        line-height:1.5rem
    }
    .h2-small{
        display:block;
        font-weight:400;
        margin-bottom:.313rem
    }
    .alert-link,.btn-primary,.f-700,dt{
        font-weight:700
    }
    .h3,address,h3,p{
        margin-bottom:.625rem!important
    }
    .h4,.h5,.h6,h4,h5,h6{
        font-size:1.125rem;
        line-height:1.5rem
    }
    p{
        font-size:1rem
    }
    blockquote{
        margin:0 0 1rem;
        padding-left:3.438rem
    }
    blockquote::before{
        width:2.313rem;
        height:1.688rem;
        left:0;
        background:url("../img/bloquote.svg") center 100% no-repeat
    }
    address{
        line-height:inherit
    }
    dl,ol,ul{
        margin-bottom:1rem
    }
    main ul li::before{
        width:.5rem;
        height:.5rem;
        border-radius:100%;
        background-color:var(--tertiary);
        left:0
    }
    ol{
        font-size:.875rem;
        padding-left:1rem;
        line-height:1rem
    }
    ul{
        font-size:1rem;
        line-height:1.75rem;
        list-style:none
    }
    dd{
        margin-bottom:.5rem
    }
    a *{
        cursor:pointer!important
    }
    a{
        text-decoration:none;
        background-color:transparent;
        -webkit-text-decoration-skip:objects;
        transition:.3s cubic-bezier(.47,.07,1,.83)
    }
    a:active,a:hover{
        color:var(--tertiary);
        outline:0;
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    a:active.btn-primary,a:hover.btn-primary{
        color:var(--white)
    }
    a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
        text-decoration:none;
        outline:0
    }
    .f-400{
        font-weight:400
    }
    .f-500{
        font-weight:500
    }
    .f-600{
        font-weight:600
    }
    .f-900{
        font-weight:900
    }
    .fs-italic,em,italic{
        font-style:italic!important
    }
    .tt-upp{
        text-transform:uppercase
    }
    .tt-no{
        text-transform:none!important
    }
    .tt-low{
        text-transform:lowercase
    }
    .tt-cap{
        text-transform:capitalize
    }
    .td-under{
        text-decoration:underline
    }
    .btn-primary,.td-no{
        text-decoration:none
    }
    .ta-center{
        text-align:center!important
    }
    .ta-left,table tfoot td,table thead td{
        text-align:left!important
    }
    .ta-right{
        text-align:right
    }
    .size-10{
        font-size:.625rem
    }
    .size-11,.small,small{
        font-size:.6875rem
    }
    .size-12{
        font-size:.75rem
    }
    .size-13{
        font-size:.8125rem
    }
    .size-14{
        font-size:.875rem
    }
    .size-16{
        font-size:1rem
    }
    .size-18{
        font-size:1.125rem!important
    }
    .size-20{
        font-size:1.25rem!important
    }
    .size-24{
        font-size:1.5rem
    }
    .size-28{
        font-size:1.75rem
    }
    .size-30{
        font-size:1.875rem!important
    }
    .size-32{
        font-size:2rem
    }
    .size-36{
        font-size:2.25rem
    }
    .size-40{
        font-size:2.5rem
    }
    .size-44{
        font-size:2.75rem
    }
    .clr-primary{
        color:var(--primary)!important
    }
    .clr-secondary{
        color:var(--secondary)!important
    }
    .clr-white{
        color:var(--white)!important
    }
    .clr-black{
        color:var(--black)!important
    }
    .clr-darkgrey{
        color:var(--dark_grey)
    }
    .clr-medgrey{
        color:var(--med_grey)
    }
    .clr-lightgrey{
        color:var(--light_grey)
    }
    .clr-brown{
        color:var(--brown)!important
    }
    .clr-green{
        color:var(--green)!important
    }
    .lh-init{
        line-height:initial
    }
    .lh-inher{
        line-height:inherit
    }
    .lh-10{
        line-height:.625rem
    }
    .lh-14{
        line-height:.875rem
    }
    .lh-18{
        line-height:1.125rem
    }
    .lh-20{
        line-height:1.25rem
    }
    .lh-24{
        line-height:1.5rem
    }
    .lh-30{
        line-height:1.875rem
    }
    .lh-36{
        line-height:2.25rem
    }
    .lh-50{
        line-height:3.125rem
    }
    .align-baseline{
        vertical-align:baseline
    }
    .align-top{
        vertical-align:top
    }
    .align-middle{
        vertical-align:middle
    }
    .align-bottom,.align-text-bottom{
        vertical-align:text-bottom
    }
    .align-text-top{
        vertical-align:text-top
    }
    .btn-primary.disabled,.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary:disabled,.btn-primary:disabled.focus,.btn-primary:disabled:focus,.btn-primary:disabled:hover,.btn-primary[disabled],.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,.btn-secondary.disabled,.btn-secondary.disabled.focus,.btn-secondary.disabled:focus,.btn-secondary.disabled:hover,.btn-secondary:disabled,.btn-secondary:disabled.focus,.btn-secondary:disabled:focus,.btn-secondary:disabled:hover,.btn-secondary[disabled],.btn-secondary[disabled].focus,.btn-secondary[disabled]:focus,.btn-secondary[disabled]:hover,.btn-tertiary.disabled,.btn-tertiary.disabled.focus,.btn-tertiary.disabled:focus,.btn-tertiary.disabled:hover,.btn-tertiary:disabled,.btn-tertiary:disabled.focus,.btn-tertiary:disabled:focus,.btn-tertiary:disabled:hover,.btn-tertiary[disabled],.btn-tertiary[disabled].focus,.btn-tertiary[disabled]:focus,.btn-tertiary[disabled]:hover,button.disabled,button:disabled,button[disabled]{
        background-color:var(--light_grey);
        color:var(--grey);
        cursor:not-allowed
    }
    .btn-primary{
        position:relative;
        background-color:var(--primary);
        color:var(--white);
        border:none;
        z-index:1;
        transition:.3s cubic-bezier(.47,.07,1,.83)
    }
    .btn-default,.btn-secondary,.btn-tertiary{
        position:relative;
        background-color:var(--light_white);
        font-weight:700;
        border:none;
        transition:.3s cubic-bezier(.47,.07,1,.83)
    }
    .btn-primary.active:hover,.btn-primary:active:hover,.btn-primary:hover,.open>.btn-primary.dropdown-toggle:hover{
        background-color:var(--secondary);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-primary.active,.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.focus,.btn-primary:active,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:focus,.open>.btn-primary.dropdown-toggle,.open>.btn-primary.dropdown-toggle.focus,.open>.btn-primary.dropdown-toggle:focus{
        background-color:var(--tertiary);
        color:var(--white);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-default{
        display:inline-block
    }
    .btn-default,.btn-secondary{
        color:var(--primary);
        text-decoration:none
    }
    .submit-hovering{
        position: relative
    }
    .btn-primary::after,.btn-primary::before,a.btn-primary::after,a.btn-primary::before,.btn-secondary::before,.btn-secondary::after,.submit-hovering::after,.submit-hovering::before{
        position:absolute;
        content:"";
        width:0;
        height:0;
        transition:.3s cubic-bezier(.2,.54,.79,1.24)
    }
    .btn-primary::after,a.btn-primary::after,.btn-secondary::after,.submit-hovering::after{
        bottom:-.563rem;
        left:-.563rem;
        border-bottom:.125rem solid transparent;
        border-left:.125rem solid transparent
    }
    .btn-primary::before,a.btn-primary::before,.btn-secondary::before,.submit-hovering::before{
        top:-.563rem;
        right:-.563rem;
        border-top:.125rem solid transparent;
        border-right:.125rem solid transparent
    }
    .btn-primary:hover::after,.btn-primary:hover::before,a.btn-primary:hover::after,a.btn-primary:hover::before,.submit-hovering:hover::after,.submit-hovering:hover::before{
        width:3.75rem;
        height:3.75rem;
        border-color:var(--secondary)
    }
    .btn-primary:active::after,.btn-primary:active::before,a.btn-primary:active::after,a.btn-primary:active::before,.submit-hovering:active::after,.submit-hovering:active::before,.btn-primary:focus::after,.btn-primary:focus::before,a.btn-primary:focus::after,a.btn-primary:focus::before,.submit-hovering:focus::after,.submit-hovering:focus::before{
        border-color:var(--tertiary)
    }
    .btn-secondary:hover::before,.btn-secondary:hover::after{
        width:3.75rem;
        height:3.75rem;
        border-color:var(--light_white)
    }
    .btn-default.active,.btn-default.active:hover,.btn-default:active,.btn-default:active:hover,.btn-default:hover,.btn-secondary.active,.btn-secondary.active:hover,.btn-secondary:active,.btn-secondary:active:hover,.btn-secondary:hover,.open>.btn-default.dropdown-toggle,.open>.btn-default.dropdown-toggle:hover,.open>.btn-secondary.dropdown-toggle,.open>.btn-secondary.dropdown-toggle:hover{
        background-color:var(--secondary);
        color:var(--white)!important;
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-tertiary,.label,label{
        background:transparent;
        color:var(--primary);
        line-height:1.5rem
    }
    .btn-secondary.active.focus,.btn-secondary.active:focus,.btn-secondary.focus,.btn-secondary:active.focus,.btn-secondary:active:focus,.btn-secondary:focus,.open>.btn-secondary.dropdown-toggle.focus,.open>.btn-secondary.dropdown-toggle:focus{
        background-color:var(--tertiary);
        color:var(--primary);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-tertiary{
        padding:0 .938rem .313rem;
        font-size:1rem;
        border-bottom:1px solid var(--primary)
    }
    .bg-none,.table-striped tbody tr:nth-of-type(odd),pre code{
        background-color:transparent
    }
    .btn-tertiary.active,.btn-tertiary.active:hover,.btn-tertiary:active,.btn-tertiary:active:hover,.btn-tertiary:hover,.open>.btn-tertiary.dropdown-toggle,.open>.btn-tertiary.dropdown-toggle:hover{
        color:var(--secondary);
        border-color:var(--secondary);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-tertiary.active.focus,.btn-tertiary.active:focus,.btn-tertiary.focus,.btn-tertiary:active.focus,.btn-tertiary:active:focus,.btn-tertiary:focus,.open>.btn-tertiary.dropdown-toggle.focus,.open>.btn-tertiary.dropdown-toggle:focus{
        color:var(--tertiary);
        border-color:var(--tertiary);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .btn-default,.btn-primary,.btn-secondary{
        padding:1.125rem 2.25rem;
        font-size:1.125rem;
        line-height:1.5rem;
        display:flex;
        justify-content:center;
        align-items:center;
        cursor:pointer
    }
    .hr,hr{
        box-sizing:content-box;
        height:0;
        border:none;
        border-top:1px dotted var(--primary);
        margin:1.25rem 0
    }
    .border-none{
        border:none!important
    }
    .full-border{
        border:1px solid var(--primary)!important
    }
    .med_radius{
        border-radius:1.25rem
    }
    .bt{
        border-top:1px solid var(--primary)
    }
    .br{
        border-right:1px solid var(--primary)
    }
    .br-white{
        border-right:1px solid var(--white)
    }
    .bb{
        border-bottom:1px solid var(--primary)
    }
    .bb-white{
        border-bottom:1px solid var(--light_white)
    }
    .bl{
        border-left:1px solid var(--primary)
    }
    .shadow{
        box-shadow:var(--shadow)
    }
    .med_shadow{
        box-shadow:var(--med_shadow)
    }
    .deep_shadow{
        box-shadow:var(--deep_shadow)
    }
    .multiple-shadow::after,.multiple-shadow__reverse::before{
        position:absolute;
        content:'';
        width:100%;
        height:.625rem;
        left:0;
        mix-blend-mode:multiply;
        z-index:1
    }
    .multiple-shadow::after{
        bottom:0;
        box-shadow:var(--shadow),var(--med_shadow),var(--deep_shadow)
    }
    .multiple-shadow__reverse::before{
        top:0;
        box-shadow:var(--shadow_rev),var(--med_shadow_rev),var(--deep_shadow_rev)
    }
    .no-shadow{
        box-shadow:none!important
    }
    .bg-primary{
        background-color:var(--primary)
    }
    .bg-secondary{
        background-color:var(--secondary)
    }
    .bg-tertiary{
        background-color:var(--tertiary)
    }
    .bg-black{
        background-color:var(--black)
    }
    .bg-grey{
        background-color:var(--grey)
    }
    .bg-light-grey{
        background-color:var(--light_grey)
    }
    .bg-white-plus{
        background-color:#fff
    }
    .bg-white{
        background-color:var(--white)
    }
    .bg-blue{
        background-color:var(--light_primary)
    }
    .bg-red{
        background-color:var(--red)
    }
    .bg-pink{
        background-color:var(--pink)
    }
    .radius{
        border-radius:.625rem
    }
    .label,label{
        display:block;
        font-size:1rem;
        font-weight:600;
        margin:.313rem 0
    }
    .custom-radio,.radio-inline .custom-radio{
        margin-right:.5rem
    }
    .form-control-comment{
        font-size:.625rem;
        color:var(--grey);
        line-height:1.25rem
    }
    form section .form-informations{
        display:inline-block;
        margin-top:.25rem;
        margin-bottom:1rem;
        color:#232323
    }
    form section .form-informations-option,form section .form-informations-title{
        display:inline-block;
        margin-bottom:1rem;
        font-size:1.25rem
    }
    form .form-control-label{
        margin:0;
        display:flex;
        align-items:center;
        font-size:.875rem;
        line-height:1.5rem;
        font-weight:700;
        color:var(--black)
    }
    .custom-checkbox label{
        text-align:center;
        font-size:.875rem;
        line-height:1.5rem;
        font-weight:400;
        color:var(--grey)
    }
    input[type=email],input[type=password],input[type=tel],input[type=text],input[type=textarea],input[type=url],textarea,select{
        width:100%;
        display:inline-flex;
        font-family:var(--font_primary);
        font-weight:500;
        font-size:1rem;
        color:var(--primary);
        border:.125rem solid var(--primary);
        transition:.5s cubic-bezier(.47,.07,1,.83)
    }
    select{
        -webkit-appearance:none;
        -moz-appearance:none;
        appearance:none;
        height:2.5rem;
        margin-bottom:.625rem;
        padding:0 .938rem;
        background:url("../img/dropdown_arrow.svg") no-repeat;
        background-position:98%;
        background-color:var(--light_white)
    }
    select::-ms-expand{
        display:none
    }
    .forgotten-password .form-fields .center-email-fields button{
        height:3.125rem
    }
    .forgotten-password .form-fields label.required{
        width:100%
    }
    input[type=email],input[type=password],input[type=tel],input[type=text],input[type=url]{
        height:2.5rem;
        margin-bottom:.625rem;
        padding:0 .938rem
    }
    input[type=email]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=textarea]:hover,input[type=url]:hover,textarea:hover{
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=textarea]:focus,input[type=url]:focus,textarea:focus{
        border-color:var(--tertiary);
        transition:.3s cubic-bezier(.17,.67,.76,.98)
    }
    .custom-checkbox input[type=checkbox]+span.color{
        display:inline-block;
        width:1.125rem;
        height:1.125rem;
        cursor:pointer;
        background-size:contain;
        border:1px solid var(--light_grey);
        border-radius:50px
    }
    .custom-checkbox input[type=checkbox]+span.color.active,.custom-checkbox input[type=checkbox]+span.color:hover{
        border:2px solid var(--light_grey)
    }
    .radio-inline:first-of-type{
        margin-right:1rem
    }
    .custom-radio{
        position:relative;
        display:inline-block;
        width:18px;
        height:18px;
        margin-top:.1rem;
        vertical-align:middle;
        cursor:pointer;
        background:#fff;
        border:1px solid #979797;
        border-radius:50%
    }
    .table tbody+tbody,.table-bordered,.table-bordered td,.table-bordered th,table td{
        border:1px solid var(--light_grey)
    }
    .c-pointer,input[type=radio]{
        cursor:pointer
    }
    .facet-label.active .custom-checkbox span.color,.facet-label:hover .custom-checkbox span.color{
        border:1px solid #979797
    }
    table{
        font-size:.875rem;
        line-height:1.25rem;
        border-collapse:collapse;
        overflow-x:scroll
    }
    table tfoot,table thead{
        background-color:var(--xlight_grey)
    }
    .table{
        width:100%;
        max-width:100%;
        margin-bottom:1rem
    }
    .table td,.table th{
        vertical-align:top;
        border-top:1px solid var(--light_grey)
    }
    .table thead th{
        border-bottom:1px solid var(--light_grey)
    }
    .table-sm td,.table-sm th{
        padding:.3rem
    }
    .table-active,.table-active>td,.table-active>th,.table-hover .table-active:hover,.table-hover .table-active:hover>td,.table-hover .table-active:hover>th,.table-hover tbody tr:hover{
        background-color:rgba(0,0,0,.075)
    }
    .table-success,.table-success>td,.table-success>th{
        background-color:#dff0d8
    }
    .table-hover .table-success:hover,.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{
        background-color:#d0e9c6
    }
    .table-info,.table-info>td,.table-info>th{
        background-color:#d9edf7
    }
    .table-hover .table-info:hover,.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{
        background-color:#c4e3f3
    }
    .table-warning,.table-warning>td,.table-warning>th{
        background-color:#fcf8e3
    }
    .table-hover .table-warning:hover,.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{
        background-color:#faf2cc
    }
    .table-danger,.table-danger>td,.table-danger>th{
        background-color:#f2dede
    }
    .table-hover .table-danger:hover,.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{
        background-color:#ebcccc
    }
    .thead-inverse th{
        color:#fff;
        background-color:#363a42
    }
    .thead-default th{
        color:#7a7a7a;
        background-color:#f6f6f6;
        color:var(--black);
        background-color:var(--light_grey)
    }
    .table-inverse{
        color:#f6f6f6;
        background-color:#363a42
    }
    .table-inverse td,.table-inverse th,.table-inverse thead th{
        border-color:#7a7a7a
    }
    .table-inverse.table-bordered{
        border:0
    }
    .table-responsive{
        display:block;
        width:100%;
        min-height:0;
        overflow-x:auto
    }
    .table-reflow tbody{
        display:block;
        white-space:nowrap
    }
    .table-reflow td,.table-reflow th{
        border-top:1px solid #f6f6f6;
        border-left:1px solid #f6f6f6
    }
    .table-reflow td:last-child,.table-reflow th:last-child{
        border-right:1px solid #f6f6f6
    }
    .table-reflow tbody:last-child tr:last-child td,.table-reflow tbody:last-child tr:last-child th,.table-reflow tfoot:last-child tr:last-child td,.table-reflow tfoot:last-child tr:last-child th,.table-reflow thead:last-child tr:last-child td,.table-reflow thead:last-child tr:last-child th{
        border-bottom:1px solid #f6f6f6
    }
    .table-reflow tr td,.table-reflow tr th{
        display:block!important;
        border:1px solid #f6f6f6
    }
    .table td,.table th{
        padding:.75rem!important
    }
    .table-bordered{
        border:1px solid var(--grey)
    }
    .table-striped tbody tr{
        border-bottom:1px solid var(--grey)
    }
    .table-bordered thead td,.table-bordered thead th{
        border-bottom-width:1px
    }
    .table thead th{
        vertical-align:bottom;
        border-bottom:1px solid var(--grey)
    }
    .table-bordered td,.table-bordered th{
        border:none;
        border-bottom:1px solid var(--grey)
    }
    .no-radius,.page-order-detail #order-history .history-lines .history-line .label,.table-labeled .label{
        border-radius:0!important
    }
    .full-width,.width50{
        width:100%;
        max-width:100%!important
    }
    .width-auto{
        width:auto!important
    }
    .width-fit{
        width:fit-content!important
    }
    .width-max{
        width:max-content
    }
    .full-height{
        height:100%!important;
        max-height:100%
    }
    .height-fit{
        height:fit-content
    }
    .full-radius{
        border-radius:100%
    }
    .c-default{
        cursor:default
    }
    .c-notallowed{
        cursor:not-allowed
    }
    .alert-danger,.alert-info,.alert-warning{
        color:var(--primary);
        text-align:center;
        font-weight:700
    }
    .alert-heading,pre code{
        color:inherit
    }
    .alert{
        padding:.935rem!important;
        margin:.625rem 0!important;
        border:1px solid transparent;
        border-radius:0
    }
    code,pre code{
        border-radius:0
    }
    .alert-dismissible .close{
        position:relative;
        top:-.125rem;
        right:-1.25rem;
        color:inherit
    }
    .alert-success{
        background-color:var(--green);
        border-color:var(--primary);
        color:var(--primary);
        text-align:center;
        font-weight:700
    }
    .alert-success hr{
        border-top-color:#c1e2b3
    }
    .alert-success .alert-link{
        color:#2b542c
    }
    .alert-info{
        background-color:#d9edf7;
        border-color:#bcdff1;
        color:#31708f
    }
    .alert-info hr{
        border-top-color:#a6d5ec
    }
    .alert-info .alert-link{
        color:#245269
    }
    .alert-warning{
        background-color:rgba(255,154,82,.3);
        border-color:#ff9a52;
        color:#232323
    }
    .alert-warning hr{
        border-top-color:#ff8b39
    }
    .alert-warning .alert-link{
        color:#0a0a0a
    }
    .alert-danger{
        background-color:#ffe6e7;
        border-color:var(--red);
        color:var(--red)
    }
    .alert-danger hr{
        border-top-color:var(--red)
    }
    .alert-danger .alert-link{
        color:#e40205
    }
    code,kbd,pre,samp{
        font-family:Arial,sans serif;
        font-size:.875rem
    }
    code,kbd{
        padding:.2rem .4rem;
        font-size:90%
    }
    code{
        color:#bd4147;
        background-color:#f7f7f9
    }
    kbd{
        color:#fff;
        background-color:#333;
        border-radius:.2rem
    }
    kbd kbd{
        padding:0;
        font-size:100%;
        font-weight:700
    }
    pre{
        display:block;
        margin-top:0;
        margin-bottom:1rem;
        font-size:1rem;
        color:var(--grey);
        overflow:auto
    }
    pre code{
        padding:0;
        font-size:inherit
    }
    .pre-scrollable{
        max-height:340px;
        overflow-y:scroll
    }
}
@media (min-width:992px){
    .width50{
        width:50%;
        max-width:100%!important
    }
    .container{
        width:71.25rem!important;
        max-width:100%;
        display:flex
    }
    .hidden-sm-down{
        display:block!important
    }
    .hidden-md-up{
        display:none!important
    }
    .h1,h1{
        font-size:2.625rem;
        line-height:3.125rem
    }
    .h2,h2{
        font-size:2.25rem;
        line-height:2.625rem;
        margin-bottom:.938rem
    }
    .h3,h3{
        font-size:1.5rem;
        line-height:1.75rem;
        margin-bottom:.625rem!important
    }
    .h4,.h5,.h6,h4,h5,h6{
        font-size:1.25rem;
        line-height:1.5rem
    }
    blockquote p{
        font-size:1.5rem;
        line-height:1.875rem
    }
    ul{
        padding-left:.875rem
    }
    select{
        background-position:99.3%
    }
}