@font-face{
    font-family:'FuturaLTPro Book';
    src:url("../fonts/FuturaLTPro-Book.woff2") format("woff2"),url("../fonts/FuturaLTPro-Book.woff") format("woff");
    font-weight:200;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'FuturaLTPro Book';
    src:url("../fonts/FuturaLTPro-Bold.woff2") format("woff2"),url("../fonts/FuturaLTPro-Bold.woff") format("woff");
    font-weight:700;
    font-style:bold;
    font-display:swap
}

@media (min-width: 768.69px){
    #biotherm-summer .col-md-2{
        flex:0 0 auto !important;
        width:16.66666667% !important
    }
    #biotherm-summer .col-md-10{
        flex:0 0 auto !important;
        width:83.33333333% !important
    }
}

#biotherm-summer{
    font-family:'FuturaLTPro Book';
    width:100%;
    max-width:1200px;
    margin:auto;
    overflow:hidden
}
#biotherm-summer *,#biotherm-summer *::before,#biotherm-summer *::after{
    box-sizing:border-box
}
#biotherm-summer .hero-content .img-fluid {
    width: 100%;
}
#biotherm-summer p{
    margin-top:0;
    margin-bottom:16px
}
#biotherm-summer a{
    color:var(--bs-link-color);
    text-decoration:underline
}
#biotherm-summer a:hover{
    color:var(--bs-link-hover-color)
}
#biotherm-summer img{
    vertical-align:middle
}
#biotherm-summer button:focus:not(:focus-visible){
    outline:0
}
#biotherm-summer button:not(:disabled),#biotherm-summer [type="button"]:not(:disabled),#biotherm-summer [type="reset"]:not(:disabled),#biotherm-summer [type="submit"]:not(:disabled){
    cursor:pointer
}
#biotherm-summer ::-moz-focus-inner{
    padding:0;
    border-style:none
}
#biotherm-summer ::-webkit-datetime-edit-fields-wrapper,#biotherm-summer ::-webkit-datetime-edit-text,#biotherm-summer ::-webkit-datetime-edit-minute,#biotherm-summer ::-webkit-datetime-edit-hour-field,#biotherm-summer ::-webkit-datetime-edit-day-field,#biotherm-summer ::-webkit-datetime-edit-month-field,#biotherm-summer ::-webkit-datetime-edit-year-field{
    padding:0
}
#biotherm-summer ::-webkit-inner-spin-button{
    height:auto
}
#biotherm-summer ::-webkit-search-decoration{
    -webkit-appearance:none
}
#biotherm-summer ::-webkit-color-swatch-wrapper{
    padding:0
}
#biotherm-summer ::file-selector-button{
    font:inherit;
    -webkit-appearance:button
}
#biotherm-summer .img-fluid{
    max-width:100%;
    height:auto
}
#biotherm-summer .container{
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-right:auto;
    margin-left:auto
}
#biotherm-summer .btn{
    --bs-btn-padding-x: 12px;
    --bs-btn-padding-y: 6px;
    --bs-btn-font-family: ;
    --bs-btn-font-size:16px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: #212529;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 6px;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 4px rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display:inline-block;
    padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family:var(--bs-btn-font-family);
    font-size:var(--bs-btn-font-size);
    font-weight:var(--bs-btn-font-weight);
    line-height:var(--bs-btn-line-height);
    color:var(--bs-btn-color);
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius:var(--bs-btn-border-radius);
    background-color:var(--bs-btn-bg);
    transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
}
@media (prefers-reduced-motion: reduce){
    #biotherm-summer .btn{
        transition:none
    }
}
#biotherm-summer .btn:hover{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color)
}
#biotherm-summer .btn:focus{
    color:var(--bs-btn-hover-color);
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);
    outline:0;
    box-shadow:var(--bs-btn-focus-box-shadow)
}
#biotherm-summer .btn:active{
    color:var(--bs-btn-active-color);
    background-color:var(--bs-btn-active-bg);
    border-color:var(--bs-btn-active-border-color)
}
#biotherm-summer .btn:active:focus{
    box-shadow:var(--bs-btn-focus-box-shadow)
}
#biotherm-summer .btn:disabled{
    color:var(--bs-btn-disabled-color);
    pointer-events:none;
    background-color:var(--bs-btn-disabled-bg);
    border-color:var(--bs-btn-disabled-border-color);
    opacity:var(--bs-btn-disabled-opacity)
}
#biotherm-summer .row{
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1 * var(--bs-gutter-y));
    margin-right:calc(-.5 * var(--bs-gutter-x));
    margin-left:calc(-.5 * var(--bs-gutter-x))
}
#biotherm-summer .row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--bs-gutter-x) * .5);
    padding-left:calc(var(--bs-gutter-x) * .5);
    margin-top:var(--bs-gutter-y)
}
#biotherm-summer .col-3{
    flex:0 0 auto;
    width:25%
}
#biotherm-summer .col-4{
    flex:0 0 auto;
    width:33.33333333%
}
#biotherm-summer .col-6{
    flex:0 0 auto;
    width:50%
}
#biotherm-summer .col-9{
    flex:0 0 auto;
    width:75%
}
#biotherm-summer .col-12{
    flex:0 0 auto;
    width:100%
}
#biotherm-summer .g-0{
    --bs-gutter-x: 0
}
#biotherm-summer .g-0{
    --bs-gutter-y: 0
}
#biotherm-summer .ratio{
    position:relative;
    width:100%
}
#biotherm-summer .ratio::before{
    display:block;
    padding-top:var(--bs-aspect-ratio);
    content:""
}
#biotherm-summer .ratio>*{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#biotherm-summer .ratio-16x9{
    --bs-aspect-ratio: calc(9 / 16 * 100%)
}
#biotherm-summer .visually-hidden-focusable:not(:focus):not(:focus-within){
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0, 0, 0, 0) !important;
    white-space:nowrap !important;
    border:0 !important
}
#biotherm-summer .d-block{
    display:block !important
}
#biotherm-summer .d-none{
    display:none !important
}
#biotherm-summer .align-items-center{
    align-items:center !important
}
#biotherm-summer .order-1{
    order:1 !important
}
#biotherm-summer .order-2{
    order:2 !important
}
#biotherm-summer .my-0{
    margin-top:0 !important;
    margin-bottom:0 !important
}
#biotherm-summer .mt-2{
    margin-top:8px !important
}
#biotherm-summer .mt-3{
    margin-top:16px !important
}
#biotherm-summer .mb-0{
    margin-bottom:0 !important
}
#biotherm-summer .mb-2{
    margin-bottom:8px !important
}
#biotherm-summer .mb-3{
    margin-bottom:16px !important
}
#biotherm-summer .mb-4{
    margin-bottom:24px !important
}
#biotherm-summer .mb-5{
    margin-bottom:48px !important
}
#biotherm-summer .p-0{
    padding:0 !important
}
#biotherm-summer .pt-3{
    padding-top:16px !important
}
#biotherm-summer .text-start{
    text-align:left !important
}
#biotherm-summer .text-end{
    text-align:right !important
}
#biotherm-summer .text-center{
    text-align:center !important
}
@media (min-width: 768px){
    #biotherm-summer .d-md-block{
        display:block !important
    }
    #biotherm-summer .d-md-none{
        display:none !important
    }
    #biotherm-summer .order-md-1{
        order:1 !important
    }
    #biotherm-summer .mb-md-0{
        margin-bottom:0 !important
    }
    #biotherm-summer .mb-md-3{
        margin-bottom:16px !important
    }
    #biotherm-summer .pt-md-3{
        padding-top:16px !important
    }
}
@media (min-width: 992px){
    #biotherm-summer .mt-lg-0{
        margin-top:0 !important
    }
    #biotherm-summer .mt-lg-3{
        margin-top:16px !important
    }
    #biotherm-summer .mb-lg-2{
        margin-bottom:8px !important
    }
    #biotherm-summer .mb-lg-3{
        margin-bottom:16px !important
    }
    #biotherm-summer .mb-lg-4{
        margin-bottom:24px !important
    }
    #biotherm-summer .mb-lg-5{
        margin-bottom:48px !important
    }
}
#biotherm-summer .container{
    max-width:988px;
    margin-left:auto;
    margin-right:auto
}
#biotherm-summer a{
    color:unset;
    text-decoration:none
}
#biotherm-summer p{
    font-size:16px;
    line-height:1.2;
    color:#1b2d5b
}
#biotherm-summer .txt-sm{
    font-size:16px !important;
    color:#00587c
}
#biotherm-summer .txt-xs{
    font-size:10.63px !important
}
#biotherm-summer .w1{
    padding-top:40px !important
}
#biotherm-summer .w2{
    padding-top:20px !important
}
#biotherm-summer .hero-content{
    max-width:988px;
    display:flex;
    flex-direction:column;
    justify-content:center
}
#biotherm-summer .hero-content .niveau1{
    font-size:30px;
    color:#00263a;
    text-transform:uppercase;
    line-height:1.2
}
#biotherm-summer .hero-content .niveau2{
    font-size:16px;
    color:#00263a;
    line-height:1.2
}
#biotherm-summer .editorial-content-quinquonce .niveau2{
    font-size:30px;
    text-transform:uppercase;
    color:#00587c;
    line-height:1.2
}
#biotherm-summer .editorial-content-quinquonce .niveau4b{
    font-size:30px;
    text-transform:uppercase;
    color:#00587c;
    line-height:1.2;
    margin-top:20px !important;
    margin-bottom:20px !important
}
#biotherm-summer .editorial-content-quinquonce img{
    width:429px;
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
#biotherm-summer .editorial-content-quinquonce .img-label{
    width:289px;
    max-width:100%
}
#biotherm-summer .editorial-content-quinquonce .img-sm{
    width:91px;
    max-width:100%
}
#biotherm-summer .editorial-content-quinquonce .img-product{
    width:300px;
    max-width:100%
}
#biotherm-summer .row-columns .col-4{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start
}
#biotherm-summer .row-columns .col-4 .col--content{
    flex-grow:1
}
#biotherm-summer .btn{
    width:156px;
    padding:25px 60px;
    text-transform:uppercase;
    font-size:12px !important;
    border-radius:50px;
    padding:16px 16px;
    background-color:#02587c;
    color:#fff;
    font-size:16px;
    text-align:center;
    display:inline-block;
    cursor:pointer
}
#biotherm-summer .btn:hover,#biotherm-summer .btn:focus{
    background:#02587c;
    color:#fff
}

@media (min-width: 1240px) {
    #biotherm-summer{
        font-family:'FuturaLTPro Book';
        width:100%;
        max-width:1554.652px;
        margin:auto;
        overflow:hidden
    }
    #biotherm-summer .hero-content .img-fluid {
        width: 100%;
    }
    #biotherm-summer p{
        margin-top:0;
        margin-bottom:20.728px
    }
    #biotherm-summer a{
        color:var(--bs-link-color);
        text-decoration:underline
    }
    #biotherm-summer a:hover{
        color:var(--bs-link-hover-color)
    }
    #biotherm-summer img{
        vertical-align:middle
    }
    #biotherm-summer button:focus:not(:focus-visible){
        outline:0
    }
    #biotherm-summer button:not(:disabled),#biotherm-summer [type="button"]:not(:disabled),#biotherm-summer [type="reset"]:not(:disabled),#biotherm-summer [type="submit"]:not(:disabled){
        cursor:pointer
    }
    #biotherm-summer ::-moz-focus-inner{
        padding:0;
        border-style:none
    }
    #biotherm-summer ::-webkit-datetime-edit-fields-wrapper,#biotherm-summer ::-webkit-datetime-edit-text,#biotherm-summer ::-webkit-datetime-edit-minute,#biotherm-summer ::-webkit-datetime-edit-hour-field,#biotherm-summer ::-webkit-datetime-edit-day-field,#biotherm-summer ::-webkit-datetime-edit-month-field,#biotherm-summer ::-webkit-datetime-edit-year-field{
        padding:0
    }
    #biotherm-summer ::-webkit-inner-spin-button{
        height:auto
    }
    #biotherm-summer ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    #biotherm-summer ::-webkit-color-swatch-wrapper{
        padding:0
    }
    #biotherm-summer ::file-selector-button{
        font:inherit;
        -webkit-appearance:button
    }
    #biotherm-summer .img-fluid{
        max-width:100%;
        height:auto
    }
    #biotherm-summer .container{
        --bs-gutter-x: 31.093px;
        --bs-gutter-y: 0;
        width:100%;
        padding-right:calc(var(--bs-gutter-x) * .5);
        padding-left:calc(var(--bs-gutter-x) * .5);
        margin-right:auto;
        margin-left:auto
    }
    #biotherm-summer .btn{
        --bs-btn-padding-x: 15.546px;
        --bs-btn-padding-y: 7.773px;
        --bs-btn-font-family: ;
        --bs-btn-font-size:20.728px;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 1.295px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 7.773px;
        --bs-btn-box-shadow: inset 0 1.295px 0 rgba(255,255,255,0.15),0 1.295px 1.295px rgba(0,0,0,0.075);
        --bs-btn-disabled-opacity: .65;
        --bs-btn-focus-box-shadow: 0 0 0 5.182px rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display:inline-block;
        padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family:var(--bs-btn-font-family);
        font-size:var(--bs-btn-font-size);
        font-weight:var(--bs-btn-font-weight);
        line-height:var(--bs-btn-line-height);
        color:var(--bs-btn-color);
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        user-select:none;
        border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius:var(--bs-btn-border-radius);
        background-color:var(--bs-btn-bg);
        transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
    }
    #biotherm-summer .btn:hover{
        color:var(--bs-btn-hover-color);
        background-color:var(--bs-btn-hover-bg);
        border-color:var(--bs-btn-hover-border-color)
    }
    #biotherm-summer .btn:focus{
        color:var(--bs-btn-hover-color);
        background-color:var(--bs-btn-hover-bg);
        border-color:var(--bs-btn-hover-border-color);
        outline:0;
        box-shadow:var(--bs-btn-focus-box-shadow)
    }
    #biotherm-summer .btn:active{
        color:var(--bs-btn-active-color);
        background-color:var(--bs-btn-active-bg);
        border-color:var(--bs-btn-active-border-color)
    }
    #biotherm-summer .btn:active:focus{
        box-shadow:var(--bs-btn-focus-box-shadow)
    }
    #biotherm-summer .btn:disabled{
        color:var(--bs-btn-disabled-color);
        pointer-events:none;
        background-color:var(--bs-btn-disabled-bg);
        border-color:var(--bs-btn-disabled-border-color);
        opacity:var(--bs-btn-disabled-opacity)
    }
    #biotherm-summer .row{
        --bs-gutter-x: 31.093px;
        --bs-gutter-y: 0;
        display:flex;
        flex-wrap:wrap;
        margin-top:calc(-1 * var(--bs-gutter-y));
        margin-right:calc(-.5 * var(--bs-gutter-x));
        margin-left:calc(-.5 * var(--bs-gutter-x))
    }
    #biotherm-summer .row>*{
        flex-shrink:0;
        width:100%;
        max-width:100%;
        padding-right:calc(var(--bs-gutter-x) * .5);
        padding-left:calc(var(--bs-gutter-x) * .5);
        margin-top:var(--bs-gutter-y)
    }
    #biotherm-summer .col-3{
        flex:0 0 auto;
        width:25%
    }
    #biotherm-summer .col-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    #biotherm-summer .col-6{
        flex:0 0 auto;
        width:50%
    }
    #biotherm-summer .col-9{
        flex:0 0 auto;
        width:75%
    }
    #biotherm-summer .col-12{
        flex:0 0 auto;
        width:100%
    }
    #biotherm-summer .g-0{
        --bs-gutter-x: 0
    }
    #biotherm-summer .g-0{
        --bs-gutter-y: 0
    }
    #biotherm-summer .ratio{
        position:relative;
        width:100%
    }
    #biotherm-summer .ratio::before{
        display:block;
        padding-top:var(--bs-aspect-ratio);
        content:""
    }
    #biotherm-summer .ratio>*{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%
    }
    #biotherm-summer .ratio-16x9{
        --bs-aspect-ratio: calc(9 / 16 * 100%)
    }
    #biotherm-summer .visually-hidden-focusable:not(:focus):not(:focus-within){
        position:absolute !important;
        width:1.295px !important;
        height:1.295px !important;
        padding:0 !important;
        margin:-1.295px !important;
        overflow:hidden !important;
        clip:rect(0, 0, 0, 0) !important;
        white-space:nowrap !important;
        border:0 !important
    }
    #biotherm-summer .d-block{
        display:block !important
    }
    #biotherm-summer .d-none{
        display:none !important
    }
    #biotherm-summer .align-items-center{
        align-items:center !important
    }
    #biotherm-summer .order-1{
        order:1 !important
    }
    #biotherm-summer .order-2{
        order:2 !important
    }
    #biotherm-summer .my-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    #biotherm-summer .mt-2{
        margin-top:10.364px !important
    }
    #biotherm-summer .mt-3{
        margin-top:20.728px !important
    }
    #biotherm-summer .mb-0{
        margin-bottom:0 !important
    }
    #biotherm-summer .mb-2{
        margin-bottom:10.364px !important
    }
    #biotherm-summer .mb-3{
        margin-bottom:20.728px !important
    }
    #biotherm-summer .mb-4{
        margin-bottom:31.093px !important
    }
    #biotherm-summer .mb-5{
        margin-bottom:62.186px !important
    }
    #biotherm-summer .p-0{
        padding:0 !important
    }
    #biotherm-summer .pt-3{
        padding-top:20.728px !important
    }
    #biotherm-summer .text-start{
        text-align:left !important
    }
    #biotherm-summer .text-end{
        text-align:right !important
    }
    #biotherm-summer .text-center{
        text-align:center !important
    }
    #biotherm-summer .d-md-block{
        display:block !important
    }
    #biotherm-summer .d-md-none{
        display:none !important
    }
    #biotherm-summer .order-md-1{
        order:1 !important
    }
    #biotherm-summer .mb-md-0{
        margin-bottom:0 !important
    }
    #biotherm-summer .mb-md-3{
        margin-bottom:20.728px !important
    }
    #biotherm-summer .pt-md-3{
        padding-top:20.728px !important
    }
    #biotherm-summer .mt-lg-0{
        margin-top:0 !important
    }
    #biotherm-summer .mt-lg-3{
        margin-top:20.728px !important
    }
    #biotherm-summer .mb-lg-2{
        margin-bottom:10.364px !important
    }
    #biotherm-summer .mb-lg-3{
        margin-bottom:20.728px !important
    }
    #biotherm-summer .mb-lg-4{
        margin-bottom:31.093px !important
    }
    #biotherm-summer .mb-lg-5{
        margin-bottom:62.186px !important
    }
    #biotherm-summer .container{
        max-width:1279.997px;
        margin-left:auto;
        margin-right:auto
    }
    #biotherm-summer a{
        color:unset;
        text-decoration:none
    }
    #biotherm-summer p{
        font-size:20.728px;
        line-height:1.2;
        color:#1b2d5b
    }
    #biotherm-summer .txt-sm{
        font-size:20.728px !important;
        color:#00587c
    }
    #biotherm-summer .txt-xs{
        font-size:13.772px !important
    }
    #biotherm-summer .w1{
        padding-top:51.821px !important
    }
    #biotherm-summer .w2{
        padding-top:25.91px !important
    }
    #biotherm-summer .hero-content{
        max-width:1279.997px;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    #biotherm-summer .hero-content .niveau1{
        font-size:38.866px;
        color:#00263a;
        text-transform:uppercase;
        line-height:1.2
    }
    #biotherm-summer .hero-content .niveau2{
        font-size:20.728px;
        color:#00263a;
        line-height:1.2
    }
    #biotherm-summer .editorial-content-quinquonce .niveau2{
        font-size:38.866px;
        text-transform:uppercase;
        color:#00587c;
        line-height:1.2
    }
    #biotherm-summer .editorial-content-quinquonce .niveau4b{
        font-size:38.866px;
        text-transform:uppercase;
        color:#00587c;
        line-height:1.2;
        margin-top:25.91px !important;
        margin-bottom:25.91px !important
    }
    #biotherm-summer .editorial-content-quinquonce img{
        width:555.788px;
        max-width:100%;
        margin-left:auto;
        margin-right:auto
    }
    #biotherm-summer .editorial-content-quinquonce .img-label{
        width:374.412px;
        max-width:100%
    }
    #biotherm-summer .editorial-content-quinquonce .img-sm{
        width:117.894px;
        max-width:100%
    }
    #biotherm-summer .editorial-content-quinquonce .img-product{
        width:388.663px;
        max-width:100%
    }
    #biotherm-summer .row-columns .col-4{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start
    }
    #biotherm-summer .row-columns .col-4 .col--content{
        flex-grow:1
    }
    #biotherm-summer .btn{
        width:202.104px;
        padding:32.388px 77.732px;
        text-transform:uppercase;
        font-size:15.546px !important;
        border-radius:64.777px;
        padding:20.728px 20.728px;
        background-color:#02587c;
        color:#fff;
        font-size:20.728px;
        text-align:center;
        display:inline-block;
        cursor:pointer
    }
    #biotherm-summer .btn:hover,#biotherm-summer .btn:focus{
        background:#02587c;
        color:#fff
    }
}

@media (min-width: 1400px) {
    #biotherm-summer{
        font-family:'FuturaLTPro Book';
        width:100%;
        max-width:1748.985px;
        margin:auto;
        overflow:hidden
    }
    #biotherm-summer *,#biotherm-summer *::before,#biotherm-summer *::after{
        box-sizing:border-box
    }
    #biotherm-summer .hero-content .img-fluid {
        width: 100%;
    }
    #biotherm-summer p{
        margin-top:0;
        margin-bottom:23.319px
    }
    #biotherm-summer a{
        color:var(--bs-link-color);
        text-decoration:underline
    }
    #biotherm-summer a:hover{
        color:var(--bs-link-hover-color)
    }
    #biotherm-summer img{
        vertical-align:middle
    }
    #biotherm-summer button:focus:not(:focus-visible){
        outline:0
    }
    #biotherm-summer button:not(:disabled),#biotherm-summer [type="button"]:not(:disabled),#biotherm-summer [type="reset"]:not(:disabled),#biotherm-summer [type="submit"]:not(:disabled){
        cursor:pointer
    }
    #biotherm-summer ::-moz-focus-inner{
        padding:0;
        border-style:none
    }
    #biotherm-summer ::-webkit-datetime-edit-fields-wrapper,#biotherm-summer ::-webkit-datetime-edit-text,#biotherm-summer ::-webkit-datetime-edit-minute,#biotherm-summer ::-webkit-datetime-edit-hour-field,#biotherm-summer ::-webkit-datetime-edit-day-field,#biotherm-summer ::-webkit-datetime-edit-month-field,#biotherm-summer ::-webkit-datetime-edit-year-field{
        padding:0
    }
    #biotherm-summer ::-webkit-inner-spin-button{
        height:auto
    }
    #biotherm-summer ::-webkit-search-decoration{
        -webkit-appearance:none
    }
    #biotherm-summer ::-webkit-color-swatch-wrapper{
        padding:0
    }
    #biotherm-summer ::file-selector-button{
        font:inherit;
        -webkit-appearance:button
    }
    #biotherm-summer .img-fluid{
        max-width:100%;
        height:auto
    }
    #biotherm-summer .container{
        --bs-gutter-x: 34.979px;
        --bs-gutter-y: 0;
        width:100%;
        padding-right:calc(var(--bs-gutter-x) * .5);
        padding-left:calc(var(--bs-gutter-x) * .5);
        margin-right:auto;
        margin-left:auto
    }
    #biotherm-summer .btn{
        --bs-btn-padding-x: 17.489px;
        --bs-btn-padding-y: 8.744px;
        --bs-btn-font-family: ;
        --bs-btn-font-size:23.319px;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 1.457px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 8.744px;
        --bs-btn-box-shadow: inset 0 1.457px 0 rgba(255,255,255,0.15),0 1.457px 1.457px rgba(0,0,0,0.075);
        --bs-btn-disabled-opacity: .65;
        --bs-btn-focus-box-shadow: 0 0 0 5.829px rgba(var(--bs-btn-focus-shadow-rgb), .5);
        display:inline-block;
        padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family:var(--bs-btn-font-family);
        font-size:var(--bs-btn-font-size);
        font-weight:var(--bs-btn-font-weight);
        line-height:var(--bs-btn-line-height);
        color:var(--bs-btn-color);
        text-align:center;
        text-decoration:none;
        vertical-align:middle;
        cursor:pointer;
        user-select:none;
        border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius:var(--bs-btn-border-radius);
        background-color:var(--bs-btn-bg);
        transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out
    }
    #biotherm-summer .btn:hover{
        color:var(--bs-btn-hover-color);
        background-color:var(--bs-btn-hover-bg);
        border-color:var(--bs-btn-hover-border-color)
    }
    #biotherm-summer .btn:focus{
        color:var(--bs-btn-hover-color);
        background-color:var(--bs-btn-hover-bg);
        border-color:var(--bs-btn-hover-border-color);
        outline:0;
        box-shadow:var(--bs-btn-focus-box-shadow)
    }
    #biotherm-summer .btn:active{
        color:var(--bs-btn-active-color);
        background-color:var(--bs-btn-active-bg);
        border-color:var(--bs-btn-active-border-color)
    }
    #biotherm-summer .btn:active:focus{
        box-shadow:var(--bs-btn-focus-box-shadow)
    }
    #biotherm-summer .btn:disabled{
        color:var(--bs-btn-disabled-color);
        pointer-events:none;
        background-color:var(--bs-btn-disabled-bg);
        border-color:var(--bs-btn-disabled-border-color);
        opacity:var(--bs-btn-disabled-opacity)
    }
    #biotherm-summer .row{
        --bs-gutter-x: 34.979px;
        --bs-gutter-y: 0;
        display:flex;
        flex-wrap:wrap;
        margin-top:calc(-1 * var(--bs-gutter-y));
        margin-right:calc(-.5 * var(--bs-gutter-x));
        margin-left:calc(-.5 * var(--bs-gutter-x))
    }
    #biotherm-summer .row>*{
        flex-shrink:0;
        width:100%;
        max-width:100%;
        padding-right:calc(var(--bs-gutter-x) * .5);
        padding-left:calc(var(--bs-gutter-x) * .5);
        margin-top:var(--bs-gutter-y)
    }
    #biotherm-summer .col-3{
        flex:0 0 auto;
        width:25%
    }
    #biotherm-summer .col-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    #biotherm-summer .col-6{
        flex:0 0 auto;
        width:50%
    }
    #biotherm-summer .col-9{
        flex:0 0 auto;
        width:75%
    }
    #biotherm-summer .col-12{
        flex:0 0 auto;
        width:100%
    }
    #biotherm-summer .g-0{
        --bs-gutter-x: 0
    }
    #biotherm-summer .g-0{
        --bs-gutter-y: 0
    }
    #biotherm-summer .ratio{
        position:relative;
        width:100%
    }
    #biotherm-summer .ratio::before{
        display:block;
        padding-top:var(--bs-aspect-ratio);
        content:""
    }
    #biotherm-summer .ratio>*{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%
    }
    #biotherm-summer .ratio-16x9{
        --bs-aspect-ratio: calc(9 / 16 * 100%)
    }
    #biotherm-summer .visually-hidden-focusable:not(:focus):not(:focus-within){
        position:absolute !important;
        width:1.457px !important;
        height:1.457px !important;
        padding:0 !important;
        margin:-1.457px !important;
        overflow:hidden !important;
        clip:rect(0, 0, 0, 0) !important;
        white-space:nowrap !important;
        border:0 !important
    }
    #biotherm-summer .d-block{
        display:block !important
    }
    #biotherm-summer .d-none{
        display:none !important
    }
    #biotherm-summer .align-items-center{
        align-items:center !important
    }
    #biotherm-summer .order-1{
        order:1 !important
    }
    #biotherm-summer .order-2{
        order:2 !important
    }
    #biotherm-summer .my-0{
        margin-top:0 !important;
        margin-bottom:0 !important
    }
    #biotherm-summer .mt-2{
        margin-top:11.659px !important
    }
    #biotherm-summer .mt-3{
        margin-top:23.319px !important
    }
    #biotherm-summer .mb-0{
        margin-bottom:0 !important
    }
    #biotherm-summer .mb-2{
        margin-bottom:11.659px !important
    }
    #biotherm-summer .mb-3{
        margin-bottom:23.319px !important
    }
    #biotherm-summer .mb-4{
        margin-bottom:34.979px !important
    }
    #biotherm-summer .mb-5{
        margin-bottom:69.959px !important
    }
    #biotherm-summer .p-0{
        padding:0 !important
    }
    #biotherm-summer .pt-3{
        padding-top:23.319px !important
    }
    #biotherm-summer .text-start{
        text-align:left !important
    }
    #biotherm-summer .text-end{
        text-align:right !important
    }
    #biotherm-summer .text-center{
        text-align:center !important
    }
    #biotherm-summer .d-md-block{
        display:block !important
    }
    #biotherm-summer .d-md-none{
        display:none !important
    }
    #biotherm-summer .order-md-1{
        order:1 !important
    }
    #biotherm-summer .mb-md-0{
        margin-bottom:0 !important
    }
    #biotherm-summer .mb-md-3{
        margin-bottom:23.319px !important
    }
    #biotherm-summer .pt-md-3{
        padding-top:23.319px !important
    }
    #biotherm-summer .mt-lg-0{
        margin-top:0 !important
    }
    #biotherm-summer .mt-lg-3{
        margin-top:23.319px !important
    }
    #biotherm-summer .mb-lg-2{
        margin-bottom:11.659px !important
    }
    #biotherm-summer .mb-lg-3{
        margin-bottom:23.319px !important
    }
    #biotherm-summer .mb-lg-4{
        margin-bottom:34.979px !important
    }
    #biotherm-summer .mb-lg-5{
        margin-bottom:69.959px !important
    }
    #biotherm-summer .container{
        max-width:1439.997px;
        margin-left:auto;
        margin-right:auto
    }
    #biotherm-summer a{
        color:unset;
        text-decoration:none
    }
    #biotherm-summer p{
        font-size:23.319px;
        line-height:1.2;
        color:#1b2d5b
    }
    #biotherm-summer .txt-sm{
        font-size:23.319px !important;
        color:#00587c
    }
    #biotherm-summer .txt-xs{
        font-size:15.493px !important
    }
    #biotherm-summer .w1{
        padding-top:58.299px !important
    }
    #biotherm-summer .w2{
        padding-top:29.149px !important
    }
    #biotherm-summer .hero-content{
        max-width:1439.997px;
        display:flex;
        flex-direction:column;
        justify-content:center
    }
    #biotherm-summer .hero-content .niveau1{
        font-size:43.724px;
        color:#00263a;
        text-transform:uppercase;
        line-height:1.2
    }
    #biotherm-summer .hero-content .niveau2{
        font-size:23.319px;
        color:#00263a;
        line-height:1.2
    }
    #biotherm-summer .editorial-content-quinquonce .niveau2{
        font-size:43.724px;
        text-transform:uppercase;
        color:#00587c;
        line-height:1.2
    }
    #biotherm-summer .editorial-content-quinquonce .niveau4b{
        font-size:43.724px;
        text-transform:uppercase;
        color:#00587c;
        line-height:1.2;
        margin-top:29.149px !important;
        margin-bottom:29.149px !important
    }
    #biotherm-summer .editorial-content-quinquonce img{
        width:625.262px;
        max-width:100%;
        margin-left:auto;
        margin-right:auto
    }
    #biotherm-summer .editorial-content-quinquonce .img-label{
        width:421.213px;
        max-width:100%
    }
    #biotherm-summer .editorial-content-quinquonce .img-sm{
        width:132.631px;
        max-width:100%
    }
    #biotherm-summer .editorial-content-quinquonce .img-product{
        width:437.246px;
        max-width:100%
    }
    #biotherm-summer .row-columns .col-4{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start
    }
    #biotherm-summer .row-columns .col-4 .col--content{
        flex-grow:1
    }
    #biotherm-summer .btn{
        width:227.368px;
        padding:36.437px 87.449px;
        text-transform:uppercase;
        font-size:17.489px !important;
        border-radius:72.874px;
        padding:23.319px 23.319px;
        background-color:#02587c;
        color:#fff;
        font-size:23.319px;
        text-align:center;
        display:inline-block;
        cursor:pointer
    }
    #biotherm-summer .btn:hover,#biotherm-summer .btn:focus{
        background:#02587c;
        color:#fff
    }
}

@media (max-width: 1015px){
    #biotherm-summer p{
        font-size:calc(max(1.45vw, 9px))
    }
    #biotherm-summer .txt-sm{
        font-size:calc(max(1.6vw, 8px)) !important
    }
    #biotherm-summer .container{
        max-width:95%
    }
    #biotherm-summer .txt-xs{
        font-size:calc(max(1vw, 7px)) !important
    }
    #biotherm-summer .hero-content{
        max-width:100% !important
    }
    #biotherm-summer .hero-content .niveau1{
        font-size:calc(max(3vw, 12px))
    }
    #biotherm-summer .hero-content .niveau2{
        font-size:calc(max(1.6vw, 9px))
    }
    #biotherm-summer .editorial-content-quinquonce .niveau2{
        font-size:calc(max(3vw, 12px))
    }
    #biotherm-summer .editorial-content-quinquonce .niveau4b{
        font-size:calc(max(3vw, 11px))
    }
    #biotherm-summer .editorial-content-quinquonce>.row.g-0{
        --bs-gutter-x: 3vw;
        align-items:start !important
    }
    #biotherm-summer .editorial-content-quinquonce>.row.g-0 .col-6:not(.col--img){
        min-height:45vw;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
}
@media (max-width: 460px){
    #biotherm-summer .container{
        max-width:90%
    }
    #biotherm-summer p{
        font-size:8px;
        line-height:1.2
    }
    #biotherm-summer .txt-sm{
        font-size:8px !important
    }
    #biotherm-summer .txt-xs{
        margin-top:5px;
        font-size:6px !important
    }
    #biotherm-summer .w1{
        padding-top:0px !important
    }
    #biotherm-summer .w2{
        padding-top:10px !important
    }
    #biotherm-summer .hero-content .niveau1{
        font-size:15px
    }
    #biotherm-summer .hero-content .niveau2{
        font-size:8px
    }
    #biotherm-summer .editorial-content-quinquonce .niveau2{
        font-size:15px
    }
    #biotherm-summer .editorial-content-quinquonce .niveau4b{
        font-size:10px;
        margin-top:0px !important;
        margin-bottom:5px !important
    }
    #biotherm-summer .editorial-content-quinquonce .img-label{
        max-width:75%
    }
    #biotherm-summer .editorial-content-quinquonce .img-sm{
        max-width:90%
    }
    #biotherm-summer .btn{
        max-width:50%;
        font-size:6px !important;
        padding:10px 20px
    }
    #biotherm-summer .hero-content .niveau1{
        font-size:calc(max(4vw, 12px))
    }
    #biotherm-summer .editorial-content-quinquonce .niveau2{
        font-size:calc(max(3.3vw, 13px))
    }
}
@media (max-width: 640px){
    #biotherm-summer .btn{
        width:24vw;
        font-size:calc(max(2vw, 10px)) !important;
        padding:2.2vw 3vw
    }
    #biotherm-summer .row-columns .col-4 .btn{
        max-width:100%
    }
}